/* Midnight motorsport direction, with detailed animated button cars. */
body.garage-store { --ink:#edf3fd; --muted:#9daac0; --paper:#080e1b; --panel:#111b2c; --line:#253046; --accent:#31c6ef; --accent-dark:#063e55; background:radial-gradient(ellipse at 88% 3%,#142b4566,transparent 35%),#080e1b; color:var(--ink); }
.garage-store main { max-width:1400px; padding:0 52px; }
.garage-store .topbar { max-width:1400px; padding:23px 52px; border-color:#ffffff12; }
.garage-store .brand-logo { background:white; border-radius:9px; mix-blend-mode:normal; width:64px; height:42px; }
.garage-store .brand strong { font-size:17px; letter-spacing:-.3px; }
.garage-store .brand small { color:#8898b1; }
.garage-store nav a { color:#c5cede; font-size:12px; }
.garage-store .cart-nav-link { background:#16243a; border-color:#344561; }
.garage-store #cart-count { background:#31c6ef; color:#07101e; }
.garage-store .eyebrow { color:#7f93b0; font-size:10px; letter-spacing:2.1px; }
.garage-store :focus-visible { outline-color:#31c6ef; }
.garage-hero { grid-template-columns:.85fr 1.15fr; gap:0; padding:58px 0 36px; min-height:585px; }
.garage-hero-copy { position:relative; z-index:2; }
.garage-hero-copy h1 { font-size:clamp(60px,6.4vw,91px); line-height:1.02; letter-spacing:-5px; margin:25px 0; font-weight:800; }
.garage-hero-copy h1 em { color:#31c6ef; white-space:nowrap; }
.garage-hero-copy h1 em:after { display:none; }
.hero-intro { font-size:14px; line-height:1.85; color:#9daac0; max-width:370px; margin:26px 0; }
.live-dot { background:#ff754b; box-shadow:0 0 14px #ff754b66; }
.hero-details { color:#6f819e; font-size:9px; margin-top:26px; }
.garage-hero-stage { min-height:490px; border-radius:0; background:transparent; overflow:visible; align-self:center; }
.garage-hero-stage:after { display:none; }
.stage-label { padding:10px 0 0 25px; color:#6d88a7; letter-spacing:2.8px; font-size:9px; position:absolute; top:2px; right:15px; }
.racing-hero-art { width:116%; max-width:none; height:455px; margin-left:-9%; object-fit:contain; mix-blend-mode:lighten; mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent); }
.hero-art-caption { position:absolute; display:flex; align-items:center; gap:15px; right:18px; bottom:63px; font-size:11px; color:#8f9fba; }
.hero-art-caption strong { color:#dfe9f8; line-height:1.8; font-size:15px; }
.caption-rule { width:2px; height:34px; background:#ff754b; }
.hero-art-caption small { font-size:8px; align-self:end; margin-left:15px; color:#5f7089; }
.stage-footer { border-top:1px solid #ffffff10; padding:13px 0 0 25px; color:#6e819e; font-size:9px; margin-top:5px; }
.stage-footer button { color:#bfd0e8; font-size:10px; }
.garage-service-strip { display:flex; align-items:center; justify-content:space-between; gap:20px; border-block:1px solid #ffffff14; padding:23px 0; color:#a8b5ca; font-size:11px; }
.garage-service-strip b { margin-right:12px; color:#31c6ef; font-size:10px; }
.garage-service-strip>span:last-child { color:#66809e; font-size:10px; }
.garage-discovery-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:34px; }
.fresh-feature { background:linear-gradient(120deg,#142338,#111b2c); border:1px solid #28354c; border-radius:18px; padding:22px; min-width:0; }
.fresh-feature-title { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.fresh-feature-title .eyebrow { margin:0; font-size:8px; }
.fresh-feature-title>span { color:#7891af; font-size:9px; }
.garage-store .featured-slider { display:flex; align-items:center; margin-top:15px; min-height:0; }
.garage-store .featured-track { min-height:120px; height:120px; flex:1; }
.garage-store .featured-slide { padding:0; min-height:0; }
.garage-store .featured-photo-button { display:flex; align-items:center; gap:20px; height:120px; min-height:0; text-align:left; border-radius:10px; }
.garage-store .featured-photo-button img { width:130px; height:115px; padding:8px; background:#f3f5f9; mix-blend-mode:normal; border-radius:12px; flex-shrink:0; object-fit:contain; }
.featured-car-copy { display:grid; gap:14px; color:#dce6f6; }
.featured-car-copy strong { font-size:14px; line-height:1.45; font-weight:650; }
.featured-car-copy>span { font-size:12px; color:#31c6ef; }
.featured-car-copy b { margin-left:12px; }
.garage-store .featured-dots { display:flex; flex-direction:column; margin:0 0 0 10px; gap:0; }
.garage-store .featured-dots button:after { background:#3a4c64; }
.garage-store .featured-dots button.active:after { background:#31c6ef; }
.scale-highlight { display:grid; grid-template-columns:94px 1fr; align-content:center; gap:12px 18px; padding:22px 25px; background:linear-gradient(110deg,#11283b,#101a2c); border:1px solid #284455; border-radius:18px; }
.scale-number { color:#31c6ef; font-size:50px; letter-spacing:-3px; grid-row:1 / 3; align-self:start; margin-top:7px; }
.scale-highlight .eyebrow { color:#75bbd0; font-size:8px; }
.scale-highlight h2 { font-size:20px; letter-spacing:-.5px; color:#e4eef9; }
.scale-highlight p:last-child { color:#7897ad; font-size:11px; }
.scale-jump { grid-column:2; justify-self:start; margin:0; }
.garage-store .products-toolbar { padding:50px 0 24px; }
.collection-heading h2 { font-size:40px; color:#eaf0fa; }
.collection-heading h2 span,.garage-footer strong span { color:#ff754b; }
.garage-store .category-chip { color:#9dadc5; border-color:#29374c; background:#111b2c; }
.garage-store .category-chip.active { color:#091728; background:#31c6ef; border-color:#31c6ef; box-shadow:0 4px 20px #31c6ef18; }
.garage-store .search-toggle { border-color:#29374c; background:#111b2c; color:#b1bfd3; }
.garage-store .search-toggle span { border-color:#a7b9d1; }.garage-store .search-toggle span:after { background:#a7b9d1; }
.scale-controls select { color:#bfcee2; border-color:#29374c; background:#111b2c; }
.garage-store .product-card { background:#111b2c; border:1px solid #243248; border-radius:16px; padding:10px; overflow:hidden; }
.garage-store .product-card:hover { border-color:#3c6683; background:#142038; box-shadow:0 16px 40px #0004; }
.garage-store .product-photo-wrap { border:0; border-radius:10px; background:radial-gradient(ellipse at 50% 50%,#ffffff,#e5eaf0); }
.garage-store .product-photo { mix-blend-mode:multiply; padding:8px; }
.garage-store .product-content { padding:17px 7px 7px; }
.garage-store .product-title { color:#dce7f8; font-size:13px; }
.card-spec { color:#6f87a8; font-size:8px; }
.garage-store .price { color:#f1f6ff; font-size:16px; }
.garage-store .product-meta { margin:12px 0 17px; }
.garage-store .previous-price { color:#7a8ba4; font-size:10px; }
.garage-store .product-label-pill { background:#0c1a30; color:#79d5ef; border:1px solid #46637b; border-radius:7px; top:9px; left:9px; font-size:8px; }
.garage-store .stock-pill { background:#e8edf3; color:#2d3a4f; border-radius:7px; }
.garage-store .card-add-button:after { display:none; }
.garage-store .add-button { background:#1b2d46; border-color:#304968; color:#d8e9fb; border-radius:10px; padding:10px 12px; font-size:11px; }
.garage-store .add-button:hover:not(:disabled) { background:#224666; color:#f4faff; border-color:#31c6ef; }
.garage-store .product-section-divider small { color:#7c91ae; }
.garage-store .product-empty { border-color:#2b3c55; background:#111b2c; }
.garage-store .empty-garage-copy p { color:#91a3bd; }
.garage-store .order-shell { background:linear-gradient(145deg,#121f34,#0c1526); border-color:#293953; border-radius:20px; padding:32px; }
.garage-store .order-shell h2 { color:#e6effd; }
.garage-store .order-contact-note a { color:#31c6ef; }
.garage-store .cart-panel,.garage-store .order-form { background:#0b1424; border-color:#273650; }
.garage-store .cart-panel h3,.garage-store .cart-total strong { color:#e4edfc; }
.garage-store input,.garage-store textarea,.garage-store select { background:#142035; color:#d3dff2; border-color:#2a3d58; }
.garage-store .order-form label>span { color:#899dbb; }
.garage-store .ghost-button { color:#bfd0e7; border-color:#2e425f; }
.garage-store .cart-line p { color:#d3e0f4; }.garage-store .remove-line { color:#ff9a78; }
.garage-store .product-sheet,.garage-store .order-receipt,.garage-store .video-lightbox { color:#dfeaff; background:#111c30; }
.garage-store .sheet-photo { background:#f1f3f6; }.garage-store .sheet-description { color:#a2b5cf; }
.garage-store .color-choice { background:#172740; color:#d4e5f8; border-color:#334b6b; }
.garage-store .cart-toast { background:#182b45; border:1px solid #345473; }
.garage-store .cart-toast a { background:#31c6ef; color:#071629; }
.garage-store .mobile-checkout-bar { background:#162944; border:1px solid #345473; }.garage-store .mobile-checkout-bar strong { color:#31c6ef; }
.garage-footer { max-width:1400px; border-color:#ffffff12; padding-inline:52px; }.garage-footer a { color:#aac8e3; }
.button-car { display:none; }
.racing-button { display:inline-flex!important; align-items:center; justify-content:space-between; gap:16px; position:relative; isolation:isolate; overflow:hidden; }
.drive-button { min-height:60px; padding:9px 20px 9px 24px; background:linear-gradient(110deg,#35ccef,#74def3); color:#061524; border-radius:12px; font-size:12px; box-shadow:0 8px 35px #21acd522; gap:24px; }
.drive-button:hover { transform:translateY(-2px); box-shadow:0 12px 35px #21acd538; }
.scale-jump { background:#163f57; border:1px solid #36708a; color:#b7eefa; padding:5px 12px 5px 15px; border-radius:9px; font-size:10px; min-height:40px; }
.garage-store .submit-button { background:linear-gradient(110deg,#ff754b,#ffa065); color:#211107; border-radius:10px; }
.car-runway { position:relative; display:inline-flex; width:62px; height:31px; flex-shrink:0; align-items:center; }
.motion-car { width:62px; height:31px; position:relative; z-index:1; filter:drop-shadow(0 3px 2px #0003); transform-origin:center; }
.car-runway:before { content:''; position:absolute; width:28px; height:12px; left:-10px; top:14px; background:repeating-linear-gradient(0deg,transparent 0 3px,#b4f2ff88 3px 4px,transparent 4px 7px); opacity:0; transform:scaleX(.3); transform-origin:right; }
.racing-button:hover:not(:disabled) .motion-car,.racing-button:focus-visible .motion-car { animation:car-rev .65s ease-in-out infinite; }
.racing-button:hover:not(:disabled) .car-wheel,.racing-button:focus-visible .car-wheel { animation:wheel-roll .5s linear infinite; }
.racing-button:hover:not(:disabled) .car-runway:before { animation:speed-trail .65s ease-in-out infinite; }
.racing-button.is-driving .motion-car { animation:car-launch .8s cubic-bezier(.28,.02,.21,1) both!important; }
.racing-button.is-driving .car-wheel { animation:wheel-roll .18s linear infinite; }
.racing-button:active { transform:translateY(1px); }
@keyframes car-rev { 0%,100% { transform:translateX(0) translateY(0); } 45% { transform:translateX(5px) translateY(-1px) rotate(-2deg); } 70% { transform:translateX(4px) translateY(0); } }
@keyframes wheel-roll { to { transform:rotate(360deg); } }
@keyframes speed-trail { 0%,100% { opacity:0; transform:scaleX(.3); } 45%,70% { opacity:1; transform:scaleX(1); } }
@keyframes car-launch { 0% { transform:translateX(0); } 20% { transform:translateX(-6px) rotate(-3deg); } 60% { transform:translateX(95px); opacity:1; } 61% { opacity:0; } 65% { transform:translateX(-30px); opacity:0; } 100% { transform:translateX(0); opacity:1; } }
@media(max-width:1050px) { .garage-store main { padding:0 30px; }.garage-store .topbar { padding:20px 30px; }.garage-hero { min-height:500px; }.garage-hero-copy h1 { font-size:64px; letter-spacing:-3px; }.garage-hero-stage { min-height:400px; }.racing-hero-art { height:370px; }.hero-art-caption { bottom:50px; }.garage-discovery-row { gap:14px; }.scale-number { font-size:42px; }.scale-highlight { grid-template-columns:73px 1fr; padding:20px; }.fresh-feature { padding:20px; }.garage-store .featured-photo-button { gap:12px; }.garage-store .featured-photo-button img { width:100px; height:100px; } }
@media(max-width:700px) {
 .garage-store main { padding:0 18px; }.garage-store .topbar { padding:17px 18px; }.garage-store .brand-logo { width:49px;height:34px; }.garage-store .brand strong { font-size:14px; }.garage-store nav a { font-size:10px; }
 .garage-hero { grid-template-columns:1fr; gap:0; padding:34px 0 23px; min-height:0; }.garage-hero-copy h1 { font-size:clamp(46px,15vw,59px); line-height:1; letter-spacing:-3px; margin:22px 0; }.hero-intro { font-size:12px; line-height:1.8; margin:22px 0; }.hero-details { display:none; }.drive-button { min-height:54px; padding:7px 16px 7px 20px; }
 .garage-hero-stage { min-height:300px; margin-top:28px; }.stage-label { padding:0; top:0; right:0; font-size:8px; }.racing-hero-art { height:260px;width:110%;margin-left:-5%; }.hero-art-caption { bottom:41px; right:4px; gap:10px; }.hero-art-caption strong { font-size:12px; }.hero-art-caption small { font-size:7px; margin-left:7px; }.stage-footer { padding:12px 0 0; font-size:8px; }.stage-footer button { font-size:9px; }
 .garage-service-strip { gap:10px; padding:18px 0; flex-wrap:wrap; font-size:9px; }.garage-service-strip b { margin-right:5px; font-size:8px; }.garage-service-strip>span:last-child { display:none; }
 .garage-discovery-row { grid-template-columns:1fr; margin-top:23px; gap:13px; }.fresh-feature { padding:17px; }.garage-store .featured-track { height:100px;min-height:100px; }.garage-store .featured-photo-button { height:100px;gap:18px; }.garage-store .featured-photo-button img { width:105px;height:96px; }.featured-car-copy strong { font-size:12px; }.fresh-feature-title>span { font-size:8px; }
 .scale-highlight { grid-template-columns:80px 1fr; padding:22px 18px; gap:12px 14px; }.scale-number { font-size:46px; }.scale-highlight h2 { font-size:19px; }.scale-highlight p:last-child { font-size:10px; }.scale-highlight .eyebrow { font-size:7px; }.scale-jump { padding:5px 12px;min-height:38px; }
 .garage-store .products-toolbar { padding:35px 0 20px; }.collection-heading h2 { font-size:31px; }.garage-store .product-grid { gap:13px; }.garage-store .product-card { padding:7px; border-radius:12px; }.garage-store .product-content { padding:13px 3px 3px; }.garage-store .product-title { font-size:11px; min-height:34px; }.garage-store .price { font-size:13px; }.garage-store .product-meta { margin:9px 0 12px; }.garage-store .card-add-button { font-size:9px; padding:7px 8px; gap:4px;min-height:40px; }.card-add-button .car-runway { width:45px;height:26px; }.card-add-button .motion-car { width:45px;height:26px; }.garage-store .product-label-pill { font-size:6px;padding:5px 6px; }.garage-store .order-shell { padding:22px 14px; }.garage-footer { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) { .garage-store *, .garage-store *:before, .garage-store .racing-button .motion-car, .garage-store .racing-button .car-wheel { animation:none!important; transition:none!important; } }