/* All changes opt in on seven reviewed pages; existing payment logic remains authoritative. */
body[data-c20-page]{--c20-line:#61503f;--c20-accent:#e7b488;--c20-muted:#c7cec7;--c20-panel:#1b241e}
body[data-c20-page] [hidden]{display:none!important}
body[data-c20-page] :is(.c20-store,.c20-value,.c20-journey,.c20-price,.c20-recap,.c20-options,.c20-optional){box-sizing:border-box}
body[data-c20-page] :is(.c20-devices,.c20-hint-buttons) button{font:inherit;font-size:14px;min-height:44px;border:1px solid var(--c20-line);color:#f4f1ec;background:#1b241e;padding:9px 12px;cursor:pointer;border-radius:5px}
body[data-c20-page] :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--c20-accent);outline-offset:3px}
body[data-c20-page] .c20-price{margin:16px 0;display:grid;gap:3px;max-width:620px}
body[data-c20-page] .c20-price strong{font-size:29px;line-height:1.15;color:#f4f1ec}
body[data-c20-page] .c20-price>span{font-size:16px;font-weight:700;color:var(--c20-accent)}
body[data-c20-page] .c20-price small{font-size:13px;line-height:1.5;color:var(--c20-muted)}
body[data-c20-page] .c20-value{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;color:#f4f1ec}
body[data-c20-page] .c20-value li{border-top:2px solid var(--c20-line);padding:10px 0;font-size:13px;line-height:1.5}
body[data-c20-page] .c20-value strong,body[data-c20-page] .c20-value span{display:block}
body[data-c20-page] .c20-value span{color:var(--c20-muted);margin-top:3px}
body[data-c20-page] .c20-store{padding:10px 0;margin:10px 0;border-top:1px solid var(--c20-line);font-size:13px;line-height:1.55}
body[data-c20-page] .c20-store summary{cursor:pointer;font-weight:700;min-height:36px;padding:8px 0;color:#f4f1ec}
body[data-c20-page] .c20-store p{margin:6px 0;color:var(--c20-muted)}
body[data-c20-page] .c20-store a,body[data-c20-page] .c20-warranty a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body[data-c20-page] .c20-warranty,body[data-c20-page] .c20-transport{font-size:12px;line-height:1.55;color:var(--c20-muted);margin:12px 0}
body[data-c20-page] .c20-journey{padding:0;list-style:none;margin:16px 0;display:grid;gap:12px}
body[data-c20-page] .c20-journey li{border-top:1px solid var(--c20-line);padding:10px 0 0;font-size:13px;line-height:1.5}
body[data-c20-page] .c20-journey strong,body[data-c20-page] .c20-journey span{display:block}
body[data-c20-page] .c20-journey span{color:var(--c20-muted);margin-top:4px}
body[data-c20-page] .c20-home-followup{max-width:1220px;width:calc(100% - 48px);margin:24px auto 40px}
body[data-c20-page] .c20-home-followup>.c20-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-c20-page] .c20-home-exception{font-size:12px;line-height:1.5;color:var(--c20-muted)}
/* The ads hero now has exactly two decision columns: relevant copy, then intake. */
body[data-c20-page="ads"] .hero-inner{grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:start;gap:32px;padding-top:44px}
body[data-c20-page="ads"] .hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.08}
body[data-c20-page="ads"] .hero .actions{margin:20px 0 8px}
body[data-c20-page="ads"] .hero .trust{margin-top:16px}
body[data-c20-page="ads"] .leadbox{padding:22px;min-width:0}
body[data-c20-page="ads"] .leadbox>h2{font-size:24px}
body[data-c20-page="ads"] .leadbox>fieldset{border:0;padding:0;margin:18px 0}
body[data-c20-page="ads"] .leadbox>fieldset>legend{font-size:16px;font-weight:700;color:#f4f1ec;padding:0 0 10px;letter-spacing:0;text-transform:none}
body[data-c20-page="ads"] .c20-after-form{border-top:1px solid var(--c20-line);margin-top:18px;padding-top:8px}
body[data-c20-page="ads"] .c20-after-form .c20-value{grid-template-columns:1fr;gap:0}
/* Quote introduction becomes secondary to the first meaningful field. */
html body[data-c20-page="quote"] #main .page-head{padding-top:22px!important;padding-bottom:10px!important}
html body[data-c20-page="quote"] #main .page-head h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.15!important;margin:8px 0!important}
html body[data-c20-page="quote"] #main .quote-intro{font-size:15px!important;line-height:1.5!important;max-width:800px;margin:6px 0!important}
html body[data-c20-page="quote"] #main .quote-form-section{padding-top:10px!important;padding-bottom:28px!important}
html body[data-c20-page="quote"] #main .quote-form-section .hero-grid{grid-template-columns:minmax(0,760px) minmax(220px,300px)!important;gap:28px!important}
body[data-c20-page="quote"] .c20-form-heading{display:none}
html body[data-c20-page="quote"] #main .ae-google-proof{padding:4px 0!important;margin:0 0 8px!important;border:0!important;font-size:13px!important}
html body[data-c20-page="quote"] #main #devis-form{margin-top:0!important}
html body[data-c20-page="quote"] #main .ate-quote-notice{padding:10px 12px!important;margin:0 0 12px!important;font-size:13px!important;line-height:1.5!important}
html body[data-c20-page="quote"] #main .ate-quote-notice p{margin:0!important}
html body[data-c20-page="quote"] #main .atelier-form-step{padding:14px!important;margin:8px 0!important}
html body[data-c20-page="quote"] #main .atelier-form-step-intro{margin:4px 0 12px!important;font-size:13px!important}
body[data-c20-page="quote"] .c20-devices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px}
body[data-c20-page="quote"] .c20-devices [aria-pressed="true"]{background:var(--c20-accent);border-color:var(--c20-accent);color:#182019}
body[data-c20-page] .c20-suggestions>span{font-size:12px;color:var(--c20-muted);display:block;margin:4px 0 6px;letter-spacing:0;text-transform:none;font-weight:400}
body[data-c20-page] .c20-hint-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
body[data-c20-page] .c20-hint-buttons button{width:auto;min-width:0;flex:0 1 auto;font-size:12px;min-height:36px;padding:7px 9px}
body[data-c20-page] .c20-optional{padding:0;margin:8px 0;font-size:13px}
body[data-c20-page] .c20-optional summary{min-height:40px;cursor:pointer;padding:10px 0;color:var(--c20-muted)}
body[data-c20-page] .c20-optional .field{margin-top:8px}
body[data-c20-page] .c20-unknown,body[data-c20-page] .c20-edit{font:inherit;font-size:13px;background:transparent;border:1px solid var(--c20-line);color:#f4f1ec;min-height:40px;padding:8px 12px;cursor:pointer}
body[data-c20-page] .c20-options{border:1px solid var(--c20-line);padding:0 12px;margin:14px 0;font-size:14px;line-height:1.5}
body[data-c20-page] .c20-options>summary{padding:14px 0;cursor:pointer;min-height:48px;font-weight:700;overflow-wrap:anywhere}
body[data-c20-page] .c20-options .ae-diagnostic-options{margin:10px 0!important}
body[data-c20-page] .c20-recap{padding:14px!important;margin:14px 0!important;background:var(--c20-panel);border:1px solid var(--c20-line);font-size:14px;line-height:1.5}
body[data-c20-page] .c20-recap h3{font-size:16px;line-height:1.4;margin:0 0 8px}
body[data-c20-page] .c20-recap p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}
body[data-c20-page] .c20-recap-symptom{white-space:pre-wrap;max-height:9em;overflow:auto}
body[data-c20-page] .c20-recap strong{display:block;margin:10px 0;color:var(--c20-accent)}
body[data-c20-page] .c20-credit{font-size:13px;line-height:1.5;color:var(--c20-accent);margin:8px 0}
body[data-c20-page] .c20-fee-details{font-size:13px;margin:8px 0}
body[data-c20-page] .c20-fee-details summary{cursor:pointer;min-height:36px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
body[data-c20-page] .c20-payment-security{font-size:12px;line-height:1.5;margin:12px 0}
body[data-c20-page] .c20-paid-distraction{display:none!important}
body[data-c20-page] .c20-mobile{display:none}
body[data-c20-page] :is(.wa,.wa-float){display:none!important}
body[data-c20-page="home"] .ae-convert-dock,body[data-c20-page="ads"] .ae-convert-dock,body[data-c20-page="quote"][data-c20-paid="true"] .ae-convert-dock{display:none!important}
body[data-c20-page="quote"][data-c20-paid="false"] [data-atelier-step="device"]>.c20-store,body[data-c20-page="quote"][data-c20-paid="false"] [data-atelier-step="device"]>.c20-value{display:none}
@media(max-width:900px){
  body[data-c20-page="ads"] .hero-inner,html body[data-c20-page="quote"] #main .quote-form-section .hero-grid{grid-template-columns:1fr!important}
  body[data-c20-page="ads"] .hero-inner{padding-top:30px;gap:20px}
  body[data-c20-page="ads"] .hero .chips{margin:12px 0}
  body[data-c20-page="ads"] .hero .trust{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  body[data-c20-page="ads"] .hero .trust div{padding:10px;border-bottom:0}
  body[data-c20-page="ads"] .hero .trust b{font-size:15px}
  body[data-c20-page="ads"] .hero .trust span{font-size:11px}
}
@media(max-width:767px){
  body[data-c20-page]{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
  body[data-c20-page] .c20-mobile{display:flex;gap:12px;align-items:center;position:fixed;z-index:79;left:0;right:0;bottom:0;border-top:1px solid var(--c20-line);background:#141d17;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  body[data-c20-page] .c20-mobile-copy{font-size:12px;line-height:1.35;flex:0 1 30%;color:#f4f1ec}
  body[data-c20-page] .c20-mobile button{flex:1;min-height:48px;background:var(--c20-accent);color:#172019;border:1px solid var(--c20-accent);border-radius:4px;padding:10px;font:inherit;font-size:14px;font-weight:700;line-height:1.3;cursor:pointer}
  body[data-c20-page] .c20-mobile button:disabled{opacity:.65;cursor:wait}
  body[data-c20-page="home"] :is(.mobile-cta,.wa,.wa-float),body[data-c20-page="ads"] :is(.mobile-cta,.wa,.wa-float),body[data-c20-page="quote"][data-c20-paid="true"] :is(.mobile-cta,.wa,.wa-float){display:none!important}
  body[data-c20-page] .c20-home-followup{width:calc(100% - 32px)}
  body[data-c20-page] .c20-home-followup>.c20-journey{grid-template-columns:1fr;gap:8px}
  body[data-c20-page] .c20-value{gap:8px}
  body[data-c20-page] .c20-value strong{font-size:12px}
  body[data-c20-page] .c20-value span{font-size:11px}
  body[data-c20-page="quote"][data-c20-paid="true"] .quote-side{display:none}
  body[data-c20-page="quote"] .c20-devices{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-c20-page="ads"] .hero .c20-warranty{margin:10px 0}
  body[data-c20-page="ads"] .leadbox{padding:18px}
  body[data-c20-page="ads"] .hero h1{font-size:36px;margin:14px 0}
}
@media(prefers-reduced-motion:reduce){body[data-c20-page] *{scroll-behavior:auto!important}}
