/* Hallmark · macrostructure: Boutique grand public (hero photo + barre de chiffres + tuiles catégories + grille produits) · tone: énergique, accessible
 * studied: yes · DNA-source: url (kubbi.co.uk : fond blanc, Roboto Slab 900 capitales, 2e mot en bleu, barre bleue, boutons pilule, tuiles catégories, FAQ à onglets)
 * theme: custom (vibe: "piste, ciel bleu, garage propre") · paper oklch(100% 0 0) · accent oklch(64% 0.15 235)
 * display: Roboto Slab 900 · body: Roboto · axes: light / slab-heavy / cool
 * nav: annonce + barre blanche + panier · footer: colonnes + légal · enrichment: photos constructeur (PROVISOIRES)
 */
:root{
  --color-paper:   oklch(100% 0 0);
  --color-paper-2: oklch(97% 0.004 235);
  --color-ink:     oklch(17% 0.004 260);
  --color-ink-2:   oklch(42% 0.006 260);
  --color-rule:    oklch(91% 0.004 260);
  --color-night:   oklch(14% 0.006 260);
  --color-accent:  oklch(64% 0.15 235);
  --color-accent-2: oklch(56% 0.15 238);
  --color-accent-ink: oklch(100% 0 0);
  --color-accent-soft: oklch(95% 0.03 235);
  --color-warn:    oklch(60% 0.17 45);
  --color-focus:   oklch(45% 0.18 265);

  --font-display: "Roboto Slab", Georgia, serif;
  --font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;

  --space-2xs:.5rem; --space-xs:.75rem; --space-sm:1rem; --space-md:1.5rem;
  --space-lg:2rem; --space-xl:3rem; --space-2xl:4.5rem; --space-3xl:6rem;
  --radius:14px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:180ms;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{background:var(--color-paper);color:var(--color-ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--space-md)}
h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:900;text-transform:uppercase;line-height:.98;letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0}
h1{font-size:clamp(48px,8vw,108px)}
h2{font-size:clamp(34px,4.6vw,60px);text-align:center}
h2 em,h1 em{font-style:normal;color:var(--color-accent)}
.sub{text-align:center;color:var(--color-ink-2);max-width:620px;margin:var(--space-sm) auto 0;font-family:var(--font-display);font-weight:400}

.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;text-decoration:none;
  background:var(--color-accent);color:var(--color-accent-ink);border:2px solid var(--color-accent);border-radius:10px;
  font:900 14px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:16px 26px;
  box-shadow:0 6px 18px oklch(64% 0.15 235 / .35);transition:background var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.btn:hover{background:var(--color-accent-2);border-color:var(--color-accent-2);transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn.white{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-paper);box-shadow:0 6px 18px oklch(0% 0 0 / .2)}
.btn.white:hover{background:var(--color-paper-2)}
.btn.line{background:transparent;color:var(--color-ink);border-color:var(--color-ink);box-shadow:none}
.btn.line:hover{background:var(--color-ink);color:var(--color-paper)}

/* ---------- haut de page ---------- */
.announce{background:var(--color-paper-2);text-align:center;font-size:13px;padding:8px var(--space-md)}
.announce a{font-weight:700}
.head{background:var(--color-paper);border-bottom:1px solid var(--color-rule);position:sticky;top:0;z-index:40}
.head .wrap{display:flex;align-items:center;gap:var(--space-xl);height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;color:var(--color-accent)}
.logo b{font:900 26px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}
.nav{display:flex;gap:var(--space-lg);list-style:none;font-weight:500;font-size:15px;flex:1}
.nav a{text-decoration:none;white-space:nowrap}
.nav a:hover{color:var(--color-accent)}
.head-r{display:flex;align-items:center;gap:var(--space-md)}
.head-r a{white-space:nowrap;font-weight:700;font-size:14px;text-decoration:none}
.head-r .btn{padding:12px 18px;font-size:13px;box-shadow:none}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(78vh,760px);display:grid;place-items:center;text-align:center;color:oklch(100% 0 0);overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 20%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(10% 0.01 260 / .15),oklch(10% 0.01 260 / .55))}
.hero .in{position:relative;z-index:1;padding:var(--space-2xl) var(--space-md)}
.pill{display:inline-block;background:oklch(0% 0 0 / .45);backdrop-filter:blur(6px);border:1px solid oklch(100% 0 0 / .25);border-radius:999px;font:700 12px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;margin-bottom:var(--space-md)}
.hero h1{text-shadow:0 4px 30px oklch(0% 0 0 / .35)}
.hero p{font-family:var(--font-display);font-size:18px;max-width:560px;margin:var(--space-md) auto 0;text-shadow:0 2px 12px oklch(0% 0 0 / .4)}
.hero .ctas{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg)}

.stats{background:var(--color-accent);color:var(--color-accent-ink)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stats div{text-align:center;padding:var(--space-md) var(--space-sm)}
.stats div+div{border-left:1px solid oklch(100% 0 0 / .3)}
.stats b{display:block;font:900 clamp(24px,2.6vw,36px)/1 var(--font-display);text-transform:uppercase}
.stats span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}

section{padding:var(--space-3xl) 0}

/* ---------- tuiles catégories ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-xl)}
.tile{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;color:var(--color-ink);background:var(--color-paper-2);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:var(--space-lg);text-decoration:none}
.tile img{position:absolute;left:6%;top:6%;width:88%;height:62%;object-fit:contain;mix-blend-mode:multiply;transition:transform 600ms var(--ease-out)}
.tile:hover img{transform:scale(1.04)}
.tile>*:not(img){position:relative;z-index:1}
.tile small{font:700 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2)}
.tile h3{font-size:clamp(28px,3.2vw,46px);margin:8px 0 var(--space-md)}

/* ---------- modèles ---------- */
.row-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-md);flex-wrap:wrap}
.row-head h2{text-align:left}
.tabs{display:inline-flex;background:var(--color-paper-2);border-radius:999px;padding:4px}
.tabs button{background:none;border:0;border-radius:999px;padding:11px 20px;cursor:pointer;font:700 13px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-2);white-space:nowrap;transition:background var(--dur),color var(--dur)}
.tabs button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}
.note{margin-top:var(--space-sm);font-size:14px;color:var(--color-ink-2)}
.note b{color:var(--color-warn)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}
.card{border:1px solid var(--color-rule);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:var(--color-paper);transition:box-shadow var(--dur),transform var(--dur)}
.card:hover{box-shadow:0 14px 30px oklch(20% 0.02 260 / .1);transform:translateY(-2px)}
.card[hidden]{display:none}
.card .pic{position:relative;aspect-ratio:4/3;background:var(--color-paper-2)}
.card .pic img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.card .body{padding:var(--space-md);display:flex;flex-direction:column;flex:1}
.card h3{font-size:22px;margin:6px 0 var(--space-xs)}
.specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-sm)}
.specs span{background:var(--color-paper-2);border-radius:6px;padding:5px 9px;font-size:13px;font-weight:500;white-space:nowrap}
.card .price{font:900 26px/1 var(--font-display);color:var(--color-accent);margin-top:auto}
.card .acts{display:flex;gap:var(--space-2xs);margin-top:var(--space-sm)}
.card .acts .btn{flex:1;padding:14px 10px;font-size:13px}
.more{text-align:center;margin-top:var(--space-lg);color:var(--color-ink-2);font-size:15px}
.more b{color:var(--color-ink)}

/* ---------- permis (bloc sombre) ---------- */
.dark{background:var(--color-night);color:oklch(96% 0 0)}
.dark .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-2xl);align-items:center}
.dark .ph{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:0 0 0 1px oklch(64% 0.15 235 / .5),0 0 60px oklch(64% 0.15 235 / .25)}
.dark .ph img{width:100%;height:100%;object-fit:cover}
.dark h2{text-align:left}
.dark .lead{color:oklch(78% 0.006 260);margin-top:var(--space-md);font-family:var(--font-display)}
.dark .ctas{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg)}
.hero-ph{aspect-ratio:4/3!important;background:#fff}
.hero-ph img{object-fit:contain!important;object-position:center}
.rules{margin-top:var(--space-lg);display:grid;gap:var(--space-sm)}
.rules div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-md);background:oklch(20% 0.008 260);border-radius:10px;padding:var(--space-md)}
.rules b{font:900 18px/1.1 var(--font-display);text-transform:uppercase;color:var(--color-accent)}
.rules span{font-size:15px;color:oklch(84% 0.004 260)}


/* ---------- conseiller ---------- */
.callout{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);flex-wrap:wrap}
.callout small{font:700 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}
.callout h3{font-size:24px;text-transform:none;font-weight:700;margin:6px 0 4px}
.callout p{font-size:14px;color:var(--color-ink-2)}
.callout .r{display:flex;gap:var(--space-sm);flex-wrap:wrap}


/* ---------- faq ---------- */
.faq{max-width:860px;margin:0 auto}
.faq .tabs{display:flex;width:max-content;margin:var(--space-lg) auto}
details{border:1px solid var(--color-rule);border-radius:10px;margin-bottom:var(--space-xs);background:var(--color-paper)}
details[hidden]{display:none}
summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;font:700 16px/1.35 var(--font-display);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);display:grid;place-items:center;font:700 18px/1 var(--font-body);transition:transform var(--dur) var(--ease-out)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 20px 18px;color:var(--color-ink-2)}

/* ---------- pied de page ---------- */
.foot{background:var(--color-paper-2);border-top:1px solid var(--color-rule);padding:var(--space-2xl) 0 var(--space-lg);font-size:14px}
.foot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--space-xl)}
.foot h4{font:900 14px/1 var(--font-display);text-transform:uppercase;margin-bottom:var(--space-sm)}
.foot ul{list-style:none;display:grid;gap:8px;color:var(--color-ink-2)}
.foot a{text-decoration:none;white-space:nowrap}
.foot a:hover{color:var(--color-accent)}
.legal{border-top:1px solid var(--color-rule);margin-top:var(--space-xl);padding-top:var(--space-md);font-size:12px;color:var(--color-ink-2);display:grid;gap:6px}

@media (max-width:1000px){
  .nav{display:none}
  .head .wrap{justify-content:space-between}
  .stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats div:nth-child(3){border-left:0}
  .stats div:nth-child(n+3){border-top:1px solid oklch(100% 0 0 / .3)}
  .dark .wrap{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
  .dark .ph{aspect-ratio:16/10}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{aspect-ratio:3/4}
  .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  section{padding:var(--space-2xl) 0}
}
@media (max-width:600px){
  .tiles{grid-template-columns:minmax(0,1fr)}
  .grid{grid-template-columns:minmax(0,1fr)}
  .tile{aspect-ratio:5/6}
  .tile img{height:50%}
  .rules div{grid-template-columns:minmax(0,1fr);gap:4px}
  .callout{padding:var(--space-lg) var(--space-md)}
  .head-r a.tel{display:none}
  .head .wrap{gap:var(--space-sm)}
  .head-r .btn{padding:10px 12px;font-size:12px}
  .hero img{object-position:28% 18%}
  .tabs button{padding:11px 10px;font-size:12px}
  .logo b{font-size:22px}
  .foot .cols{grid-template-columns:minmax(0,1fr)}
  .row-head .tabs{width:100%}
  .row-head .tabs button{flex:1;padding:11px 8px}
  .faq .tabs{width:100%}
  .faq .tabs button{flex:1;padding:11px 8px}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:120ms!important;scroll-behavior:auto!important}.tile:hover img{transform:none}}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--color-accent)}

/* ---------- fiche produit ---------- */
.crumbs{font-size:13px;color:var(--color-ink-2);padding:var(--space-md) 0 0;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--color-accent)}
.pdp{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start;padding:var(--space-md) 0 var(--space-3xl)}
.gal-main{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--color-rule)}
.gal-main img{display:block;width:100%;height:100%;object-fit:cover}
.gal-nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-rule);background:var(--color-paper);cursor:pointer;display:grid;place-items:center;font:700 18px/1 var(--font-body)}
.gal-nav.prev{left:12px}.gal-nav.next{right:12px}
.gal-nav:hover{border-color:var(--color-accent);color:var(--color-accent)}
.thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-2xs)}
.thumbs button{aspect-ratio:4/3;border:2px solid var(--color-rule);border-radius:10px;overflow:hidden;background:#fff;padding:0;cursor:pointer}
.thumbs button[aria-current=true]{border-color:var(--color-accent)}
.thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.buy{position:sticky;top:96px}
.eyebrow{font:700 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}
.buy h1{font-size:clamp(34px,3.6vw,52px);margin:var(--space-xs) 0 var(--space-sm)}
.buy .lede{color:var(--color-ink-2);font-size:17px}
.buy .price{font:900 40px/1 var(--font-display);margin:var(--space-lg) 0 4px}
.buy .vat{font-size:13px;color:var(--color-ink-2)}
.points{list-style:none;display:grid;gap:10px;margin:var(--space-lg) 0;padding:var(--space-lg) 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}
.points li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-weight:500}
.points li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--color-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230a84c6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.buy .acts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}
.buy .acts .btn{width:100%;padding:18px}
.assure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-md)}
.assure div{background:var(--color-paper-2);border-radius:10px;padding:12px;font-size:13px;line-height:1.35;color:var(--color-ink-2)}
.assure b{display:block;color:var(--color-ink);font-size:13px;margin-bottom:2px}
.block{padding:var(--space-3xl) 0;border-top:1px solid var(--color-rule)}
.block h2{text-align:left;font-size:clamp(28px,3.4vw,44px)}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);align-items:start}
.spec{width:100%;border-collapse:collapse;font-size:15px}
.spec th,.spec td{text-align:left;padding:14px 0;border-bottom:1px solid var(--color-rule);vertical-align:top}
.spec th{width:42%;font-weight:500;color:var(--color-ink-2)}
.spec td{font-weight:700}
.related .grid{margin-top:var(--space-lg)}
.sticky-buy{display:none}
@media (max-width:1000px){
  .pdp{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
  .buy{position:static}
  .split{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
  .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;justify-content:space-between;gap:var(--space-sm);background:var(--color-paper);border-top:1px solid var(--color-rule);padding:10px var(--space-md) calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform var(--dur) var(--ease-out)}
  .sticky-buy.on{transform:none}
  .sticky-buy b{font:900 15px/1.1 var(--font-display);text-transform:uppercase;display:block}
  .sticky-buy span{font:900 18px/1 var(--font-display);color:var(--color-accent)}
  .sticky-buy .btn{padding:14px 22px;box-shadow:none}
  body.has-sticky{padding-bottom:76px}
}
@media (max-width:600px){
  .thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .assure{grid-template-columns:minmax(0,1fr)}
  .gal-nav{width:38px;height:38px;margin-top:-19px}
}
.card a.pic{display:block}
.colours{margin-top:var(--space-md)}
.colour-label{font-size:14px;color:var(--color-ink-2)}
.colour-label b{color:var(--color-ink)}
.swatches{display:flex;gap:10px;margin-top:8px}
.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-paper);background:var(--sw);box-shadow:0 0 0 1px var(--color-rule);cursor:pointer;padding:0}
.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-accent)}
.gal-nav[hidden]{display:none}

/* ---------- panier (tiroir) ---------- */
.cart-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid var(--color-ink);border-radius:10px;padding:10px 14px;font:900 13px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--dur),color var(--dur)}
.cart-btn:hover{background:var(--color-ink);color:var(--color-paper)}
.count{background:var(--color-accent);color:var(--color-accent-ink);border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font:700 11px/1 var(--font-body);padding:0 6px}
.count[hidden]{display:none}
body.locked{overflow:hidden}
.drawer-bg{position:fixed;inset:0;background:oklch(14% 0.006 260 / .5);z-index:60}
.drawer-bg[hidden]{display:none}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--color-paper);z-index:61;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform 220ms var(--ease-out),visibility 0s 220ms}
.drawer.open{transform:none;visibility:visible;transition:transform 220ms var(--ease-out)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px var(--space-md);border-bottom:1px solid var(--color-rule)}
.drawer-head h2{font-size:28px;text-align:left}
.drawer-x{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--color-ink-2)}
.drawer-body{flex:1;overflow-y:auto;padding:8px var(--space-md)}
.drawer-body .empty{color:var(--color-ink-2);padding:24px 0}
.cart-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-rule)}
.cart-line img{width:72px;aspect-ratio:4/3;object-fit:contain;background:var(--color-paper-2);border-radius:6px;mix-blend-mode:multiply}
.cart-line b{display:block;font:700 15px/1.25 var(--font-display)}
.cart-line span{font-size:14px;color:var(--color-ink-2)}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:30px;height:30px;border:1px solid var(--color-rule);background:var(--color-paper);border-radius:50%;cursor:pointer}
.drawer-foot{padding:16px var(--space-md) 22px;border-top:1px solid var(--color-rule);display:grid;gap:8px}
.drawer-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;color:var(--color-ink-2)}
.drawer-total b{font:900 28px/1 var(--font-display);color:var(--color-ink)}
.drawer-foot .btn{width:100%}
.drawer-foot .btn[hidden]{display:none}
.drawer-foot .note{margin-top:0;font-size:13px}
@media (max-width:600px){.cart-btn{padding:8px 9px;gap:5px}.cart-label{display:none}}
@media (max-width:420px){.head-r{gap:var(--space-xs)}.head-r .btn{display:none}}

/* Menu mobile (bouton à côté du panier, liste déroulante sous l'en-tête) */
.burger{display:none}
@media (max-width:1000px){
  .burger{display:grid;place-items:center;width:42px;height:42px;padding:0;background:transparent;color:var(--color-ink);border:2px solid var(--color-ink);border-radius:10px;cursor:pointer}
  .head.open .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--color-paper);border-bottom:1px solid var(--color-rule);box-shadow:0 12px 24px oklch(0% 0 0 / .08);padding:4px var(--space-md) 12px}
  .head.open .nav a{display:block;padding:14px 0;border-bottom:1px solid var(--color-rule);font-size:17px}
  .head.open .nav li:last-child a{border-bottom:0}
}
@media (max-width:600px){.burger{width:38px;height:38px}}

/* ============================================================
   BOOST 07/10 — raffinage (identité inchangée : bleu, Roboto Slab 900, logo 2 vagues)
   · bleu « fort » pour boutons et petits textes (contraste AA ≥ 4.5 sur blanc), le bleu vif reste pour les grands titres
   · motif « 2 vagues » du logo en texture discrète (barre de chiffres, bloc sombre)
   · fiche : chiffres clés, usage autorisé, compteur photos ; cartes : gamme, usage, livraison
   ============================================================ */
:root{
  --color-accent-strong:  oklch(53% 0.15 240);
  --color-accent-strong-2:oklch(46% 0.14 242);
  --color-warn:           oklch(52% 0.16 45);
  --shadow-card: 0 1px 2px oklch(20% 0.02 260 / .05), 0 18px 40px -18px oklch(20% 0.02 260 / .18);
  --waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28' viewBox='0 0 56 28'%3E%3Cpath d='M0 9c4.7-5 9.3-5 14 0s9.3 5 14 0 9.3-5 14 0 9.3 5 14 0M0 22c4.7-5 9.3-5 14 0s9.3 5 14 0 9.3-5 14 0 9.3 5 14 0' fill='none' stroke='white' stroke-opacity='.09' stroke-width='2'/%3E%3C/svg%3E");
}
.btn{background:var(--color-accent-strong);border-color:var(--color-accent-strong);box-shadow:0 10px 24px -8px oklch(53% 0.15 240 / .55)}
.btn:hover{background:var(--color-accent-strong-2);border-color:var(--color-accent-strong-2)}
.btn.white{color:var(--color-ink)}
.tabs button[aria-pressed=true]{background:var(--color-accent-strong)}
.eyebrow,.callout small{color:var(--color-accent-strong)}
.announce{font-weight:500;letter-spacing:.01em}
.announce a{color:var(--color-accent-strong)}
.head{background:oklch(100% 0 0 / .92);backdrop-filter:saturate(1.4) blur(10px)}
.nav a{position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--color-accent);transition:right var(--dur) var(--ease-out)}
.nav a:hover::after{right:0}

/* hero : arrivée échelonnée + lecture plus nette du texte */
.hero::after{background:radial-gradient(120% 90% at 50% 45%,oklch(10% 0.01 260 / .2),oklch(10% 0.01 260 / .62))}
.hero .in>*{animation:rise 700ms var(--ease-out) both}
.hero .in>:nth-child(2){animation-delay:80ms}
.hero .in>:nth-child(3){animation-delay:160ms}
.hero .in>:nth-child(4){animation-delay:240ms}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* barre de chiffres + bloc sombre : texture vagues */
.stats{background:var(--color-accent-strong) var(--waves) 0 0/56px 28px}
.dark{background:var(--color-night) var(--waves) 0 0/56px 28px}
.rules div{border:1px solid oklch(100% 0 0 / .06)}

/* cartes produit */
.card{box-shadow:var(--shadow-card);border-color:oklch(93% 0.004 260)}
.card:hover{box-shadow:0 1px 2px oklch(20% 0.02 260 / .06),0 26px 50px -20px oklch(20% 0.02 260 / .28);transform:translateY(-3px)}
.card .pic{overflow:hidden}
.card .pic img{transition:transform 600ms var(--ease-out)}
.card:hover .pic img{transform:scale(1.035)}
.use-tag{position:absolute;left:12px;top:12px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:999px;font:700 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px}
.card .body .eyebrow{font-size:11px}
.card h3{margin-top:6px}
.card .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--color-ink)}
.card .price small{font:500 12px/1.2 var(--font-body);color:var(--color-ink-2)}
.specs span{border:1px solid var(--color-rule);background:var(--color-paper)}

/* fiche produit */
.gal-main{background:var(--color-paper);box-shadow:var(--shadow-card)}
.gal-count{position:absolute;right:12px;bottom:12px;background:oklch(17% 0.004 260 / .72);color:#fff;border-radius:999px;font:700 12px/1 var(--font-body);padding:6px 10px;font-variant-numeric:tabular-nums}
.gal-count:empty{display:none}
.gal-nav{box-shadow:0 4px 14px oklch(20% 0.02 260 / .12)}
.thumbs button{transition:border-color var(--dur)}
.thumbs button:hover{border-color:oklch(80% 0.05 235)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);border-radius:12px;overflow:hidden;margin-top:var(--space-md)}
.kpis div{background:var(--color-paper);padding:12px 14px}
.kpis dt{font:700 11px/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}
.kpis dd{font:900 20px/1.15 var(--font-display);margin-top:4px;color:var(--color-ink)}
.kpis:empty{display:none}
.buy .price{margin-top:var(--space-md)}
.use{margin-top:var(--space-md);font-size:14px;line-height:1.45;color:var(--color-ink-2);background:var(--color-accent-soft);border-radius:10px;padding:12px 14px}
.use b{color:var(--color-ink)}
.use a{color:var(--color-accent-strong);font-weight:700;white-space:nowrap}
.points{margin:var(--space-md) 0;padding:var(--space-md) 0}
.assure a{color:var(--color-accent-strong);font-weight:500}
.spec tr:hover th,.spec tr:hover td{background:var(--color-paper-2)}
.spec td{font-variant-numeric:tabular-nums}
.sticky-buy{box-shadow:0 -10px 30px oklch(20% 0.02 260 / .08)}
.sticky-buy span{color:var(--color-accent-strong)}

/* panier */
.drawer{box-shadow:-20px 0 60px oklch(14% 0.006 260 / .2)}
.drawer-ship{display:flex;justify-content:space-between;font-size:14px;color:var(--color-ink-2)}
.drawer-ship b{color:var(--color-ink)}
.drawer-body .empty{display:grid;gap:var(--space-sm);justify-items:start}
.drawer-body .empty .btn{width:auto}
.qty button:hover{border-color:var(--color-accent-strong);color:var(--color-accent-strong)}

@media (max-width:600px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis dd{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.hero .in>*{animation:none}.card:hover .pic img{transform:none}}

/* ============================================================
   CRO 31/10 — même identité (bleu, noir/blanc, Roboto Slab 900, vagues) ; textes longs en Roboto, boutons moins lumineux,
   hero catalogue, tuiles décrites, cartes avec bénéfice, fiches en sections (story), comparatif, bouton final, consentement.
   ============================================================ */
.sub,.dark .lead{font-family:var(--font-body);font-size:17px;line-height:1.6}
.btn{box-shadow:0 4px 12px -6px oklch(53% 0.15 240 / .5)}
.btn.white{box-shadow:none}
.nav a[aria-current]{color:var(--color-accent-strong)}
.nav a[aria-current]::after{right:0}

/* hero catalogue */
.hero2{padding:var(--space-2xl) 0}
.hero2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero2 h1{font-size:clamp(40px,6vw,84px)}
.hero2 .lead{max-width:520px}
.hero-alt{display:inline-block;margin-top:var(--space-md);color:oklch(86% 0.004 260);font-weight:500;text-underline-offset:4px}
.hero-alt:hover{color:#fff}
.hero-vis{position:relative;padding:0 0 var(--space-xl) var(--space-xl)}
.hero-vis a{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--color-ink);position:relative}
.hero-vis img{width:100%;aspect-ratio:4/3;object-fit:contain}
.hero-vis span{position:absolute;left:12px;bottom:12px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:10px;padding:8px 12px;font:900 18px/1.1 var(--font-display)}
.hero-vis span b{display:block;font:700 11px/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}
.hv-side{position:absolute!important;left:0;bottom:0;width:46%;box-shadow:0 0 0 1px oklch(64% 0.15 235 / .5),0 20px 40px -10px oklch(0% 0 0 / .6)}
.hv-side span{font-size:13px!important;padding:6px 9px!important;left:8px!important;bottom:8px!important}

/* bandeau de confiance (liens) */
.stats a{display:block;text-align:center;padding:var(--space-md) var(--space-sm);text-decoration:none;color:inherit}
.stats a+a{border-left:1px solid oklch(100% 0 0 / .3)}
.stats a:hover b{text-decoration:underline;text-underline-offset:4px}
.stats b{font-size:clamp(18px,1.9vw,26px)}

/* tuiles catégories */
.tile{aspect-ratio:auto;justify-content:flex-start;padding:var(--space-md) var(--space-md) var(--space-lg)}
.tile img{position:static;width:100%;height:auto;aspect-ratio:4/3;margin-bottom:var(--space-sm)}
.tile h3{margin:8px 0 var(--space-xs);font-size:clamp(24px,2.4vw,34px)}
.tile p{color:var(--color-ink-2);font-size:15px;max-width:34ch}
.tile-legal{display:block;margin:var(--space-sm) 0 var(--space-md);font-size:13px;font-weight:700;color:var(--color-warn)}
.tile .btn{margin-top:auto}

/* cartes produit */
.card .benefit{font-size:15px;line-height:1.45;color:var(--color-ink-2);margin-bottom:var(--space-sm)}
.card .acts .btn{white-space:normal;line-height:1.2}

/* section « au quotidien » */
.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-xl)}
.life-item{text-decoration:none;display:flex;flex-direction:column}
.life-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-rule);margin-bottom:var(--space-sm)}
.life-item h3{font-size:22px;margin-bottom:6px}
.life-item p{color:var(--color-ink-2);font-size:15px}
.life-item span{margin-top:var(--space-xs);font-weight:700;color:var(--color-accent-strong);font-size:14px}

/* fiche produit : accroche, bénéfices, sections */
.tagline{font:900 clamp(22px,2.2vw,30px)/1.05 var(--font-display);text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:var(--space-xs)}
.buy .lede{font-size:16px}
.buy h1{font-size:clamp(30px,3vw,44px)}
.buy .price{margin-top:var(--space-md)}
.buy .acts{margin-top:var(--space-md)}
.benefits{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-md);margin:var(--space-md) 0 0;padding:var(--space-md) 0 0;border-top:1px solid var(--color-rule)}
.benefits li{font-size:14px;line-height:1.45;color:var(--color-ink-2);padding-left:30px;position:relative}
.benefits li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--color-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230a84c6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.benefits b{display:block;color:var(--color-ink);font-size:15px;margin-bottom:2px}
.pdp{padding-bottom:var(--space-2xl)}
.block{padding:var(--space-2xl) 0}
.story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}
.story.flip .story-pics{order:2}
.story.no-img{grid-template-columns:minmax(0,1fr);max-width:860px}
.story-pics{display:grid;gap:var(--space-2xs)}
.story-pics.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-pics img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-rule);background:#fff}
.story-txt p{color:var(--color-ink-2);font-size:17px;margin-top:var(--space-sm);max-width:60ch}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2xs);margin-top:var(--space-md)}
.facts div{background:var(--color-paper-2);border-radius:10px;padding:14px 16px}
.facts dd{font:900 24px/1.1 var(--font-display);color:var(--color-ink)}
.facts dt{order:2;font-size:13px;color:var(--color-ink-2);margin-top:4px}
.facts div{display:flex;flex-direction:column}
.facts dd{order:1}
.story-list{list-style:none;display:grid;gap:10px;margin-top:var(--space-md)}
.story-list li{background:var(--color-paper-2);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--color-ink-2)}
.story-list b{color:var(--color-ink)}
.story.legal .story-txt{background:var(--color-night) var(--waves) 0 0/56px 28px;color:oklch(96% 0 0);border-radius:var(--radius);padding:var(--space-xl)}
.story.legal .story-txt p{color:oklch(84% 0.004 260)}
.story.legal .story-list li{background:oklch(20% 0.008 260);color:oklch(84% 0.004 260)}
.story.legal .story-list b{color:#fff}
.story-link{display:inline-block;margin-top:var(--space-md);color:var(--color-accent);font-weight:700}
.cmp-wrap{grid-column:1/-1;overflow-x:auto;margin-top:var(--space-md)}
.cmp{min-width:420px}
.cmp thead th{font:900 15px/1.2 var(--font-display);text-transform:uppercase;padding:12px 0;border-bottom:2px solid var(--color-ink);color:var(--color-ink)}
.cmp thead a{color:var(--color-accent-strong)}
.cmp th[scope=row]{width:28%}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;background:var(--color-paper-2);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-2xl)}
.final-cta b{display:block;font:900 24px/1.1 var(--font-display);text-transform:uppercase;margin-top:4px}
.final-cta span:last-child{font:900 20px/1 var(--font-display);color:var(--color-accent-strong)}

/* consentement cookies (affiché seulement si SITE.pixel est renseigné) */
.consent{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;max-width:560px;margin:0 auto;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius);box-shadow:0 20px 50px -10px oklch(0% 0 0 / .3);padding:var(--space-md);display:grid;gap:var(--space-sm);font-size:14px}
.consent div{display:flex;gap:var(--space-2xs)}
.consent .btn{flex:1;padding:12px}

@media (max-width:1000px){
  .hero2 .wrap{grid-template-columns:minmax(0,1fr)}
  .hero-vis{max-width:620px}
  .life-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}
  .story,.story.flip{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}
  .story.flip .story-pics{order:0}
  .stats a:nth-child(3){border-left:0}
  .stats a:nth-child(n+3){border-top:1px solid oklch(100% 0 0 / .3)}
}
@media (max-width:600px){
  .hero2{padding:var(--space-lg) 0 var(--space-xl)}
  .hero2 .wrap{gap:var(--space-lg)}
  .hero2 h1{font-size:clamp(36px,11vw,48px)}
  .hero2 .lead{font-size:16px;margin-top:var(--space-sm)}
  .hero2 .ctas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xs);margin-top:var(--space-md)}
  .hero2 .ctas .btn{padding:15px 8px;font-size:13px}
  .hero-alt{margin-top:var(--space-sm)}
  .hero-vis{padding:0}
  .hv-side{display:none!important}
  .hero-vis img{aspect-ratio:16/10}
  .stats b{font-size:17px}
  .stats a{padding:var(--space-sm) var(--space-2xs)}
  .stats span{font-size:11px}
  .sub{font-size:16px}
  .life-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
  .tile{padding:var(--space-sm) var(--space-sm) var(--space-md)}
  .tile img{aspect-ratio:16/10}
  h2{font-size:clamp(28px,8.5vw,38px)}
  .block h2{font-size:clamp(26px,7.5vw,34px)}
  .benefits{grid-template-columns:minmax(0,1fr)}
  .buy h1{font-size:clamp(28px,8vw,36px)}
  .tagline{font-size:20px}
  .story-txt p{font-size:16px}
  .story.legal .story-txt{padding:var(--space-md)}
  .facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
  .facts dd{font-size:20px}
  .final-cta{padding:var(--space-md)}
  .final-cta .btn{width:100%}
}
/* l'attribut height="900" des <img> l'emporte sur aspect-ratio : hauteur automatique */
.hero-vis img,.life-item img,.story-pics img{height:auto}

/* ============================================================
   POLISH FICHE 31/10 — bloc d'achat compact (puces, ligne de confiance, usage légal sous le bouton),
   comparatif 2 cartes, bouton final, espacements −20 %, barre mobile masquée si panier/cookies ouverts.
   ============================================================ */
.buy .lede{margin-top:2px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-sm)}
.chips li{display:inline-flex;align-items:center;gap:7px;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:500}
.chips li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent-strong)}
.chips[hidden]{display:none}
.buy .price{margin-top:var(--space-md)}
.trust{margin-top:10px;font-size:13px;line-height:1.5;color:var(--color-ink-2)}
.trust a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px}
.trust a:hover{color:var(--color-accent-strong)}
.buy .use{margin-top:var(--space-sm)}
.benefits{margin-top:var(--space-sm);padding-top:var(--space-sm)}
.benefits li{font-size:14px}
.benefits b{font-size:14px}
.more-faq{display:inline-block;margin-top:var(--space-sm);font-weight:700;color:var(--color-accent-strong)}
.pdp{padding-bottom:var(--space-xl)}
.block{padding:3.5rem 0}
.story{gap:var(--space-xl)}
.versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg);max-width:960px}
.related .sub{text-align:left;margin:var(--space-xs) 0 0}
.versus .card h3{margin-top:0}
.versus .price{margin:4px 0 var(--space-sm)!important;font-size:30px}
.versus .benefit b{color:var(--color-ink)}
.vs-list{list-style:none;display:grid;gap:6px;margin-bottom:var(--space-md);font-size:15px}
.vs-list li{padding-left:22px;position:relative}
.vs-list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--color-accent-soft);box-shadow:inset 0 0 0 3px var(--color-accent-strong)}
.versus .acts{margin-top:auto}
.final-cta{background:var(--color-night) var(--waves) 0 0/56px 28px;color:oklch(96% 0 0);padding:var(--space-lg) var(--space-xl);align-items:center}
.final-cta h2{text-align:left;font-size:clamp(26px,3vw,38px)}
.final-cta b{display:block;margin-top:6px;font:900 20px/1.2 var(--font-display);text-transform:uppercase}
.final-cta #f-price{color:var(--color-accent)}
.final-cta p{margin-top:4px;color:oklch(84% 0.004 260)}
.final-cta small{display:block;margin-top:8px;font-size:13px;color:oklch(78% 0.006 260)}
.final-cta .btn{padding:18px 28px}
.sticky-buy b{font-size:14px!important}
.sticky-buy b span:last-child{color:var(--color-accent-strong)}
body.locked .sticky-buy,body:has(.consent) .sticky-buy{transform:translateY(110%)!important}
@media (max-width:1000px){.block{padding:var(--space-xl) 0}}
@media (max-width:600px){
  .versus{grid-template-columns:minmax(0,1fr)}
  .chips li{font-size:13px;padding:6px 10px}
  .final-cta{padding:var(--space-md)}
  .block{padding:2.25rem 0}
}
.final-cta small span,.final-cta b span{font:inherit!important}
/* sections sans photo : texte à gauche, chiffres / liste à droite (évite une demi-page vide en desktop) */
@media (min-width:1001px){
  .story.no-img{max-width:none}
  .story.no-img .story-txt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:var(--space-2xl);align-items:center}
  .story.no-img .story-txt>h2,.story.no-img .story-txt>p,.story.no-img .story-link{grid-column:1}
  .story.no-img .facts,.story.no-img .story-list{grid-column:2;grid-row:1/span 3;margin-top:0}
}
/* V2 31/10 : chiffres clés sous l'encart légal ; restriction (Sur-Ron hors route, trottinettes) en capitales orange */
.buy .kpis{margin-top:var(--space-sm)}
.use.restrict{background:oklch(96% 0.03 60);border-left:4px solid var(--color-warn)}
.use.restrict b{display:block;color:var(--color-warn);font:900 14px/1.25 var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
/* KIDS 31/10 : 4 tuiles catégories (4 colonnes desktop, 2 tablette, 1 mobile) ; 5 onglets */
@media (min-width:1001px){.tiles.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:601px) and (max-width:1000px){.tiles.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-alt+.hero-alt{margin-left:var(--space-md)}
@media (max-width:600px){.row-head .tabs button{padding:11px 4px;font-size:11px}.hero-alt+.hero-alt{margin-left:0;display:block;margin-top:6px}}

/* ============================================================
   KIDS 31/10 — catégorie enfants (kids.html), brouillons, bloc saisonnier
   ============================================================ */
.tile-ph,.gal-ph{display:grid;place-items:center;text-align:center;background:var(--color-paper-2);border:1px dashed var(--color-rule);border-radius:10px;color:var(--color-ink-2);font:700 12px/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;aspect-ratio:4/3;width:100%;margin-bottom:var(--space-sm)}
.card .pic .tile-ph{height:100%;margin:0;border:0;border-radius:0}
.gal-ph{height:100%;margin:0;border:0}
.draft-note{background:oklch(96% 0.03 60);border:1px solid oklch(85% 0.08 60);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--color-warn);margin-bottom:var(--space-sm)}
.order:disabled{background:var(--color-ink-2);border-color:var(--color-ink-2);cursor:not-allowed;box-shadow:none;transform:none}
.xmas .wrap,.kids-hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.xmas-list{list-style:none;display:grid;gap:var(--space-xs)}
.xmas-list li{background:oklch(20% 0.008 260);border:1px solid oklch(100% 0 0 / .06);border-radius:10px;padding:var(--space-md);color:oklch(84% 0.004 260);font-size:15px}
.xmas-list b{display:block;font:900 17px/1.15 var(--font-display);text-transform:uppercase;color:var(--color-accent);margin-bottom:4px}
.kids-warn{margin-top:var(--space-md);font-size:14px;font-weight:700;color:oklch(80% 0.12 60)}
.kids-cards{margin-left:auto;margin-right:auto}
#kids-cmp{margin-top:var(--space-lg);min-width:520px}
#compare .cmp-wrap{max-width:960px;margin:0 auto}
.fit-tips div{background:var(--color-paper-2);border-radius:var(--radius);padding:var(--space-md)}
.kids-safety .story-list li{background:oklch(20% 0.008 260);color:oklch(84% 0.004 260)}
.kids-safety .story-list b{color:#fff}
.reassure-gift .wrap{max-width:960px}
.reassure-gift h2{margin-bottom:var(--space-md)}
.reassure-gift .facts dd{font-size:18px}
@media (max-width:1000px){.xmas .wrap,.kids-hero .wrap{grid-template-columns:minmax(0,1fr)}}