/* Pages d'offre (3 octobre 2026) : complète home.css et v2.css, chargées sur ces pages. */
.cq-offre{overflow-x:clip}

/* En-tête de page : mot-clé dans le H1, définition juste dessous */
.of-hero{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px 56px;align-items:center}
.of-hero-text{display:flex;flex-direction:column;gap:22px}
.of-hero-visual{margin:0;align-self:stretch;display:flex;align-items:center}
.of-hero-visual img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:68% 50%;border:1px solid var(--line);border-radius:4px}
.of-facts{grid-column:1/-1}
.of-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:0!important;padding:0!important;margin:0!important}
.of-crumb a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.of-crumb a:hover{color:var(--orange);border-bottom-color:currentColor}
.of-crumb span{color:var(--line)}
.of-hero h1{margin:0;width:auto;max-width:980px;font-size:inherit;letter-spacing:normal}
.of-hero .v2-h1-main{font-size:clamp(34px,5.6vw,68px);letter-spacing:-.045em;line-height:1.02}
.of-hero .v2-h1-main em{font-style:italic;color:var(--orange)}
.of-lead{max-width:760px;margin:0;font-size:clamp(17px,1.6vw,19px);line-height:1.7;color:var(--muted)}
.of-hero .hero-actions{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin-top:6px}
.of-facts{list-style:none;margin:18px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.of-facts li{display:flex;flex-direction:column;gap:6px}
.of-facts strong{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--cream)}
.of-facts .mono{border:0;padding:0;margin:0;font-size:10px;letter-spacing:1px;color:#8a877a}

/* Symptômes */
.of-pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.of-pain-list li{position:relative;padding:20px 24px 20px 34px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.6;color:var(--cream)}
.of-pain-list li:nth-child(odd){border-right:1px solid var(--line)}
.of-pain-list li::before{content:"";position:absolute;left:8px;top:31px;width:10px;height:1px;background:var(--orange)}

/* Texte explicatif en deux colonnes */
.of-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}
.of-split h2{margin:0}
.of-prose{display:flex;flex-direction:column;gap:18px}
.of-prose p{margin:0;font-size:17px;line-height:1.75;color:var(--muted)}
.of-prose strong{color:var(--cream);font-weight:600}

/* Comparaison honnête */
.of-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.of-col{border:1px solid var(--line);background:var(--panel);padding:30px}
.of-col.is-accent{border-color:#5b5136}
.of-col .mono{border:0;padding:0;margin:0 0 18px;color:var(--orange)}
.of-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.of-col li{position:relative;padding-left:22px;font-size:16px;line-height:1.6;color:var(--cream)}
.of-col li::before{content:"";position:absolute;left:0;top:12px;width:10px;height:1px;background:var(--muted)}
.of-col.is-accent li::before{background:var(--orange)}

/* Cas client et témoignages */
.of-case .case-image.v2-case-ui{aspect-ratio:auto;min-height:300px}
.cq-offre .case-main>*{min-width:0}
.cq-offre .case-main .case-image{overflow:hidden}
.of-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.of-voices .v2-voice blockquote{font-size:19px}
.of-voices .v2-voice-tag{color:var(--orange)}

/* Déroulé */
.of-step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;counter-reset:none}
.of-step-list li{border-top:1px solid var(--line);padding-top:22px}
.of-step-list .mono{display:block;border:0;padding:0;margin:0 0 14px;color:var(--orange)}
.of-step-list h3{font-size:26px;margin:0 0 12px}
.of-step-list p{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}

/* Prix */
.of-price{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.of-price .eyebrow{margin-bottom:10px}
.of-price-line{margin:0;max-width:760px;font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);line-height:1.4;color:var(--cream)}
.of-price .text-link{white-space:nowrap}

/* Lectures liées */
.of-reading{padding-top:10px;padding-bottom:10px}
.of-reading ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.of-reading li{border-bottom:1px solid var(--line)}
.of-reading li:not(:nth-child(3n+1)){border-left:1px solid var(--line)}
.of-reading a{display:block;padding:18px 20px 18px 0;color:var(--cream);text-decoration:none;font-size:16px;line-height:1.5}
.of-reading li:not(:nth-child(3n+1)) a{padding-left:20px}
.of-reading a:hover{color:var(--orange)}

@media (max-width:900px){
 .of-hero{grid-template-columns:minmax(0,1fr)}
 .cq-offre .case-main{grid-template-columns:minmax(0,1fr)}
 .of-hero-text,.of-hero h1{min-width:0}
 .of-hero .v2-h1-kicker{white-space:normal;flex-wrap:wrap;line-height:1.6}
 .of-hero-visual img{aspect-ratio:3/2;object-position:75% 50%}
 .of-facts{grid-template-columns:1fr;gap:14px}
 .of-pain-list{grid-template-columns:1fr}
 .of-pain-list li:nth-child(odd){border-right:0}
 .of-split{grid-template-columns:1fr;gap:26px}
 .of-compare-grid,.of-voices,.of-step-list{grid-template-columns:1fr}
 .of-price{flex-direction:column;align-items:flex-start}
 .of-reading ul{grid-template-columns:1fr}
 .of-reading li:not(:nth-child(3n+1)){border-left:0}
 .of-reading li:not(:nth-child(3n+1)) a{padding-left:0}
}
@media (max-width:640px){
 .of-hero .hero-actions{flex-direction:column;align-items:stretch}
 .of-hero .hero-actions .a-button{justify-content:space-between}
 .of-col{padding:22px}
 .of-pain-list li{font-size:16px;padding-right:0}
}
@media (max-width:380px){
 .cq-offre .section-heading{grid-template-columns:minmax(0,1fr)}
 .cq-offre h2{font-size:clamp(26px,8.4vw,32px);overflow-wrap:break-word;hyphens:auto}
}

/* Structure des pages intérieures (modèle « À propos ») */
.of-opening .of-crumb{order:0}
.of-opening h1 .v2-h1-kicker{display:flex;margin:0 0 20px;font-family:var(--mono)}
.of-opening h1 .v2-h1-main{display:block}
.of-opening h1 .v2-h1-main em{font-style:italic;color:var(--orange)}
.of-visual .portrait-frame{aspect-ratio:1/1}
.of-visual .portrait-frame img{object-fit:cover;object-position:100% 50%}
.paper-section .of-pain-list{grid-template-columns:1fr;border-top-color:#bbb8a8;margin-top:26px}
.paper-section .of-pain-list li{color:var(--ink);border-bottom-color:#bbb8a8;border-right:0!important;padding-right:0}
.of-proof .case-copy{padding:0}
.of-proof .of-proof-lead{margin-top:18px}
.of-proof .v2-case-quote{font-size:clamp(20px,2vw,26px)}
.about-commitment .commitment-list article p:not(.eyebrow){margin-top:8px}