.hero-truck-card{min-height:455px;padding:55px 24px 38px}.hero-truck-card>img{width:100%;max-height:360px;object-fit:contain}.mockup-key{position:absolute;left:20px;right:20px;bottom:14px;display:flex;justify-content:center;gap:18px;z-index:4;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#666}.mockup-key i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.mockup-key .blue{background:#24448d}.mockup-key .black{background:#171717}.mockup-key .orange{background:#b95314}.mockup-key .cream{background:#e9ddc7;border:1px solid #999}
.truck-wrap{aspect-ratio:1.92/1;min-height:0;padding:0 12px 8px}.truck-wrap>img{width:100%;height:100%;object-fit:contain}.truck-wrap.rear-mode{aspect-ratio:1.6/1}.truck-wrap.rear-mode img{width:58%;height:92%}.spot{background:#315cff20!important;border:1px solid #315cff!important;color:#17307c!important;border-radius:2px!important;clip-path:var(--zone-shape);box-shadow:inset 0 0 0 1px #ffffff80;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px}.spot span{font-size:8px;font-weight:850;line-height:1;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}.spot small{font-size:6px;font-weight:700;line-height:1;opacity:.76;white-space:nowrap}.spot.held{background:#315cffdd!important;color:white!important}.spot.premium{outline:2px solid #f1a36f;outline-offset:2px}.spot:hover,.spot:focus{background:#315cff!important;color:white!important;transform:none!important;z-index:5}.rear-mode .spot{clip-path:var(--zone-shape)}
.map-proof{max-width:690px;margin:14px auto 0;text-align:center;color:#777;font-size:10px;line-height:1.5}.map-proof strong{color:#222}
.logo-symbol{width:34px;height:24px}.logo-symbol:before{content:"BMC";inset:0;clip-path:none;background:#171717;color:white;border-radius:5px;display:grid;place-items:center;font-size:8px;font-weight:900;letter-spacing:.04em}.logo-symbol:after{content:"";right:-2px;top:-2px;width:9px;height:9px;border:0;border-radius:50%;background:#315cff;transform:none}
@media(max-width:800px){.hero-truck-card{min-height:310px;padding:38px 5px 30px}.mockup-key{display:none}.truck-wrap{aspect-ratio:1.9/1}.truck-wrap.rear-mode{aspect-ratio:1.25/1}.spot span{font-size:5px}.spot small{display:none}.map-proof{font-size:9px;padding:0 14px}}
.truck-wrap[data-view="driver"] .spot,.truck-wrap[data-view="passenger"] .spot{box-shadow:inset 0 0 0 1px #ffffffb0,0 0 0 1px #315cff20}
.truck-wrap.rear-mode img{width:58%;height:auto;max-height:none}