/* Modern/upscale sample theme overrides */
:root{--b:#710100;--b2:#4a0100;--y:#2a56b0;--g:#710100;--ink:#1c1c1e;--mut:#55555a;--bg:#f7f6f4;--r:16px;--gold:#2a56b0;--char:#1c1c1e}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16.5px;line-height:1.7;color:var(--ink);letter-spacing:-.005em}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.01em;color:var(--char)}
h3{font-family:Inter,system-ui,sans-serif;font-weight:650;letter-spacing:-.01em}
section.wrap{margin:72px auto}.band{padding:72px 0}
.preview{background:#f3ead8;color:#5a4518}
/* header */
.top{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 rgba(0,0,0,.06);transition:box-shadow .3s ease}
.top .hd{transition:padding .3s ease}.top .logo img{transition:height .3s ease,width .3s ease}
.top .nav{background:var(--char);transition:padding .3s ease}
.top .nav a{color:#fff}.top .nav a:hover{color:var(--gold)}
.top.shrink{box-shadow:0 6px 24px rgba(0,0,0,.08)}.top.shrink .hd{padding-top:4px;padding-bottom:4px}.top.shrink .logo img{height:40px;width:auto}
.top.shrink .nav{padding-top:2px;padding-bottom:2px}
/* buttons */
.btn{border-radius:999px;font-weight:600;letter-spacing:.01em;box-shadow:none}
.btn.call,.btn.quote,.sticky,.btn.small{background:var(--b)!important;color:#fff!important;border:1px solid var(--b)}
.btn.call:hover,.btn.quote:hover,.btn.small:hover{background:var(--b2)!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(113,1,0,.25)}
.btn.text,.btn.ghost{background:#fff!important;color:var(--b)!important;border:1px solid var(--b)}
.top .nav a.hot,.nav .hot{background:var(--gold)!important;color:var(--char)!important;border-radius:999px}
/* hero: full-width photo, dark gradient */
.hero.hero-pro{position:relative;overflow:hidden;background:var(--char);padding:0;min-height:min(78vh,720px);display:flex;align-items:center}
.hero-pro .herogrid{position:static;width:100%;display:block;padding:90px 18px 80px}
.hero-pro .herogrid>div{max-width:640px;position:relative;z-index:2}
.hero-pro .photo{position:absolute!important;inset:0;margin:0;z-index:0}
.hero-pro .photo picture,.hero-pro .photo img{width:100%;height:100%;object-fit:cover;border-radius:0!important;box-shadow:none!important}
.hero-pro .photo img{animation:mkb 26s ease-in-out infinite alternate;transform-origin:60% 50%}
.hero-pro::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,18,20,.88) 0%,rgba(18,18,20,.68) 45%,rgba(18,18,20,.25) 100%)}
@keyframes mkb{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero-pro h1{color:#fff;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12}
.hero-pro .kicker{color:var(--gold)}.hero .lead{opacity:1;color:#eee}.hero-pro .famline{color:#ddd}
.hero-pro .btn.text{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)}
.hero:not(.hero-pro){background:linear-gradient(160deg,#2a2a2d,var(--char))}.hero:not(.hero-pro) .kicker{color:var(--gold)}
.hero h1,.hero h2{color:#fff}
/* cards */
.card,.bigsvc,.bcard,.seecard,.pstep{border-radius:var(--r);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05)}
.card{background:#fff}a.card:hover{outline:none;transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.10)}
.photo img{border-radius:14px}
.tbar{background:var(--char);color:#fff}.tbar .tstat b{color:var(--gold)}.tbar a,.tbar .tstat{color:#fff}
.chip{border-radius:999px;background:#fff;border:1px solid #e6e1d8}
.revtag,.badge,.pref{background:#f6efe0!important;color:#5a4518!important;border:1px solid var(--gold)}
.cta-band{background:var(--char)}.banner{background:var(--char);color:#fff}.banner a{color:var(--gold)}
footer,.foot{background:#141415}
.kicker{color:#8a6a2c}
/* mobile bottom bar */
.mbar{display:none}
@media(max-width:899px){.sticky{display:none!important}.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(8px);box-shadow:0 -6px 24px rgba(0,0,0,.10)}
.mbar a{flex:1;text-align:center;padding:13px 8px;border-radius:999px;font-weight:600;text-decoration:none;font-size:1rem;white-space:nowrap}
@media(max-width:400px){.mbar a{font-size:.94rem;padding:13px 6px}}
.mbar .mc{background:var(--b);color:#fff}.mbar .mt{border:1px solid var(--b);color:var(--b);background:#fff}
.hero.hero-pro{min-height:auto}.hero-pro .herogrid{padding:70px 18px 56px}}
@media(min-width:900px){.sticky{display:none!important}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-pro .photo img{animation:none!important}.top,.top *{transition:none!important}.btn:hover,a.card:hover{transform:none!important}}
.hero-pro .photo{border-radius:0!important}.hero-pro .photo img{height:100%!important}
.hero-pro .photo img{object-position:62% 72%}
.hero-pro .photo figcaption{position:absolute;right:16px;bottom:12px;z-index:3;margin:0;font-size:.75rem;color:#f2f2f2;background:rgba(18,18,20,.55);padding:3px 10px;border-radius:999px}
@media(max-width:899px){.hero-pro .photo img{object-position:60% 75%}.hero-pro::after{background:linear-gradient(180deg,rgba(18,18,20,.80) 0%,rgba(18,18,20,.72) 60%,rgba(18,18,20,.45) 100%)}}
@media(max-width:899px){.hero-pro::after{background:linear-gradient(180deg,rgba(18,18,20,.86) 0%,rgba(18,18,20,.74) 55%,rgba(18,18,20,.30) 100%)}.hero-pro .herogrid{padding-bottom:150px}.hero-pro .photo img{object-position:58% 50%}}
/* SB hero: keep text clear of doors (doors span ~46-75% of image width) */
@media(min-width:900px){.hero-pro .herogrid{max-width:none;padding-left:max(24px,5vw);padding-right:24px}
.hero-pro .herogrid>div{max-width:min(580px,calc(45vw - max(24px,5vw) - 32px))}
.hero-pro h1{font-size:clamp(2rem,3.3vw,3.2rem)}.hero-pro .lead{font-size:1rem}
.hero-pro .photo img{object-position:50% 72%}
.hero-pro::after{background:linear-gradient(90deg,rgba(18,18,20,.90) 0%,rgba(18,18,20,.72) 38%,rgba(18,18,20,.12) 50%,rgba(18,18,20,0) 100%)}}
@media(max-width:899px){.hero-pro .herogrid{padding-bottom:56px}.hero-pro{flex-direction:column;align-items:stretch}.hero-pro .photo{position:relative!important;inset:auto;order:2;aspect-ratio:16/10;margin:0}.hero-pro .photo img{animation:none;object-position:62% 80%}.hero-pro::after{display:none}.hero-pro .herogrid{order:1;background:var(--char)}.hero-pro .photo figcaption{bottom:8px;right:8px}}
@media(max-width:899px){.hero-pro .photo{aspect-ratio:auto;overflow:visible}.hero-pro .photo picture{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:14px}.hero-pro .photo picture img{height:100%!important}.hero-pro .photo figcaption{position:static;background:none;padding:6px 2px 0;border-radius:0;color:#c8c8cc;font-size:.8rem}}
@media(max-width:599px){.nav .lang{background:var(--char)}}
/* Truck-blue accent (sampled from AA trucks/sticker): #2a56b0, gradient to #1e4290 */
:root{--blue:#2a56b0;--blue2:#1e4290;--bluelt:#a9c1f0;--bluetint:#e9effb;--bgrad:linear-gradient(180deg,#2f5ebd 0%,#2a56b0 45%,#1e4290 100%)}
.btn.call,.sticky,.mbar .mc{background:var(--bgrad)!important;border-color:var(--blue2)!important;color:#fff!important}
.btn.call:hover{background:linear-gradient(180deg,#2a56b0,#1a3a80)!important;box-shadow:0 10px 24px rgba(30,66,144,.3)}
.mbar .mt{background:#fff!important;color:var(--blue2)!important;border:1px solid var(--blue)!important}
.top .nav a.hot,.nav .hot{background:var(--bgrad)!important;color:#fff!important}
.top .nav a:hover{color:var(--bluelt)}
.hero-pro .kicker,.hero:not(.hero-pro) .kicker{color:var(--bluelt)}.kicker{color:var(--blue2)}
.tbar .tstat b{color:var(--bluelt)}.banner a{color:var(--bluelt)}
.revtag,.badge,.pref{background:var(--bluetint)!important;color:var(--blue2)!important;border:1px solid var(--blue)!important}
.bcard.pick,.bcard.feat,.bcard:first-child{border-color:var(--blue)}
.preview{background:var(--bluetint);color:var(--blue2)}
.fh,.slogan{color:var(--bluelt)!important}blockquote{border-left-color:var(--blue)}
.bbadge{background:var(--bluetint)!important;color:var(--blue2)!important}
/* audit fixes */
.cta-band{background:linear-gradient(160deg,#26262a,var(--char));padding:56px 0}
.cta-band h2,.cta-band p{color:#fff}.cta-band p{color:#e4e4e8}
.tbar .tstat span{color:#c8c8ce;font-size:.85rem}
.tstat:hover{background:rgba(255,255,255,.07)}
.ltx{color:#55555a}
.photo figcaption{font-size:.88rem;color:#55555a}
@media(min-width:900px){.hero-pro .photo img{animation-duration:19.5s}}
/* replace leftover yellow (base theme) with truck-blue accents */
.bbtn{background:var(--b)!important;color:#fff!important;border-radius:999px!important;font-weight:600}
.bbtn:hover{background:var(--b2)!important}
.bfeat{border-color:var(--blue)!important}
.teaser{background:var(--bluetint)!important;border-color:var(--blue)!important;color:var(--ink)}
.teaser a{color:var(--blue2)}
.feat-in{background:linear-gradient(135deg,var(--bluetint),#fff)!important;border-color:var(--blue)!important}
.bd-cta{background:var(--bluetint)!important;border-color:var(--blue)!important}
@media(max-width:899px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}
.bdealer{background:var(--bluetint);color:var(--blue2);border-color:var(--blue)}.bcard.bstatic:hover{box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06)!important}
form .photos input[type=file]{display:block;margin:6px 0}form .photos .fnote{display:block;color:var(--mut);font-size:.9rem;margin-top:4px}
