@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap");

:root{--bg:#101210;--surface:#181b18;--surface2:#20231f;--ink:#f2f0e9;--muted:#a5aaa1;--line:#343832;--acid:#d6ff3f;--danger:#ff765f;--white:#fff;--max:1480px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}
body.menu-open{overflow:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.announcement{height:31px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--acid);color:#0b0d0a;font-size:10px;font-weight:800;letter-spacing:2px}
.announcement span{opacity:.35}
.site-header{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 3vw;background:rgba(16,18,16,.96);position:sticky;top:0;z-index:50}
.logo{font-family:"Barlow Condensed",sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.logo span{color:var(--acid)}
.main-nav{display:flex;justify-content:center;gap:clamp(16px,2.4vw,38px);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1px}
.main-nav a,.site-footer a{transition:color .2s}.main-nav a:hover,.site-footer a:hover{color:var(--acid)}
.cart-link{justify-self:end;font-size:11px;font-weight:800;letter-spacing:1.5px;display:flex;gap:9px;align-items:center}
.cart-count{background:var(--acid);color:#101210;border-radius:50%;height:22px;min-width:22px;display:grid;place-items:center;font-size:10px}
.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:1px}
.hero{max-width:var(--max);min-height:730px;margin:auto;display:grid;grid-template-columns:46% 54%;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.hero-copy{padding:clamp(70px,9vw,140px) 6vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow{font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--acid);margin:0 0 26px}
.hero h1,.shop-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(90px,11vw,164px);line-height:.75;letter-spacing:-5px;margin:0;text-transform:uppercase}
.hero h1 em,.shop-hero h1 em{font-weight:700;color:var(--acid)}
.hero-lede{color:var(--muted);max-width:440px;font-size:16px;line-height:1.7;margin:45px 0 36px}
.hero-actions{display:flex;align-items:center;gap:32px}
.btn{border:1px solid transparent;padding:17px 25px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:1.5px;transition:all .2s;text-transform:uppercase}
.btn-primary{background:var(--acid);color:#111;border-color:var(--acid)}.btn-primary:hover{background:#e3ff7b;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--ink);border-color:#666c63}.btn-outline:hover{border-color:var(--acid);color:var(--acid)}
.text-link{font-size:10px;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid #68705f;padding-bottom:4px}.text-link:hover{color:var(--acid)}
.hero-media{position:relative;overflow:hidden}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,16,.45),transparent 40%)}
.hero-media img{filter:saturate(.65) contrast(1.08);transition:transform 6s}.hero:hover .hero-media img{transform:scale(1.03)}
.hero-badge{position:absolute;z-index:2;right:30px;bottom:30px;background:var(--acid);color:#111;width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-8deg)}
.hero-badge strong{font:800 42px/1 "Barlow Condensed"}.hero-badge span{font-size:8px;font-weight:800;line-height:1.3;letter-spacing:1px}
.hero-index{position:absolute;left:20px;bottom:16px;color:#62675f;font-size:9px;letter-spacing:2px}
.trust-strip{max-width:var(--max);margin:auto;border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.trust-strip>div{display:flex;align-items:center;gap:20px;padding:27px 3vw;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}
.trust-strip b{font:700 24px "Barlow Condensed";color:var(--acid)}.trust-strip span{font-size:10px;color:var(--muted)}.trust-strip strong{display:block;color:var(--ink);font-size:11px;letter-spacing:1px;margin-bottom:3px}
.section{max-width:var(--max);margin:auto;padding:110px 4vw}
.section-heading{display:grid;grid-template-columns:1fr 300px;align-items:end;margin-bottom:50px}.section-heading.inline{display:flex;justify-content:space-between;align-items:flex-end}
.section-heading h2,.manifesto h2,.newsletter h2,.cart-heading h1{font:800 clamp(48px,6vw,86px)/.88 "Barlow Condensed";letter-spacing:-2px;margin:0}
.section-heading>p{color:var(--muted);line-height:1.7}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:330px 330px;gap:12px}
.category-card{position:relative;overflow:hidden;background:var(--surface);min-height:260px}.category-card--large{grid-column:span 2;grid-row:span 2}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,7,.92),transparent 65%);transition:background .25s}
.category-card:hover:after{background:linear-gradient(0deg,rgba(7,8,7,.82),rgba(214,255,63,.1))}
.category-card img{filter:grayscale(.25);transition:transform .5s}.category-card:hover img{transform:scale(1.04);filter:grayscale(0)}
.category-card>div{position:absolute;z-index:2;bottom:25px;left:27px}.category-card h3{font:700 31px "Barlow Condensed";margin:0;letter-spacing:.2px}.category-card p{margin:1px 0;color:#c8ccc4;font-size:11px}
.category-number{position:absolute;z-index:2;right:18px;top:17px;font-size:9px;letter-spacing:1px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 15px}.product-grid--featured{grid-template-columns:repeat(4,1fr)}
.product-card{min-width:0;position:relative}
.product-image{aspect-ratio:1/1.08;background:#252824;overflow:hidden;position:relative}.product-image img{transition:transform .4s;filter:saturate(.75)}.product-card:hover .product-image img{transform:scale(1.035)}
.badge{position:absolute;left:12px;top:12px;background:var(--ink);color:#111;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:1px}.badge.new{background:var(--acid)}
.quick-add{position:absolute;left:12px;right:12px;bottom:12px;background:var(--acid);border:0;padding:13px;color:#111;font-size:10px;font-weight:800;letter-spacing:1px;transform:translateY(70px);transition:transform .25s}.product-card:hover .quick-add{transform:translateY(0)}
.product-meta{padding:15px 2px}.product-category{font-size:8px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.product-name{font:600 20px "Barlow Condensed";margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.stars{color:var(--acid);letter-spacing:1px;font-size:9px}.old-price{color:#73776f;text-decoration:line-through;margin-left:7px}
.manifesto{max-width:var(--max);margin:50px auto 0;display:grid;grid-template-columns:58% 42%;min-height:650px;background:var(--surface)}
.manifesto-image{position:relative}.manifesto-image img{filter:grayscale(.7)}.manifesto-image span{position:absolute;left:24px;bottom:20px;font-size:9px;letter-spacing:2px}
.manifesto-copy{padding:8vw 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.manifesto-copy p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;max-width:470px;margin:32px 0}.manifesto-copy h2{font-size:clamp(55px,6vw,92px)}
.newsletter{max-width:var(--max);margin:auto;text-align:center;padding:120px 20px;background:radial-gradient(circle at 50% 120%,#32392c 0,transparent 54%)}
.newsletter form{display:flex;max-width:630px;margin:40px auto 15px;border-bottom:1px solid #777d72}.newsletter input{flex:1;background:transparent;border:0;color:var(--ink);padding:17px 5px;outline:0;font-size:12px}.newsletter button{background:transparent;border:0;color:var(--acid);font-weight:800;font-size:10px;letter-spacing:1px}.newsletter #newsletter-message{font-size:11px;color:var(--acid);min-height:20px}
.site-footer{border-top:1px solid var(--line);padding:65px max(4vw,calc((100vw - var(--max))/2 + 4vw)) 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;background:#0c0e0c}.site-footer .footer-brand p{color:var(--muted);max-width:280px;font-size:12px}.site-footer h4{font-size:9px;color:#777c74;letter-spacing:2px;margin:0 0 20px}.site-footer>div:not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.site-footer>div a:not(.logo){font-size:11px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;color:#666b64;font-size:8px;letter-spacing:1.5px}
.toast{position:fixed;right:25px;bottom:25px;background:var(--acid);color:#111;padding:15px 22px;font-size:11px;font-weight:800;letter-spacing:.6px;z-index:100;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}

/* Catalog */
.shop-hero{max-width:var(--max);margin:auto;padding:90px 4vw 75px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(100deg,#101210 55%,#1a1e19)}
.shop-hero h1{font-size:clamp(80px,10vw,145px)}.shop-hero>p:last-child{color:var(--muted);max-width:510px;margin:40px 0 0;font-size:15px}
.catalog{max-width:var(--max);margin:auto;display:grid;grid-template-columns:260px 1fr;border-top:1px solid var(--line);padding:0 4vw 110px}
.filters{padding:42px 30px 0 0;border-right:1px solid var(--line)}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.filter-title h2{font:700 22px "Barlow Condensed";margin:0}.filter-title button{border:0;background:none;color:#81867e;font-size:8px;letter-spacing:1px}
.search-wrap{font-size:9px;letter-spacing:1.5px;font-weight:700}.search-wrap input{display:block;width:100%;margin:10px 0 30px;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:13px;font-size:11px;outline:none}.search-wrap input:focus{border-color:var(--acid)}
.filters fieldset{border:0;border-top:1px solid var(--line);padding:25px 0;margin:0}.filters legend{font-size:9px;letter-spacing:1.5px;font-weight:700;padding:23px 0 0}
.filters fieldset label{display:grid;grid-template-columns:20px 1fr auto;align-items:center;padding:7px 0;color:var(--muted);font-size:11px;cursor:pointer}.filters fieldset b{font-weight:400;color:#666}.filters input[type=radio]{appearance:none;width:10px;height:10px;border:1px solid #777;border-radius:50%;margin:0}.filters input:checked{background:var(--acid);box-shadow:inset 0 0 0 2px var(--bg);border-color:var(--acid)}.filters input:checked+span{color:var(--ink)}
.catalog-main{padding:42px 0 0 35px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.catalog-toolbar p{font-size:9px;letter-spacing:1.5px}.catalog-toolbar label{font-size:9px;color:var(--muted);letter-spacing:1px}.catalog-toolbar select{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:10px 28px 10px 12px;margin-left:10px;font-size:10px}
.active-filter{min-height:0;margin-bottom:15px}.filter-chip{display:inline-flex;gap:12px;align-items:center;background:var(--surface2);padding:8px 12px;font-size:9px;letter-spacing:1px}.filter-chip button{background:0;border:0;color:var(--acid);padding:0}
.load-more-wrap{text-align:center;margin-top:60px}.load-more-wrap p{color:var(--muted);font-size:9px;letter-spacing:1px}.load-more-wrap .btn{min-width:220px}.no-results{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted);border:1px solid var(--line)}

/* Detail */
.breadcrumbs{max-width:var(--max);margin:auto;padding:24px 4vw;color:#777c74;font-size:8px;letter-spacing:1.5px;display:flex;gap:10px}.breadcrumbs a:hover{color:var(--acid)}
.product-detail{max-width:var(--max);margin:auto;padding:20px 4vw 100px;display:grid;grid-template-columns:58% 42%;gap:5vw}
.detail-image{aspect-ratio:1/1;background:var(--surface);overflow:hidden}.detail-image img{filter:saturate(.78)}
.gallery-note{display:flex;justify-content:space-between;color:#676c64;font-size:8px;letter-spacing:1.3px;padding:13px 0}
.product-info{padding-top:30px}.product-info h1{font:800 clamp(52px,5.3vw,82px)/.92 "Barlow Condensed";letter-spacing:-2px;margin:0 0 18px}.rating-line{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px}.detail-price{font:600 27px "Barlow Condensed";margin:24px 0}.detail-description{color:var(--muted);line-height:1.8;max-width:560px}.detail-divider{height:1px;background:var(--line);margin:27px 0}.option-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.vehicle-select{width:100%;background:var(--surface);border:1px solid #464b43;color:var(--ink);padding:15px;margin-bottom:16px;outline:0}.vehicle-select:focus{border-color:var(--acid)}
.purchase-row{display:grid;grid-template-columns:130px 1fr;gap:10px}.quantity-picker{border:1px solid #464b43;display:grid;grid-template-columns:40px 1fr 40px}.quantity-picker button,.quantity-picker input{background:transparent;border:0;color:var(--ink);text-align:center;min-width:0}.quantity-picker input{-moz-appearance:textfield}.quantity-picker input::-webkit-inner-spin-button{appearance:none}.add-detail{width:100%}
.fit-note{font-size:9px;color:#959a91;text-align:center;margin:16px 0 28px}.product-info details{border-top:1px solid var(--line);padding:18px 0}.product-info details:last-child{border-bottom:1px solid var(--line)}.product-info summary{list-style:none;font-size:9px;font-weight:700;letter-spacing:1.5px;display:flex;justify-content:space-between;cursor:pointer}.product-info details p,.product-info details ul{color:var(--muted);font-size:11px;line-height:1.7;padding:8px 0 0;margin-bottom:0}.product-info details li{margin-bottom:5px}
.related-section{border-top:1px solid var(--line)}

/* Cart */
.cart-page{max-width:var(--max);margin:auto;padding:75px 4vw}.cart-heading{margin-bottom:50px}.cart-heading h1{font-size:clamp(65px,8vw,110px)}.cart-heading-count{font:500 18px Inter;color:var(--acid);vertical-align:top;margin-left:12px;letter-spacing:0}
.cart-layout{display:grid;grid-template-columns:1fr 390px;gap:50px}.cart-table-head{display:grid;grid-template-columns:1fr 150px 90px;border-bottom:1px solid var(--line);padding:0 0 13px;font-size:8px;letter-spacing:1.5px;color:#7c8179}.cart-table-head span:nth-child(n+2){text-align:right}
.cart-item{display:grid;grid-template-columns:1fr 150px 90px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.cart-product{display:flex;gap:18px;align-items:center;min-width:0}.cart-product img{width:100px;height:108px;background:var(--surface)}.cart-product h3{font:600 19px "Barlow Condensed";margin:3px 0}.cart-product p{color:var(--muted);font-size:9px;margin:3px 0}.remove-item{background:0;border:0;color:#777c74;padding:4px 0;font-size:8px;letter-spacing:1px;text-decoration:underline}.remove-item:hover{color:var(--danger)}
.cart-item .quantity-picker{width:105px;height:39px;justify-self:end;grid-template-columns:32px 1fr 32px}.cart-line-price{text-align:right;font-weight:600;font-size:12px}.empty-cart{text-align:center;padding:80px 20px;display:none}.empty-cart.show{display:block}.empty-icon{color:var(--acid);font-size:50px}.empty-cart h2{font:700 35px "Barlow Condensed";margin:10px}.empty-cart p{color:var(--muted);margin-bottom:28px}
.cart-summary{background:var(--surface);padding:30px;height:max-content;position:sticky;top:100px}.cart-summary h2{font:700 25px "Barlow Condensed";margin:0 0 27px}.shipping-progress{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:18px}.shipping-copy{font-size:10px;color:var(--muted);margin-bottom:11px}.shipping-copy strong{color:var(--acid)}.progress-track{height:3px;background:#3c413a}.progress-track span{display:block;background:var(--acid);height:100%;width:0;transition:width .3s}.summary-row{display:flex;justify-content:space-between;padding:9px 0;font-size:10px}.summary-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:20px;font-size:12px}.summary-row.total strong{font-size:17px}.tax-note{font-size:8px;color:#73786f;text-align:right;margin:0 0 20px}.checkout-btn{width:100%}.payment-note{text-align:center;font-size:7px;letter-spacing:1px;color:#73786f;margin-top:13px}.cart-recs{padding-left:0;padding-right:0;padding-bottom:30px}

@media(max-width:1000px){
  .site-header{grid-template-columns:160px 1fr 100px}.main-nav{gap:14px}.main-nav a:nth-child(n+5){display:none}
  .hero{min-height:620px}.hero h1{font-size:100px}.hero-copy{padding-left:4vw}.hero-badge{width:110px;height:110px}
  .product-grid--featured{grid-template-columns:repeat(2,1fr)}
  .category-grid{grid-template-columns:repeat(2,1fr)}.category-card--large{grid-row:span 1}
  .manifesto{grid-template-columns:1fr 1fr;min-height:550px}
  .catalog{grid-template-columns:220px 1fr}
  .product-detail{grid-template-columns:53% 47%;gap:3vw}
  .cart-layout{grid-template-columns:1fr 330px;gap:25px}
}
@media(max-width:720px){
  .announcement{height:28px;font-size:7px;gap:7px;letter-spacing:1px}.site-header{height:63px;padding:0 18px;grid-template-columns:1fr auto auto;gap:18px}.menu-toggle{display:block;grid-column:2}.cart-link{grid-column:3}.main-nav{display:none;position:fixed;inset:91px 0 0;background:var(--bg);padding:35px 25px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:22px;z-index:40}.main-nav a,.main-nav a:nth-child(n){display:block;font:700 30px "Barlow Condensed"}.menu-open .main-nav{display:flex}
  .hero{display:block;min-height:0;border:0}.hero-copy{min-height:540px;padding:70px 22px}.hero h1{font-size:90px}.hero-lede{margin:34px 0 28px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-media{height:450px}.hero-badge{right:18px;bottom:18px}
  .trust-strip{grid-template-columns:1fr;border-left:0;border-right:0}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px}
  .section{padding:75px 18px}.section-heading,.section-heading.inline{display:block;margin-bottom:35px}.section-heading .text-link{display:inline-block;margin-top:22px}.section-heading>p{margin-top:20px}.section-heading h2{font-size:54px}
  .category-grid{display:block}.category-card,.category-card--large{display:block;height:330px;margin-bottom:10px}.category-card--large{height:430px}
  .product-grid,.product-grid--featured{grid-template-columns:repeat(2,1fr);gap:28px 9px}.product-name{font-size:17px}.product-image{aspect-ratio:1/1.14}.quick-add{transform:none;padding:10px;left:8px;right:8px;bottom:8px}.product-price-row{display:block}.stars{display:block;margin-top:5px}
  .manifesto{display:block;margin-top:10px}.manifesto-image{height:440px}.manifesto-copy{padding:70px 22px}.manifesto-copy h2{font-size:59px}
  .newsletter{padding:80px 20px}.newsletter h2{font-size:58px}.newsletter form{display:block;border:0}.newsletter input{width:100%;border-bottom:1px solid #777}.newsletter button{padding:18px}
  .site-footer{padding:50px 22px 25px;grid-template-columns:repeat(2,1fr);gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}
  .shop-hero{padding:60px 20px}.shop-hero h1{font-size:83px}
  .catalog{display:block;padding:0 18px 75px}.filters{padding:30px 0 0;border:0}.filters fieldset{display:grid;grid-template-columns:1fr 1fr}.filters legend{grid-column:1/-1}.catalog-main{padding:20px 0 0}.catalog-toolbar{align-items:flex-start}.catalog-toolbar label{display:flex;flex-direction:column;gap:6px}.catalog-toolbar select{margin:0}.catalog .product-grid{grid-template-columns:repeat(2,1fr)}
  .breadcrumbs{padding:20px 18px}.product-detail{display:block;padding:0 18px 70px}.product-info{padding-top:40px}.product-info h1{font-size:58px}.purchase-row{grid-template-columns:110px 1fr}.related-section{padding-top:65px}
  .cart-page{padding:55px 18px}.cart-layout{display:block}.cart-table-head{display:none}.cart-item{grid-template-columns:1fr auto;padding:18px 0}.cart-product img{width:82px;height:94px}.cart-item .quantity-picker{grid-column:1;grid-row:2;margin:12px 0 0 100px;justify-self:start}.cart-line-price{grid-column:2;grid-row:1/3}.cart-summary{position:static;margin-top:35px}.cart-heading{margin-bottom:30px}.cart-recs{padding-top:75px}
}
@media(max-width:380px){.hero h1,.shop-hero h1{font-size:72px}.product-grid,.product-grid--featured,.catalog .product-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
