/* CARNOVA design system + symmetry (2026-11-02) */
:root{--cn-gold:#c9a962;--cn-gold-lt:#e2cc93;--cn-gold-dk:#a8873f;--cn-ink:#2a2622;--cn-cream:#faf6ef;--cn-green:#4a6650;
--cn-r:22px;--cn-r-sm:14px;--cn-sh:0 1px 2px rgba(74,56,36,.05),0 14px 34px rgba(74,56,36,.08);--cn-host-w:min(100%,360px,calc(64svh*9/16))}
/* buttons: one primary (ink), one secondary (outline), one size */
.sec .btn,.tl-sub .btn,.cp-info .btn,.tc-box ~ .btn{min-height:48px;border-radius:999px!important;font-size:12.8px!important;letter-spacing:.12em}
.sec .btn[style*="1e4d3a"],.tl-sub .btn[style*="1e4d3a"]{background:var(--cn-green)!important;border-color:var(--cn-green)!important}
.fin-btn{background:var(--cn-ink)!important;color:var(--cn-cream)!important;border:1px solid var(--cn-gold)!important;min-height:44px}
.fin-btn:hover{background:#000!important}
/* type scale */
.tl-sub h1,.tl-sub h1.h2{font-size:clamp(32px,3.4vw,44px)!important;line-height:1.08;font-weight:600}
.tl-sub .glass h2:not(.h2),.cp-info h2,.bk-grid h2,.sec .glass>h2:not(.h2){font-size:24px!important;font-weight:600}
.ab-h2{font-size:24px!important}
.sec h2.h2{font-size:clamp(32px,3.4vw,44px)}
/* cards: one radius + shadow */
.tl-sub .glass,.sec .glass,.car.glass{border-radius:var(--cn-r)!important}
.cp-top .glass,.car-page .glass{border-radius:var(--cn-r)!important}
/* hostess frames: same width, 9:16, gold hairline frame on every page */
.hh-box,.mh-box,#avHost,#bkHost{border-radius:18px!important}
.hh-box,.mh-wrap .mh-box{width:var(--cn-host-w)!important;aspect-ratio:9/16!important;height:auto!important;box-shadow:0 0 0 1px var(--cn-gold),0 0 0 7px #fffdf8,0 0 0 8px rgba(201,169,98,.55),0 22px 44px rgba(60,40,10,.16)!important;outline:none!important}
.af-frame .hh-box{box-shadow:none!important}.af-frame{border-color:var(--cn-gold)!important}
.mh-wrap .mh-box{align-self:center!important;margin:8px!important}
.mh-wrap{grid-template-columns:minmax(0,376px) minmax(0,1fr)!important}
video#avHost,video#bkHost{border-radius:18px}
*:has(>video#avHost),*:has(>video#bkHost){width:var(--cn-host-w)!important;aspect-ratio:9/16;height:auto!important;border-radius:18px!important;overflow:hidden;box-shadow:0 0 0 1px var(--cn-gold),0 0 0 7px #fffdf8,0 0 0 8px rgba(201,169,98,.55),0 22px 44px rgba(60,40,10,.16)!important;margin-inline:auto}
*:has(>video#avHost) video,*:has(>video#bkHost) video{width:100%!important;height:100%!important;object-fit:cover}
.af-fade,.af-chips span{border-color:rgba(201,169,98,.7)!important}.af-cap{color:var(--cn-gold-dk)!important}
/* car detail page: info column back beside the gallery (the 360 button had pushed it below), gallery sticky */
@media(min-width:900px){.cp-top>.cp-info{grid-column:2;grid-row:1/span 3;align-self:start}
.cp-top>.cn3d-wrap{grid-column:1;grid-row:2}.cp-top>div:first-child{grid-column:1;grid-row:1;position:sticky;top:84px;align-self:start}}
.ai-grid{grid-template-columns:repeat(auto-fit,minmax(200px,260px))!important;justify-content:center}
/* forms: 2-field rows span the full width */
.ff-row:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr!important}
.ff-row:has(>:only-child){grid-template-columns:1fr!important}
/* book: equal-height cards */
.bk-grid{grid-template-columns:1fr 1fr!important;align-items:stretch!important}
.bk-grid>:not(.glass){display:none}
@media(max-width:860px){.bk-grid{grid-template-columns:1fr!important}}
/* trust/lead box: headline vertically centered against the form */
.tr-box{align-items:start!important}@media(min-width:861px){.tr-box>.tr-head{position:sticky;top:96px}}
/* consistent section rhythm */

.tl-sub>.sec,.tl-main>.sec{padding-block:clamp(40px,5vw,64px)}
@media(max-width:860px){.mh-wrap{grid-template-columns:minmax(0,1fr)!important}.mh-wrap .mh-box{justify-self:center}}