.fit-story { --fit-ink:#193b40; }
.fit-story .fit-hero { grid-template-columns:1fr 1fr; gap:48px; }
.fit-story h1 em { color:var(--fit-ink); font-weight:400; }
.fit-story .about-btn { gap:20px; background:var(--fit-ink); }
.fit-story .about-btn:hover { background:#29535a; }
.fit-text-link { display:inline-block; margin:18px 0 0 18px; font-size:12px; color:var(--fit-ink); text-underline-offset:5px; }
.fit-story .fit-preview { padding:28px; background:linear-gradient(145deg,#edf3f1,#f8f9fc); border:1px solid #dfe7e3; border-radius:16px; }
.fit-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
.fit-chip { border:1px solid #d5e0da; border-radius:30px; padding:7px 10px; font-size:10px; color:#526960; background:#fff9; }
.fit-story .fit-preview img { width:100%; height:auto; object-fit:contain; margin:38px 0 24px; }
.fit-preview figcaption { text-align:center; }
.fit-preview figcaption strong { display:block; font:400 24px 'DM Serif Display',serif; }
.fit-preview figcaption span { display:block; margin-top:10px; color:#64746c; font-size:11px; line-height:1.7; }
.fit-preview-note { display:flex; align-items:center; gap:14px; border-top:1px solid #dae3dd; padding-top:22px; margin-top:26px; color:#526960; font-size:12px; line-height:1.6; }
.fit-preview-note i { font-size:24px; }
.fit-story .about-value > i { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#edf3f1; color:var(--fit-ink); font-size:22px; margin-bottom:18px; }
.fit-story .about-value__nr { color:#526960; }
.fit-criteria-section { padding:64px 0; background:#f8f9fc; }
.fit-criteria-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.fit-criteria { margin:0; }
.fit-criteria > div { padding:20px 0; border-bottom:1px solid #e0e5e1; }
.fit-criteria dt { font-size:15px; font-weight:600; color:var(--fit-ink); }
.fit-criteria dt i { margin-right:12px; }
.fit-criteria dd { font-size:13px; line-height:1.8; color:#646760; margin:8px 0 0 30px; }
.fit-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; padding-top:80px; padding-bottom:80px; }
.fit-faq details { border-bottom:1px solid #e0e5e1; padding:20px 0; }
.fit-faq summary { cursor:pointer; font-size:15px; font-weight:500; line-height:1.6; }
.fit-faq details p { margin-bottom:0; font-size:14px; }
.fit-story :focus-visible { outline:2px solid #193b40; outline-offset:5px; }
#comment-ca-marche { scroll-margin-top:100px; }
#methodes-mesures { scroll-margin-top:80px; }
.fit-methods { background:#f8f9fc; }
.fit-methods .about-values__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.fit-method-card { min-width:0; padding:28px; background:#fff; border:1px solid #dfe7e3; border-radius:12px; }
.fit-method-card:first-child { border-color:#52736a; }
.fit-method-link { display:inline-block; margin-top:20px; color:var(--fit-ink); font-size:13px; text-underline-offset:4px; }
.fit-smart-criteria { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; list-style:none; counter-reset:criterion; margin:0; padding:0; }
.fit-smart-criteria li { display:flex; align-items:center; gap:12px; padding:18px; border:1px solid #dfe7e3; border-radius:8px; background:#fff; color:var(--fit-ink); font-size:14px; }
.fit-smart-criteria li::before { counter-increment:criterion; content:counter(criterion,decimal-leading-zero); font-size:11px; color:#64746c; }
@media(max-width:800px) { .fit-methods .about-values__grid { grid-template-columns:1fr; } }
@media(max-width:380px) { .fit-smart-criteria { grid-template-columns:1fr; } }
@media(max-width:900px) { .fit-story .fit-hero { gap:28px; } .fit-text-link { margin-left:0; display:block; } .fit-criteria-grid,.fit-faq { gap:32px; } }
@media(max-width:700px) { .fit-story .fit-hero,.fit-criteria-grid,.fit-faq { grid-template-columns:1fr; } .fit-story .fit-preview { padding:20px; } .fit-criteria-section { padding:40px 0; } .fit-faq { padding-top:44px; padding-bottom:44px; } .fit-story .about-stat strong { font-size:22px; } }
/* Same animated measurement demonstration as on the homepage. */
.fit-demo-example { margin:24px 0 0; color:#64746c; font-size:11px; }
.fit-story .home-fit-demo { position:relative; margin:24px 0; }
.fit-story .home-fit-demo img { display:block; margin:0; width:100%; height:auto; }
.fit-story .home-fit-arrows { position:absolute; inset:0; width:100%; height:100%; color:#4c7865; pointer-events:none; }
.fit-story .home-measure-line { vector-effect:non-scaling-stroke; }
.fit-story .home-fit-value { position:absolute; z-index:1; transform:translate(-50%,-50%); padding:5px 8px; border:1px solid #dce5df; border-radius:20px; background:#fff; color:#344d40; font:11px/1.5 'DM Sans',sans-serif; white-space:nowrap; }
.fit-story .home-fit-value b { font-variant-numeric:tabular-nums; }
.fit-story .home-fit-neck { left:26%; top:8%; }
.fit-story .home-fit-chest { left:26%; top:45%; }
.fit-story .home-fit-waist { left:26%; top:65%; }
.fit-story .home-fit-back { left:73%; top:52%; }
.fit-story .home-fit-sleeve { left:84%; top:81%; }
@media(max-width:450px) { .fit-story .home-fit-value { font-size:9px; padding:3px 5px; } }