/* The Forge Master : themes du site
   - data-theme="argent" (theme 1, acier et argent brosse) ou "or" (theme 2, noir et or)
   - data-mode="sombre" ou "clair" (fond blanc)
   Choix memorise dans le navigateur du visiteur (localStorage). */

/* ---------- choix du theme ---------- */
.top .wrap{gap:12px}
.chip-soon{color:var(--spark);border-color:currentColor}
.app-soon{opacity:.82}

/* =====================================================
   THEME 2 : OR (inspire de la planche Hub / Mail / Planning / Client Master)
   ===================================================== */
:root[data-theme="or"]{
  --ink:#050505;
  --plate:#0c0b09;
  --plate-2:#13110d;
  --seam:#2e2718;
  --text:#f3ece0;
  --muted:#b3a68e;
  --faint:#7d735f;
  --silver:linear-gradient(100deg,#fff4cf 0%,#f2c75c 20%,#fde9a8 40%,#b8862b 62%,#f7d57a 82%,#a8751f 100%);
  --spark:#f2c14e;
  --gold-glow:rgba(242,193,78,.35);
}
:root[data-theme="or"] body{background-image:radial-gradient(1200px 500px at 70% -10%,rgba(242,193,78,.07),transparent 60%),repeating-linear-gradient(90deg,rgba(255,215,120,.012) 0 1px,transparent 1px 3px)}
:root[data-theme="or"] .top{background:rgba(5,5,5,.86);border-bottom-color:var(--seam)}
:root[data-theme="or"] .top{box-shadow:0 1px 0 rgba(242,193,78,.12)}
:root[data-theme="or"] .btn-metal{color:#1a1205;box-shadow:inset 0 1px 0 rgba(255,250,225,.7),0 6px 22px rgba(0,0,0,.5),0 0 18px rgba(242,193,78,.18)}
:root[data-theme="or"] .nav .btn,:root[data-theme="or"] .nav .btn:hover{color:#1a1205}
:root[data-theme="or"] .nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--spark);color:#fde9a8}
:root[data-theme="or"] .nav a:hover{color:#fde9a8}
/* anneaux lumineux, comme les medaillons de la planche */
:root[data-theme="or"] .hero-mark img{filter:sepia(1) saturate(2.6) hue-rotate(-8deg) brightness(.98) contrast(1.05);box-shadow:0 0 0 2px #c9952f,0 0 0 6px rgba(5,5,5,1),0 0 0 7px rgba(242,193,78,.45),0 0 60px rgba(242,193,78,.28),0 30px 80px rgba(0,0,0,.8)}
:root[data-theme="or"] .brand img{filter:sepia(1) saturate(2.6) hue-rotate(-8deg) brightness(1.02);box-shadow:0 0 0 1px rgba(242,193,78,.5),0 0 12px rgba(242,193,78,.25)}
:root[data-theme="or"] .app img[src*="cube"]{filter:sepia(1) saturate(2.6) hue-rotate(-8deg)}
:root[data-theme="or"] .plate,:root[data-theme="or"] .app,:root[data-theme="or"] .summary{border-color:var(--seam)}
:root[data-theme="or"] .plate.featured{border-color:#8a6a2a;box-shadow:0 0 0 1px #8a6a2a inset,0 0 40px rgba(242,193,78,.12),0 24px 60px rgba(0,0,0,.6)}
:root[data-theme="or"] .plate::after{background:radial-gradient(circle at 30% 30%,#ffe7a3,#8a6215)}
:root[data-theme="or"] .plate ul{color:#dcd2bf}
:root[data-theme="or"] .pillar svg{stroke:var(--spark)}
:root[data-theme="or"] .app:hover,:root[data-theme="or"] .plate:hover{box-shadow:0 0 0 1px rgba(242,193,78,.35),0 0 30px rgba(242,193,78,.08)}
:root[data-theme="or"] .choice input{accent-color:#e0b04a}
:root[data-theme="or"] .choice label:has(input:checked){border-color:#c9952f;box-shadow:inset 0 0 0 1px #c9952f}
:root[data-theme="or"] .notice{color:#e3d8c4}
:root[data-theme="or"] .model .shot::after{background:rgba(5,5,5,.85)}
:root[data-theme="or"] ::selection{background:#f2c14e;color:#1a1205}

/* =====================================================
   MODE CLAIR (fond blanc) : marche avec les deux themes
   ===================================================== */
:root[data-mode="clair"]{
  color-scheme:light;
  --ink:#ffffff;
  --plate:#f6f6f4;
  --plate-2:#fbfbfa;
  --seam:#e2e2de;
  --text:#14161a;
  --muted:#545a63;
  --faint:#7c828b;
  --silver:linear-gradient(100deg,#2b2e33 0%,#6b7078 25%,#1c1e22 48%,#7d838b 70%,#33363c 100%);
  --spark:#b5681c;
}
:root[data-mode="clair"][data-theme="or"]{
  --ink:#fffdf8;
  --plate:#faf5ea;
  --plate-2:#fdf9f1;
  --seam:#eadfc6;
  --text:#1b160c;
  --muted:#6a5a3c;
  --faint:#8d7d5f;
  --silver:linear-gradient(100deg,#7a5410 0%,#b8862b 25%,#6b470b 48%,#c79a3a 70%,#7a5410 100%);
  --spark:#a8741f;
}
:root[data-mode="clair"] body{background-image:none}
:root[data-mode="clair"] .top{background:rgba(255,255,255,.88);box-shadow:none}
:root[data-mode="clair"][data-theme="or"] .top{background:rgba(255,253,248,.9)}
:root[data-mode="clair"] .nav{background:var(--ink)}
:root[data-mode="clair"] .btn-metal{color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14)}
:root[data-mode="clair"] .nav .btn,:root[data-mode="clair"] .nav .btn:hover{color:#fff;box-shadow:none}
:root[data-mode="clair"][data-theme="or"] .btn-metal{background:linear-gradient(100deg,#c79a3a,#e9c46a 45%,#b8862b);color:#1a1205}
:root[data-mode="clair"][data-theme="or"] .nav .btn,:root[data-mode="clair"][data-theme="or"] .nav .btn:hover{color:#1a1205}
:root[data-mode="clair"][data-theme="or"] .nav a[aria-current="page"]{color:var(--text);box-shadow:inset 0 -2px 0 var(--spark)}
:root[data-mode="clair"][data-theme="or"] .nav a:hover{color:var(--text)}
:root[data-mode="clair"] .plate ul,:root[data-mode="clair"][data-theme="or"] .plate ul{color:#33373d}
:root[data-mode="clair"] .notice{color:var(--text)}
:root[data-mode="clair"] .hero-mark img{box-shadow:0 24px 60px rgba(0,0,0,.25)}
:root[data-mode="clair"][data-theme="or"] .hero-mark img{box-shadow:0 0 0 2px #c9952f,0 0 0 6px #fffdf8,0 0 0 7px rgba(184,134,43,.5),0 24px 60px rgba(120,80,10,.25)}
:root[data-mode="clair"] .plate.featured{border-color:#9ca1a8;box-shadow:0 0 0 1px #9ca1a8 inset,0 18px 40px rgba(0,0,0,.08)}
:root[data-mode="clair"][data-theme="or"] .plate.featured{border-color:#c9952f;box-shadow:0 0 0 1px #c9952f inset,0 18px 40px rgba(120,80,10,.1)}
:root[data-mode="clair"] .choice input{accent-color:#3b3f45}
:root[data-mode="clair"] .choice label:has(input:checked){border-color:#3b3f45;box-shadow:inset 0 0 0 1px #3b3f45}
:root[data-mode="clair"] .model .shot::after{background:rgba(255,255,255,.92);color:var(--text)}
:root[data-mode="clair"] .plate::after{background:radial-gradient(circle at 30% 30%,#fff,#9aa0a8)}
:root[data-mode="clair"] .skip{background:var(--text);color:#fff}
:root[data-mode="clair"] .app:hover,:root[data-mode="clair"] .plate:hover{box-shadow:none}

/* en-tete : place pour les interrupteurs */
@media (max-width:1300px) and (min-width:961px){.nav{gap:2px}.nav a{padding:8px 7px;font-size:.84rem}.nav .btn{margin-left:4px}.brand small{display:none}}
@media (max-width:520px){
  .top .wrap{gap:8px}
  .menu-btn{padding:7px 9px;font-size:.8rem}
  .brand{gap:8px;min-width:0}
  .brand span{font-size:.7rem;letter-spacing:.06em}
}
@media (max-width:360px){.brand span{font-size:.62rem}.brand img{width:28px;height:28px}}

/* ---------- selecteur de theme : 4 pastilles, un clic ---------- */
.theme-picker{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--seam);border-radius:999px;margin-left:auto}
@media (min-width:961px){.theme-picker{margin-left:0;order:3}}
.tp-swatch{position:relative;width:24px;height:24px;border-radius:50%;border:0;padding:0;cursor:pointer;background:none;display:grid;place-items:center}
.tp-swatch span{width:20px;height:20px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgba(127,127,127,.45)}
.tp-argent-sombre span{background:radial-gradient(circle,#08090b 0 42%,transparent 44%),linear-gradient(135deg,#f4f5f6,#8b9097 55%,#dcdfe2)}
.tp-or-sombre span{background:radial-gradient(circle,#050505 0 42%,transparent 44%),linear-gradient(135deg,#fff4cf,#b8862b 55%,#f7d57a)}
.tp-argent-clair span{background:radial-gradient(circle,#ffffff 0 42%,transparent 44%),linear-gradient(135deg,#6b7078,#2b2e33 55%,#7d838b)}
.tp-or-clair span{background:radial-gradient(circle,#fffdf8 0 42%,transparent 44%),linear-gradient(135deg,#c79a3a,#7a5410 55%,#b8862b)}
.tp-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--text)}
.tp-swatch:hover span{transform:scale(1.08)}
.theme-picker-menu{display:none}
@media (max-width:520px){
  .top .wrap>.theme-picker{display:none}
  .nav .theme-picker-menu{display:flex;align-self:flex-start;margin-top:14px;gap:10px;padding:6px 8px}
  .nav .theme-picker-menu .tp-swatch{width:32px;height:32px}
  .nav .theme-picker-menu .tp-swatch span{width:28px;height:28px}
  .brand span{font-size:.78rem;letter-spacing:.1em}
}

/* ---------- logos medaillons des logiciels ---------- */
.app img.app-logo{width:112px;height:112px;border-radius:50%;filter:none!important}
.app:has(img.app-logo){grid-template-columns:112px 1fr auto}
@media (max-width:760px){.app img.app-logo{width:80px;height:80px}.app:has(img.app-logo){grid-template-columns:80px 1fr}}
[hidden]{display:none!important}
.apps .app{grid-template-columns:112px 1fr auto}
.apps .app>img{justify-self:center}
@media (max-width:760px){.apps .app{grid-template-columns:80px 1fr}}
@media (max-width:1100px) and (min-width:961px){.nav a{padding:8px 5px;font-size:.8rem}.brand span{letter-spacing:.08em;font-size:.85rem}.theme-picker{gap:2px;padding:3px}.top .wrap{gap:8px}}
@media (max-width:520px){
  .nav .theme-picker-menu{margin-left:0}
  .apps .app{grid-template-columns:1fr;gap:14px}
  .apps .app>img{justify-self:start}
  .app img.app-logo{width:84px;height:84px}
}
@media (max-width:520px){.apps .app,.apps .app:has(img.app-logo){grid-template-columns:1fr}}

/* ---------- bandeau newsletter ---------- */
.nl-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--plate-2);border-top:1px solid var(--seam);box-shadow:0 -12px 40px rgba(0,0,0,.35);transform:translateY(110%);transition:transform .3s ease;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px))}
.nl-bar.on{transform:none}
:root[data-mode="clair"] .nl-bar{box-shadow:0 -10px 30px rgba(0,0,0,.08)}
:root[data-theme="or"] .nl-bar{border-top-color:#6b5420}
.nl-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;position:relative;padding-right:56px}
.nl-txt strong{display:block;font:800 1rem/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.04em;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-txt span{display:block;color:var(--muted);font-size:.88rem;margin-top:4px}
.nl-form{display:grid;grid-template-columns:minmax(180px,260px) auto;gap:8px 10px;align-items:center}
.nl-form input[type=email]{padding:10px 12px;font-size:.95rem}
.nl-consent{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;text-transform:none;letter-spacing:0;font:500 .74rem/1.35 var(--f-body);color:var(--faint)}
.nl-consent input{width:auto;margin-top:2px}
.nl-consent a{color:var(--muted)}
.nl-msg{grid-column:1/-1;font-size:.9rem;color:var(--text)}
.nl-msg.ok{color:var(--text)}
.nl-code{font:600 1rem var(--f-mono);letter-spacing:.08em;padding:2px 8px;border:1px dashed var(--spark);border-radius:4px}
.nl-close{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--seam);background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}
.nl-close:hover{color:var(--text)}
.nl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){.nl-in{grid-template-columns:1fr;padding-right:48px}.nl-close{top:0;transform:none}.nl-form{grid-template-columns:minmax(0,1fr) auto}.nl-txt span{display:none}}
@media (max-width:420px){.nl-form{grid-template-columns:1fr}}

/* ---------- modeles de CRM ---------- */
.subnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.subnav a{font:600 .74rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:11px 16px;border-radius:999px;border:1px solid var(--seam);color:var(--muted)}
.subnav a:hover,.subnav a[aria-current="true"]{color:var(--text);border-color:var(--muted)}
.crm-pipe{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:500 .7rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.crm-pipe span{border:1px solid var(--seam);border-radius:999px;padding:6px 9px}
.crm-pipe i{font-style:normal;color:var(--faint)}
.plate h4{font:600 .72rem/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:6px 0 0}
#crm,#sites{scroll-margin-top:90px}
@media (max-width:420px){.nl-txt strong{font-size:.85rem}.nl-bar{padding-top:10px}}

/* ---------- tarifs de lancement, logo, questionnaire ---------- */
.price s.was{font:600 1.15rem/1 var(--f-display);color:var(--faint);text-decoration-thickness:2px}
s.was-sm{color:var(--faint);font-weight:500;font-size:.85em;margin-left:4px;text-decoration-thickness:1.5px}
.choice b s.was-sm{font-size:.82em}
.launch-note{border:1px solid var(--seam);border-left:3px solid var(--spark);background:var(--plate);border-radius:4px;padding:12px 16px;font-size:.92rem;color:var(--text);margin-bottom:22px}
.launch-note b{color:var(--spark)}
#commande .launch-note{margin-bottom:6px}
.brief-fs{border:0;padding:0;margin:0 0 8px;display:grid;gap:14px;min-width:0}
.brief-fs legend{margin-bottom:14px;padding:0}
.flabel{font:500 .74rem/1.2 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font:500 .9rem/1.2 var(--f-body);color:var(--text);border:1px solid var(--seam);border-radius:999px;padding:8px 12px;cursor:pointer;background:var(--plate)}
.checks input{width:auto;margin:0}
.checks label:has(input:checked){border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted)}
:root[data-theme="or"] .checks label:has(input:checked){border-color:#c9952f;box-shadow:inset 0 0 0 1px #c9952f}
.promo-etat{margin-top:6px;font-size:.88rem}
.promo-etat.ok{color:var(--ok)}
.promo-etat.ko{color:var(--spark)}
select{appearance:auto}

/* ---------- selecteur v2 : V2.B / V2.N / V1 ---------- */
.tp-swatch{width:auto;height:30px;padding:0 9px 0 4px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}
.tp-swatch .tp-dot{width:20px;height:20px;border-radius:50%}
.tp-swatch .tp-tag{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0;font:600 .64rem/1 var(--f-mono);letter-spacing:.08em;color:var(--muted)}
.tp-swatch:hover .tp-tag,.tp-swatch[aria-pressed="true"] .tp-tag{color:var(--text)}
.tp-swatch[aria-pressed="true"]{box-shadow:none;border-color:var(--muted);background:var(--plate)}
:root[data-theme="or"] .tp-swatch[aria-pressed="true"]{border-color:#c9952f}
.tp-swatch:hover span{transform:none}
.theme-picker{gap:2px;padding:3px}
@media (max-width:520px){
  .nav .theme-picker-menu .tp-swatch{width:auto;height:38px;padding:0 12px 0 5px}
  .nav .theme-picker-menu .tp-swatch .tp-dot{width:26px;height:26px}
  .nav .theme-picker-menu .tp-tag{font-size:.75rem}
}
@media (max-width:1100px) and (min-width:961px){.tp-swatch{padding:0 7px 0 3px;gap:4px}.tp-swatch .tp-tag{font-size:.58rem}}
@media (max-width:1180px) and (min-width:961px){.brand span{font-size:.74rem;letter-spacing:.06em}.brand{gap:8px}.top .wrap{gap:8px}}
@media (max-width:1040px) and (min-width:961px){.top .wrap>.theme-picker .tp-tag{display:none}.top .wrap>.theme-picker .tp-swatch{padding:0 3px}.nav a{padding:8px 4px}}

/* ---------- envoi du logo par email avec code dossier ---------- */
.logo-mail{display:grid;gap:10px;border:1px dashed var(--spark);border-radius:var(--radius);padding:16px;background:var(--plate)}
.logo-mail p{font-size:.94rem}
.logo-mail code{font:600 1rem var(--f-mono);letter-spacing:.06em}
#commande .logo-mail{margin-top:4px}
s.was-sm,s.was{white-space:nowrap}

/* ---------- questionnaire detaille (page merci) ---------- */
.qcm-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
@media (max-width:900px){.qcm-wrap{grid-template-columns:1fr}}
.qhead-box{display:grid;gap:8px;margin-bottom:18px}
.qbar{height:6px;border-radius:999px;background:var(--plate);border:1px solid var(--seam);overflow:hidden}
.qbar span{display:block;height:100%;width:10%;background:var(--silver);transition:width .25s}
:root[data-theme="or"] .qbar span{background:linear-gradient(90deg,#b8862b,#f2c14e)}
.qtitle{font-size:clamp(1.4rem,3vw,2rem);margin:0}
.qcm-form .brief-fs{gap:18px}
.qnav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:22px}
.qnav .btn[hidden]{display:none}
.qsvc{display:grid;gap:8px}
.qsvc-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;align-items:center;border:1px solid var(--seam);background:var(--plate);border-radius:8px;padding:8px 10px}
.qsvc-row label{display:flex;gap:10px;align-items:center;font:500 .95rem/1.25 var(--f-body);text-transform:none;letter-spacing:0;color:var(--text);cursor:pointer}
.qsvc-row input[type=checkbox]{width:auto;margin:0}
@media (max-width:560px){.qsvc-row{grid-template-columns:1fr}}
.qdays{display:grid;gap:6px}
.qday{display:grid;grid-template-columns:90px repeat(4,minmax(0,1fr));gap:8px;align-items:center}
.qday.qhead{font:500 .72rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.qday{grid-template-columns:1fr 1fr}.qday b{grid-column:1/-1}.qday.qhead{display:none}}
.qconsent{display:flex;gap:10px;align-items:flex-start;font:500 .92rem/1.4 var(--f-body);text-transform:none;letter-spacing:0;color:var(--text)}
.qconsent input{width:auto;margin-top:3px}

/* ---------- en-tete : le nom de la marque n est plus coupe ---------- */
.top .wrap{max-width:min(1320px,100%)}
.brand{flex:none}
.brand span{overflow:visible}
@media (max-width:1300px) and (min-width:961px){.brand span{font-size:.8rem;letter-spacing:.08em}}
/* ---------- commande : demande a copier toujours visible ---------- */
.copy-demande{gap:10px}
.copy-demande textarea{min-height:150px;font:400 .82rem/1.45 var(--f-mono);resize:vertical}
.copy-demande .btn{justify-self:start}
#payer-zone .btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* v3.5 lisibilite V2.N */
:root[data-theme="or"][data-mode="sombre"]{--muted:#ddd3c0;--faint:#bfb39c}
:root[data-theme="or"][data-mode="sombre"] main h2:not(.silver),:root[data-theme="or"][data-mode="sombre"] main h3:not(.silver){background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="or"][data-mode="sombre"] main p:not(.fineprint):not(.eyebrow):not(.rgpd),:root[data-theme="or"][data-mode="sombre"] main li{color:#f6f1e7}
:root[data-theme="or"][data-mode="sombre"] .field label,:root[data-theme="or"][data-mode="sombre"] .choice small{color:#e6dccb}
.consent.consent-sm{display:flex;gap:8px;align-items:flex-start;justify-content:center;text-align:left;font:400 .74rem/1.45 var(--f-body);letter-spacing:0;text-transform:none;color:var(--faint);max-width:56ch;margin-inline:auto}
.fineprint.rgpd{font-size:.7rem;text-align:center;opacity:.8}
.consent.consent-sm input{width:auto;min-width:0;flex:none;margin-top:2px}

/* v3.6 : telephone - lisibilite, debordements, images centrees ; symbole euro en police de texte */
.eur{font-family:var(--f-body);font-weight:700;letter-spacing:0}
.price .num .eur{font-size:.72em;vertical-align:0.12em}
table{max-width:100%}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
img{max-width:100%;height:auto}
.btn{white-space:normal;text-align:center;line-height:1.25}
@media (max-width:640px){
  :root{--s5:clamp(1.7rem,7.6vw,2.3rem)}
  h1,h2,h3{overflow-wrap:anywhere;hyphens:manual}
  .tag,.chip,.eyebrow{font-size:.78rem}
  .was-sm{font-size:.84rem}
  .btn-sm{font-size:.86rem;padding:12px 16px}
  .field label,label{font-size:.84rem}
  .fineprint{font-size:.8rem}
  .consent{display:flex;flex-wrap:nowrap;gap:10px;align-items:flex-start;font:400 .86rem/1.45 var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
  .consent input{flex:none;width:18px;height:18px;margin-top:2px}
  .prose,.prose *{max-width:100%;overflow-wrap:anywhere}
  .hero img,.hero picture{display:block;margin-left:auto;margin-right:auto}
  .hero .stats,.hero .kpis{grid-template-columns:1fr 1fr;gap:14px}
  table{display:block;overflow-x:auto;white-space:nowrap}
  table td,table th{white-space:normal;min-width:120px}
}
@media (max-width:420px){:root{--s5:clamp(1.55rem,7.2vw,2rem)}}
@media (max-width:640px){
  .nl-bar{padding-top:8px;max-height:46vh;overflow:auto}
  .nl-txt strong{font-size:.72rem;letter-spacing:.03em;padding-right:56px;overflow-wrap:anywhere}
  .nl-grid{gap:8px}
  .nl-grid input{padding:10px 12px;font-size:.95rem}
  .nl-form .btn{padding:11px 16px}
  .nl-consent,.nl-rappel{font-size:.78rem}
}

.was .eur{font-size:.9em}
@media (min-width:961px){.plates:has(> :nth-child(4)):not(:has(> :nth-child(5))){grid-template-columns:repeat(2,1fr)}}

/* v3.6.1 : cartes "à la carte" sous les packs, même style que le reste */
.plates.minis{margin-top:14px}
@media (min-width:961px){.plates.minis:has(> :nth-child(4)):not(:has(> :nth-child(5))){grid-template-columns:repeat(4,1fr)}}
@media (min-width:641px) and (max-width:960px){.plates.minis{grid-template-columns:1fr 1fr}}
.plate.mini{padding:22px 22px 18px}
.plate.mini h3{font-size:1.05rem;margin:8px 0 6px;line-height:1.25}
.plate.mini p{color:var(--muted);font-size:.92rem;line-height:1.5;margin:0 0 12px}
.plate.mini .foot{margin-top:auto}
.plate.mini h3{font-size:.92rem;overflow-wrap:normal;hyphens:none;word-break:keep-all}