@font-face{font-family:"Figtree";font-style:normal;font-weight:400 900;font-display:swap;src:url(polices/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 900;font-display:swap;src:url(polices/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* WINTERLY – nuit d'hiver + ambre chaud */
:root{
  --nuit:#0F1B2D; --nuit-2:#1B2B44; --glace:#EAF1F6; --glace-2:#D6E3EC; --neige:#FFFFFF;
  --ambre:#E8913A; --ambre-f:#C46F1C; --ink:#14202F; --muted:#5A6878; --line:#DCE4EB;
  --ok:#2E7D5B; --err:#B3261E; --r:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Figtree,system-ui,-apple-system,sans-serif;color:var(--ink);background:#F7FAFC;line-height:1.55;font-size:16px}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:850}
h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}
h3{font-size:1.15rem;font-weight:750}
p{margin:0 0 1em}
.muted{color:var(--muted)}

/* bandeau promo + en-tête */
.promo{background:var(--ambre);color:var(--nuit);text-align:center;font-weight:750;font-size:.86rem;padding:8px 12px;letter-spacing:.02em}
header.top{background:var(--nuit);color:#fff;position:sticky;top:0;z-index:20}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font-weight:900;letter-spacing:.18em;font-size:1.3rem;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo svg{width:26px;height:26px}
nav.menu{display:flex;gap:22px;align-items:center;font-weight:600;font-size:.95rem}
nav.menu a{text-decoration:none;opacity:.85}
nav.menu a:hover{opacity:1}
.cart-link{background:rgba(255,255,255,.1);padding:8px 14px;border-radius:999px;opacity:1!important;display:flex;gap:8px;align-items:center}
.cart-count{background:var(--ambre);color:var(--nuit);border-radius:999px;font-size:.78rem;font-weight:800;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px}
@media(max-width:700px){nav.menu .hide-m{display:none}}

/* héros */
.hero{background:radial-gradient(1200px 500px at 80% -10%,#2B4468 0%,transparent 60%),var(--nuit);color:#fff;padding:64px 0 72px;overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p.lead{font-size:1.15rem;opacity:.85;max-width:34em}
.kicker{display:inline-block;background:rgba(232,145,58,.18);color:#F6B575;border:1px solid rgba(232,145,58,.45);padding:6px 12px;border-radius:999px;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.hero-art-old{aspect-ratio:1;max-width:400px;justify-self:end;width:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#F3F7FA 0%,#C9D8E6 100%);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,255,255,.05),0 0 0 28px rgba(255,255,255,.03)}
.hero-art svg{width:58%;height:58%}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-art-old{display:none}.hero{padding:40px 0 48px}}
.snow{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff8,transparent),radial-gradient(2px 2px at 140px 80px,#fff6,transparent),radial-gradient(1.5px 1.5px at 260px 150px,#fff7,transparent),radial-gradient(2px 2px at 380px 40px,#fff5,transparent);background-size:420px 220px;opacity:.6}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ambre);color:var(--nuit);font-weight:800;border:0;border-radius:999px;padding:14px 26px;font-size:1rem;text-decoration:none;cursor:pointer;font-family:inherit;transition:transform .15s,background .15s}
.btn:hover{background:#F2A257;transform:translateY(-1px)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn.ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn.dark{background:var(--nuit);color:#fff}
.btn.dark:hover{background:var(--nuit-2)}
.btn.block{width:100%}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* réassurance */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 16px;font-size:.9rem;font-weight:650}
.trust div{display:flex;gap:10px;align-items:center}
.trust svg{flex:none;width:26px;height:26px;color:var(--ambre-f)}
@media(max-width:820px){.trust .wrap{grid-template-columns:1fr 1fr}}

section.block{padding:64px 0}
section.alt{background:var(--glace)}
.section-head{max-width:640px;margin-bottom:32px}

/* pourquoi / étapes */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.why div{background:#fff;border-radius:var(--r);padding:24px;border:1px solid var(--line)}
.why b{display:block;font-size:2rem;color:var(--ambre-f);font-weight:850;line-height:1}
@media(max-width:820px){.why{grid-template-columns:1fr}}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}
.faq details p{margin:10px 0 0;color:var(--muted)}

/* formulaires */
label{display:block;font-weight:650;font-size:.9rem;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],textarea,select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--nuit-2);box-shadow:0 0 0 3px rgba(27,43,68,.12)}
.field{margin-bottom:16px}
.field small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 2fr;gap:14px}
@media(max-width:600px){.row2,.row3{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.9rem}
.check input{margin-top:4px}

/* panier / commande */
.page{padding-top:32px;padding-bottom:72px}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}
@media(max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line:last-child{border-bottom:0}
.line .mini{width:64px;height:64px;border-radius:10px;display:grid;place-items:center}
.line .mini svg{width:60%;height:60%}
.line .rm{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:.82rem;padding:0}
.sum{display:flex;justify-content:space-between;margin:8px 0}
.sum.total{font-size:1.2rem;font-weight:850;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.alert{border-radius:10px;padding:14px 16px;margin:12px 0;font-size:.92rem}
.alert.err{background:#FCEBEA;color:var(--err)}
.alert.ok{background:#E6F4EC;color:var(--ok)}
.alert.info{background:var(--glace)}
.bank{background:var(--glace);border-radius:12px;padding:18px;font-family:ui-monospace,Menlo,monospace;font-size:.92rem;word-break:break-all}
.empty{text-align:center;padding:48px 0}

/* textes légaux */
.legal{max-width:780px}
.legal h2{font-size:1.3rem;margin-top:2em}
.legal p,.legal li{color:#2A3646}

footer{background:var(--nuit);color:#C9D4E0;padding:48px 0 28px;font-size:.92rem}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
footer a{text-decoration:none;display:block;margin-bottom:8px;opacity:.85}
footer a:hover{opacity:1}
footer h4{color:#fff;margin:0 0 12px;font-size:.95rem}
footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.8rem;opacity:.7}
@media(max-width:700px){footer .cols{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--nuit);color:#fff;padding:14px 20px;border-radius:999px;font-weight:650;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .3s;z-index:50;display:flex;gap:14px;align-items:center;max-width:calc(100% - 32px)}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast a{color:var(--ambre);font-weight:800}

/* ===== photos produit (fond blanc, cadrage carré) ===== */
.ph{position:relative;margin:0;aspect-ratio:1;background:#fff;overflow:hidden;display:block}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.ph-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10%;color:#9AA7B4;background:repeating-linear-gradient(135deg,#FAFBFC 0 14px,#F4F6F8 14px 28px)}
.ph-empty svg{width:34%;max-width:120px;height:auto;color:#8193A6}
.ph-empty b{color:var(--ink);font-size:.92rem;font-weight:700;max-width:22em}
.ph-empty small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8193A6}
.ph.ok .ph-empty{display:none}
.eyebrow{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ambre-f);margin-bottom:6px}

/* ===== cartes ===== */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media(max-width:760px){.grid{grid-template-columns:minmax(0,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;text-decoration:none}
.card:hover{box-shadow:0 18px 50px -24px rgba(15,27,45,.4);transform:translateY(-2px)}
.card-media .ph{aspect-ratio:1;border-bottom:1px solid var(--line)}
.card-parts{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.card-parts .ph{border-right:1px solid var(--line)}
.card-parts .ph:last-child{border-right:0}
.card-parts .ph-empty svg{width:46%}
.card .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1.4rem;margin:0}
.incl{list-style:none;margin:8px 0 14px;padding:0;font-size:.95rem;color:#33414F}
.incl li{padding:6px 0;border-bottom:1px dashed var(--line)}
.incl li:last-child{border-bottom:0}
.card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.price{font-size:1.6rem;font-weight:850;line-height:1.1}
.price small{font-size:.75rem;font-weight:600;color:var(--muted);display:block;margin-top:2px}
.btn.sm{padding:11px 18px;font-size:.92rem}

/* ===== héros ===== */
.hero-packs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hero-pack{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transition:transform .2s}
.hero-pack:hover{transform:translateY(-3px)}
.hero-pack .ph{aspect-ratio:1}
.hero-pack .ph-empty svg{width:42%}
.hero-pack>span{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px;font-weight:800;border-top:1px solid var(--line);font-size:.95rem}
.hero-pack>span b{font-weight:750;font-size:.88rem}
@media(max-width:820px){.hero-packs{margin-top:8px}}

/* ===== fiche produit ===== */
.crumbs{font-size:.88rem;color:var(--muted);margin:22px 0}
.crumbs a{text-decoration:none}
.product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start;padding-bottom:40px}
.gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;position:sticky;top:84px;align-items:start}
.thumbs{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin}
.thumbs button{flex:none;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}
.thumbs button[aria-pressed="true"]{border:2px solid var(--nuit)}
.thumbs .ph-empty svg{width:60%}
.stage{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.stage-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.slide{display:none}.slide.on{display:block}
.stage .ph-empty svg{width:30%}
.zoom-hint{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 8px;font-size:.78rem;font-weight:700;display:flex;gap:6px;align-items:center;pointer-events:none}
.zoom-hint svg{width:16px;height:16px}
.counter{position:absolute;left:14px;bottom:14px;background:rgba(15,27,45,.8);color:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;pointer-events:none}
.nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.95);font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink);display:grid;place-items:center;padding-bottom:3px}
.stage .prev{left:12px}.stage .next{right:12px}
.caption{grid-column:2;margin:0;font-size:.88rem;color:var(--muted);text-align:center}
.buybox h1{font-size:clamp(1.9rem,3.6vw,2.6rem);margin-bottom:8px}
.lead-p{font-size:1.08rem;color:var(--muted)}
.price-xl{font-size:2.3rem;font-weight:900;margin:14px 0 18px;line-height:1.1}
.price-xl small{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-top:6px}
.incl-box{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 14px 6px;margin-bottom:18px}
.incl-box>b{display:block;margin:0 4px 8px;font-size:.92rem}
.incl-row{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:10px 4px;cursor:pointer;font:inherit;color:inherit}
.incl-row:hover b{text-decoration:underline}
.incl-row .ph{border-radius:8px;border:1px solid var(--line)}
.incl-row .ph-empty svg{width:62%}
.incl-row small{display:block;color:var(--muted);font-size:.82rem}
.buy{display:flex;gap:12px;flex-wrap:wrap}
.buy .btn{flex:1;min-width:180px}
.qty{display:flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.qty button{border:0;background:none;width:42px;font-size:1.2rem;cursor:pointer;font-family:inherit;color:var(--ink)}
.qty input{width:44px;text-align:center;border:0;font:inherit;font-weight:700}
.checks{list-style:none;padding:0;margin:18px 0}
.checks li{padding-left:28px;position:relative;margin-bottom:7px}
.checks li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
.detail{border-top:1px solid var(--line);padding:48px 0}
.parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.part{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.part .ph{border-bottom:1px solid var(--line)}
.part>div{padding:18px 20px 20px}
.part h3{margin-bottom:6px}
.part p{color:var(--muted);font-size:.95rem}
.part ul{margin:0;padding-left:18px;font-size:.92rem}
.part li{margin-bottom:4px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.specs{width:100%;border-collapse:collapse;font-size:.95rem}
.specs th,.specs td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{width:42%;color:var(--muted);font-weight:600;padding-right:16px}
.sticky-buy{display:none}
.mini{width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.mini .ph-empty svg{width:70%}
@media(max-width:900px){
  .product{grid-template-columns:minmax(0,1fr);gap:24px}
  .gallery{position:static;grid-template-columns:minmax(0,1fr)}
  .thumbs{flex-direction:row;order:2;overflow-x:auto}
  .thumbs button{flex:0 0 68px}
  .caption{grid-column:1;order:3}
  .parts{grid-template-columns:minmax(0,1fr)}
  .part{display:grid;grid-template-columns:140px minmax(0,1fr)}
  .part .ph{border-bottom:0;border-right:1px solid var(--line);aspect-ratio:auto;min-height:100%}
  .two-col{grid-template-columns:minmax(0,1fr);gap:24px}
  .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s;box-shadow:0 -8px 24px -12px rgba(0,0,0,.2)}
  .sticky-buy.show{transform:none}
  .sticky-buy div{display:flex;flex-direction:column;line-height:1.2;min-width:0}
  .sticky-buy b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-buy span{font-weight:850;font-size:1.1rem}
  .sticky-buy .btn{padding:12px 22px}
}
@media(max-width:520px){.part{grid-template-columns:minmax(0,1fr)}.part .ph{border-right:0;border-bottom:1px solid var(--line);aspect-ratio:1}.nav{width:36px;height:36px}}

/* ===== visionneuse plein écran ===== */
.lb{position:fixed;inset:0;z-index:100;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);gap:12px}
.lb-cap{font-size:.9rem;color:var(--muted)}
.lb-x{border:1px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;font-size:1.1rem;cursor:pointer;flex:none}
.lb-view{position:relative;overflow:auto;touch-action:pinch-zoom;display:grid;place-items:center;cursor:zoom-in}
.lb-view .ph{width:min(100%,calc(100vh - 190px));aspect-ratio:1;background:transparent}
.lb-view.zoomed{cursor:zoom-out}
.lb-view.zoomed img{transform:scale(2.5)}
.lb .prev{left:16px}.lb .next{right:16px}
.lb-thumbs{display:flex;gap:10px;justify-content:center;padding:12px 16px;border-top:1px solid var(--line);overflow-x:auto}
.lb-thumbs button{flex:0 0 64px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;cursor:pointer}
.lb-thumbs button[aria-pressed="true"]{border:2px solid var(--nuit)}
.lb-thumbs .ph-empty svg{width:60%}
body:has(.sticky-buy) footer{padding-bottom:90px}
@media(max-width:520px){.hero-pack>span{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}}

/* ===== choix du client ===== */
.opts{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 16px 4px;margin-bottom:18px}
.opts-title{display:block;font-size:.92rem;margin-bottom:12px}
.opt{border:0;padding:0;margin:0 0 16px;min-width:0}
.opt legend,.opt label{font-weight:700;font-size:.9rem;margin-bottom:8px;padding:0;display:block}
.opt .req{color:var(--ambre-f)}
.opt-val{font-weight:500;color:var(--muted);margin-left:4px}
.opt small{display:block;color:var(--muted);font-size:.8rem;margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s}
.chip:hover{border-color:#9FB0C2}
.chip[aria-pressed="true"]{border:2px solid var(--nuit);padding:8.5px 13.5px;background:var(--glace)}
.chip.has-ph{padding:5px 12px 5px 5px}
.chip.has-ph[aria-pressed="true"]{padding:4.5px 11.5px 4.5px 4.5px}
.chip .ph{width:40px;height:40px;border-radius:7px;flex:none}
.chip .ph-empty svg{width:70%}
.unit{display:flex;align-items:center;gap:8px}
.unit input{max-width:220px}
.unit span{font-weight:600;color:var(--muted)}
.opt.bad .chips,.opt.bad input{outline:2px solid var(--err);outline-offset:3px;border-radius:10px}
.opt.bad legend,.opt.bad label{color:var(--err)}
.mini .ph{width:100%;height:100%;aspect-ratio:auto}

/* ===== moyens de paiement ===== */
.pay{display:grid;gap:10px;margin-bottom:16px}
.pay-opt{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}
.pay-opt:hover{border-color:#9FB0C2}
.pay-opt[aria-checked="true"]{border:2px solid var(--nuit);padding:13.5px 15.5px;background:var(--glace)}
.pay-opt .ico{width:42px;height:42px;border-radius:50%;background:var(--glace);display:grid;place-items:center;flex:none}
.pay-opt[aria-checked="true"] .ico{background:var(--nuit);color:#fff}
.pay-opt .ico svg{width:22px;height:22px}
.pay-opt b{display:block}
.pay-opt small{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
.pay-opt .radio{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2,#CFCEC6);flex:none;display:grid;place-items:center}
.pay-opt[aria-checked="true"] .radio{border-color:var(--nuit);background:var(--nuit);box-shadow:inset 0 0 0 4px #fff}
.brands{display:flex;gap:6px;margin-top:6px}
.brands span{font-size:.66rem;font-weight:850;letter-spacing:.04em;border:1px solid var(--line);border-radius:5px;padding:3px 6px;background:#fff;color:var(--ink)}
.brands .visa{color:#1A1F71;font-style:italic}.brands .mc{color:#EB001B}.brands .cb{color:#0A6EB4}
.pay-detail{font-size:.9rem;background:var(--glace);border-radius:10px;padding:12px 14px;margin:-2px 0 16px}

/* ===== page commande (présentation du site bois de chauffage) ===== */
.co-sec{margin-bottom:18px}
.co-h{font-size:1.3rem;margin-bottom:14px}
.co-wait{text-align:left;padding:4px 4px 18px;font-size:.95rem}
.pay{grid-template-columns:1fr 1fr}
@media(max-width:600px){.pay{grid-template-columns:1fr}}
.pay-opt .radio{width:24px;height:24px}
.pay-opt[aria-checked="true"] .radio{background:var(--nuit);box-shadow:none;color:#fff}
.pay-opt[aria-checked="true"] .radio::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.carte-box{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-top:16px;background:#fff}
.carte-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.carte-head h3{margin:0;font-size:1.15rem}
.logos{display:flex;gap:6px}
.logos span{width:44px;height:28px;border:1px solid var(--line);border-radius:5px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:2px 4px}
.logos img{max-width:100%;max-height:100%;object-fit:contain}
.logos .zoom2 img{transform:scale(2)}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.co-grid .full{grid-column:1/-1}
@media(max-width:600px){.co-grid{grid-template-columns:1fr}}
.opt-f{font-weight:500;color:var(--ambre-f)}
.carte-note{font-size:.88rem;color:var(--muted);margin:4px 0 0}