/* 022: compact motorsport storefront. Product colours and pricing are never styled away. */
:root{--gold:#ffd31b;--paper:#f7f7f8}body{background:var(--paper)}.head-inner{min-height:72px}.brand img{height:55px;width:210px}.site-head{box-shadow:0 2px 10px #0002}
.gm-icon{display:inline-flex;flex:0 0 22px;width:22px;height:22px;align-items:center;justify-content:center}.gm-icon svg{width:100%;height:100%;display:block}
.quick-categories{max-width:1560px;margin:0 auto;padding:8px 24px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;background:#131416;color:#e9e9ed;border-bottom:1px solid #383627}.quick-categories button{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:8px 15px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:7px;color:inherit;font-size:12px;font-weight:650}.quick-categories button:hover{color:#ffdb3c;background:#252319;border-color:#534719}.quick-categories #allCategories{background:var(--gold);color:#171711;padding-inline:18px}.quick-categories .gm-icon{width:20px;height:20px;flex-basis:20px}
.hero.hero-premium{display:grid;grid-template-columns:1.1fr 1fr;min-height:240px;padding:28px 32px;background:repeating-linear-gradient(115deg,transparent 0 90px,#ffda1610 92px 95px,transparent 97px 135px),linear-gradient(115deg,#0d0e10 40%,#2c2813 100%);border:1px solid #bea026;margin-bottom:12px;isolation:isolate}.hero-premium:before{right:2%;opacity:.5;width:12px}.hero-premium .hero-copy{z-index:2}.hero-premium h1{font-size:clamp(25px,2.65vw,40px);line-height:1.05;font-weight:900;font-style:italic;letter-spacing:-.8px;max-width:none;margin:8px 0 12px}.hero-premium h1 em{font-style:inherit;color:#ffd529}.hero-premium h1 br{display:block}.hero-premium p{font-size:13px;max-width:500px;line-height:1.5;color:#ddd}.hero-premium .eyebrow{letter-spacing:2px;font-size:10px}
.hero-premium .hero-visual{position:absolute;inset:0 0 0 auto;width:52%;z-index:0;overflow:hidden}.hero-visual>img:first-child{width:100%;height:100%;object-fit:cover;object-position:40% center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151514 0%,#15151466 20%,transparent 62%)}.hero-visual .hero-seal{position:absolute;bottom:16px;right:18px;width:76px;height:76px;z-index:2;filter:drop-shadow(0 3px 7px #000)}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.hero-cta,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:43px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:800}.hero-cta{background:#ffd31b;border:1px solid #ffe878;color:#17170b}.hero-secondary{background:#161615bb;border:1px solid #7b723e;color:#f3e8b8}.hero-actions .gm-icon{width:18px;height:18px;flex-basis:18px}
.store-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:14px 6px;margin:0 0 12px;border:1px solid #e6e4db;border-radius:9px;background:#fff}.store-values>div{display:flex;align-items:center;gap:12px;padding:0 16px;border-right:1px solid #e4e3dc}.store-values>div:last-child{border:0}.store-values .gm-icon{width:28px;height:28px;flex-basis:28px;color:#181918}.store-values span{min-width:0}.store-values strong,.store-values small{display:block}.store-values strong{font-size:12px;color:#25251c}.store-values small{font-size:10px;color:#777468;margin-top:3px}
.section-title h2{border-left:4px solid var(--gold);padding-left:12px;font-weight:800;font-size:23px}.section-title .eyebrow{display:none}.preview-note{margin-bottom:14px}.product-card{border-radius:9px;box-shadow:0 1px 2px #00000005}.photo-stage{background:#fff}.product-body{gap:4px;padding:11px}.card-actions .cta{font-size:11px}.price{font-size:19px;font-weight:850}.catalog-layout{gap:14px}.filters{background:#fff;border-color:#e3e2da}.filters summary{font-size:12px}.sku{min-height:14px}.card-actions{margin-top:5px}.product-card h3{min-height:36px;margin-bottom:3px}
.discovery-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 10px}.discovery-banners>button{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:23px 20px;text-align:left;color:#ffdb32;background:linear-gradient(120deg,#141516 60%,#4b3d0e);border:1px solid #7a631d;border-radius:9px;min-width:0}.discovery-banners>button:before{content:'';position:absolute;left:-15px;top:-25px;width:12px;height:180px;transform:rotate(28deg);background:#ffe232;opacity:.5}.discovery-banners strong{font-size:14px;font-style:italic;display:block}.discovery-banners small{font-size:11px;color:#d8d5c9;display:block;margin-top:4px}.discovery-banners span:not(.gm-icon){flex:1;min-width:0}.discovery-banners .gm-icon:last-child{width:18px;flex-basis:18px}.discovery-banners button:hover{border-color:#ffdb32;background:linear-gradient(120deg,#242424 60%,#5c4a0d)}
[data-panel],#partFilters{scroll-margin-top:150px}footer{margin-top:20px}.product-grid{align-items:stretch}.head-inner .owner-link{border-left:1px solid #4c4734;padding-left:15px}
@media(min-width:1600px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-premium h1{font-size:42px}}
@media(min-width:701px) and (max-width:1023px){.quick-categories{padding-inline:16px}.hero.hero-premium{min-height:215px;padding:25px 23px}.hero-premium h1{font-size:28px}.hero-premium p{max-width:360px}.hero-visual .hero-seal{width:62px;height:62px}.hero-premium .hero-visual{width:47%}.store-values>div{padding:0 10px;gap:8px}.store-values strong{font-size:10px}.store-values small{font-size:9px}.store-values .gm-icon{width:23px;flex-basis:23px}.discovery-banners{gap:9px}.discovery-banners>button{padding:18px 12px;gap:8px}.discovery-banners strong{font-size:12px}}
@media(max-width:700px){.head-inner{padding:6px 10px;min-height:0}.brand img{height:42px;width:148px}.head-inner .owner-link{border:0;padding-left:0}.main-nav a{font-size:11px;min-height:40px;padding:9px 12px}.quick-categories{padding:5px 9px;gap:3px;scrollbar-width:none}.quick-categories button{font-size:10px;padding:7px 10px;gap:6px;min-height:39px}.quick-categories .gm-icon{width:17px;height:17px;flex-basis:17px}.hero.hero-premium{display:block;min-height:154px;padding:17px 15px;margin-bottom:9px;border-radius:9px}.hero-premium .hero-copy{position:relative;max-width:78%}.hero-premium h1{font-size:22px;line-height:1.1;letter-spacing:-.6px;margin:5px 0 10px}.hero-premium .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-premium p{display:none}.hero-premium .hero-visual{width:47%;opacity:.55}.hero-visual .hero-seal{display:none}.hero-actions{margin-top:11px;gap:7px}.hero-cta{min-height:39px;padding:8px 11px;font-size:10px;gap:8px}.hero-secondary{display:none}.hero-actions .gm-icon{width:14px;height:14px;flex-basis:14px}.store-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 4px;gap:10px}.store-values>div{padding:0 8px;gap:7px}.store-values>div:nth-child(2n){border:0}.store-values strong{font-size:10px}.store-values small{font-size:9px}.store-values .gm-icon{width:21px;flex-basis:21px;height:21px}.section-title h2{font-size:19px;padding-left:9px}.product-body{padding:9px}.product-grid{gap:8px}.price{font-size:17px}.discovery-banners{grid-template-columns:1fr;margin-top:20px;gap:8px}.discovery-banners>button{padding:15px;gap:11px}.discovery-banners strong{font-size:13px}.discovery-banners small{font-size:10px}.preview-note{margin-bottom:10px}body[data-browsing='true'] .hero-premium,body[data-browsing='true'] .store-values{display:none}.quick-categories #allCategories{padding-inline:12px}[data-panel],#partFilters{scroll-margin-top:165px}}
@media(max-width:359px){.brand img{width:127px;height:38px}.hero-premium h1{font-size:19px}.hero.hero-premium{min-height:141px}.store-values small{font-size:8px}.product-body{padding:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep products within reach on a phone: compact hero, one-row information strip. */
@media(max-width:700px){.main-nav{scrollbar-width:none}.quick-categories button{min-height:35px}.quick-categories{padding-top:4px;padding-bottom:4px}.hero.hero-premium{min-height:120px;padding:13px 14px}.hero-premium .hero-copy{max-width:91%}.hero-premium h1{font-size:20px;line-height:1.04;margin:5px 0 8px}.hero-premium h1 br{display:block}.hero-actions{margin-top:8px}.hero-cta{min-height:33px;padding:7px 10px;font-size:10px}.store-values{display:flex;overflow-x:auto;scrollbar-width:none;padding:7px 3px;gap:0}.store-values>div{min-width:180px;padding:2px 8px;border-right:1px solid #e5e1d5!important}.store-values strong{white-space:nowrap}.store-values small{white-space:nowrap}.preview-note{font-size:9px}.section-title{margin-top:10px}.sync-note{font-size:9px}.section-title h2{font-size:18px}.store-values .gm-icon{width:19px;height:19px;flex-basis:19px}}
@media(max-width:359px){.hero-premium h1{font-size:17px}.hero.hero-premium{min-height:110px;padding:12px}.hero-cta{min-height:31px}.store-values>div{min-width:176px}}
/* Real-catalog showcase, not example prices from the reference image. */
.home-picks{margin:19px 0 26px}.picks-title{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:13px}.picks-title h2{margin:0;border-left:4px solid #ffd31b;padding-left:12px;font-size:24px;line-height:1.2;color:#141515}.picks-title p{margin:5px 0 0 16px;font-size:11px;color:#6b6b63}.see-all{border:0;background:transparent;color:#343326;font-size:12px;font-weight:750;padding:8px;white-space:nowrap}.see-all:hover{text-decoration:underline}.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.featured-grid .photo-stage{aspect-ratio:1.28!important}.featured-grid .product-img{object-fit:contain!important}.featured-grid .product-body{padding:9px}.featured-grid .product-card h3{font-size:12px;line-height:1.35;min-height:33px}.featured-grid .price{font-size:18px}.featured-grid .card-actions .cta{min-height:39px;font-size:11px}.featured-grid .quick-cart{min-height:39px;min-width:36px;font-size:10px}.featured-grid .brand-frame{background:#fff}.featured-grid .price-note{font-size:9px}
@media(min-width:1024px){.head-inner{min-height:64px;padding-block:6px}.head-inner .brand img{height:50px}.main-nav a{min-height:41px;padding-block:9px}.quick-categories{padding-block:5px}.quick-categories button{min-height:38px}.hero.hero-premium{min-height:190px;padding:22px 30px}.hero-premium h1{font-size:34px}.hero-premium p{font-size:12px;max-width:510px;line-height:1.35;margin-bottom:7px}.hero-actions{margin-top:12px}.store-values{padding-block:11px}.preview-note{padding:8px 12px;font-size:10px}}
@media(min-width:701px) and (max-width:1100px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picks-title h2{font-size:21px}}
@media(max-width:700px){.home-picks{margin:14px 0 20px}.featured-grid{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:9px}.featured-grid .product-card{flex:0 0 165px;scroll-snap-align:start}.featured-grid .photo-stage{aspect-ratio:1.05!important}.picks-title{gap:6px;margin-bottom:10px;align-items:flex-start}.picks-title h2{font-size:18px;padding-left:8px}.picks-title p{font-size:9px;margin-left:12px;max-width:235px}.see-all{font-size:10px;padding:2px;min-height:35px;white-space:normal;max-width:90px}.featured-grid .product-body{padding:8px}.featured-grid .product-card h3{font-size:11px;min-height:31px}.featured-grid .price{font-size:16px}.featured-grid .stock,.featured-grid .sku{font-size:9px}}
body[data-section='digital'] .hero-premium,body[data-section='knowledge'] .hero-premium,body[data-section='service'] .hero-premium{display:none}
/* 2026-10-06: align the storefront shell with the black-and-gold Owner theme. Product cards, filters and photos stay light for clarity. */
body{background:radial-gradient(ellipse at 92% 0,#2b2412 0,transparent 38%),#11100e;color:#f3f1e8}
.section-title h2,.picks-title h2{color:#f5f2e8}
.section-title>span:not(.eyebrow),.picks-title p,.section-note,.sync-note,.see-all{color:#d6d1c1}