/* ============================================================
   Éditeur de démo Numérisite — réutilisable sur toutes les démos.
   Deux modes : « cliquer-modifier » (inline) et « se laisser guider ».
   Neutre visuellement (violet Numérisite), n'impacte pas le design de la démo.
   ============================================================ */
:root{
  --ed-ink:#17182f;
  --ed-primary:#4F46E5;
  --ed-primary-dark:#3d35c4;
  --ed-accent:#d9ff6e;
  --ed-line:rgba(23,24,47,.12);
  --ed-shadow:0 24px 60px -30px rgba(23,24,47,.55);
  --nmr-top:0px; /* hauteur réservée par la barre plateforme Numérisite (0 si absente) */
}
body.nmr-has-topbar{--nmr-top:46px}
.ned, .ned *{box-sizing:border-box}
.ned-hidden{display:none!important}

/* ---- Voile + modale de choix ---- */
.ned-overlay{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(16,16,34,.55);backdrop-filter:blur(5px);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  animation:ned-fade .2s ease;
}
@keyframes ned-fade{from{opacity:0}to{opacity:1}}
.ned-modal{
  width:min(640px,100%);background:#fff;border-radius:24px;overflow:hidden;
  box-shadow:var(--ed-shadow);color:var(--ed-ink);
  max-height:calc(100vh - 40px);display:flex;flex-direction:column;
}
/* Corps défilant : le contenu long (options de mise en ligne, formulaires) reste
   toujours accessible, et le bandeau d'action ci-dessous reste visible. */
.ned-modal > .ned-checkout,.ned-modal > .ned-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ned-modal__head{flex:0 0 auto}
.ned-modal__head{padding:26px 28px 4px}
.ned-modal__eyebrow{color:var(--ed-primary);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ned-modal__title{margin:8px 0 4px;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.ned-modal__sub{margin:0;color:#666;font-size:14.5px;line-height:1.5}
.ned-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 28px 8px}
.ned-choice{
  text-align:left;border:2px solid var(--ed-line);border-radius:18px;background:#fbfbff;
  padding:18px 18px 20px;cursor:pointer;transition:.16s;font-family:inherit;color:inherit;
}
.ned-choice:hover{border-color:var(--ed-primary);transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(79,70,229,.5)}
.ned-choice__ico{font-size:26px;display:block;margin-bottom:10px}
.ned-choice__t{font-size:17px;font-weight:800;letter-spacing:-.01em}
.ned-choice__d{margin:6px 0 0;font-size:13px;line-height:1.5;color:#666}
.ned-modal__foot{display:flex;justify-content:flex-end;padding:6px 28px 24px}
.ned-textlink{background:none;border:none;color:#8688a0;font:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline}
.ned-note{padding:0 28px 22px;color:#8a8ca3;font-size:12.5px}

/* ---- Barre d'outils (mode inline) ---- */
.ned-toolbar{
  position:fixed;top:var(--nmr-top);left:0;right:0;z-index:2147482000;
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  background:var(--ed-ink);color:#fff;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  box-shadow:0 8px 24px -12px rgba(0,0,0,.5);
}
.ned-toolbar__brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px}
.ned-toolbar__dot{width:9px;height:9px;border-radius:50%;background:var(--ed-accent)}
.ned-toolbar__hint{color:rgba(255,255,255,.62);font-size:12.5px;margin-left:2px}
.ned-toolbar__spacer{flex:1}
.ned-btn{
  border:none;border-radius:999px;padding:9px 16px;font:inherit;font-size:13px;font-weight:800;
  cursor:pointer;transition:.15s;white-space:nowrap;
}
.ned-btn--ghost{background:rgba(255,255,255,.12);color:#fff}
.ned-btn--ghost:hover{background:rgba(255,255,255,.2)}
.ned-btn--primary{background:var(--ed-primary);color:#fff}
.ned-btn--primary:hover{background:var(--ed-primary-dark)}
.ned-btn--accent{background:var(--ed-accent);color:var(--ed-ink)}
.ned-btn--accent:hover{filter:brightness(.95)}
body.ned-editing{scroll-padding-top:64px}
body.ned-editing.ned-has-toolbar{padding-top:56px}

/* ---- Surbrillance des éléments modifiables ---- */
.ned-editing [data-ned-editable]{cursor:text;transition:box-shadow .12s, outline .12s;border-radius:4px}
.ned-editing [data-ned-editable]:hover{outline:2px dashed var(--ed-primary);outline-offset:3px;background:rgba(79,70,229,.05)}
.ned-editing [data-ned-img]{cursor:pointer;position:relative}
.ned-editing [data-ned-img]:hover{outline:3px solid var(--ed-primary);outline-offset:-1px}
.ned-editing [data-ned-img]::after{
  content:"Changer la photo";position:absolute;top:8px;left:8px;z-index:5;
  background:var(--ed-primary);color:#fff;font:800 11px system-ui;padding:5px 10px;border-radius:999px;
  opacity:0;transition:.15s;pointer-events:none;
}
.ned-editing [data-ned-img]:hover::after{opacity:1}
[data-ned-active]{outline:2px solid var(--ed-primary)!important;outline-offset:3px;background:rgba(79,70,229,.06)}

/* ---- Panneau guidé ---- */
.ned-panel{
  position:fixed;top:0;right:0;bottom:0;z-index:2147482000;width:min(390px,92vw);
  display:flex;flex-direction:column;background:#fff;color:var(--ed-ink);
  box-shadow:-18px 0 50px -30px rgba(23,24,47,.5);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  transform:translateX(100%);transition:transform .28s ease;
}
.ned-panel.is-open{transform:none}
.ned-panel__head{padding:18px 20px;border-bottom:1px solid var(--ed-line)}
.ned-panel__eyebrow{color:var(--ed-primary);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ned-panel__title{margin:6px 0 2px;font-size:19px;letter-spacing:-.02em}
.ned-panel__sub{margin:0;color:#71738a;font-size:12.5px;line-height:1.45}
.ned-panel__body{flex:1;overflow-y:auto;padding:6px 20px 20px}
.ned-group{margin-top:18px}
.ned-group__t{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8a8ca3}
.ned-field{margin-bottom:13px}
.ned-field label{display:block;margin-bottom:5px;font-size:12.5px;font-weight:700;color:#3b3c55}
.ned-field input[type=text],.ned-field input[type=email],.ned-field textarea{
  width:100%;border:1.6px solid var(--ed-line);border-radius:11px;padding:10px 12px;
  font:inherit;font-size:13.5px;color:var(--ed-ink);background:#fbfbff;resize:vertical;
}
.ned-field input:focus,.ned-field textarea:focus{outline:2px solid var(--ed-primary);outline-offset:0;border-color:transparent}
.ned-field textarea{min-height:64px;line-height:1.5}
.ned-photo-btn{
  display:flex;align-items:center;gap:10px;width:100%;border:1.6px dashed var(--ed-line);border-radius:12px;
  padding:10px 12px;background:#fbfbff;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#3b3c55;text-align:left;
}
.ned-photo-btn:hover{border-color:var(--ed-primary);color:var(--ed-primary)}
.ned-photo-btn b{width:40px;height:32px;border-radius:7px;background-size:cover;background-position:center;flex:none;border:1px solid var(--ed-line)}
/* ---- Couleurs ---- */
.ned-colors{display:flex;flex-wrap:wrap;gap:10px}
.ned-color{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#71738a}
.ned-color input[type=color]{
  width:44px;height:44px;padding:0;border:2px solid var(--ed-line);border-radius:12px;background:none;cursor:pointer;
}
.ned-panel__foot{padding:14px 20px;border-top:1px solid var(--ed-line);display:flex;gap:10px}
.ned-panel__foot .ned-btn{flex:1;padding:12px}

/* ---- Bandeau d'aperçu ---- */
.ned-preview-bar{
  position:fixed;top:0;left:0;right:0;z-index:2147482000;
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  background:linear-gradient(120deg,#1b1a37,#312a55);color:#fff;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;
}
.ned-preview-bar strong{font-weight:800}
.ned-preview-bar span{color:rgba(255,255,255,.66)}

/* ---- Bouton flottant « Personnaliser » (repli si pas de CTA dans la démo) ---- */
.ned-fab{
  position:fixed;right:18px;bottom:18px;z-index:2147481000;
  border:none;border-radius:999px;padding:13px 20px;
  background:var(--ed-primary);color:#fff;font:800 14px system-ui;cursor:pointer;
  box-shadow:0 16px 34px -14px rgba(79,70,229,.7);display:flex;align-items:center;gap:8px;
}
.ned-fab:hover{background:var(--ed-primary-dark)}

.ned-toast{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:2147483600;
  background:var(--ed-ink);color:#fff;padding:11px 20px;border-radius:999px;
  font:700 13px system-ui;box-shadow:var(--ed-shadow);opacity:0;transition:opacity .2s, transform .2s;
}
.ned-toast.is-on{opacity:1;transform:translateX(-50%) translateY(-4px)}

@media(max-width:640px){
  .ned-choices{grid-template-columns:1fr}
  .ned-toolbar__hint{display:none}
}

/* ============================================================
   Mode « Cliquer et modifier » : barre haut + panneau gauche
   ============================================================ */
body.ned-edit{padding-top:calc(var(--nmr-top) + 52px)}
body.ned-edit--side{padding-left:322px}
body.ned-edit.ned-has-fmt{padding-right:300px} /* colonne de mise en forme permanente à droite */
/* la nav collante des démos passe sous la barre d'édition */
body.ned-edit .nav,body.ned-edit .site-header,body.ned-edit header[class]{top:calc(var(--nmr-top) + 52px)!important}
/* on masque la bannière « Personnaliser cette démo » et le chat pendant l'édition */
body.ned-edit .demo-conversion,body.ned-editing .demo-conversion,
body.ned-edit .demo-conversion__cta{display:none!important}

.ned-side{
  position:fixed;top:calc(var(--nmr-top) + 52px);left:0;bottom:0;width:322px;z-index:2147481500;
  background:#fff;border-right:1px solid var(--ed-line);
  box-shadow:8px 0 40px -30px rgba(23,24,47,.4);overflow-y:auto;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ed-ink);padding:0 18px 26px;
}
.ned-side__intro{padding:18px 0 2px}
.ned-side__intro small{color:var(--ed-primary);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ned-side__intro strong{display:block;margin:6px 0 3px;font-size:19px;letter-spacing:-.02em}
.ned-side__intro p{margin:0;color:#71738a;font-size:12.5px;line-height:1.45}
.ned-side .ned-group{margin-top:16px;padding-top:15px;border-top:1px solid var(--ed-line)}
.ned-side .ned-group__t{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8a8ca3}
.ned-side__tip{font-size:12.5px;line-height:1.5;color:#5a5c74;background:#f5f4ff;border:1px solid var(--ed-line);border-radius:12px;padding:12px 13px}
.ned-side__tip b{color:var(--ed-primary)}

/* Popover d'édition d'une photo (remplacer / zoom / taille / recadrer) */
.ned-imgpop{
  position:absolute;z-index:2147482600;width:238px;background:#fff;color:var(--ed-ink);
  border-radius:15px;box-shadow:var(--ed-shadow);padding:14px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
.ned-imgpop h4{margin:0 0 11px;font-size:13px;font-weight:800}
.ned-imgpop .ned-btn{width:100%;justify-content:center;margin-bottom:11px}
.ned-imgrow{margin-bottom:12px}
.ned-imgrow label{display:flex;justify-content:space-between;font-size:11.5px;font-weight:800;color:#5a5c74;margin-bottom:6px}
.ned-imgrow input[type=range]{width:100%;accent-color:var(--ed-primary);margin:0}
.ned-imgpop__hint{font-size:11px;color:#8a8ca3;margin:0 0 11px}
[data-ned-framing]{cursor:move!important;outline:2px solid var(--ed-primary);outline-offset:-2px}

@media(max-width:760px){
  body.ned-edit--side{padding-left:0}
  .ned-side{width:100%;top:auto;bottom:0;height:44vh;border-right:none;border-top:1px solid var(--ed-line)}
}

/* ============================================================
   Tunnel de mise en ligne (demo-publish.js)
   ============================================================ */
.ned-modal--wide{width:min(720px,100%)}
.ned-modal__head{position:relative}
.ned-x{position:absolute;top:14px;right:16px;border:none;background:none;font-size:24px;line-height:1;color:#9a9cb0;cursor:pointer}
.ned-x:hover{color:var(--ed-ink)}
.ned-steps{display:flex;align-items:center;gap:6px;padding:22px 28px 4px}
.ned-steps i{flex:1;height:2px;background:var(--ed-line)}
.ned-step{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#a6a8bd}
.ned-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eceafc;color:#a6a8bd;font-size:11px}
.ned-step.is-on{color:var(--ed-ink)}.ned-step.is-on b{background:var(--ed-primary);color:#fff}
.ned-step.is-done b{background:#1a9274;color:#fff}
.ned-checkout{padding:16px 28px 26px}
.ned-checkout .ned-modal__title{margin:6px 0 4px;font-size:23px}
.ned-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 6px}
.ned-plan{position:relative;text-align:left;border:2px solid var(--ed-line);border-radius:16px;background:#fbfbff;padding:16px 14px;cursor:pointer;font-family:inherit;color:inherit;transition:.15s}
.ned-plan:hover{border-color:var(--ed-primary);transform:translateY(-2px)}
.ned-plan.is-active{border-color:var(--ed-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.ned-plan__reco{position:absolute;top:-10px;left:14px;background:var(--ed-accent);color:var(--ed-ink);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.ned-plan__name{display:block;font-size:15px;font-weight:800}
.ned-plan__price{display:block;margin-top:6px;font-size:22px;font-weight:900;letter-spacing:-.03em}
.ned-plan__pm{display:block;color:#8a8ca3;font-size:11.5px;font-weight:700}
.ned-plan__d{display:block;margin-top:8px;color:#65677c;font-size:12px;line-height:1.4}
.ned-checkout__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;position:sticky;bottom:-26px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%);padding:16px 0 6px;margin-bottom:-8px}
.ned-btn--ghost2{background:#f0eff9;color:var(--ed-ink)}
.ned-btn--ghost2:hover{background:#e7e5f6}
.ned-form2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.ned-f2{display:flex;flex-direction:column;gap:6px}
.ned-f2 span{font-size:12.5px;font-weight:700;color:#3b3c55}
.ned-f2 input{border:1.6px solid var(--ed-line);border-radius:11px;padding:11px 13px;font:inherit;font-size:14px;color:var(--ed-ink);background:#fbfbff}
.ned-f2 input:focus{outline:2px solid var(--ed-primary);border-color:transparent}
.ned-order{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 0;border-bottom:1px solid var(--ed-line)}
.ned-order b{display:block;font-size:15px}.ned-order small{color:#8a8ca3;font-size:12px}
.ned-order strong{font-size:19px;font-weight:900;letter-spacing:-.02em}
.ned-order--sub strong{font-size:15px;color:#5a5c74}
.ned-paycard{margin-top:20px;border:1.6px solid var(--ed-line);border-radius:16px;padding:16px 18px;background:linear-gradient(120deg,#1b1a37,#312a55);color:#fff}
.ned-paycard__row{display:flex;align-items:center;justify-content:space-between}
.ned-paycard__row span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ned-paycard__row em{font-style:normal;font-size:11px;font-weight:800;color:var(--ed-accent)}
.ned-paycard__num{font-size:22px;letter-spacing:.14em;margin:16px 0 10px;font-variant-numeric:tabular-nums}
.ned-paycard__meta{display:flex;gap:18px;color:rgba(255,255,255,.72);font-size:13px}
.ned-note2{margin:14px 0 0;color:#8a8ca3;font-size:12px;line-height:1.5}
.ned-checkout--done{text-align:center;padding:34px 28px 28px}
.ned-done__badge{width:66px;height:66px;margin:0 auto 14px;border-radius:50%;background:#1a9274;color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 16px 30px -14px rgba(26,146,116,.7)}
.ned-url{display:inline-block;margin:8px auto 4px;background:#f4f3ff;border:1.6px solid var(--ed-line);border-radius:999px;padding:10px 20px;font-weight:800;color:var(--ed-primary)}
.ned-done__actions{display:flex;gap:12px;justify-content:center;margin:22px 0 4px;flex-wrap:wrap}

/* Bandeau « site en ligne » (vue publiée) */
body.ned-published .demo-conversion{display:none!important}
.ned-live{position:fixed;top:var(--nmr-top);left:0;right:0;z-index:2147481800;box-sizing:border-box;min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 16px;background:linear-gradient(120deg,#12332a,#1a9274);color:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;font-weight:700}
.ned-live .ned-btn{padding:7px 14px;font-size:12.5px}
.ned-live b{font-weight:800}
.ned-live__dot{width:9px;height:9px;border-radius:50%;background:var(--ed-accent);box-shadow:0 0 0 4px rgba(217,255,110,.25)}
.ned-live .ned-btn{margin-left:auto;background:rgba(255,255,255,.16)}
.ned-live .ned-btn:hover{background:rgba(255,255,255,.28)}
body.ned-published{padding-top:calc(var(--nmr-top) + 48px)}
body.ned-published .nav,body.ned-published .site-header,body.ned-published header[class]{top:calc(var(--nmr-top) + 48px)!important} /* le menu de la démo passe SOUS la barre, plus de bouton coupé */
/* Aperçu « voir mon site » : la barre plateforme (46px) ET la barre d'aperçu (48px) sont visibles.
   Sélecteurs combinés à specificité plus élevée pour empiler les deux (sinon body.nmr-has-topbar écrase). */
body.ned-published.nmr-has-topbar{padding-top:calc(var(--nmr-top) + 50px)}
body.ned-published.nmr-has-topbar .nav,body.ned-published.nmr-has-topbar .site-header,body.ned-published.nmr-has-topbar header[class]{top:calc(var(--nmr-top) + 50px)!important}

@media(max-width:640px){.ned-plans{grid-template-columns:1fr}.ned-form2{grid-template-columns:1fr}}

/* ============================================================
   Ajouts : bannière d'aide, mini-barre typo, sélecteurs, logo placement
   ============================================================ */
.ned-btn--save{background:#1a9274;color:#fff}
.ned-btn--save:hover{background:#15795f}

/* Grande bannière « cliquez pour modifier » */
.ned-editbar{position:fixed;top:calc(var(--nmr-top) + 52px);left:0;right:0;z-index:2147481900;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--ed-accent);color:var(--ed-ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 8px 20px -12px rgba(0,0,0,.35)}
.ned-editbar__ico{font-size:20px}
.ned-editbar__txt{font-size:14.5px;font-weight:700;line-height:1.35}
.ned-editbar__txt b{font-weight:900}
.ned-editbar__x{margin-left:auto;border:none;background:rgba(23,24,47,.12);color:var(--ed-ink);width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer;flex:none}
.ned-editbar__x:hover{background:rgba(23,24,47,.22)}
body.ned-edit.ned-has-editbar{padding-top:calc(var(--nmr-top) + 100px)}
body.ned-edit.ned-has-editbar .ned-side{top:calc(var(--nmr-top) + 100px)}
body.ned-edit.ned-has-editbar .nav,body.ned-edit.ned-has-editbar .site-header,body.ned-edit.ned-has-editbar header[class]{top:calc(var(--nmr-top) + 100px)!important}

/* Barre plateforme Numérisite — toujours en haut de la démo (vue publique) */
.nmr-topbar{
  position:fixed;top:0;left:0;right:0;z-index:2147482060;box-sizing:border-box;height:46px;
  display:flex;align-items:center;gap:16px;padding:0 18px;
  background:linear-gradient(120deg,#141334,#2a2470);color:#fff;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;
  box-shadow:0 6px 24px -18px rgba(0,0,0,.7);
}
.nmr-topbar__brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900;font-size:15px;letter-spacing:-.01em}
.nmr-topbar__dot{width:9px;height:9px;border-radius:50%;background:var(--ed-accent);box-shadow:0 0 0 4px rgba(217,255,110,.22)}
.nmr-topbar__demos{color:rgba(255,255,255,.82);text-decoration:none;font-weight:700;font-size:12.5px}
.nmr-topbar__demos:hover{color:#fff}
.nmr-topbar__tag{color:rgba(255,255,255,.55);font-size:11.5px;font-weight:700;letter-spacing:.02em;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px 10px}
.nmr-topbar__spacer{flex:1}
.nmr-topbar__acct{color:rgba(255,255,255,.72);font-size:12px;font-weight:600}
.nmr-topbar__acct b{color:#fff;font-weight:800}
.nmr-topbar__link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:700;font-size:12.5px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 13px;background:none;cursor:pointer;font-family:inherit}
.nmr-topbar__link:hover{background:rgba(255,255,255,.14)}
/* « Se connecter » bien lisible : fond rouge, texte blanc */
.nmr-topbar__link[data-nmr-login]{background:#e23b2e;border-color:#e23b2e;color:#fff}
.nmr-topbar__link[data-nmr-login]:hover{background:#c62f24;border-color:#c62f24}
.nmr-topbar__link--ghost{border-color:transparent;color:rgba(255,255,255,.6)}
.nmr-topbar__cta{border:none;border-radius:999px;background:var(--ed-primary);color:#fff;font:inherit;font-weight:800;font-size:12.5px;padding:8px 15px;cursor:pointer;white-space:nowrap}
.nmr-topbar__cta:hover{background:var(--ed-primary-dark)}
body.nmr-has-topbar{padding-top:46px}
body.nmr-has-topbar .nav,body.nmr-has-topbar .site-header,body.nmr-has-topbar header[class]{top:46px!important} /* le menu de la démo passe sous la barre Numérisite */
/* en édition ou en ligne, le bouton « Personnaliser » n'a plus lieu d'être */
body.ned-edit .nmr-topbar__cta,body.ned-published .nmr-topbar__cta{display:none}
@media(max-width:760px){
  .nmr-topbar{gap:10px;padding:0 12px;font-size:12px}
  .nmr-topbar__demos,.nmr-topbar__tag,.nmr-topbar__acct{display:none}
  .nmr-topbar__cta{padding:7px 11px}
}

/* Panneau de mise en forme (typo) au clic sur un texte — colonne de droite */
.ned-fmtpanel{
  position:fixed;top:calc(var(--nmr-top) + 52px);right:0;bottom:0;width:300px;z-index:2147481600;
  background:#fff;border-left:1px solid var(--ed-line);
  box-shadow:-8px 0 40px -30px rgba(23,24,47,.4);overflow-y:auto;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ed-ink);
  display:flex;flex-direction:column;
}
body.ned-edit.ned-has-editbar .ned-fmtpanel{top:calc(var(--nmr-top) + 100px)}
.ned-fp__empty{margin:4px 0 0;font-size:13px;line-height:1.55;color:#71738a}
.ned-fp__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--ed-line);position:sticky;top:0;background:#fff;z-index:2}
.ned-fp__head small{display:block;color:var(--ed-primary);font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ned-fp__head strong{display:block;margin-top:2px;font-size:16px;letter-spacing:-.02em}
.ned-fp__body{padding:6px 18px 22px}
.ned-fp__body .ned-field{margin-top:15px}
.ned-fp__body .ned-field>label{display:block;font-size:11.5px;font-weight:800;color:#5a5c74;margin-bottom:6px}
.ned-fp-size{display:flex;align-items:center;gap:7px}
.ned-fp-size .ned-select{flex:1}
.ned-fp-abtn{flex:none;width:38px;height:38px;border:1.6px solid var(--ed-line);background:#fbfbff;border-radius:10px;font-size:14px;font-weight:900;color:#3b3c55;cursor:pointer;line-height:1}
.ned-fp-abtn:hover{border-color:var(--ed-primary);color:var(--ed-primary)}
.ned-fp-btns{display:flex;gap:7px}
.ned-fp-btns button{flex:1;border:1.6px solid var(--ed-line);background:#fbfbff;border-radius:10px;padding:9px 4px;font:inherit;font-size:13px;font-weight:800;color:#3b3c55;cursor:pointer}
.ned-fp-btns button:hover{border-color:var(--ed-primary)}
.ned-fp-btns button.is-on{background:var(--ed-primary);color:#fff;border-color:var(--ed-primary)}
.ned-color-dots{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ned-color-dot{width:26px;height:26px;min-width:26px;border-radius:50%;border:2px solid rgba(23,24,47,.12);cursor:pointer;padding:0}
.ned-color-dot:hover{transform:scale(1.12);border-color:var(--ed-primary)}
.ned-color-dot--none{background:#fff!important;color:#c0392b;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.ned-color-cust{width:30px;height:30px;border:none;border-radius:50%;background:conic-gradient(red,orange,yellow,lime,cyan,blue,magenta,red);cursor:pointer;padding:0;overflow:hidden}
.ned-color-cust::-webkit-color-swatch-wrapper{padding:0}
.ned-color-cust::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}
.ned-color-cust::-moz-color-swatch{border:none;opacity:0}
.ned-fp__hint{margin:18px 0 0;font-size:11.5px;line-height:1.5;color:#5a5c74;background:#f5f4ff;border:1px solid var(--ed-line);border-radius:12px;padding:11px 12px}
@media(max-width:760px){
  .ned-fmtpanel{width:100%;top:auto;bottom:0;height:44vh;border-left:none;border-top:1px solid var(--ed-line)}
  body.ned-edit.ned-has-editbar .ned-fmtpanel{top:auto}
  body.ned-edit.ned-has-fmt{padding-right:0}
}

/* Sélecteurs de police (panneau) */
.ned-select{width:100%;border:1.6px solid var(--ed-line);border-radius:11px;padding:9px 11px;font:inherit;font-size:13.5px;color:var(--ed-ink);background:#fbfbff;cursor:pointer}
.ned-select:focus{outline:2px solid var(--ed-primary);border-color:transparent}

/* Placement du logo (segmenté) */
.ned-logoplace{margin-top:10px}
.ned-logoplace>span{display:block;font-size:12px;font-weight:700;color:#71738a;margin-bottom:6px}
.ned-seg{display:flex;gap:6px}
.ned-seg button{flex:1;border:1.6px solid var(--ed-line);background:#fbfbff;border-radius:10px;padding:8px 4px;font:inherit;font-size:12px;font-weight:800;color:#3b3c55;cursor:pointer}
.ned-seg button:hover{border-color:var(--ed-primary)}
.ned-seg button.is-on{background:var(--ed-primary);color:#fff;border-color:var(--ed-primary)}

/* Bandeau aperçu (nouvel onglet) */
.ned-live--preview{background:linear-gradient(120deg,#1b1a37,#4F46E5)}
.ned-live--preview .ned-live__dot{background:var(--ed-accent)}

/* Pastilles de couleur (mini-barre typo) + lien de bascule de mode */
.ned-fmt-sep{width:1px;height:22px;background:rgba(255,255,255,.18);margin:0 2px}
.ned-fmt-sws{display:inline-flex;gap:4px;align-items:center}
.ned-fmt-sw{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer;padding:0}
.ned-fmt-sw:hover{transform:scale(1.15);border-color:#fff}
.ned-fmt-cust{width:26px;height:26px;border:none;border-radius:50%;background:conic-gradient(red,orange,yellow,lime,cyan,blue,magenta,red);cursor:pointer;padding:0;overflow:hidden}
.ned-fmt-cust::-webkit-color-swatch-wrapper{padding:0}
.ned-fmt-cust::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}
.ned-fmt-cust::-moz-color-swatch{border:none;opacity:0}
.ned-switchmode{margin-top:12px;border:none;background:none;color:var(--ed-primary);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;padding:0;text-align:left;text-decoration:underline}
.ned-switchmode:hover{color:var(--ed-primary-dark)}

/* Réassurance + reset */
.ned-reassure{margin-top:10px!important;font-size:12px!important;color:#3b7d5f!important;background:#eefaf2;border:1px solid #cdeadd;border-radius:10px;padding:9px 11px;line-height:1.4}
.ned-reassure b{color:#256a49}
.ned-reset{color:#9a4b4b!important;text-decoration:none!important}
.ned-reset:hover{color:#7a2f2f!important}

/* Offre unique + options (tunnel) */
.ned-base{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 8px;padding:18px 20px;border:2px solid var(--ed-primary);border-radius:16px;background:linear-gradient(120deg,#f4f3ff,#fff)}
.ned-base__k{display:block;color:var(--ed-primary);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ned-base strong{display:block;margin:3px 0 4px;font-size:22px;letter-spacing:-.02em}
.ned-base small{color:#65677c;font-size:12.5px;line-height:1.4}
.ned-base__p{text-align:right;flex:none}
.ned-base__p b{display:block;font-size:26px;font-weight:900;letter-spacing:-.03em}
.ned-base__p span{color:#8a8ca3;font-size:12px;font-weight:700}
.ned-opts__h{margin:18px 0 8px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#8a8ca3}
.ned-opts{display:grid;gap:10px}
.ned-opt{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;border:1.6px solid var(--ed-line);border-radius:14px;padding:13px 15px;cursor:pointer;transition:.15s}
.ned-opt:hover{border-color:var(--ed-primary)}
.ned-opt.is-on{border-color:var(--ed-primary);background:#f7f6ff}
.ned-opt input{grid-row:1/3;width:20px;height:20px;margin-top:2px;accent-color:var(--ed-primary)}
.ned-opt__t{font-size:14.5px;font-weight:800;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ned-opt__t b{color:var(--ed-primary);font-size:13px;font-weight:800;flex:none}
.ned-opt__d{font-size:12.5px;color:#65677c;line-height:1.4}
.ned-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--ed-line)}
.ned-total span{color:#5a5c74;font-size:13.5px}.ned-total b{color:var(--ed-ink)}
.ned-total strong{font-size:19px;font-weight:900;letter-spacing:-.02em}
.ned-order--tot{border-bottom:none;border-top:2px solid var(--ed-line);margin-top:4px}
.ned-order--tot strong{font-size:20px}

/* Menu de police maison (ne perd pas la sélection) */
.ned-fmt-fontdd{position:relative}
.ned-fmt-fontbtn{padding:0 10px!important}
.ned-fmt-fontlist{position:absolute;top:34px;left:0;z-index:6;min-width:180px;max-height:260px;overflow:auto;background:var(--ed-ink);border-radius:12px;box-shadow:var(--ed-shadow);padding:6px;display:flex;flex-direction:column;gap:2px}
.ned-fmt-fontlist button{display:block;width:100%;min-width:auto;height:auto;text-align:left;background:none;color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
.ned-fmt-fontlist button:hover{background:rgba(255,255,255,.16)}

/* Barre typo : s'adapte en largeur, labels, fond */
.ned-fmt{flex-wrap:wrap;max-width:min(96vw,920px);row-gap:5px}
.ned-fmt-lbl{color:rgba(255,255,255,.55);font-size:10.5px;font-weight:800;padding:0 3px;text-transform:uppercase}
.ned-fmt-sw--none{background:#fff!important;color:#c0392b;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.ned-fmt-bgcust{width:24px;height:24px;border:none;border-radius:50%;background:conic-gradient(#eee,#fff,#ddd,#fff);cursor:pointer;padding:0}
.ned-fmt-bgcust::-webkit-color-swatch-wrapper{padding:0}.ned-fmt-bgcust::-webkit-color-swatch{border:none;border-radius:50%}

/* Fenêtre de connexion sur la page (sans quitter) */
.nmr-login__body{padding:20px 28px 6px}
.nmr-login__lab{display:block;font-size:12.5px;font-weight:800;color:#5a5c74;margin-bottom:7px}
.nmr-login__inp{width:100%;border:1.6px solid var(--ed-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;color:var(--ed-ink);background:#fbfbff}
.nmr-login__inp:focus{outline:2px solid var(--ed-primary);border-color:transparent}
.nmr-login__inp.is-err{border-color:#c0392b;background:#fff5f4}
.nmr-login__go{width:100%;justify-content:center;margin-top:14px;padding:13px}
.nmr-login__note{margin:12px 0 0;font-size:11.5px;color:#8a8ca3;line-height:1.4}

/* ---------- Bannière premium « Personnaliser cette démo » (toutes les démos) ---------- */
.nmr-cta{position:fixed;z-index:870;left:22px;bottom:22px;width:min(384px,calc(100vw - 44px));display:grid;gap:7px;padding:19px 20px 17px;border-radius:24px;background:linear-gradient(152deg,rgba(22,23,48,.98),rgba(52,46,124,.97));border:1px solid rgba(217,255,104,.34);box-shadow:0 34px 90px -34px rgba(6,7,26,.92),0 1px 0 rgba(255,255,255,.05) inset;color:#fff;font-family:'Inter',system-ui,Segoe UI,Arial,sans-serif;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:nmrCtaIn .55s .45s both}
.nmr-cta__glow{position:absolute;left:-30%;right:-20%;top:-60%;height:220px;background:radial-gradient(58% 100% at 22% 0,rgba(217,255,104,.32),transparent 68%);pointer-events:none}
.nmr-cta__eyebrow{position:relative;justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;background:rgba(217,255,104,.15);color:#d9ff68;font-size:10.5px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.nmr-cta__eyebrow i{font-style:normal}
.nmr-cta__title{position:relative;font-size:19.5px;line-height:1.14;letter-spacing:-.02em;font-weight:800}
.nmr-cta__sub{position:relative;font-size:12.5px;line-height:1.42;color:rgba(255,255,255,.75);font-weight:500}
.nmr-cta__btn{position:relative;margin-top:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 19px;border:0;border-radius:15px;background:#d9ff68;color:#15162f;font-size:13.5px;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 12px 28px -8px rgba(217,255,104,.6);transition:transform .18s,box-shadow .18s,background .18s}
.nmr-cta__btn b{transition:transform .18s;font-weight:800}
.nmr-cta__btn:hover{background:#eaffab;transform:translateY(-2px);box-shadow:0 18px 38px -8px rgba(217,255,104,.78)}
.nmr-cta__btn:hover b{transform:translateX(4px)}
.nmr-cta__btn::after{content:"";position:absolute;inset:0;border-radius:15px;pointer-events:none;animation:nmrCtaPulse 2.8s ease-out infinite}
.nmr-cta__close{position:absolute;top:11px;right:11px;z-index:2;display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.09);color:rgba(255,255,255,.72);font-size:17px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.nmr-cta__close:hover{background:rgba(255,255,255,.2);color:#fff}
@keyframes nmrCtaIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nmrCtaPulse{0%{box-shadow:0 0 0 0 rgba(217,255,104,.5)}70%{box-shadow:0 0 0 13px rgba(217,255,104,0)}100%{box-shadow:0 0 0 0 rgba(217,255,104,0)}}
body.ned-edit .nmr-cta,body.ned-editing .nmr-cta,body.ned-published .nmr-cta{display:none!important}
@media(max-width:600px){.nmr-cta{left:12px;right:12px;bottom:12px;width:auto;padding:16px 16px 15px;border-radius:20px}.nmr-cta__title{font-size:17.5px}}
@media(prefers-reduced-motion:reduce){.nmr-cta{animation:none}.nmr-cta__btn,.nmr-cta__btn::after{animation:none;transition:none}}

/* ---------- Blocs ajoutables (Contact, Avis, Stats, …) ---------- */
.nmrb-host{--nmrb-accent:#5c5ceb;--nmrb-ink:#1b1c2e;--nmrb-mut:#6a6c82;--nmrb-line:#e7e5f3;--nmrb-soft:#f7f6fd;display:block}
/* Les variables de couleur sont définies SUR le bloc (il n'est plus toujours dans .nmrb-host) — sinon le texte devient illisible sur certaines démos. L'accent, lui, est hérité du body (dynamique). */
.nmrb{--nmrb-ink:#1b1c2e;--nmrb-mut:#6a6c82;--nmrb-line:#e7e5f3;--nmrb-soft:#f7f6fd;position:relative;padding:64px 5vw;background:#fff;color:var(--nmrb-ink,#1b1c2e);font-family:'Inter',system-ui,Segoe UI,Arial,sans-serif}
.nmrb:nth-of-type(even){background:var(--nmrb-soft)}
.nmrb__in{max-width:1080px;margin:0 auto}
.nmrb__in--split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.nmrb__eyebrow{margin:0 0 10px;color:var(--nmrb-accent);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.nmrb__title{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:-.02em;color:var(--nmrb-ink)}
.nmrb__lead{margin:0 0 18px;color:var(--nmrb-mut);font-size:15.5px;line-height:1.6;max-width:52ch}
.nmrb__col{min-width:0}
.nmrb__contacts{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.nmrb__contacts li{font-size:15px;color:var(--nmrb-ink);font-weight:600}
.nmrb__form{display:grid;gap:13px;padding:22px;border:1px solid var(--nmrb-line);border-radius:18px;background:#fff;box-shadow:0 30px 60px -48px rgba(20,20,50,.5)}
.nmrb__field{display:grid;gap:6px}
.nmrb__field small{font-size:12.5px;font-weight:800;color:var(--nmrb-ink)}
.nmrb__form input,.nmrb__form textarea{width:100%;border:1.5px solid var(--nmrb-line);border-radius:11px;padding:11px 13px;font:inherit;font-size:14.5px;color:var(--nmrb-ink);background:#fcfcff;box-sizing:border-box}
.nmrb__form input:focus,.nmrb__form textarea:focus{outline:none;border-color:var(--nmrb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nmrb-accent) 18%,transparent)}
.nmrb__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--nmrb-accent);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:transform .15s,filter .15s;text-decoration:none}
.nmrb__btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.nmrb__btn--lg{min-height:52px;padding:0 30px;font-size:15px}
.nmrb__ok{margin:2px 0 0;color:#1c8a4e;font-size:13px;font-weight:800}
.nmrb__grid{display:grid;gap:20px}
.nmrb__grid--3{grid-template-columns:repeat(3,1fr)}
.nmrb__card{margin:0;padding:22px;border:1px solid var(--nmrb-line);border-radius:18px;background:#fff}
.nmrb__stars{color:var(--nmrb-accent);letter-spacing:2px;font-size:15px;margin-bottom:10px}
.nmrb__card blockquote{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--nmrb-ink);font-style:italic}
.nmrb__card figcaption{font-size:13px;font-weight:800;color:var(--nmrb-mut)}
.nmrb__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.nmrb__stat{padding:14px}
.nmrb__num{margin:0 0 4px;font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--nmrb-accent);line-height:1}
.nmrb__stat small{font-size:13px;color:var(--nmrb-mut);font-weight:600}
.nmrb__hours{width:100%;border-collapse:collapse}
.nmrb__hours td{padding:12px 4px;border-bottom:1px solid var(--nmrb-line);font-size:15px}
.nmrb__hours td:first-child{font-weight:700;color:var(--nmrb-ink)}
.nmrb__hours td:last-child{text-align:right;color:var(--nmrb-mut);font-weight:600}
.nmrb__faq{display:grid;gap:8px;max-width:760px}
.nmrb__qa{padding:16px 18px;border:1px solid var(--nmrb-line);border-radius:14px;background:#fff}
.nmrb__qa h3{margin:0 0 6px;font-size:15.5px;color:var(--nmrb-ink)}
.nmrb__qa p{margin:0;font-size:14px;line-height:1.55;color:var(--nmrb-mut)}
.nmrb__gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.nmrb__gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;background:var(--nmrb-soft)}
.nmrb__member{margin:0;text-align:center}
.nmrb__member img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--nmrb-soft);margin-bottom:12px}
.nmrb__member h3{margin:0 0 3px;font-size:16px;color:var(--nmrb-ink)}
.nmrb__member p{margin:0;font-size:13px;color:var(--nmrb-mut);font-weight:600}
.nmrb__step{padding:22px;border:1px solid var(--nmrb-line);border-radius:18px;background:#fff}
.nmrb__stepn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--nmrb-accent);color:#fff;font-weight:800;font-size:17px;margin-bottom:14px}
.nmrb__step h3{margin:0 0 6px;font-size:16.5px;color:var(--nmrb-ink)}
.nmrb__step p{margin:0;font-size:14px;line-height:1.55;color:var(--nmrb-mut)}
.nmrb__ctain{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 40px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--nmrb-accent) 12%,#fff),color-mix(in srgb,var(--nmrb-accent) 4%,#fff));border:1px solid color-mix(in srgb,var(--nmrb-accent) 22%,var(--nmrb-line))}
.nmrb__ctain .nmrb__title{margin:0}.nmrb__ctain .nmrb__lead{margin:6px 0 0}
.nmrb__map{border-radius:18px;min-height:220px;background:repeating-linear-gradient(45deg,var(--nmrb-soft),var(--nmrb-soft) 14px,#eeecfa 14px,#eeecfa 28px);display:grid;place-items:center;border:1px solid var(--nmrb-line)}
.nmrb__map span{font-weight:800;color:var(--nmrb-mut);letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.nmrb__parts{text-align:center}
.nmrb__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;margin-top:6px}
.nmrb__logos small{font-size:17px;font-weight:800;color:var(--nmrb-mut);opacity:.7;letter-spacing:.02em}
.nmrb__news{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.nmrb__form--inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;border:0;box-shadow:none;background:none}
.nmrb__form--inline input{width:auto;flex:1;min-width:220px}
.nmrb-host .nmrb__form--inline .nmrb__ok{width:100%}
/* commandes de bloc (édition seulement) */
.nmrb-ctl{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:5;opacity:0;transition:opacity .15s}
.nmrb:hover .nmrb-ctl,.nmrb-ctl:focus-within{opacity:1}
.nmrb-ctl button{width:30px;height:30px;border:1px solid rgba(20,20,50,.14);border-radius:9px;background:rgba(255,255,255,.96);color:#2a2b45;font-size:14px;cursor:pointer;box-shadow:0 8px 20px -10px rgba(20,20,50,.5)}
.nmrb-ctl button:hover{background:#fff;border-color:var(--nmrb-accent);color:var(--nmrb-accent)}
.nmrb-ctl button[data-nmr-del]:hover{border-color:#e23b2e;color:#e23b2e}
body.ned-edit .nmrb{outline:1px dashed transparent;outline-offset:-6px;transition:outline-color .15s}
body.ned-edit .nmrb:hover{outline-color:color-mix(in srgb,var(--nmrb-accent) 40%,transparent)}
@media(max-width:760px){.nmrb__in--split,.nmrb__grid--3,.nmrb__stats,.nmrb__gal{grid-template-columns:1fr}.nmrb__stats{grid-template-columns:repeat(2,1fr)}.nmrb__gal{grid-template-columns:repeat(2,1fr)}.nmrb__news,.nmrb__ctain{flex-direction:column;align-items:flex-start}}
/* panneau « Ajouter un bloc » */
.ned-addhint{margin:-2px 0 10px;font-size:11.5px;line-height:1.4;color:#8a8ca3}
.ned-addgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ned-addblk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 11px;border:1.4px solid var(--ed-line,#e7e5f3);border-radius:12px;background:#fff;color:var(--ed-ink,#1b1c2e);font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:left;transition:border-color .15s,transform .12s,background .15s}
.ned-addblk:hover{border-color:var(--ed-primary,#5c5ceb);background:#fbfbff;transform:translateY(-1px)}
.ned-addblk i{font-style:normal;font-size:15px;line-height:1;color:var(--ed-primary,#5c5ceb)}
.ned-addblk span{line-height:1.2}
.ned-addblk--paid{border-style:dashed}
.ned-addblk em{position:absolute;top:8px;right:9px;font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#a06a12;background:#fff5df;padding:2px 5px;border-radius:6px}
.ned-addblk{cursor:grab;touch-action:none}
.ned-addblk:active{cursor:grabbing;border-color:var(--ed-primary,#5c5ceb)}
/* glisser-déposer des blocs */
.nmrb-grip{cursor:grab;touch-action:none;font-size:15px;line-height:1;font-weight:700}
.nmrb-grip:active{cursor:grabbing}
body.nmrb-dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
body.nmrb-dragging *{cursor:grabbing!important}
.nmrb.nmrb--drag{display:none!important}
.nmrb-ph{height:82px;margin:0;border:2px dashed var(--nmrb-accent,#5c5ceb);border-radius:18px;background:color-mix(in srgb,var(--nmrb-accent,#5c5ceb) 10%,#fff);box-shadow:inset 0 0 0 5px #fff;animation:nmrbPhIn .12s ease-out}
@keyframes nmrbPhIn{from{opacity:.2;transform:scaleY(.6)}to{opacity:1;transform:none}}
/* Titres de sections du panneau d'édition — plus lisibles comme de vrais titres */
.ned-side .ned-group__t,.ned-panel .ned-group__t{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:13px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:var(--ed-ink,#1b1c2e)}
.ned-side .ned-group__t::before,.ned-panel .ned-group__t::before{content:"";flex:none;width:16px;height:4px;border-radius:4px;background:var(--ed-primary,#5c5ceb)}

/* ============================================================
   AJOUTS : lecteurs vidéo/audio, réseaux, bouton, séparateur,
   glisser-déposer (fantôme + zone de dépôt), panneau collant,
   tuto interactif, menu topbar + changer de démo.
   ============================================================ */

/* --- Placeholder de dépôt plus explicite --- */
.nmrb-ph{position:relative;display:flex;align-items:center;justify-content:center}
.nmrb-ph::after{content:"⤓ Déposer le bloc ici";font:800 12.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.02em;color:#fff;background:var(--nmrb-accent,#5c5ceb);padding:8px 15px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(20,20,50,.5)}

/* --- Fantôme suivant le curseur pendant le glisser --- */
.nmrb-ghost{position:fixed;top:0;left:0;z-index:2147483400;pointer-events:none;display:inline-flex;align-items:center;gap:9px;max-width:260px;padding:11px 16px;border-radius:14px;background:linear-gradient(135deg,#1b1a37,#3a3470);color:#fff;font:800 13.5px/1.1 'Inter',system-ui,sans-serif;box-shadow:0 22px 50px -18px rgba(10,10,40,.7);transform:translate(-9999px,-9999px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmrb-ghost i{font-style:normal;font-size:16px;color:var(--ed-accent,#d9ff6e);line-height:1}
body.nmrb-dragging{cursor:grabbing!important}

/* --- Bloc Vidéo : player joli (lite YouTube / mp4) --- */
.nmrb__player{position:relative;margin:6px 0 0;border-radius:18px;overflow:hidden;background:#0d0d18;aspect-ratio:16/9;box-shadow:0 34px 70px -40px rgba(10,10,30,.7);cursor:pointer}
.nmrb__poster,.nmrb__vid,.nmrb__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.nmrb__player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34));pointer-events:none;transition:opacity .2s}
.nmrb__player.is-playing::after{opacity:0}
.nmrb__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--nmrb-accent,#5c5ceb);display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 40px -14px rgba(0,0,0,.6);transition:transform .16s,background .16s;z-index:2}
.nmrb__play span{font-size:26px;margin-left:4px;line-height:1}
.nmrb__player:hover .nmrb__play{transform:translate(-50%,-50%) scale(1.07);background:#fff}
.nmrb__player.is-playing .nmrb__play{display:none}
.nmrb__player--empty{aspect-ratio:16/7;background:linear-gradient(135deg,#f3f2fd,#eceafc);display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;color:var(--nmrb-mut,#6a6c82);cursor:pointer;border:2px dashed color-mix(in srgb,var(--nmrb-accent,#5c5ceb) 40%,#d7d5ee)}
.nmrb__player--empty .nmrb__vicon{font-size:30px;color:var(--nmrb-accent,#5c5ceb)}
.nmrb__player--empty b{font-size:16px;color:var(--nmrb-ink,#1b1c2e)}
.nmrb__player--empty small{font-size:12.5px}
.nmrb__vidbtn{margin:14px auto 0;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--nmrb-line,#e7e5f3);background:#fff;color:var(--nmrb-ink,#1b1c2e);font:800 13px 'Inter',system-ui,sans-serif;cursor:pointer}
.nmrb__vidbtn:hover{border-color:var(--nmrb-accent,#5c5ceb);color:var(--nmrb-accent,#5c5ceb)}
.nmrb--video .nmrb__in{text-align:center}
.nmrb--video .nmrb__eyebrow,.nmrb--audio .nmrb__eyebrow{text-align:left}
.nmrb__vidlink{display:inline-block;margin:12px auto 0;font-size:13px;font-weight:800;color:var(--nmrb-accent,#5c5ceb);text-decoration:none}
.nmrb__vidlink:hover{text-decoration:underline}
.nmrb__vidnote{margin:12px auto 0;max-width:560px;font-size:12.5px;line-height:1.5;color:var(--nmrb-mut,#6a6c82);background:#fbf7ea;border:1px solid #efe4c4;border-radius:10px;padding:9px 13px}
/* Modale média : séparateur « ou » + bouton d'import + messages */
.nmr-vidmodal__or{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:#a6a8bd;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nmr-vidmodal__or::before,.nmr-vidmodal__or::after{content:"";flex:1;height:1px;background:var(--ed-line,#e7e5f3)}
.nmr-vidmodal__import{width:100%;justify-content:center;margin-top:6px}
.nmr-vidmodal__hint{margin:10px 0 0;font-size:12px;line-height:1.5;color:#8a8ca3}
.nmr-vidmodal__hint b{color:#5a5c74}
.nmr-vidmodal__msg{margin:12px 0 0;font-size:12.5px;line-height:1.5;border-radius:10px;padding:9px 12px}
.nmr-vidmodal__msg.is-info{background:#eef0ff;color:#4a45c8}
.nmr-vidmodal__msg.is-err{background:#fdeeeb;color:#a23c30;border:1px solid #f0cfca}
/* Sélecteur de couleur de fond d'un bloc */
.nmr-bgpop{position:fixed;z-index:2147483300;width:238px;background:#fff;color:var(--ed-ink,#1b1c2e);border-radius:14px;box-shadow:0 26px 60px -22px rgba(10,10,40,.55);border:1px solid var(--ed-line,#e7e5f3);padding:13px;font-family:'Inter',system-ui,sans-serif}
.nmr-bgpop__hd{font-size:12.5px;font-weight:800;margin-bottom:10px}
.nmr-bgpop__sw{display:flex;flex-wrap:wrap;gap:8px}
.nmr-bgpop__c{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--ed-line,#e7e5f3);cursor:pointer;display:grid;place-items:center;color:#9a9cb0;font-size:14px;padding:0}
.nmr-bgpop__c:hover{transform:scale(1.08)}
.nmr-bgpop__c.is-on{outline:2px solid var(--ed-primary,#5c5ceb);outline-offset:2px;border-color:transparent}
.nmr-bgpop__cust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;font-weight:700;color:#5a5c74}
.nmr-bgpop__cust input[type=color]{width:34px;height:28px;border:1px solid var(--ed-line,#e7e5f3);border-radius:8px;background:none;cursor:pointer;padding:2px}

/* --- Bloc Audio : joli lecteur personnalisé --- */
.nmrb--audio .nmrb__in{max-width:760px}
.nmrb__audio{margin:8px 0 0;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#1b1a37,#332c5e);color:#fff;box-shadow:0 30px 60px -38px rgba(15,15,45,.7)}
.nmrb__aplay{flex:none;width:58px;height:58px;border-radius:50%;border:0;background:#fff;color:#26234a;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px -12px rgba(0,0,0,.5);transition:transform .15s}
.nmrb__aplay:hover{transform:scale(1.06)}
.nmrb__aico{font-size:20px;line-height:1;letter-spacing:-1px}
.nmrb__amid{flex:1;min-width:0}
.nmrb__abar{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.2);cursor:pointer;overflow:hidden}
.nmrb__abar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:var(--ed-accent,#d9ff6e);transition:width .1s linear}
.nmrb__atime{display:flex;justify-content:space-between;margin-top:7px;font:700 12px 'Inter',system-ui,sans-serif;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.nmrb__awave{flex:none;display:none;align-items:center;gap:3px;height:34px}
.nmrb__awave b{width:3px;border-radius:2px;background:rgba(255,255,255,.32);height:40%}
.nmrb__awave b:nth-child(3n){height:80%}.nmrb__awave b:nth-child(3n+1){height:55%}.nmrb__awave b:nth-child(4n){height:100%}
.nmrb__audio.is-playing .nmrb__awave b{animation:nmrbWave 1s ease-in-out infinite}
@keyframes nmrbWave{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@media(min-width:620px){.nmrb__awave{display:flex}}
.nmrb__audio--empty{background:linear-gradient(135deg,#f3f2fd,#eceafc);color:var(--nmrb-mut,#6a6c82);display:grid;justify-items:center;gap:3px;text-align:center;padding:30px 22px;cursor:pointer;border:2px dashed color-mix(in srgb,var(--nmrb-accent,#5c5ceb) 40%,#d7d5ee)}
.nmrb__audio--empty .nmrb__vicon{font-size:28px;color:var(--nmrb-accent,#5c5ceb)}
.nmrb__audio--empty b{font-size:16px;color:var(--nmrb-ink,#1b1c2e)}
.nmrb--audio,.nmrb--video{text-align:left}

/* --- Bloc Réseaux sociaux --- */
.nmrb__socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.nmrb__soc{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:14px;border:1.5px solid var(--nmrb-line,#e7e5f3);background:#fff;color:var(--nmrb-ink,#1b1c2e);text-decoration:none;font-weight:800;font-size:14.5px;transition:transform .15s,border-color .15s,box-shadow .15s}
.nmrb__soc:hover{transform:translateY(-2px);border-color:var(--nmrb-accent,#5c5ceb);box-shadow:0 18px 34px -22px rgba(20,20,50,.5)}
.nmrb__soc-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--nmrb-accent,#5c5ceb) 12%,#fff);color:var(--nmrb-accent,#5c5ceb)}
.nmrb__soc-ic svg{width:19px;height:19px;display:block}
.nmrb__soc small{font-size:14.5px}
.nmrb__socnote{margin:16px 0 0;font-size:12.5px;color:var(--nmrb-mut,#6a6c82)}
body.ned-edit .nmrb__socnote{color:var(--nmrb-accent,#5c5ceb)}

/* --- Bloc Bouton --- */
.nmrb__btnblk{text-align:center;padding:6px 0}
.nmrb__btn--xl{min-height:60px;padding:0 40px;font-size:16.5px;border-radius:15px;box-shadow:0 22px 44px -20px color-mix(in srgb,var(--nmrb-accent,#5c5ceb) 80%,#000)}

/* --- Bloc Séparateur --- */
.nmrb--separateur{padding:26px 5vw}
.nmrb__sepin{max-width:1080px;margin:0 auto}
.nmrb__sep{display:flex;align-items:center;gap:18px}
.nmrb__sep span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--nmrb-line,#e7e5f3),transparent)}
.nmrb__sep b{color:var(--nmrb-accent,#5c5ceb);font-size:15px}

/* --- Panneau latéral : contenu défilant + pied collant (bouton tout effacer) --- */
.ned-side{padding:0;overflow:hidden;display:flex;flex-direction:column}
.ned-side__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px 18px}
.ned-side__introbtns{display:grid;gap:8px;margin-top:12px}
.ned-side__tour{border:1.5px solid color-mix(in srgb,var(--ed-primary,#5c5ceb) 45%,#e7e5f3);background:#f7f6ff;color:var(--ed-primary,#5c5ceb);border-radius:11px;padding:9px 12px;font:800 12.5px 'Inter',system-ui,sans-serif;cursor:pointer;text-align:left}
.ned-side__tour:hover{background:#eeecff;border-color:var(--ed-primary,#5c5ceb)}
.ned-side__foot{flex:0 0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ed-line,#e7e5f3);box-shadow:0 -14px 26px -22px rgba(20,20,50,.4)}
.ned-side__foot .ned-reset{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px;border-radius:13px;border:1.6px solid #f0cfca;background:linear-gradient(135deg,#fff6f4,#fdeeeb);color:#a23c30!important;cursor:pointer;font-family:'Inter',system-ui,sans-serif;text-decoration:none!important;transition:border-color .15s,transform .12s,box-shadow .15s}
.ned-side__foot .ned-reset:hover{transform:translateY(-1px);border-color:#e58a7c;box-shadow:0 16px 30px -20px rgba(200,60,40,.55)}
.ned-reset__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f6d7d1;color:#b8412f;font-size:18px}
.ned-reset__tx{display:grid;gap:2px;line-height:1.2}
.ned-reset__tx b{font-size:13px;font-weight:900;color:#9a3527}
.ned-reset__tx small{font-size:11px;font-weight:600;color:#b0796f}
@media(max-width:760px){.ned-side__scroll{padding:0 16px 12px}}

/* --- Menu topbar + Changer de démo --- */
.nmr-topbar__menu{display:flex;align-items:center;gap:2px}
.nmr-topbar__menu a{color:rgba(255,255,255,.82);text-decoration:none;font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:8px;white-space:nowrap}
.nmr-topbar__menu a:hover{color:#fff;background:rgba(255,255,255,.12)}
.nmr-topbar__switch{display:inline-flex;align-items:center;gap:6px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:6px 14px;font:800 12.5px 'Inter',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.nmr-topbar__switch span{color:var(--ed-accent,#d9ff6e);font-size:14px}
.nmr-topbar__switch:hover{background:rgba(255,255,255,.2)}
@media(max-width:900px){.nmr-topbar__menu{display:none}}
@media(max-width:640px){.nmr-topbar__switch{padding:6px 10px}.nmr-topbar__switch span{margin:0}}

/* --- Fenêtre « Changer de démo » --- */
.nmr-demopick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;padding:4px 0 6px}
.nmr-demopick__card{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border:1.6px solid var(--ed-line,#e7e5f3);border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:'Inter',system-ui,sans-serif;transition:transform .14s,border-color .14s,box-shadow .14s}
.nmr-demopick__card:hover{transform:translateY(-3px);border-color:var(--ed-primary,#5c5ceb);box-shadow:0 22px 40px -26px rgba(30,20,90,.5)}
.nmr-demopick__card.is-current{cursor:default;opacity:.72;background:#f7f7fc}
.nmr-demopick__card.is-current:hover{transform:none;box-shadow:none;border-color:var(--ed-line,#e7e5f3)}
.nmr-demopick__thumb{position:relative;height:96px;border-radius:11px;display:grid;place-items:center;color:#fff;overflow:hidden}
.nmr-demopick__thumb b{font:900 30px 'Inter',system-ui,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.nmr-demopick__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.nmr-demopick__meta{display:grid;gap:2px;min-width:0}
.nmr-demopick__meta strong{font-size:14px;font-weight:800;color:var(--ed-ink,#1b1c2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmr-demopick__meta small{font-size:11.5px;color:#8a8ca3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmr-demopick__badge{position:absolute;top:8px;left:8px;background:rgba(17,16,40,.82);color:var(--ed-accent,#d9ff6e);font:900 9px/1 'Inter',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px}
.nmr-demopick__multi{position:absolute;top:8px;right:8px;background:var(--ed-primary,#5c5ceb);color:#fff;font:900 9px/1 'Inter',system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:6px;z-index:2}
.nmr-demopick__cur{font:800 10.5px 'Inter',system-ui,sans-serif;color:var(--ed-primary,#5c5ceb);text-transform:uppercase;letter-spacing:.04em}
.nmr-demopick__draft{font:800 10.5px 'Inter',system-ui,sans-serif;color:#1c8a4e}

/* ============================================================
   TUTO INTERACTIF (coach marks)
   ============================================================ */
.ned-tour__spot{position:fixed;z-index:2147483200;border-radius:14px;pointer-events:none;box-shadow:0 0 0 4px var(--ed-accent,#d9ff6e),0 0 0 9999px rgba(14,13,34,.62);transition:top .25s,left .25s,width .25s,height .25s}
.ned-tour__tip{position:fixed;z-index:2147483210;width:min(320px,calc(100vw - 24px));background:#fff;color:var(--ed-ink,#1b1c2e);border-radius:16px;box-shadow:0 30px 70px -24px rgba(10,10,40,.6);padding:16px 17px 15px;font-family:'Inter',system-ui,sans-serif;animation:nedTipIn .2s ease}
@keyframes nedTipIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ned-tour__tip::before{content:"";position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.ned-tour__tip--right::before{left:-6px;top:22px}
.ned-tour__tip--left::before{right:-6px;top:22px}
.ned-tour__tip--bottom::before{top:-6px;left:26px}
.ned-tour__tip--top::before{bottom:-6px;left:26px}
.ned-tour__x{position:absolute;top:10px;right:11px;border:0;background:none;font-size:20px;line-height:1;color:#a6a8bd;cursor:pointer}
.ned-tour__x:hover{color:var(--ed-ink,#1b1c2e)}
.ned-tour__step{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-primary,#5c5ceb)}
.ned-tour__title{display:block;margin:5px 0 5px;font-size:17px;letter-spacing:-.01em}
.ned-tour__txt{margin:0;font-size:13.5px;line-height:1.5;color:#5a5c74}
.ned-tour__dots{display:flex;gap:5px;margin:13px 0 11px}
.ned-tour__dots i{width:7px;height:7px;border-radius:50%;background:#e2e0f0}
.ned-tour__dots i.on{background:var(--ed-primary,#5c5ceb);transform:scale(1.15)}
.ned-tour__nav{display:flex;align-items:center;gap:8px}
.ned-tour__sp{flex:1}
.ned-tour__skip{border:0;background:none;color:#9a9cb0;font:700 12.5px 'Inter',system-ui,sans-serif;cursor:pointer;text-decoration:underline}
.ned-tour__btn{border:0;border-radius:10px;background:var(--ed-primary,#5c5ceb);color:#fff;font:800 13px 'Inter',system-ui,sans-serif;padding:9px 15px;cursor:pointer}
.ned-tour__btn:hover{background:var(--ed-primary-dark,#4a45c8)}
.ned-tour__btn--ghost{background:#f0eff9;color:var(--ed-ink,#1b1c2e)}
.ned-tour__btn--ghost:hover{background:#e7e5f6}

/* ============ Pages du site (démos multi-pages) ============ */
.ned-pages__badge{display:inline-block;margin-left:8px;font-family:'Inter',system-ui,sans-serif;font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--ed-primary,#5c5ceb);padding:2px 7px;border-radius:6px;vertical-align:middle}
.ned-pagelist{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.ned-pageitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1.4px solid var(--ed-line,#e7e5f3);border-radius:11px;background:#fff;color:var(--ed-ink,#1b1c2e);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.ned-pageitem:hover{border-color:var(--ed-primary,#5c5ceb);background:#fbfbff;transform:translateX(2px)}
.ned-pageitem__ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f2f1fb;color:var(--ed-primary,#5c5ceb);font-size:14px}
.ned-pageitem__t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ned-pageitem.is-on{border-color:var(--ed-primary,#5c5ceb);background:#f4f3ff}
.ned-pageitem.is-on .ned-pageitem__ic{background:var(--ed-primary,#5c5ceb);color:#fff}
.ned-pageitem em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ed-primary,#5c5ceb)}
.ned-addpage{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:9px;padding:11px;border:1.5px dashed color-mix(in srgb,var(--ed-primary,#5c5ceb) 45%,#d7d5ee);border-radius:11px;background:#f7f6ff;color:var(--ed-primary,#5c5ceb);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:.15s}
.ned-addpage:hover{background:#eeecff;border-color:var(--ed-primary,#5c5ceb)}
.ned-addpage span{font-size:16px;line-height:1}
.ned-addhint--sub{margin-top:7px;text-align:center;font-size:10.5px}
.ned-pageitem--new{border-style:dashed}
.ned-pageitem--new .ned-pageitem__ic{background:#eafaf1;color:#12a76a}
.ned-pageitem__del{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-left:2px;border-radius:6px;color:#b9b8cc;font-style:normal;font-size:11px;font-weight:800;cursor:pointer;transition:.15s}
.ned-pageitem__del:hover{background:#ffe9e6;color:#e23b2e}

/* ============================================================
   Effets premium (premium-fx.js) — actifs seulement sur les démos premium,
   jamais en mode édition. Alignés sur guidelines/foundations-motion du Design System.
   ============================================================ */
body.pfx-on [data-pfx]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,.7,.3,1);will-change:opacity,transform}
body.pfx-on [data-pfx="scale"]{transform:scale(.965)}
body.pfx-on [data-pfx].pfx-seen{opacity:1;transform:none}
[data-pfx-zoom]{cursor:zoom-in}
.pfx-lb{position:fixed;inset:0;z-index:2147483600;background:rgba(10,10,16,.86);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:5vh 5vw;opacity:0;transition:opacity .22s ease;cursor:zoom-out}
.pfx-lb.pfx-lb--on{opacity:1}
.pfx-lb img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 50px 120px -30px rgba(0,0,0,.8);animation:pfx-pop .3s cubic-bezier(.16,.7,.3,1)}
@keyframes pfx-pop{from{transform:scale(.94);opacity:.6}to{transform:none;opacity:1}}
.pfx-lb__x{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:.15s}
.pfx-lb__x:hover{background:rgba(255,255,255,.3)}
@media(prefers-reduced-motion:reduce){body.pfx-on [data-pfx]{opacity:1;transform:none;transition:none}}

/* ------------------------------------------------------------------
   Barre Numérisite sur téléphone
   Elle débordait : « Personnaliser cette démo » commençait à 384 px
   sur un écran de 390 px, donc hors de l'écran et impossible à toucher.
   On resserre, on masque le superflu, et le bouton d'édition passe en
   premier — c'est l'action que le visiteur doit pouvoir atteindre.
   ------------------------------------------------------------------ */
@media(max-width:700px){
  .nmr-topbar{gap:8px;padding:0 10px;flex-wrap:nowrap;overflow:hidden}
  .nmr-topbar__cta{order:-1;margin-right:auto;padding:7px 12px;font-size:12px;white-space:nowrap}
  .nmr-topbar__brand{display:none}
  .nmr-topbar__switch{padding:6px 9px;font-size:11.5px;white-space:nowrap}
  .nmr-topbar__link,.nmr-topbar__link--ghost{padding:6px 10px;font-size:11.5px;white-space:nowrap}
  .nmr-topbar__spacer{display:none}
}
@media(max-width:430px){
  /* place vraiment comptée : on ne garde que l'essentiel */
  .nmr-topbar__link--ghost{display:none}
  .nmr-topbar__link[data-nmr-login]{display:none}
  .nmr-topbar__switch span{display:none}
}

/* ------------------------------------------------------------------
   Navigations sur téléphone
   Nos ajouts Signature — sélecteur de langue et menus déroulants — se
   greffent dans la navigation des démos. Sur les mises en page prévues
   pour une seule ligne, la barre finissait par dépasser l'écran : la
   page défilait latéralement et les derniers liens étaient hors champ.
   On autorise le retour à la ligne, et on borne les coquilles.
   ------------------------------------------------------------------ */
@media(max-width:820px){
  nav{flex-wrap:wrap!important;justify-content:center!important;gap:6px 10px!important;max-width:100%!important}
  .direction-demo__shell{max-width:100%!important;overflow-x:hidden!important}
  .direction-demo__shell>*{max-width:100%!important}
}

/* Coquilles et formulaires qui gardaient une largeur de bureau.
   Un élément de flexbox refuse par défaut de descendre sous la largeur
   de son contenu : un champ de recherche ou d'inscription suffisait à
   élargir toute la page et à provoquer un défilement latéral. */
@media(max-width:820px){
  .hero-content,.container{min-width:0!important;max-width:100%!important}
  form{flex-wrap:wrap!important;max-width:100%!important}
  form>*{min-width:0!important;max-width:100%!important}
  button,input,select,textarea{max-width:100%!important}
}

/* Même cause pour les grilles : un enfant de grille ou de flexbox ne
   descend pas sous la largeur de son contenu tant qu'on ne le lui dit
   pas. Une image de héros de 427 px imposait sa largeur à une page de
   375 px. */
@media(max-width:820px){
  .container>*,[class*="hero"]>*{min-width:0!important}
  .hero-media,.slot{max-width:100%!important;min-width:0!important}
}

/* Cartes d'avis, figures et tableaux : même défaut de largeur minimale.
   Une carte de témoignage de 425 px imposait sa largeur à la page. */
@media(max-width:820px){
  blockquote,figure,article,table{max-width:100%!important;min-width:0!important}
  [class*="cards"]>*,[class*="grid"]>*,[class*="list"]>*{min-width:0!important;max-width:100%!important}
}

/* ------------------------------------------------------------------
   Numérisite — aucun mot ne doit pousser la page hors de l'écran
   ------------------------------------------------------------------
   Cette feuille est la seule que chargent les 139 démos : c'est donc
   ici que vivent les règles qui doivent valoir partout.

   Deux mots faisaient glisser la page sous le doigt.

   1. La légende sous le QR code affiche l'adresse du site. C'est un
      seul « mot » de soixante caractères, que rien ne peut couper :
      il dépassait sa colonne de 130 px, invisible à l'œil mais bien
      réel. Quatorze démos étaient concernées.

   2. Les grands titres sont dimensionnés avec clamp(). Sur un
      téléphone c'est la valeur minimale qui l'emporte, et un mot long
      — « Accompagnements », « déménagement » — dépassait la largeur
      de l'écran.

   Ces règles n'agissent que lorsqu'un mot seul ne tient pas sur sa
   ligne. Tout ce qui tenait déjà ne bouge pas d'un pixel.            */
.cqr-code figcaption,
.cqr-txt,
.cqr-sub{overflow-wrap:break-word;word-break:break-word;min-width:0}

@media (max-width:760px){
  .cqr-box{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:900px){
  h1,h2,h3,h4{overflow-wrap:break-word;word-break:break-word}
}

/* ------------------------------------------------------------------
   Le bandeau de message programmable est retiré
   ------------------------------------------------------------------
   Il s'insérait tout en haut de la page, avant l'en-tête du site. Or la
   plupart des démos ont un en-tête positionné en absolu : il ne voyait
   pas le bandeau et se plaçait dessous, à moitié caché. Le haut du site
   était coupé sur toutes les démos où cette option est active.

   Décision de Marine, 09/08/2026 : on retire le bandeau. Une seule
   ligne, réversible — il suffit de supprimer cette règle pour le revoir. */
.osg-bandeau{display:none !important}

/* ------------------------------------------------------------------
   En édition, la page n'est plus écrasée par les panneaux
   ------------------------------------------------------------------
   Les panneaux prennent 322 px à gauche et 300 px à droite. Ils étaient
   ménagés par un « padding » sur le corps de la page : c'était l'erreur.
   Un padding ne rétrécit pas le cadre de référence des éléments
   positionnés — un en-tête en absolu large de 100 % calculait ses 100 %
   sur la fenêtre entière, dépassait de 622 px, et la page glissait.

   Une marge, elle, rétrécit vraiment la page. Et on ne la rétrécit que
   s'il reste de quoi afficher une mise en page de bureau — 1 400 px. En
   dessous, les panneaux se posent PAR-DESSUS le site : mieux vaut faire
   défiler sous un panneau que voir son site déformé.

   Tout est en CSS, sans script : aucune mesure, donc aucune boucle
   possible. La version précédente surveillait le haut de la page alors
   qu'elle le modifiait elle-même, et tout se mettait à bouger.        */
body.ned-edit--side{ padding-left: 0 !important }
body.ned-edit.ned-has-fmt{ padding-right: 0 !important }

/* (remplacé plus bas : le site est désormais toujours décalé) */

.ned-side, .ned-fmtpanel{ box-shadow: 0 0 40px rgba(0,0,0,.28) }

/* ------------------------------------------------------------------
   Les menus déroulants ne débordent plus sur un écran de portable
   ------------------------------------------------------------------
   Le panneau d'un menu déroulant (`.sa-panneau`) était seulement rendu
   invisible quand il était fermé — pas retiré. Un élément invisible
   occupe pourtant toujours sa place : large de 302 px et ancré à gauche,
   il sortait de l'écran en permanence sur le dernier menu de la barre,
   et la page glissait de 115 à 182 px selon les démos.

   Le défaut ne se voyait ni sur téléphone (menu replié) ni sur un grand
   écran (assez de place) : uniquement autour de 1 400 px, la largeur
   d'un portable. Sept démos étaient concernées.

   Deux corrections : le panneau fermé disparaît vraiment, et les deux
   derniers menus de la barre s'ouvrent vers la gauche.                */
.sa-panneau{display:none}
.sa-menu:hover .sa-panneau,
.sa-menu:focus-within .sa-panneau{display:block}
.sa-menu:nth-last-child(-n+2) .sa-panneau{left:auto;right:-14px}

/* Numérisite — le plan du site tient dans la colonne qui l'accueille.
   Le plan (« .sa-plan », posé par signature-artisan.js) atterrit parfois dans
   une colonne étroite du pied de page. Ses trois colonnes de liens deviennent
   alors plus larges que leur cadre et la page se met à glisser : c'est le
   min-width:auto implicite des éléments de grille. */
.sa-plan, .sa-plan *{min-width:0}
.sa-plan a, .sa-plan li, .sa-col-t{overflow-wrap:break-word;word-break:break-word}
@media (max-width: 1200px){
  .sa-plan .sa-grille{grid-template-columns:1fr}
}

/* ==================================================================
   En édition, le client voit son site EN ENTIER
   ==================================================================
   Avant : le panneau de gauche (322 px) et celui de droite (300 px) se
   posaient PAR-DESSUS la démo tant que la fenêtre ne dépassait pas
   2 025 px — c'est-à-dire toujours. Le client voyait son logo caché, ses
   titres coupés à gauche et à droite, et croyait son site abîmé.

   Deux changements :

   1. Le site est TOUJOURS décalé de la largeur du panneau de gauche, à
      toutes les tailles d'écran. Une marge, pas un padding : un padding
      ne rétrécit pas le cadre de référence des éléments positionnés, et
      un en-tête large de 100 % continuerait de calculer ses 100 % sur la
      fenêtre entière. Les barres et en-têtes fixes, eux, ne suivent pas
      la marge du corps — ils se réfèrent à la fenêtre — donc on les
      décale explicitement.

   2. Le panneau « Mise en forme » n'est plus une colonne de droite mais
      un bandeau horizontal sous la barre d'édition, comme la barre
      d'outils d'un traitement de texte. Il rend 300 px de largeur au
      site, et ses six réglages tiennent sur une seule ligne.

   Sa hauteur est fixée (une variable), pas mesurée : aucun script, donc
   aucune boucle possible. Le site descend d'autant quand le bandeau
   s'ouvre, et remonte quand il se ferme.

   Sous 760 px — un téléphone — les panneaux redeviennent des tiroirs du
   bas et le site reprend toute la largeur : rien à décaler.
   ================================================================== */

body.ned-edit{ --ned-side-w: 322px; --ned-fmt-h: 0px }
body.ned-edit.ned-has-fmt{ --ned-fmt-h: 62px }

/* Le corps devient un repère : sans ça, un en-tête en « absolute » sans
   ancêtre positionné se réfère à la fenêtre entière — il prend 1 647 px de
   large alors que le site n'en fait plus que 1 325, et dépasse de la largeur
   du panneau. Une ligne suffit à recadrer tous ces éléments. */
body.ned-edit{ position: relative }
body.ned-edit--side{ padding-left: 0 !important; margin-left: var(--ned-side-w) }
body.ned-edit.ned-has-fmt{ padding-right: 0 !important; margin-right: 0 }

/* ce qui est fixe ne suit pas la marge du corps : on le décale à la main */
body.ned-edit--side .ned-editbar{ left: var(--ned-side-w) }
/* seuls les en-têtes réellement « fixes » sont décalés : ceux-là se réfèrent
   à la fenêtre et resteraient sous le panneau. Les autres sont déjà portés
   par le corps de la page — les décaler les enverrait deux fois trop loin.
   Le marquage est posé par demo-editor.js à l'entrée en édition. */
body.ned-edit--side [data-ned-fixe]{
  left: var(--ned-side-w) !important; right: 0 !important; width: auto !important }

/* le site descend sous le bandeau de mise en forme quand il est ouvert */
body.ned-edit.ned-has-editbar.ned-has-fmt{
  padding-top: calc(var(--nmr-top) + 100px + var(--ned-fmt-h)) !important }
body.ned-edit.ned-has-editbar.ned-has-fmt [data-ned-fixe]{
  top: calc(var(--nmr-top) + 100px + var(--ned-fmt-h)) !important }

/* --- le panneau de mise en forme devient un bandeau du haut --- */
/* ================= la barre de mise en forme =====================
   Chaque réglage porte son nom en clair au-dessus de son contrôle : une
   infobulle qui n'apparaît qu'au survol ne sert à rien pour quelqu'un qui
   cherche où cliquer. Les boutons font 34 px, les pastilles de couleur
   21 px — on les vise sans effort.

   Trois tailles d'écran, trois mises en page. Jamais de coupure à droite,
   jamais de boutons minuscules : c'est la barre qui s'adapte.
     · au-delà de 1 700 px : tout sur une ligne, avec le titre ;
     · de 1 620 à 1 700 : le titre s'efface, les espaces se resserrent ;
     · en dessous — dont les portables 14 pouces : deux lignes, boutons et
       libellés inchangés.
   Les seuils tiennent compte des 322 px du panneau de gauche.        */

body.ned-edit.ned-has-fmt{ --ned-fmt-h: 78px }
body.ned-edit .ned-fmtpanel{
  left: var(--ned-side-w); right: 0; width: auto;
  top: calc(var(--nmr-top) + 52px);
  bottom: auto; height: var(--ned-fmt-h);
  background: #fff; border-left: none; border-bottom: 1px solid #e7e5f3;
  box-shadow: 0 12px 30px -24px rgba(23,24,47,.55);
  display: flex !important; flex-direction: row !important; align-items: stretch;
  overflow: visible;
}
body.ned-edit.ned-has-editbar .ned-fmtpanel{ top: calc(var(--nmr-top) + 52px) }
body.ned-edit .ned-fp__head{
  flex: none; display: flex; flex-direction: column; justify-content: center;
  gap: 3px; padding: 0 16px 0 18px; height: 100%;
  border: none; border-right: 1px solid #eeecf6; background: #fbfaff;
  position: static !important;
}
body.ned-edit .ned-fp__head *{ margin: 0 !important }
body.ned-edit .ned-fp__head small{ display: none !important }
body.ned-edit .ned-fp__head strong,
body.ned-edit .ned-fp__head b{
  font-size: 13px !important; font-weight: 900 !important; white-space: nowrap;
  color: var(--ed-ink,#1b1c2e) }
body.ned-edit .ned-fp__body{
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px;
  padding: 0 14px; height: 100%; overflow: visible;
}

/* un réglage = un petit bloc, son nom au-dessus */
body.ned-edit .ned-fp__body .ned-field{
  position: relative; flex: none; width: auto !important; height: auto;
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 3px; margin: 0 !important; padding: 6px 10px; border: none;
  border-radius: 12px; background: #fafaff; align-self: center;
}
body.ned-edit .ned-fp__body .ned-field > label{
  position: static; width: auto; height: auto; overflow: visible; clip-path: none;
  font-size: 10.5px !important; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; color: #8d8fa6; white-space: nowrap; margin: 0 !important }
/* deux libellés étaient à rallonge et mangeaient la largeur pour rien */
body.ned-edit .ned-fp__body .ned-field:nth-child(5) > label,
body.ned-edit .ned-fp__body .ned-field:nth-child(6) > label{ font-size: 0 !important }
body.ned-edit .ned-fp__body .ned-field:nth-child(5) > label::before{ content: "Texte" }
body.ned-edit .ned-fp__body .ned-field:nth-child(6) > label::before{ content: "Fond" }
body.ned-edit .ned-fp__body .ned-field:nth-child(5) > label::before,
body.ned-edit .ned-fp__body .ned-field:nth-child(6) > label::before{
  font-size: 10.5px; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; color: #8d8fa6 }

body.ned-edit .ned-fp__body .ned-select{
  height: 34px; padding: 0 26px 0 11px; font-size: 13px; border-radius: 10px;
  border: 1px solid #e2e0ee; background-color: #fff; max-width: 138px; cursor: pointer }
body.ned-edit .ned-fp-size,
body.ned-edit .ned-fp-btns{ display: flex; align-items: center; gap: 6px }
body.ned-edit .ned-fp__body button:not(.ned-color-dot){
  height: 34px; min-width: 36px; padding: 0 10px; border-radius: 10px;
  border: 1px solid #e2e0ee; background: #fff; font-size: 14px; cursor: pointer;
  transition: background .12s, border-color .12s, box-shadow .12s }
body.ned-edit .ned-fp__body button:not(.ned-color-dot):hover{
  background: #f3f1ff; border-color: var(--ed-primary,#5c5ceb);
  box-shadow: 0 4px 12px -6px rgba(92,92,235,.5) }

body.ned-edit .ned-fp__body .ned-color-dots{
  display: grid; grid-auto-flow: column; grid-auto-columns: 21px; gap: 6px;
  align-items: center; position: static; width: auto; padding: 0;
  background: none; border: none; box-shadow: none }
body.ned-edit .ned-fp__body .ned-color-dots > *{
  width: 21px !important; height: 21px !important;
  min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important; border-radius: 50%; cursor: pointer;
  border: 1.5px solid rgba(23,24,47,.16); transition: transform .1s }
body.ned-edit .ned-fp__body .ned-color-dots > *:hover{
  transform: scale(1.2); border-color: var(--ed-primary,#5c5ceb) }

@media (max-width: 1700px){
  body.ned-edit .ned-fp__head strong,
  body.ned-edit .ned-fp__head b{ display: none }
  body.ned-edit .ned-fp__head{ padding: 0 12px 0 14px }
  body.ned-edit .ned-fp__body{ gap: 7px; padding: 0 10px }
  body.ned-edit .ned-fp__body .ned-field{ padding: 6px 8px }
  body.ned-edit .ned-fp__body .ned-select{ max-width: 118px }
}
@media (max-width: 1620px){
  body.ned-edit.ned-has-fmt{ --ned-fmt-h: 148px }
  body.ned-edit .ned-fp__body{ flex-wrap: wrap; align-content: center; row-gap: 8px }
}

/* ---- le bandeau jaune d'explication est retiré ----
   Il redisait ce que le panneau de gauche explique déjà, et prenait 57 px
   de hauteur au site sur toutes les pages. Décision de Marine, 09/08/2026. */
body.ned-edit .ned-editbar{ display: none !important }
body.ned-edit.ned-has-editbar{
  padding-top: calc(var(--nmr-top) + 52px + var(--ned-fmt-h)) !important }
body.ned-edit.ned-has-editbar.ned-has-fmt{
  padding-top: calc(var(--nmr-top) + 52px + var(--ned-fmt-h)) !important }
body.ned-edit.ned-has-editbar .ned-side{ top: calc(var(--nmr-top) + 52px) }
body.ned-edit.ned-has-editbar [data-ned-fixe],
body.ned-edit.ned-has-editbar.ned-has-fmt [data-ned-fixe]{
  top: calc(var(--nmr-top) + 52px + var(--ned-fmt-h)) !important }


/* ---- en édition, la page ne glisse jamais ----
   Une démo peut avoir, à une largeur intermédiaire, une grille qui refuse
   de rétrécir : elle dépasse alors de quelques dizaines de pixels et le
   site part de côté au moment même où le client s'apprête à l'acheter.
   Traquer la cause démo par démo est sans fin ; on coupe donc net ce qui
   dépasse, mais SEULEMENT en mode édition.

   « clip » et non « hidden » : hidden ferait de la page une zone de
   défilement et casserait les en-têtes collants. clip se contente de
   couper. Hors édition, rien ne change — les mesures de l'audit
   continuent de voir les vrais défauts des démos. */
html:has(body.ned-edit){ overflow-x: clip }
body.ned-edit{ overflow-x: clip }

@media (max-width: 760px){
  body.ned-edit--side{ margin-left: 0 }
  body.ned-edit--side .ned-editbar,
  body.ned-edit--side [data-ned-fixe]{ left: 0 !important }
  body.ned-edit.ned-has-fmt{ --ned-fmt-h: 0px }
  body.ned-edit .ned-fmtpanel{
    left: 0; top: auto; bottom: 0; height: 44vh;
    border-bottom: none; border-top: 1px solid var(--ed-line);
    display: block; overflow-y: auto }
  body.ned-edit .ned-fp__body{ display: block; overflow: visible }
  body.ned-edit .ned-fp__body .ned-field{ width: auto; margin-bottom: 12px !important }
  body.ned-edit .ned-fp__body .ned-fp__hint{ display: block }
}

/* ==========================================================================
   Corrections issues du test client du 09/08/2026
   ========================================================================== */

/* Un morceau de logo vidé par le renommage (l'esperluette de « NET & CLAIR »
   quand le client s'appelle « Maison Propre ») ne doit plus occuper de place :
   sans ceci le logo affiche « MAISON PROPRE & ». */
.nmr-vide { display: none !important; }

/* Les photos sont modifiables au clic depuis toujours, mais rien ne le disait :
   le curseur ne changeait pas et le liseré était anthracite sur des photos
   sombres. Personne ne devinait qu'on pouvait cliquer dessus. */
.ned-edit [data-ned-img] { cursor: pointer; }
.ned-edit [data-ned-img]:hover {
  outline: 3px solid #4F46E5;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px rgba(79, 70, 229, .22);
}
/* (pas d'étiquette flottante : data-ned-img est porté par la balise <img>
   elle-même, qui n'accepte pas de pseudo-élément.) */

/* L'écran d'offre disait « 690 € · paiement unique » sans jamais mentionner
   les 96 €/an d'hébergement. Information précontractuelle obligatoire — et
   l'appel téléphonique furieux dans un an. */
.ned-base__renouv { display: block; margin-top: 4px; font-size: 12px; line-height: 1.35; opacity: .72; }
.ned-total__renouv { display: block; margin-top: 3px; font-size: 12px; font-style: normal; font-weight: 400; opacity: .7; }