/* Sac Col — série 2. Concept : la fiche technique d'un sac cousu à Roubaix — plan coté, pièces numérotées,
   300 traits pour 300 sacs. Toile olive, sable, nuit, cuir. Anybody joue sur sa largeur : étirée pour les titres,
   serrée pour les chiffres. */
@font-face{font-family:'Anybody';font-style:normal;font-weight:100 900;font-stretch:50% 150%;font-display:swap;src:url(anybody-var.woff2) format('woff2-variations'),url(anybody-var.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}
:root{
  --olive:#5E6B3F;--sable:#D8C9A3;--nuit:#1E2430;--cuir:#8A4B2A;--paper:#F1EBDD;
  --ct-bg:#F1EBDD;--ct-surface:#E6DCC6;--ct-ink:#1E2430;--ct-muted:#555448;--ct-line:#CFC3A6;
  --ct-accent:#5E6B3F;--ct-accent-ink:#F6F2E8;--ct-good:#4B6A2E;--ct-warn:#8A4B2A;--ct-err:#A3321F;
  --ct-radius:4px;--ct-radius-sm:3px;--ct-btn-radius:3px;--ct-btn-case:none;--ct-btn-track:0;--ct-btn-weight:700;
  --ct-font-display:'Anybody','Arial Narrow',sans-serif;--ct-font-body:'Atkinson Hyperlegible',system-ui,sans-serif;
  --ct-shadow:0 24px 50px -28px rgba(30,36,48,.55);--ct-ease:cubic-bezier(.22,.8,.24,1);--ct-max:1240px;
  --display-weight:800;--body-size:17px;
  --hd-bg:#F1EBDD;--hd-line:#CFC3A6;--ft-bg:#1E2430;--ft-ink:#D8D2C2;--ft-line:#343b48;
  --bump-line:#8A4B2A;--bump-bg:#F7F1E4;--cd-bg:transparent;
  --toile:#5E6B3F;--stitch:rgba(236,228,205,.6);--stage:#DCD1B4
}
[data-coloris=Olive]{--toile:#5E6B3F;--stitch:rgba(236,228,205,.6);--stage:#DCD1B4;--stage-ink:#1E2430}
[data-coloris=Sable]{--toile:#D8C9A3;--stitch:rgba(88,66,36,.5);--stage:#4E5935;--stage-ink:#F1EBDD}
[data-coloris=Nuit]{--toile:#1E2430;--stitch:rgba(216,201,163,.55);--stage:#CDBE98;--stage-ink:#1E2430}
::selection{background:var(--olive);color:var(--paper)}
body{font-size:17px;line-height:1.6}
.ic{stroke-width:1.6}

/* ---------- typographie : la largeur fait la hiérarchie ---------- */
.sc-h1{font:800 clamp(38px,4.9vw,70px)/.98 var(--ct-font-display);font-stretch:112%;letter-spacing:-.015em;margin:0}
.sc-h2{font:780 clamp(30px,3.9vw,54px)/1.02 var(--ct-font-display);font-stretch:86%;letter-spacing:-.01em;margin:0}
.sc-kicker{font:650 12.5px/1.3 var(--ct-font-display);font-stretch:135%;letter-spacing:.1em;text-transform:uppercase;color:var(--ct-muted);margin:0 0 14px}
.sc-lead{font-size:clamp(17px,1.45vw,19.5px);line-height:1.55;max-width:46ch;margin:22px 0 0;color:#383b3c}
@media(max-width:599px){.sc-h1{font-stretch:96%;font-size:clamp(36px,10.4vw,44px)}}

/* ---------- boutons ---------- */
.ct-btn{font-size:16px;min-height:54px;padding:0 26px}
.sc-cta,.ct-btn-buy{background:var(--cuir);border-color:var(--cuir);color:#FBF6EC;font:760 16px/1.1 var(--ct-font-display);font-stretch:108%;letter-spacing:.01em;transition:font-stretch .25s var(--ct-ease),background-color .2s,transform .18s}
.sc-cta:hover,.ct-btn-buy:hover{background:#723c20;box-shadow:none;font-stretch:122%}
.sc-cta .ic{transition:transform .25s var(--ct-ease)}.sc-cta:hover .ic{transform:translateX(4px)}
.ct-btn:focus-visible,a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cuir);outline-offset:3px}

/* ---------- en-tête du tunnel ---------- */
.fh{border-bottom:1px solid var(--ct-line)}
.fh-in{min-height:66px}
.fh .logo{display:inline-flex;align-items:baseline;gap:12px;text-decoration:none}
.sc-logo{font:850 22px/1 var(--ct-font-display);font-stretch:145%;text-transform:uppercase;letter-spacing:.02em}
.sc-logo-s{font:600 11px/1 var(--ct-font-display);font-stretch:120%;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-muted)}
@media(max-width:420px){.sc-logo-s{display:none}}
.fh-note{font:600 13px/1.3 var(--ct-font-body);color:var(--ct-ink)}
.fh-note span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cuir);margin-right:8px;vertical-align:1px}

/* ---------- héros : texte à gauche, le sac sur son fond de plan à droite ---------- */
.sc-hero{padding:clamp(26px,4vw,56px) 0 clamp(44px,6vw,80px)}
.sc-hero-in{display:grid;gap:28px;grid-template-areas:"head" "art" "buy"}
.sc-hero-head{grid-area:head}.sc-hero-art{grid-area:art}.sc-hero-buy{grid-area:buy}
@media(min-width:960px){
  .sc-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head art" "buy art";column-gap:clamp(40px,5vw,80px);row-gap:34px;align-items:start}
  .sc-hero-head{align-self:end}
}
.sc-buy{display:grid;gap:12px;justify-items:start}
.sc-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}
.sc-price b{font:800 44px/1 var(--ct-font-display);font-stretch:70%;letter-spacing:-.01em}
.sc-price span{color:var(--ct-muted);font-size:15px}
.sc-ship{margin:0;font-size:15px;display:flex;gap:8px;align-items:center}
.sc-ship::before{content:"";width:18px;height:12px;flex:none;border:1.6px solid currentColor;border-radius:2px;box-shadow:inset 0 3px 0 -1.6px currentColor}
.sc-close{margin-top:26px;padding-top:18px;border-top:1px solid var(--ct-line);display:grid;gap:8px}
.sc-close p{margin:0;font-size:14.5px;color:var(--ct-muted)}
.sc-close-date{font-size:13.5px!important}
.sc-cd{display:flex;gap:6px}
.sc-cd span{display:grid;justify-items:start;min-width:0;padding:0 14px 0 0;border-radius:0;background:none;border-right:1px solid var(--ct-line)}
.sc-cd span:last-child{border-right:0}
.sc-cd b{font:800 34px/1 var(--ct-font-display);font-stretch:62%;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sc-cd small{font-size:12px;color:var(--ct-muted);margin-top:4px}

.sc-stage{position:relative;background:var(--stage);color:var(--stage-ink);border-radius:var(--ct-radius);padding:clamp(28px,4vw,54px) clamp(40px,6vw,80px) clamp(22px,3vw,36px);transition:background-color .5s var(--ct-ease),color .5s;overflow:hidden}
.sc-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:24px 24px;opacity:.07;pointer-events:none}
.sc-bag{display:block;width:100%;height:auto;overflow:visible}
.sc-bag-hero{max-width:400px;margin:0 auto;filter:drop-shadow(0 22px 22px rgba(20,24,30,.28))}
.sc-stage-tag{position:absolute;left:16px;top:16px;display:grid;font:700 11px/1.3 var(--ct-font-display);font-stretch:130%;letter-spacing:.12em;text-transform:uppercase}
.sc-stage-tag b{font-size:22px;font-stretch:80%;letter-spacing:0}
.sc-dim{position:absolute;font:600 11.5px/1 var(--ct-font-display);font-stretch:120%;letter-spacing:.08em;opacity:.8}
.sc-dim-h{right:14px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);padding:0 0 0 0}
.sc-dim-h::before,.sc-dim-h::after{content:"";display:block;width:1px;height:60px;background:currentColor;margin:6px auto;opacity:.5}
.sc-dim-w{left:50%;bottom:10px;transform:translateX(-50%)}
.sc-pick{margin-top:16px}
.sc-pick-t{margin:0 0 10px;font-size:14.5px;color:var(--ct-muted)}.sc-pick-t b{color:var(--ct-ink)}
.sc-sw{display:grid;gap:8px}
@media(min-width:600px){.sc-sw{grid-template-columns:repeat(3,1fr)}}
.sc-sw button{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;min-height:60px;border:1px solid var(--ct-line);border-radius:var(--ct-radius);background:var(--ct-bg);color:var(--ct-ink);font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.sc-sw button:hover{border-color:var(--ct-ink)}
.sc-sw button[aria-checked=true]{border-color:var(--ct-ink);box-shadow:inset 0 0 0 1px var(--ct-ink)}
.sc-sw i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);position:relative}
.sc-sw button[aria-checked=true] i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.6px solid var(--ct-ink)}
.sc-sw b{display:block;font-size:15.5px}
.sc-sw small{display:block;font-size:12.5px;line-height:1.35;color:var(--ct-muted)}
.sc-sw small em{display:block;font-style:normal;font-weight:700;color:var(--ct-ink)}
.sc-sw button.is-out{opacity:.5;cursor:not-allowed;text-decoration:line-through}

/* le sac : toutes les pièces suivent le coloris */
.sc-bag .tl,.sc-pouch .tl,.sc-plan .tl{fill:var(--toile);transition:fill .5s var(--ct-ease)}
.sc-bag .sh,.sc-pouch .sh,.sc-plan .sh{fill:#000;opacity:var(--o,.15)}
.sc-bag .stt,.sc-pouch .stt{fill:none;stroke:var(--stitch);stroke-width:1.3;stroke-dasharray:4 3;transition:stroke .5s}
.sc-bag .stc,.sc-pouch .stc{fill:none;stroke:#E8D3AE;stroke-opacity:.75;stroke-width:1.1;stroke-dasharray:3.5 2.5}
.sc-bag .cu,.sc-pouch .cu,.sc-plan .cu{fill:var(--cuir)}
.sc-bag .cu-d{fill:#6E3A1F}
.sc-bag .cu-t,.sc-pouch .cu-t{font:700 7.5px/1 var(--ct-font-display);font-stretch:130%;letter-spacing:.12em;fill:#4B2511;opacity:.75}
.sc-bag .mt,.sc-pouch .mt{fill:#BDBCB6}.sc-bag .mt-d,.sc-pouch .mt-d{fill:#8C8B85}
.sc-bag .bk,.sc-pouch .bk{fill:none;stroke:#C9C8C2;stroke-width:5}
.sc-bag .hole circle{fill:#3A2012}
.sc-bag .fold{fill:none;stroke:#000;stroke-opacity:.2;stroke-width:1.4}

/* ---------- bande photo + chiffres ---------- */
.sc-band{position:relative;background:var(--nuit);color:var(--paper)}
.sc-band-img{margin:0;position:relative}
.sc-band-img img{width:100%;height:clamp(300px,52vw,640px);object-fit:cover;object-position:50% 40%}
.sc-band-img figcaption{position:absolute;left:var(--ct-gutter);bottom:14px;font-size:13px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.sc-facts{list-style:none;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:8px}
.sc-facts li{padding:22px 0 22px 16px;border-left:1px solid #3a4150;display:grid;gap:4px}
.sc-facts li:nth-child(odd){border-left:0;padding-left:0}
.sc-facts b{font:800 clamp(36px,4.8vw,64px)/.95 var(--ct-font-display);font-stretch:58%;letter-spacing:.005em;color:var(--sable)}
.sc-facts span{font-size:14px;color:#BFC0BB}
@media(min-width:800px){.sc-facts{grid-template-columns:repeat(4,1fr)}.sc-facts li{padding:30px 0 30px 24px}.sc-facts li:nth-child(odd){border-left:1px solid #3a4150;padding-left:24px}.sc-facts li:first-child{border-left:0;padding-left:0}}

/* ---------- usages : deux colonnes décalées ---------- */
.sc-use{display:grid;gap:30px;padding-block:clamp(56px,8vw,110px)}
.sc-use-head{max-width:720px}
.sc-use article figure{margin:0 0 18px;overflow:hidden;border-radius:var(--ct-radius)}
.sc-use article img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sc-use h3{font:780 22px/1.1 var(--ct-font-display);font-stretch:120%;margin:0 0 8px;text-transform:uppercase;letter-spacing:.02em}
.sc-use p{margin:0;max-width:52ch}
@media(min-width:900px){
  .sc-use{grid-template-columns:7fr 5fr;column-gap:clamp(40px,6vw,90px);row-gap:40px}
  .sc-use-head{grid-column:1/-1}
  .sc-use-b{margin-top:120px}
  .sc-use-b img{aspect-ratio:4/5}
}

/* ---------- vue éclatée (fond nuit) ---------- */
.sc-x{background:var(--nuit);color:#E9E4D6;padding-block:clamp(60px,8vw,120px);--ct-muted:#A9ABA6;--ct-line:#394152}
.sc-x .sc-kicker{color:var(--sable)}
.sc-x-in{display:grid;gap:40px}
@media(min-width:960px){.sc-x-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,90px);align-items:center}}
.sc-x-p{color:#C4C3BC;max-width:46ch;margin:18px 0 26px}
.sc-parts{list-style:none;margin:0;padding:0;counter-reset:p;border-top:1px solid #394152}
.sc-parts li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding:13px 8px 13px 0;border-bottom:1px solid #394152;cursor:default;transition:background-color .2s,padding .2s;border-radius:2px}
.sc-parts li::before{content:counter(p);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper);color:var(--nuit);font:800 13px/1 var(--ct-font-display);margin-top:1px}
.sc-parts li.on{background:#262d3b;padding-left:8px}
.sc-parts b{font-size:16px;color:#fff}
.sc-parts span{font-size:14.5px;color:#B9BAB4;line-height:1.5}
.sc-x-btn{margin-top:20px;background:none;border:1px solid #58606f;color:#E9E4D6;font:700 14px/1 var(--ct-font-display);font-stretch:118%;padding:13px 18px;border-radius:3px;cursor:pointer}
.sc-x-btn:hover{border-color:var(--sable)}
.sc-x-art{position:relative}

.sc-bag-x .x-l{transition:transform .8s var(--ct-ease),opacity .3s;transform-box:view-box}
.sc-bag-x .x-tag circle{fill:var(--paper)}.sc-bag-x .x-tag text{font:800 13px/1 var(--ct-font-display);fill:var(--nuit);text-anchor:middle}
.sc-bag-x .x-tag{opacity:0;transition:opacity .4s .3s}
[data-explode].is-open .x-tag{opacity:1}
[data-explode].is-open .x-rabat{transform:translate(0,-90px)}
[data-explode].is-open .x-fond{transform:translate(0,80px)}
[data-explode].is-open .x-poche{transform:translate(240px,60px)}
[data-explode].is-open .x-sangles{transform:translate(-220px,-10px)}
[data-explode].is-open .x-boucles{transform:translate(240px,-130px)}
[data-explode][data-hl]:not([data-hl=""]) .x-l{opacity:.2}
[data-explode][data-hl=corps] .x-corps,[data-explode][data-hl=rabat] .x-rabat,[data-explode][data-hl=sangles] .x-sangles,[data-explode][data-hl=boucles] .x-boucles,[data-explode][data-hl=poche] .x-poche,[data-explode][data-hl=fond] .x-fond{opacity:1}
.sc-x-cuir{margin:18px 0 0 auto;max-width:280px;display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.sc-x-cuir figcaption{margin:0!important}
.sc-x-cuir img{border-radius:var(--ct-radius);aspect-ratio:1;object-fit:cover}
.sc-x-cuir figcaption{font-size:13px;color:#A9ABA6;margin-top:8px}


/* ---------- plan coté ---------- */
.sc-dims{display:grid;gap:34px;padding-block:clamp(60px,8vw,110px)}
@media(min-width:900px){.sc-dims{grid-template-columns:5fr 6fr;gap:clamp(40px,6vw,90px);align-items:center}}
.sc-dims-txt>p{max-width:48ch;margin:18px 0 22px}
.sc-fits{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--ct-line)}
.sc-fits li{display:grid;grid-template-columns:minmax(0,11em) 1fr;gap:4px 18px;padding:12px 0;border-bottom:1px solid var(--ct-line)}
.sc-fits b{font-size:15.5px}.sc-fits span{font-size:14.5px;color:var(--ct-muted)}
@media(max-width:520px){.sc-fits li{grid-template-columns:1fr}}
.sc-dims-fig{margin:0;background:#E9E0CB;border-radius:var(--ct-radius);padding:clamp(18px,3vw,34px);position:relative}
.sc-dims-fig::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1E2430 1px,transparent 1px),linear-gradient(90deg,#1E2430 1px,transparent 1px);background-size:20px 20px;opacity:.06;border-radius:inherit}
.sc-plan{position:relative;width:100%;height:auto;display:block}
.sc-plan .pl-ghost{fill:none;stroke:var(--nuit);stroke-width:1.4;stroke-dasharray:5 4;opacity:.55}
.sc-plan .pl-dim path{fill:none;stroke:var(--cuir);stroke-width:1.4}
.sc-plan .pl-t{font:700 15px/1 var(--ct-font-display);font-stretch:90%;fill:var(--nuit)}
.sc-plan .pl-t-m{font-size:12.5px;fill:var(--cuir)}
.sc-plan .pl-s{font:600 12px/1 var(--ct-font-display);font-stretch:120%;letter-spacing:.06em;fill:var(--ct-muted)}

/* ---------- série 1 → série 2 : essais et journal ---------- */
.sc-story{background:var(--ct-surface);padding-block:clamp(60px,8vw,120px)}
.sc-story-in{display:grid;gap:34px}
.sc-story-txt p:last-child{max-width:56ch;margin:18px 0 0}
.sc-story-img{margin:0;max-width:380px}
.sc-story-img img{border-radius:var(--ct-radius);aspect-ratio:3/4;object-fit:cover;width:100%}
@media(min-width:960px){
  .sc-story-in{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(40px,6vw,90px);row-gap:56px}
  .sc-story-img{grid-row:1/3;grid-column:2;justify-self:end;margin-top:10px}
  .sc-tests{grid-column:1}
  .sc-log{grid-column:1/-1}
}
.sc-tests h3,.sc-log h3{font:780 20px/1.1 var(--ct-font-display);font-stretch:118%;text-transform:uppercase;letter-spacing:.03em;margin:0 0 14px}
.sc-table{overflow-x:auto;border-top:2px solid var(--ct-ink)}
.sc-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.sc-table th,.sc-table td{text-align:left;padding:11px 12px 11px 0;border-bottom:1px solid var(--ct-line);vertical-align:top}
.sc-table thead th{font:700 12px/1.2 var(--ct-font-display);font-stretch:125%;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-muted)}
.sc-table tbody th{font-weight:700}
.sc-table td:nth-child(2){color:var(--ct-muted);max-width:26ch}
.sc-table td:last-child{font-weight:700;color:#434E2B}
.sc-log ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sc-log li{display:grid;grid-template-columns:8.5em 1fr;gap:16px;padding:12px 0;border-bottom:1px dashed #BDB092}
.sc-log time{font:750 14px/1.5 var(--ct-font-display);font-stretch:80%;color:var(--cuir)}
.sc-log p{margin:0;font-size:15.5px}
@media(min-width:960px){.sc-log ol{grid-template-columns:repeat(2,1fr);column-gap:48px}}

/* ---------- calendrier ---------- */
.sc-plan-cal{padding-block:clamp(60px,8vw,110px)}
.sc-cal-p{max-width:60ch;margin:18px 0 34px}
.sc-cal{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.sc-cal li{position:relative;display:grid;gap:3px;padding:14px 0 18px 30px;border-left:2px solid var(--ct-line);margin-left:7px}
.sc-cal li::before{content:"";position:absolute;left:-8px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--ct-bg);border:2px solid var(--ct-ink)}
.sc-cal li.is-past::before{background:var(--ct-ink)}
.sc-cal li.is-now::before{background:var(--cuir);border-color:var(--cuir);box-shadow:0 0 0 5px color-mix(in srgb,var(--cuir) 22%,transparent)}
.sc-cal time{font:750 14px/1.3 var(--ct-font-display);font-stretch:95%;color:var(--cuir)}
.sc-cal b{font-size:17px}
.sc-cal span{font-size:14.5px;color:var(--ct-muted)}
.sc-now{font:700 11.5px/1 var(--ct-font-display);font-stretch:125%;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cuir);padding:5px 8px;border-radius:2px;justify-self:start;font-style:normal;margin-bottom:4px}
@media(min-width:960px){
  .sc-cal{grid-template-columns:repeat(6,1fr);border-top:2px solid var(--ct-line)}
  .sc-cal li{border-left:0;margin:0;padding:30px 18px 0 0;align-content:start}
  .sc-cal li::before{left:0;top:-8px}
  .sc-cal li.is-past{border-top:2px solid var(--ct-ink);margin-top:-2px}
  .sc-cal .sc-now{position:absolute;top:-38px;left:0}
}

/* ---------- jauge de série : 300 traits ---------- */
.sc-series{background:var(--olive);color:var(--paper);padding-block:clamp(60px,8vw,110px);--ct-muted:#D3D5BE}
.sc-series-head{display:grid;gap:14px;max-width:820px;margin-bottom:34px}
.sc-series-head .sc-kicker{color:var(--paper);margin:0}
.sc-series-head .sc-h2 b{color:var(--sable);font-stretch:62%;font-size:1.2em}
.sc-series-head p{margin:0;max-width:60ch;color:var(--paper)}
.sc-ticks{display:grid;grid-template-columns:repeat(30,1fr);gap:4px 3px}
@media(min-width:800px){.sc-ticks{grid-template-columns:repeat(50,1fr);gap:6px 5px}}
.sc-ticks span{height:18px;border-radius:1px;box-shadow:inset 0 0 0 1.4px rgba(241,235,221,.55)}
@media(min-width:800px){.sc-ticks span{height:26px}}
.sc-ticks span.on{background:var(--paper);box-shadow:none;transition:background-color .25s calc(var(--i,0) * 5ms),transform .25s calc(var(--i,0) * 5ms)}
.sc-ticks:not(.is-in) span.on{background:transparent;box-shadow:inset 0 0 0 1.4px rgba(241,235,221,.55)}
.sc-ticks-legend{display:flex;justify-content:space-between;margin:10px 0 0;font:600 12px/1 var(--ct-font-display);font-stretch:120%;letter-spacing:.06em;color:var(--paper)}
.sc-by-c{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.sc-by-c li{display:flex;align-items:center;gap:10px;font-size:15.5px}
.sc-by-c i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px var(--paper)}
.sc-by-c li[data-c=Olive] i{background:var(--olive)}.sc-by-c li[data-c=Sable] i{background:var(--sable)}.sc-by-c li[data-c=Nuit] i{background:var(--nuit)}
.sc-by-c span{color:var(--paper)}

/* ---------- FAQ ---------- */
.sc-faq{display:grid;gap:30px;padding-block:clamp(60px,8vw,110px)}
@media(min-width:900px){.sc-faq{grid-template-columns:4fr 7fr;gap:clamp(40px,6vw,90px)}.sc-faq-head{position:sticky;top:30px;align-self:start}}
.sc-faq-head p{margin:18px 0 0;color:var(--ct-muted);max-width:40ch}
.sc-faq-head a{color:var(--ct-ink)}
.sc-faq-list{border-top:2px solid var(--ct-ink)}
.sc-faq-list summary{font-size:17.5px;padding:18px 0}
.sc-faq-list .ct-acc-body{color:#44463f;max-width:62ch}

/* ---------- dernier appel ---------- */
.sc-last{background:var(--nuit);color:#EDE8DA;padding-block:clamp(60px,8vw,110px);--ct-muted:#A9ABA6;--ct-line:#394152}
.sc-last-in{display:grid;gap:36px;align-items:center}
@media(min-width:960px){.sc-last-in{grid-template-columns:6fr 5fr;gap:clamp(40px,6vw,90px)}}
.sc-last .sc-h2{font-stretch:112%;font-size:clamp(30px,4.2vw,58px)}
.sc-last-in>div>p{color:#C4C3BC;max-width:50ch;margin:18px 0 26px}
.sc-last .sc-cd b{color:var(--sable)}
.sc-last-buy{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;background:#262d3b;border-radius:var(--ct-radius);padding:24px}
.sc-bag-last{width:120px}
.sc-last .sc-price b{color:#fff}
.sc-last .sc-price span{color:#A9ABA6}
.sc-last .sc-cta{margin:12px 0 14px}
.sc-reass{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:#C4C3BC}
.sc-reass li::before{content:"— ";color:var(--sable)}
@media(max-width:520px){.sc-last-buy{grid-template-columns:1fr}.sc-bag-last{width:110px}}
.sc-closed{font:700 17px/1.4 var(--ct-font-body);padding:14px 16px;border:1px solid currentColor;border-radius:var(--ct-radius);margin:0}

/* ---------- page commande ---------- */
.sc-co{display:grid;gap:22px;padding-block:clamp(22px,4vw,54px) clamp(56px,8vw,100px)}
@media(min-width:960px){.sc-co{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,5vw,72px)}.sc-co-side{grid-column:2;grid-row:1;position:sticky;top:24px;align-self:start}.sc-co-main{grid-column:1;grid-row:1}}
.sc-co-h{font:800 clamp(30px,3.6vw,46px)/1 var(--ct-font-display);font-stretch:108%;margin:0 0 6px}
.sc-co-card{background:var(--stage);color:var(--stage-ink);border-radius:var(--ct-radius);padding:18px;display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;transition:background-color .5s var(--ct-ease),color .5s}
.sc-bag-co{width:96px}
.sc-co-name{margin:0;font:780 17px/1.2 var(--ct-font-display);font-stretch:110%}
.sc-co-left{margin:4px 0 0;font-size:14px}
.sc-co-left.is-zero{color:var(--ct-err)}
.sc-co-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px;font-size:13.5px;line-height:1.4}
.sc-co-list li{display:grid;grid-template-columns:6.4em 1fr;gap:8px}
@media(max-width:959px){.sc-co-list li:nth-child(n+3){display:none}}
@media(min-width:960px){.sc-co-card{grid-template-columns:1fr;padding:30px}.sc-bag-co{width:200px;margin:0 auto 6px}}
.fn-co-sec h2{font:780 19px/1.2 var(--ct-font-display);font-stretch:108%}
.fn-co-sec h2 i{background:var(--nuit);color:var(--paper);border-radius:3px;font-family:var(--ct-font-display)}
.sc-co .is-swatch{gap:10px}
.sc-co .is-swatch label{display:grid;gap:4px;justify-items:start}
.sc-co .is-swatch span{width:auto;height:auto;min-width:0;min-height:52px;padding:0 18px 0 48px;border-radius:999px;background:var(--ct-bg);color:var(--ct-ink);font:700 15.5px/1 var(--ct-font-body);box-shadow:none;border:1px solid var(--ct-line);position:relative}
.sc-co .is-swatch span::before{content:"";position:absolute;left:12px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.sc-co .is-swatch input:checked+span{border-color:var(--ct-ink);box-shadow:inset 0 0 0 1px var(--ct-ink)}
.sc-opt-left{font-size:12.5px;color:var(--ct-muted);padding-left:14px}
.fn-bump-t b{font-size:16.5px}
.fn-recap{background:#F7F2E7}
.ct-field input{background:#FBF8F1}
.sc-addr{list-style:none;margin:0;padding:4px;position:absolute;left:0;right:0;top:calc(100% - 18px);z-index:20;background:#FBF8F1;border:1px solid var(--ct-ink);border-radius:var(--ct-radius-sm);box-shadow:var(--ct-shadow)}
.sc-addr li{padding:10px 12px;font-size:15px;cursor:pointer;border-radius:2px}
.sc-addr li:hover,.sc-addr li[aria-selected=true]{background:var(--ct-surface)}

/* ---------- paiement (démo) ---------- */
.p-paiement main{padding-top:clamp(28px,5vw,60px)}
.ct-pay-card header b{font-family:var(--ct-font-display);font-stretch:70%;font-size:40px}

/* ---------- offre en un clic ---------- */
.sc-up{padding-block:clamp(26px,4vw,56px) clamp(60px,8vw,110px)}
.sc-up-ok{display:flex;gap:10px;align-items:center;margin:0 0 30px;padding:12px 16px;border-radius:var(--ct-radius);background:#E1E6D2;color:#2F3A1C;font-weight:700;font-size:15.5px}
.sc-up-ok .ic{width:22px;height:22px;flex:none}
.sc-up-in{display:grid;gap:30px}
@media(min-width:900px){.sc-up-in{grid-template-columns:5fr 6fr;gap:clamp(40px,6vw,90px);align-items:center}}
.sc-up-art{margin:0;background:var(--stage);color:var(--stage-ink);border-radius:var(--ct-radius);padding:clamp(28px,5vw,60px) clamp(20px,4vw,50px) 22px;transition:background-color .5s}
.sc-pouch{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 18px rgba(20,24,30,.25))}
.sc-up-art figcaption{text-align:center;margin-top:14px;font:600 13px/1.3 var(--ct-font-display);font-stretch:118%;letter-spacing:.04em}
.sc-up-txt>p{max-width:52ch;margin:18px 0}
.sc-up-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px}
.sc-up-list li{padding-left:26px;position:relative}
.sc-up-list li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--olive);border-bottom:2px solid var(--olive);transform:rotate(-45deg)}
.sc-up-act{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.sc-up-no{background:none;border:0;padding:12px 2px;font:inherit;font-size:15.5px;color:var(--ct-ink);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.sc-up-note{font-size:13px;color:var(--ct-muted);margin:22px 0 0;max-width:56ch}

/* ---------- remerciement ---------- */
.sc-ty{padding-block:clamp(26px,4vw,56px) clamp(60px,8vw,110px)}
.sc-ty-head{display:grid;gap:26px;align-items:center;margin-bottom:clamp(30px,5vw,60px)}
@media(min-width:900px){.sc-ty-head{grid-template-columns:1fr 260px}}
.sc-ty-h{font-size:clamp(34px,4.6vw,64px)}
.sc-ty-bag{background:var(--stage);border-radius:var(--ct-radius);padding:26px 40px;transition:background-color .5s;max-width:260px}
.sc-ty-grid{display:grid;gap:40px}
@media(min-width:900px){.sc-ty-grid{grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,80px)}}
.sc-ty-grid h2{font:780 22px/1.1 var(--ct-font-display);font-stretch:112%;margin:0 0 16px}
.sc-ty-recap{align-self:start;background:#F7F2E7;border:1px solid var(--ct-line);border-radius:var(--ct-radius);padding:22px}
.fn-no{font-size:15px}
.fn-no b{color:var(--ct-ink);font-family:var(--ct-font-display);font-stretch:90%}
.sc-ty-small{font-size:14px;color:var(--ct-muted);margin:16px 0 0}
.sc-ty-small a{color:var(--ct-ink)}
.sc-ty-steps{list-style:none;margin:0;padding:0}
.sc-ty-steps li{position:relative;display:grid;gap:2px;padding:0 0 22px 30px;border-left:2px solid var(--ct-line);margin-left:7px}
.sc-ty-steps li:last-child{border-left-color:transparent}
.sc-ty-steps li::before{content:"";position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--ct-bg);border:2px solid var(--ct-ink)}
.sc-ty-steps li.is-done::before{background:var(--olive);border-color:var(--olive)}
.sc-ty-steps time{font:750 13.5px/1.3 var(--ct-font-display);font-stretch:95%;color:var(--cuir)}
.sc-ty-steps b{font-size:16.5px}
.sc-ty-steps span{font-size:14.5px;color:var(--ct-muted)}
.sc-ty-nocode{margin:8px 0 0;padding:16px 18px;border-left:3px solid var(--cuir);background:#EAE1CC;font-size:15px}

/* ---------- pied ---------- */
.ff{font-size:13.5px}
.ff a{color:#EDE8DA}

/* ---------- mouvement ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
.sc-story-in>*,.sc-x-in>*,.sc-hero-in>*,.sc-co>*{min-width:0}
.sc-bag-x{width:100%;max-width:640px;margin:0 auto}
@media(max-width:639px){
  .sc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .sc-table table,.sc-table tbody,.sc-table tr,.sc-table th,.sc-table td{display:block}
  .sc-table tr{padding:12px 0;border-bottom:1px solid var(--ct-line);display:grid;grid-template-columns:5.5em 1fr;gap:4px 12px}
  .sc-table th,.sc-table td{border:0;padding:0}
  .sc-table tbody th{grid-column:1/-1;font-size:16px}
  .sc-table td{display:contents}
  .sc-table td::before{content:attr(data-l);font-size:12.5px;color:var(--ct-muted);font-weight:400}
}
.sc-sw{grid-template-columns:repeat(3,1fr)}
@media(max-width:599px){.sc-sw button{flex-direction:column;align-items:flex-start;gap:8px;padding:10px;min-height:0}.sc-sw small{font-size:12px}}
@media(max-width:599px){.sc-log li{grid-template-columns:1fr;gap:2px}}
@media(min-width:960px){.sc-cal{margin-top:70px}}
.sc-ticks-legend span:nth-child(2){opacity:.8;letter-spacing:.02em}
.sc-co .ct-opt legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:599px){.ct-btn-buy{font-size:15px;font-stretch:94%;padding:0 14px}.ct-btn-buy:hover{font-stretch:94%}}
.sc-up-art figcaption{font-family:var(--ct-font-body);font-stretch:100%;letter-spacing:0;font-size:14px}
@media(max-width:899px){.sc-ty-bag{max-width:170px;padding:18px 26px}}
@media(max-width:599px){.legal-t{display:table!important;width:100%;table-layout:fixed;font-size:13px;overflow:visible}.legal-t th,.legal-t td{padding:7px 6px 7px 0!important;overflow-wrap:break-word;hyphens:auto}}