/* MAX Express: the approved quick-order identity, using the site's MAX mark. */
.express-brand-lockup{width:min(100%,330px);flex-shrink:0}
.express-brand-mark{display:block;width:100%;height:auto}
.express-quick-order{display:block;margin:1px 0 0 24%;color:#fff;font:800 14px/1.2 var(--font-body);letter-spacing:.3em;text-transform:uppercase;text-align:center}
.express-starter-heading,.mx-intro{background:radial-gradient(ellipse at 100% 0%,#20634b66,transparent 68%),linear-gradient(115deg,#082b1f 0%,#114232 58%,#0a3023 100%)}
.preorder-hero .express-starter-card{border:1px solid #d7b366;border-top:3px solid var(--color-accent);box-shadow:0 12px 36px #001b1447}
.express-starter-heading{padding-top:18px;padding-bottom:16px}
.express-starter-card .express-starter-heading h2{margin:12px 0 0;font:700 30px/1.08 var(--font-display);letter-spacing:0;white-space:normal;text-transform:none;color:#fff}
.express-starter-heading h2 span,.mx-intro h1 span{color:#ffb827;white-space:nowrap}
.express-starter-card #max-express-start{font-weight:800}
.express-starter-card .express-entry-steps{gap:8px}
.express-starter-card .express-entry-steps li{font-size:13px;white-space:nowrap}
.express-starter-card .express-entry-steps b{flex-shrink:0}
.mx-intro{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:center;gap:26px;padding:24px 26px;border:1px solid #d7b366;border-top:3px solid var(--color-accent)}
.mx-intro .express-brand-lockup{width:100%;max-width:340px}
.mx-intro-message{border-left:1px solid #ffffff4d;padding-left:26px}
.mx-intro h1{font-size:36px!important;font-weight:700;line-height:1.08;letter-spacing:0;text-transform:none;margin:0 0 10px}
.mx-intro .mx-deck{font-size:15px;line-height:1.4}
.mx-intro .mx-offer-terms{font-size:13px;line-height:1.4;color:#d4e3d9}
.mx-summary{border-color:#bdcbbc}
.mx-summary-in-review .mx-buy-actions .mx-button{font-weight:800}
@media(max-width:1023px){
 .express-starter-heading .express-brand-lockup{width:min(100%,280px)}
 .express-starter-card .express-starter-heading h2{font-size:27px;margin-top:10px}
 .express-starter-heading{padding-top:14px;padding-bottom:14px}
}
@media(max-width:760px){
 .mx-intro{display:block;padding:16px 18px}
 .mx-intro .express-brand-lockup{width:min(100%,280px)}
 .mx-intro-message{border-left:0;padding-left:0;margin-top:14px}
 .mx-intro h1{font-size:28px!important;margin-bottom:8px}
 .mx-intro .mx-deck{display:none}
 .mx-intro .mx-offer-terms{margin-top:0}
 .express-quick-order{font-size:13px;letter-spacing:.25em}
}
@media(max-width:360px){
 .express-starter-card .express-starter-heading h2{font-size:25px}
 .express-starter-card .express-entry-steps li{font-size:12px;gap:4px}
 .express-starter-card .express-entry-steps{gap:5px}
 .express-starter-card .express-entry-steps b{width:19px;height:19px;font-size:11px}
}

/* Phone refinement: preserve readable controls; reduce the card's vertical cost. */
.express-starter-heading h2 .vs-offer-full{color:#fff;white-space:normal}
.express-starter-heading h2 .vs-offer-compact{display:none;color:#fff}
@media(max-width:760px){
 .express-starter-card .hf-cmd-top{padding:12px}
 .express-starter-heading{margin:-12px -12px 0;padding:11px 12px 10px}
 .express-starter-heading .express-brand-lockup{width:min(100%,240px)}
 .express-quick-order{font-size:12px;line-height:1.2;letter-spacing:.25em}
 .express-starter-card .express-starter-heading h2{font-size:25px;line-height:1.08;margin-top:8px}
 .express-starter-heading h2 .vs-offer-full{display:none}
 .express-starter-heading h2 .vs-offer-compact{display:inline}
 .express-starter-card .express-entry-steps{padding:7px 0;margin-bottom:8px;gap:5px}
 .express-starter-card .express-entry-steps li{font-size:12px;gap:4px}
 .express-starter-card .express-entry-steps b{width:20px;height:20px;font-size:11px}
 .express-starter-card .express-size-options{margin-bottom:7px}
 .express-starter-card .express-size-options legend{margin-bottom:5px;font-size:14px}
 .express-starter-card .express-size-options button{min-height:44px;padding:6px 3px}
 .express-starter-card .express-size-options button small{display:none}
 .express-starter-card .express-size-options button[data-value=custom]{min-height:32px;padding:5px 0}
 .express-starter-card .express-starter-price{min-height:88px;padding:8px;gap:9px;margin-bottom:8px}
 .express-starter-card .express-starter-price img{width:56px;height:64px}
 .express-starter-card .express-starter-price strong{font-size:30px;line-height:1.05}
 .express-starter-card .express-price-label{font-size:12px;margin-bottom:2px}
 .express-starter-card .express-price-saving{font-size:12px;margin-top:2px}
 .express-starter-card .express-price-tax{font-size:12px;line-height:1.3}
 .express-starter-card #max-express-start{min-height:46px;padding:10px 12px;font-size:15px}
 .express-starter-card .express-starter-reassurance{font-size:12px;margin-top:5px}
 .express-starter-card .express-mobile-offer{margin-top:7px;font-size:12px}
 .express-starter-card .express-mobile-offer summary{min-height:44px;padding-top:5px;gap:5px}
}
@media(min-width:350px) and (max-width:760px){.express-starter-card .express-width-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}}
