/* Shared brand treatment for the full, non-transactional page review. */
:root{--text-secondary:#5D574D}
.brand-site-preview{background:var(--bone)}
.brand-site-preview .site-header{min-height:120px}
.brand-site-preview .nav{gap:1.25rem;margin-right:1.25rem}
.header-cart-preview{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bone);color:var(--bone);padding:.6rem .8rem;font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-left:.5rem}
.site-header .header-ctas{display:flex;align-items:center;gap:.5rem}
.brand-site-preview .site-footer .main-crest-logo{width:154px;height:112px;object-fit:contain}
.brand-site-preview .site-footer :is(.ft-name,.ft-loc,.site-footer-note,.site-footer-links a){color:var(--ink)}
.brand-site-preview .site-footer .site-footer-brand .brand-lockup{color:var(--ink)}
.brand-site-preview .checkout-page,.brand-site-preview .confirm-wrap{padding-top:170px}
.brand-preview-notice{max-width:1240px;margin:0 auto 28px;padding:15px 20px;border:1px solid var(--line);background:var(--bone);color:var(--ink);font:13px/1.5 var(--font-body)}
.transaction-preview .checkout-inner>.brand-preview-notice{margin-bottom:28px}
.transaction-preview .checkout-page>.brand-preview-notice{margin-inline:var(--gutter)}
.brand-site-preview .summary{background:var(--bone);border-color:var(--ink)}
.brand-site-preview .summary--sticky{top:140px}
.brand-site-preview :is(input,select,textarea){border-color:var(--line);color:var(--ink)}
.brand-site-preview :is(input,select,textarea):disabled{opacity:1;background:#EBE5D4;cursor:not-allowed}
.brand-site-preview button:disabled{cursor:not-allowed}
.brand-site-preview .field label{color:var(--ink)}
.brand-site-preview .btn--accent{color:var(--bone)}
.brand-site-preview .site-header .header-cta--accent{color:var(--bone)}
.brand-site-preview .p-dealer .btn--accent{background:var(--accent);color:var(--bone)}
.brand-site-preview .checkout-head h1{color:var(--ink)}
.payment-placeholder,.preview-field-placeholder{padding:16px;background:#EBE5D4;color:var(--text-dim);border:1px solid var(--line);min-height:50px;font-size:14px}
.preview-field-placeholder small{display:block;margin-top:8px;font-size:12px}
.preview-summary-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.preview-summary-item img{width:54px;height:54px}.preview-summary-item span{margin-left:auto}
.preview-summary-item small{color:var(--text-dim)}
.cart-preview-switch{display:flex;gap:10px;margin-top:25px}
.preview-tab{padding:10px 14px;border:1px solid var(--ink);font-size:12px}
.preview-tab.is-active{background:var(--ink);color:var(--bone)}
.cart-row-remove:disabled{opacity:.7}
.brand-cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100svh;max-height:none;width:min(440px,100%);max-width:100%;background:var(--bone);color:var(--ink);border:0;border-left:1px solid var(--ink);padding:28px}
.brand-cart-drawer[open]{display:flex;flex-direction:column}
.brand-cart-drawer::backdrop{background:#3e393380}
.brand-cart-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}
.brand-cart-heading h2{font-size:26px}.brand-cart-heading button{font-size:28px}
.brand-cart-bottom{margin-top:auto;padding-top:30px}.brand-cart-bottom .btn{width:100%;justify-content:space-between;margin:20px 0}
.model-preview{display:flex;min-height:340px;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:30px;background:var(--bone)}
.model-preview img{max-height:360px;object-fit:contain}.model-preview span{font-size:12px;color:var(--ink)}
.review-pages-button{position:fixed;bottom:18px;right:18px;z-index:75;padding:12px 16px;background:var(--ink);color:var(--bone);border:1px solid var(--bone);border-radius:3px;font:600 12px var(--font-body);box-shadow:0 3px 12px #0002}
.review-pages-dialog{position:fixed;inset:0;margin:auto;width:min(660px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:34px;background:var(--bone);color:var(--ink);border:1px solid var(--ink)}
.review-pages-dialog::backdrop{background:#3e393399}
.review-pages-dialog h2{font-size:30px;margin:14px 0}.review-pages-dialog p{font-size:14px;line-height:1.6;max-width:490px}
.review-close{float:right;font-size:13px;border-bottom:1px solid currentColor;padding:5px}
.review-pages-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px}
.review-pages-grid a{padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.review-pages-grid a[aria-current]{color:var(--accent);font-weight:700}
.review-pages-grid a:hover{color:var(--accent)}
.preview-toast{position:fixed;bottom:75px;right:18px;max-width:330px;padding:18px;background:var(--bone);color:var(--ink);border:1px solid var(--ink);z-index:90;font-size:14px}
.email-review{padding:170px 24px 70px;background:var(--bone)}
.email-review>.brand-preview-notice{max-width:620px}
.email-sample{max-width:620px;margin:auto;border:1px solid var(--line);background:var(--bone)}
.email-brand{padding:24px 34px;background:var(--accent)}.email-brand img{width:104px;height:104px}
.email-copy{padding:35px}.email-copy h1{font-size:36px;line-height:1.1;margin:20px 0 24px}.email-copy p{font-size:15px;line-height:1.7;margin:18px 0}
.email-placeholder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0;font-size:12px}
.email-footer{padding:24px 35px;background:var(--accent);font-size:13px;line-height:1.8;font-weight:600}
.email-footer small{font-weight:400;font-size:12px}
/* Keep review-only content visibly inert and honor all native hidden states. */
[hidden]{display:none!important}
.brand-site-preview .reveal.in,.brand-site-preview .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1200px){
 .brand-site-preview .site-header .nav{display:none}
 .brand-site-preview .hamburger{display:inline-flex;margin-left:16px}
 .brand-site-preview .header-ctas{margin-left:auto}
 .brand-site-preview .mobile-drawer{padding-top:150px}
}
@media(max-width:720px){
 .brand-site-preview .site-header{min-height:98px}
 .brand-site-preview .checkout-page,.brand-site-preview .confirm-wrap{padding-top:135px}
 .brand-site-preview .site-footer .main-crest-logo{width:144px;height:104px}
 .brand-site-preview .header-ctas{display:none}
 .brand-site-preview .hamburger{margin-left:auto}
 .brand-site-preview :is(.p-hero-inner,.t-hero-inner,.d2-hero-inner,.a-hero-inner,.d-hero-inner){padding-top:145px}
 .brand-site-preview .lg-hero{padding-top:140px;padding-bottom:60px}
 .brand-site-preview .mobile-drawer{padding-top:130px}
 .review-pages-button{bottom:10px;right:10px;padding:10px 12px}
 .review-pages-dialog{padding:24px}
 .email-review{padding:135px 18px 50px}.email-copy{padding:24px}.email-copy h1{font-size:30px}
 .cart-row.sample-row{grid-template-columns:100px minmax(0,1fr)}.sample-row .cart-row-media{width:90px;height:90px}
 .brand-site-preview .summary--sticky{position:static}
 .brand-preview-notice{padding:12px;font-size:12px}
}
/* Technology hero: keep the product image clear of long-form copy. */
.brand-site-preview .t-hero{min-height:clamp(560px,76vh,740px)}
.brand-site-preview .t-hero-inner{min-height:inherit;justify-content:flex-end;gap:20px;padding-top:180px;padding-bottom:64px}
.brand-site-preview .t-hero-title{font-size:clamp(36px,4vw,56px);line-height:1.04;max-width:480px;letter-spacing:-.025em;text-wrap:initial}
.brand-site-preview .t-hero-media img{opacity:1}
.brand-site-preview .t-hero::before{background:linear-gradient(90deg,rgba(11,11,12,.72),rgba(11,11,12,.3) 38%,transparent 68%),linear-gradient(180deg,rgba(11,11,12,.38),transparent 35%,rgba(11,11,12,.35))}
.t-hero-intro{background:var(--bone);color:var(--ink);padding:36px var(--gutter)}
.t-hero-intro-inner{max-width:calc(1240px - 2 * var(--gutter));margin:auto}
.brand-site-preview .t-hero-intro .t-hero-tagline{color:var(--ink);font-size:17px;max-width:80ch;margin:0}
.t-hero-intro .t-hero-jumps{margin-top:24px}
.brand-site-preview .t-hero-intro .t-hero-jumps a{color:var(--ink);border-color:rgba(62,57,51,.3);background:transparent;min-height:44px;display:inline-flex;align-items:center}
.brand-site-preview .t-hero-intro .t-hero-jumps a:hover{background:var(--accent);border-color:var(--accent);color:var(--bone)}
@media(max-width:640px){
 .brand-site-preview .t-hero{min-height:560px}
 .brand-site-preview .t-hero-inner{padding-bottom:36px;gap:16px}
 .brand-site-preview .t-hero-title{font-size:36px;max-width:330px}
 .brand-site-preview .t-hero-media img{object-position:58% 45%}
 .brand-site-preview .t-hero::before{background:linear-gradient(180deg,rgba(11,11,12,.3),transparent 35%,rgba(11,11,12,.78))}
 .t-hero-intro{padding-block:28px}
 .brand-site-preview .t-hero-intro .t-hero-tagline{font-size:16px}
}