/* =====================================================================
   fo-fiche.css — Fiche produit Fermeture Online, proposition V3
   Bandes pleine largeur, photo annotée, plan coté, nuancier, jauge
   de motorisation. Classes préfixées fo-, aucune dépendance.
   Charte : Arial · rouge #d8402a · ardoise #1f2d3d · bleu #5e8eb3
            étoiles #e0a132 · fond #eff0ee
   ===================================================================== */
.fo-fiche{
  --ink:#161a1d; --text:#3a4148; --muted:#6f777e;
  --ground:#eff0ee; --surface:#fff; --line:#e2e5e2; --line-strong:#cdd2d0;
  --accent:#d8402a; --accent-soft:#fbe7e2;
  --slate:#1f2d3d; --slate-deep:#16222f; --slate-soft:#e9eef3; --slate-mid:#5b6b7c;
  --link:#5e8eb3; --star:#e0a132;
  --ok:#2e7d5b; --ok-soft:#e6f2ec; --warn:#b8741a; --warn-soft:#fdf3e3;
  --font:Arial,Helvetica,sans-serif;
  color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.fo-fiche *{box-sizing:border-box}
.fo-fiche img{max-width:100%;height:auto;display:block}
.fo-fiche a{color:var(--link)}
.fo-fiche h2,.fo-fiche h3,.fo-fiche h4{margin:0;color:var(--ink);line-height:1.15;text-wrap:balance}
.fo-fiche p{margin:0}
.fo-fiche ul,.fo-fiche ol{margin:0;padding:0;list-style:none}
.fo-fiche b,.fo-fiche strong{color:var(--ink)}
.fo-fiche :focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:6px}
.fo-tnum{font-variant-numeric:tabular-nums}
/* Le thème colore tous les liens en bleu : on force les composants "boutons/cartes" */
.fo-fiche a.fo-btn-primary,.fo-fiche a.fo-btn-primary:hover{color:#fff!important;text-decoration:none!important}
.fo-fiche a.fo-btn-ghost,.fo-fiche a.fo-doc,.fo-fiche a.fo-doccard,.fo-fiche a.fo-product,.fo-fiche .fo-help a{color:var(--ink)!important;text-decoration:none!important}
.fo-fiche a.fo-doccard em{color:var(--accent)}

/* Bandes pleine largeur */
.fo-band{padding:72px 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.fo-band--white{background:var(--surface)}
.fo-band--ground{background:var(--ground)}
.fo-band--slate{background:var(--slate);color:#cfd7df}
.fo-band--slate h2,.fo-band--slate h3,.fo-band--slate b,.fo-band--slate strong{color:#fff}
.fo-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* Typo */
.fo-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.fo-band--slate .fo-eyebrow{color:#f0a493}
.fo-h2{font-size:38px;font-weight:800;letter-spacing:-.022em;max-width:22ch}
.fo-h3{font-size:20px;font-weight:800;letter-spacing:-.01em}
.fo-lead{font-size:18px;line-height:1.6;max-width:58ch;margin-top:16px}
.fo-band--slate .fo-lead{color:#cfd7df}
.fo-head{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:40px}
.fo-head-aside{font-size:15px;color:var(--muted);max-width:30ch;text-align:right}
.fo-band--slate .fo-head-aside{color:#aab6c3}

/* Boutons */
.fo-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-size:15px;font-weight:800;border-radius:11px;padding:15px 26px;text-decoration:none;cursor:pointer;border:0;line-height:1.2;white-space:nowrap}
.fo-btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px rgba(216,64,42,.32)}
.fo-btn-primary:hover{background:#c4381f}
.fo-btn-ghost{background:transparent;color:var(--slate);border:1.5px solid var(--line-strong)}
.fo-btn-ghost:hover{border-color:var(--slate)}
.fo-band--slate .fo-btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.fo-band--slate .fo-btn-ghost:hover{border-color:#fff}

/* ---- Réassurance (bandeau existant, resserré) ---- */
.fo-reassure{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin:28px auto 0}
.fo-reassure li{padding:18px 22px;border-right:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.45}
.fo-reassure li:last-child{border-right:0}
.fo-reassure b{display:block;font-size:15px;margin-bottom:2px}

/* ---- 1. Anatomie (photo annotée) ---- */
.fo-anatomy{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:48px;align-items:start}
.fo-photo{position:relative;border-radius:18px;overflow:hidden;background:#0f1721;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.fo-photo img{width:100%;aspect-ratio:1000/620;object-fit:cover;object-position:50% 100%}
.fo-hs{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(216,64,42,.35),0 4px 12px rgba(0,0,0,.4);cursor:default;transition:transform .15s}
.fo-hs:hover,.fo-hs:focus{transform:scale(1.15);z-index:3}
.fo-hs span{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:#fff;color:var(--ink);font-size:13px;font-weight:700;padding:7px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fo-hs:hover span,.fo-hs:focus span{opacity:1}
.fo-legend{display:grid;gap:0;counter-reset:hs}
.fo-legend li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);align-items:start}
.fo-legend li:last-child{border-bottom:0}
.fo-legend i{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:800;font-size:13px;display:grid;place-items:center;margin-top:2px}
.fo-legend b{display:block;font-size:16px;margin-bottom:2px}
.fo-legend span{font-size:14px;color:#aab6c3;line-height:1.45}
.fo-legend .fo-dim{color:#f0a493;font-weight:700;font-variant-numeric:tabular-nums}
.fo-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.fo-details figure{margin:0;border-radius:12px;overflow:hidden;background:#fff}
.fo-details img{aspect-ratio:4/3;object-fit:cover;width:100%}
.fo-details figcaption{font-size:13px;color:#aab6c3;padding:10px 12px 0}
.fo-labels{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.fo-labels li{font-size:12.5px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;letter-spacing:.02em}

/* ---- 2. Cotes en situation ---- */
.fo-plan{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:48px;align-items:center}
.fo-plan-fig{margin:0;border:1px solid var(--line);border-radius:18px;padding:26px;background:#fbfbfa}
.fo-plan-fig svg,.fo-plan-fig img{width:100%;height:auto;display:block}
.fo-plan-fig figcaption{font-size:13.5px;color:var(--muted);margin-top:14px;line-height:1.5}
.fo-dims{display:grid;gap:0;border-top:1px solid var(--line-strong)}
.fo-dims li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.fo-dims .fo-k{font-size:15px;color:var(--text)}
.fo-dims .fo-k small{display:block;font-size:13px;color:var(--muted)}
.fo-dims .fo-v{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}
.fo-dims .fo-v small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}
.fo-help{display:flex;gap:16px;align-items:center;margin-top:24px;padding:18px 20px;background:var(--slate-soft);border-radius:14px}
.fo-help b{display:block;font-size:15px}
.fo-help span{font-size:14px;color:var(--slate-mid)}
.fo-help a{font-size:22px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap;margin-left:auto;letter-spacing:-.01em}

/* ---- 3. Nuancier ---- */
.fo-swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-bottom:14px}
.fo-swatches li{display:grid;gap:8px}
.fo-swatches i{display:block;aspect-ratio:1;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.fo-swatches i.fo-sable{background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:4px 4px}
.fo-swatches i.fo-bois{background:linear-gradient(90deg,#b07a3c 0 8%,#c48d4a 8% 22%,#a86f34 22% 35%,#c9944f 35% 50%,#b27c3e 50% 66%,#c68f4b 66% 80%,#a96f35 80%)}
.fo-swatches i.fo-plus{background:#fff;border:2px dashed var(--line-strong);display:grid;place-items:center;font-style:normal;font-weight:800;color:var(--slate);font-size:13px}
.fo-swatches b{font-size:13px;display:block;line-height:1.3}
.fo-swatches span{font-size:12px;color:var(--muted);display:block}
.fo-swatches .fo-price{color:var(--ink);font-weight:700}
.fo-fine{font-size:13px;color:var(--muted);margin-top:8px}
.fo-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.fo-shots figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.fo-shots img{aspect-ratio:1;object-fit:cover;object-position:50% 100%;width:100%}
.fo-shots figcaption{font-size:13px;color:var(--muted);padding:10px 14px;display:flex;justify-content:space-between;gap:8px}
.fo-shots figcaption b{font-size:13px}

/* ---- 4. Motorisation : jauge de largeur ---- */
.fo-gauge{margin:8px 0 40px;padding:28px 28px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.fo-gauge-scale{position:relative;height:36px;margin:18px 0 6px}
.fo-gauge-scale::before{content:"";position:absolute;left:0;right:0;top:30px;height:3px;background:var(--line);border-radius:2px}
.fo-gauge-scale .fo-tick{position:absolute;top:0;transform:translateX(-50%);font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fo-gauge-scale .fo-tick::after{content:"";display:block;width:2px;height:10px;background:var(--line-strong);margin:4px auto 0}
.fo-gauge-scale .fo-tick.fo-first{transform:none}
.fo-gauge-scale .fo-tick.fo-first::after{margin-left:0}
.fo-gauge-scale .fo-tick.fo-last{transform:translateX(-100%)}
.fo-gauge-scale .fo-tick.fo-last::after{margin-right:0}
.fo-gauge-rows{display:grid;gap:10px}
.fo-gauge > b{display:block;font-size:15px}
.fo-gauge-row{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;font-size:14.5px}
.fo-gauge-row b{font-size:15px}
.fo-gauge-row small{display:block;color:var(--muted);font-size:13px}
.fo-bar{position:relative;height:30px;background:#f3f4f2;border-radius:8px;overflow:hidden}
.fo-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;display:flex;align-items:center;padding:0 12px;font-style:normal;font-size:13px;font-weight:700;color:#fff;white-space:nowrap}
.fo-bar i.fo-b1{background:var(--slate-mid)}
.fo-bar i.fo-b2{background:var(--accent)}
.fo-bar i.fo-b3{background:var(--slate)}
.fo-moto{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fo-moto article{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;display:grid;gap:12px;align-content:start;position:relative}
.fo-moto article.fo-rec{border:2px solid var(--accent)}
.fo-moto .fo-tag{position:absolute;top:-12px;left:22px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px}
.fo-moto .fo-h3{font-size:19px}
.fo-moto .fo-lim{display:flex;gap:8px;flex-wrap:wrap}
.fo-moto .fo-lim span{font-size:13px;font-weight:700;color:var(--slate);background:var(--slate-soft);padding:5px 10px;border-radius:7px;font-variant-numeric:tabular-nums}
.fo-moto p{font-size:15px}
.fo-moto .fo-price{font-size:22px;font-weight:800;color:var(--ink);margin-top:auto;padding-top:8px;letter-spacing:-.01em}
.fo-moto .fo-price small{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}
.fo-moto .fo-free{color:var(--ok)}
.fo-acc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.fo-acc li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.fo-acc li b{white-space:nowrap}
.fo-docs{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.fo-doc{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:10px;padding:10px 14px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;background:#fff}
.fo-doc:hover{border-color:var(--slate)}
.fo-doc i{font-style:normal;font-size:10px;font-weight:800;color:var(--accent);background:var(--accent-soft);padding:3px 6px;border-radius:5px;letter-spacing:.06em}
.fo-note{display:flex;gap:14px;align-items:flex-start;background:var(--slate-soft);border-radius:14px;padding:18px 20px;font-size:15px;color:var(--slate);margin-top:24px}
.fo-note p+p{margin-top:8px}
.fo-note::before{content:"i";flex:none;width:24px;height:24px;border-radius:50%;background:var(--slate);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;margin-top:1px}

/* ---- 5. Dans le carton ---- */
.fo-carton{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:48px;align-items:start}
.fo-items{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.fo-items li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14.5px}
.fo-items li b{display:block;font-size:15px}
.fo-items li span{color:var(--muted);font-size:13px}
.fo-items i{width:40px;height:40px;border-radius:10px;background:var(--slate-soft);color:var(--slate);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;letter-spacing:.02em}
.fo-todo{border-top:1px solid var(--line-strong)}
.fo-carton-docs{grid-column:2;margin-top:0}
.fo-todo li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);font-size:15px;position:relative}
.fo-todo li::before{content:"";position:absolute;left:0;top:22px;width:14px;height:14px;border-radius:50%;border:3px solid var(--warn);background:#fff}
.fo-todo b{display:block}
.fo-todo span{color:var(--muted);font-size:14px}

/* ---- 5b. Documents à télécharger ---- */
.fo-doccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.fo-doccard{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:22px 24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#fff;box-shadow:0 1px 2px rgba(16,24,28,.06);transition:border-color .15s,transform .15s}
.fo-doccard:hover{border-color:var(--slate);transform:translateY(-2px)}
.fo-fiche a.fo-doccard{color:var(--ink)}
.fo-doccard .fo-pdf{position:relative;width:58px;height:72px;border-radius:8px;background:var(--accent-soft);border:1px solid #f3cfc6;display:grid;place-items:end center;padding-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent)}
.fo-doccard .fo-pdf::before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 16px 16px 0;border-color:#fff #fff var(--accent) var(--accent);border-radius:0 8px 0 4px}
.fo-doccard b{display:block;font-size:16px;line-height:1.3}
.fo-doccard span{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.45}
.fo-doccard em{display:inline-block;font-style:normal;font-size:13.5px;font-weight:800;color:var(--accent);margin-top:10px}
.fo-doccard em::after{content:" \2192"}
.fo-docnote{margin-top:22px;font-size:14.5px;color:var(--muted);max-width:70ch}

/* ---- 6. De la commande à la pose ---- */
.fo-timeline{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:8px 0 56px}
.fo-timeline::before{content:"";position:absolute;left:10%;right:10%;top:22px;height:3px;background:var(--line-strong)}
.fo-timeline li{text-align:center;padding:0 12px;position:relative}
.fo-timeline i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--slate);color:#fff;margin:0 auto 14px;font-style:normal;font-weight:800;font-size:15px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--ground)}
.fo-timeline li.fo-hl i{background:var(--accent)}
.fo-timeline b{display:block;font-size:15px;line-height:1.3}
.fo-timeline span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.4}
.fo-guar{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px}
.fo-guar li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.fo-guar .fo-big{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}
.fo-guar .fo-big small{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:6px}
.fo-guar p{font-size:14px;color:var(--muted);margin-top:8px}
.fo-guar li.fo-warnbox{background:var(--warn-soft);border-color:#f1dcb6;color:#5a3d0f;font-size:15px}
.fo-guar li.fo-warnbox b{color:#3f2a08;display:block;margin-bottom:4px;font-size:16px}

/* ---- 7. Avis ---- */
.fo-reviews{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);gap:48px;align-items:start}
.fo-score .fo-big{font-size:84px;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:.9}
.fo-score .fo-big small{font-size:22px;color:var(--muted);font-weight:400;letter-spacing:0}
.fo-score .fo-stars{color:var(--star);font-size:26px;letter-spacing:3px;margin:12px 0 6px}
.fo-score p{font-size:15px;color:var(--muted)}
.fo-quotes{display:grid;gap:14px}
.fo-quote{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;display:grid;grid-template-columns:44px 1fr;gap:16px}
.fo-quote .fo-av{width:44px;height:44px;border-radius:50%;background:var(--slate);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}
.fo-quote p{font-size:16px;line-height:1.55}
.fo-quote .fo-who{font-size:13.5px;color:var(--muted);margin-top:8px}
.fo-quote .fo-who b{color:var(--ink)}
.fo-quote .fo-who em{color:var(--star);font-style:normal;letter-spacing:1px;margin-right:8px}

/* ---- 8. FAQ ---- */
.fo-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.fo-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px}
.fo-faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:12px;font-size:16px;align-items:center}
.fo-faq summary::-webkit-details-marker{display:none}
.fo-faq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:8px;background:var(--slate-soft);color:var(--slate);display:grid;place-items:center;font-weight:400;font-size:18px}
.fo-faq details[open] summary::after{content:"–"}
.fo-faq details p{padding:0 0 20px;font-size:15.5px;max-width:60ch}

/* ---- 9. CTA + cross ---- */
.fo-final{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.fo-final .fo-h2{color:#fff}
.fo-pricebox{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px;display:grid;gap:10px}
.fo-pricebox .fo-from{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#aab6c3;font-weight:700}
.fo-pricebox .fo-amount{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
.fo-pricebox .fo-amount s{font-size:16px;color:#8e9aa7;font-weight:400;margin-left:10px;letter-spacing:0}
.fo-pricebox .fo-badge{display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:4px 9px;border-radius:7px;margin-left:8px;vertical-align:middle;letter-spacing:0}
.fo-pricebox .fo-split{font-size:14px;color:#cfd7df}
.fo-pricebox .fo-split b{color:#fff}
.fo-pricebox .fo-btn{margin-top:8px}
.fo-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.fo-pay li{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#cfd7df;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:5px 9px}
.fo-cross{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,380px));gap:16px;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.12)}
.fo-cross-title{grid-column:1/-1;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#aab6c3;font-weight:700}
.fo-product{display:grid;grid-template-columns:110px 1fr;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)}
.fo-product img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.fo-fiche a.fo-product{color:var(--ink)}
.fo-band--slate .fo-product b,.fo-band--slate .fo-product .fo-p{color:var(--ink)}
.fo-product .fo-body{padding:14px 16px;display:grid;gap:3px;align-content:center}
.fo-product b{font-size:15px;line-height:1.3}
.fo-product .fo-stars{color:var(--star);font-size:12px;letter-spacing:1px}
.fo-product .fo-p{font-weight:800;font-size:16px}
.fo-product .fo-p s{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}
.fo-product.fo-soon{display:grid;place-items:center;background:transparent;border:1px dashed rgba(255,255,255,.3);color:#aab6c3;font-size:13px;padding:20px;text-align:center}

/* ---- 10. SEO replié ---- */
.fo-seo{max-width:760px}
.fo-seo details{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.fo-seo summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:800;color:var(--ink);font-size:18px;display:flex;justify-content:space-between;gap:12px}
.fo-seo summary::-webkit-details-marker{display:none}
.fo-seo summary::after{content:"+";color:var(--muted);font-weight:400;font-size:24px}
.fo-seo details[open] summary::after{content:"–"}
.fo-prose{padding:0 0 26px;max-width:66ch}
.fo-prose h3{font-size:18px;margin:20px 0 6px}
.fo-prose p{font-size:16px;margin-bottom:12px}
.fo-prose ul{list-style:disc;padding-left:22px;margin-bottom:12px}
.fo-prose li{margin-bottom:4px}

/* ---- Responsive ---- */
@media (max-width:1024px){
  .fo-band{padding:56px 0}
  .fo-h2{font-size:32px}
  .fo-anatomy,.fo-plan,.fo-carton,.fo-reviews,.fo-final{grid-template-columns:1fr;gap:32px}
  .fo-carton-docs{grid-column:1}
  .fo-swatches{grid-template-columns:repeat(4,1fr)}
  .fo-swatches--opts{grid-template-columns:repeat(4,1fr)}
  .fo-guar,.fo-doccards{grid-template-columns:1fr 1fr}
  .fo-guar li.fo-warnbox{grid-column:1/-1}
  .fo-head{grid-template-columns:1fr}
  .fo-head-aside{text-align:left;max-width:none}
  .fo-cross{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .fo-fiche{font-size:16px}
  .fo-band{padding:44px 0}
  .fo-h2{font-size:27px}
  .fo-reassure{grid-template-columns:1fr 1fr}
  .fo-reassure li:nth-child(2){border-right:0}
  .fo-reassure li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .fo-hs{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:11px}
  .fo-details,.fo-faq,.fo-items,.fo-moto,.fo-acc,.fo-guar,.fo-cross,.fo-shots,.fo-doccards{grid-template-columns:1fr}
  .fo-swatches{grid-template-columns:repeat(3,1fr)}
  .fo-swatches--opts{grid-template-columns:repeat(3,1fr)}
  .fo-gauge{padding:20px 16px}
  .fo-gauge-row{grid-template-columns:1fr}
  .fo-timeline{grid-template-columns:1fr;gap:16px}
  .fo-timeline::before{display:none}
  .fo-timeline li{display:grid;grid-template-columns:46px 1fr;gap:14px;text-align:left;align-items:start}
  .fo-timeline i{margin:0;grid-row:span 2}
  .fo-help{flex-wrap:wrap}
  .fo-help a{margin-left:0}
  .fo-score .fo-big{font-size:64px}
  .fo-pricebox .fo-amount{font-size:32px}
}
@media (prefers-reduced-motion:reduce){.fo-hs,.fo-hs span{transition:none}}

/* ---- Intégration fiche KIN : éléments remplacés par les bandes fo-* ---- */
.product-description-section > .section-title{display:none}
.product-tabs .product-description-section .section-content{padding:0}
#product-details-wrapper.empty-product-details,.crossselling-products{display:none}
/* Module d'avis : titre « Avis (8) » et rappel étoiles masqués, bouton « Laisser mon avis » conservé */
#iqit-reviews-tab > .section-title{display:none}
#iqitreviews-snippet{display:none}