:root { --ink:#101311; --paper:#f2f4f0; --acid:#c6ff00; --line:#d7dcd5; --muted:#6e756d; --display:'Barlow Condensed', sans-serif; --body:'Manrope', sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); overflow-x:hidden; }
a { color:inherit; text-decoration:none; } button { font:inherit; cursor:pointer; } .layout-width { width:min(1240px, calc(100% - 64px)); margin:0 auto; }
.announcement { background:var(--acid); height:34px; display:flex; align-items:center; justify-content:center; gap:12px; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.announcement-dot { opacity:.5; }
.site-header { height:82px; display:flex; align-items:center; gap:48px; padding:0 max(32px, calc((100vw - 1240px)/2)); background:#101311; color:#fff; position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:10px; font-family:var(--display); font-size:25px; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }.brand > span:last-child span { color:var(--acid); }.brand i { color:#8c938b; font-size:16px; font-style:normal; letter-spacing:-.02em; }.brand-mark { width:31px; height:31px; display:grid; place-items:center; background:var(--acid); color:var(--ink); font-size:14px; letter-spacing:-.08em; transform:skew(-8deg); }.brand-mark::first-letter { letter-spacing:-.1em; }
.main-nav { margin-left:auto; display:flex; align-items:center; gap:32px; }.main-nav a { color:#c9cec7; font-size:12px; font-weight:700; transition:color .2s; }.main-nav a:hover { color:var(--acid); }
.header-actions { display:flex; align-items:center; gap:13px; }.icon-button,.cart-button { border:0; background:transparent; color:#fff; }.icon-button svg,.cart-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.icon-button { display:grid; place-items:center; padding:6px; }.cart-button { display:flex; align-items:center; gap:7px; padding:7px 0 7px 10px; border-left:1px solid #333934; font-size:11px; font-weight:700; }.cart-count { min-width:19px; height:19px; display:grid; place-items:center; background:var(--acid); color:var(--ink); border-radius:50%; font-size:10px; }
.menu-toggle { display:none; }
.hero { min-height:660px; position:relative; color:#fff; background:#0c0e0d url('assets/hero-electric-offroad.png') center / cover no-repeat; display:flex; align-items:center; overflow:hidden; }.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,8,7,.94) 0%,rgba(7,9,8,.76) 28%,rgba(7,9,8,.18) 62%,rgba(7,9,8,.08)); }.hero-content { position:relative; z-index:1; padding:88px 0 105px; }.eyebrow { display:flex; gap:9px; align-items:center; color:var(--acid); margin:0 0 19px; font-size:10px; font-weight:800; letter-spacing:.12em; }.eyebrow span { display:inline-block; height:2px; width:24px; background:currentColor; }.eyebrow.dark { color:#5c655c; }.hero h1,.section-heading h2,.trust-copy h2,.cta-strip h2 { margin:0; font:800 clamp(58px, 7vw, 101px)/.82 var(--display); letter-spacing:-.045em; text-transform:uppercase; }.hero h1 em,.section-heading h2 em,.trust-copy h2 em,.cta-strip h2 em { color:var(--acid); font-style:normal; }.hero-copy { width:min(410px,100%); margin:28px 0 32px; color:#c2c9c1; font-size:14px; line-height:1.8; }.hero-actions { display:flex; gap:12px; align-items:center; }.button { min-height:49px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:20px; font-size:11px; font-weight:800; letter-spacing:.01em; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--acid); color:var(--ink); }.button-primary span { font-size:20px; line-height:0; }.button-ghost { border:1px solid #586058; color:#fff; }.button-ghost:hover { background:#fff; border-color:#fff; color:var(--ink); }.hero-stats { position:absolute; z-index:1; bottom:0; left:50%; transform:translateX(-50%); display:flex; border-top:1px solid rgba(255,255,255,.19); }.hero-stats div { width:196px; padding:18px 18px 20px 0; display:flex; flex-direction:column; border-right:1px solid rgba(255,255,255,.19); }.hero-stats div + div { padding-left:20px; }.hero-stats strong { font:700 26px var(--display); letter-spacing:.02em; }.hero-stats span { color:#a5ada4; font-size:9px; font-weight:600; margin-top:2px; }.scroll-hint { position:absolute; z-index:2; bottom:27px; right:max(32px, calc((100vw - 1240px)/2)); display:flex; align-items:center; gap:8px; font-size:9px; font-weight:800; letter-spacing:.12em; color:#c0c5bf; transform:rotate(-90deg) translateX(100%); transform-origin:right bottom; }.scroll-hint span { height:1px; width:34px; background:var(--acid); }
.section { padding:112px 0 118px; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:37px; }.section-heading h2,.trust-copy h2,.cta-strip h2 { font-size:64px; color:var(--ink); }.text-link { display:inline-flex; gap:13px; align-items:center; border-bottom:1px solid var(--ink); padding-bottom:7px; font-size:11px; font-weight:800; white-space:nowrap; }.text-link span { font-size:17px; line-height:10px; }.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.category-card { position:relative; min-height:270px; overflow:hidden; display:flex; flex-direction:column; padding:22px; color:#fff; background:#272d29; transition:transform .25s, box-shadow .25s; }.category-card:hover { transform:translateY(-5px); box-shadow:0 15px 26px rgba(16,19,17,.16); }.category-card::after { content:''; width:200px; height:200px; position:absolute; right:-56px; bottom:-76px; border-radius:50%; border:45px solid rgba(255,255,255,.07); }.category-card.quad { background:#1f2721; }.category-card.pocket { background:#29312c; }.category-card.balance { background:#a9d510; color:var(--ink); }.category-card.ebike { background:#131715; }.category-number { color:#aeb5ad; font:700 14px var(--display); }.balance .category-number { color:#425500; }.category-card svg { width:75px; height:48px; position:relative; z-index:1; margin:auto 0 13px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }.category-card h3 { margin:0 0 6px; font:700 31px var(--display); letter-spacing:-.02em; text-transform:uppercase; }.category-card p { max-width:160px; margin:0; color:#b7bfb7; font-size:10px; line-height:1.5; }.balance p { color:#475800; }.card-arrow { position:absolute; right:20px; top:19px; font-size:21px; font-weight:400; }
.featured { padding:101px 0 110px; background:#e2e6e0; }.featured .section-heading { align-items:center; }.product-controls { display:flex; flex-wrap:wrap; justify-content:end; gap:7px; }.filter { border:1px solid #bdc4bb; background:transparent; min-height:33px; padding:0 12px; color:#626b61; font-size:10px; font-weight:800; }.filter.active,.filter:hover { border-color:var(--ink); color:#fff; background:var(--ink); }.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.product-card { overflow:hidden; background:#f8f9f7; transition:opacity .25s, transform .25s; }.product-card.is-hidden { display:none; }.product-image { height:255px; position:relative; overflow:hidden; background:#1b211e url('assets/hero-electric-offroad.png') center / auto 112% no-repeat; }.product-image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 38%,rgba(0,0,0,.2)); }.product-quad { background-position:88% center; }.product-pocket { background-position:59% center; filter:saturate(.55) hue-rotate(60deg); }.product-balance { background-position:51% center; filter:grayscale(.8) contrast(1.18); }.product-quad-alt { background-position:98% center; filter:hue-rotate(20deg) brightness(.78); }.tag { position:absolute; z-index:1; left:12px; top:12px; padding:6px 8px; background:var(--acid); color:var(--ink); font-size:8px; font-weight:800; letter-spacing:.07em; }.tag.neutral { background:#fff; }.heart { position:absolute; z-index:2; top:9px; right:11px; border:0; background:transparent; color:#fff; font-size:29px; line-height:1; }.heart.active { color:var(--acid); }.vehicle-label { position:absolute; z-index:1; bottom:16px; left:15px; color:rgba(255,255,255,.84); font:700 27px/.77 var(--display); letter-spacing:-.025em; }.product-body { padding:18px 16px 15px; }.product-type { margin:0 0 6px; color:#757d74; font-size:8px; font-weight:800; letter-spacing:.12em; }.product-body h3 { margin:0 0 12px; font:700 25px var(--display); letter-spacing:-.02em; text-transform:uppercase; }.product-meta { padding:10px 0; border-top:1px solid #dfe3de; border-bottom:1px solid #dfe3de; display:flex; gap:8px; color:#687168; font-size:9px; font-weight:700; }.product-meta span + span { padding-left:8px; border-left:1px solid #cbd1cb; }.product-bottom { display:flex; align-items:center; justify-content:space-between; gap:4px; padding-top:14px; }.product-bottom strong { font-size:13px; }.add-to-cart { padding:0; border:0; background:transparent; color:#3e473e; font-size:9px; font-weight:800; }.add-to-cart span { margin-left:5px; font-size:19px; line-height:0; vertical-align:-2px; }.add-to-cart:hover { color:#719400; }
.trust-section { padding:123px 0; display:grid; grid-template-columns:1fr 1.18fr; gap:110px; align-items:center; }.trust-copy h2 { margin-bottom:25px; }.trust-copy > p:not(.eyebrow) { max-width:410px; color:#646d64; font-size:13px; line-height:1.85; margin:0 0 24px; }.benefit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:48px 40px; }.benefit { border-top:1px solid #cbd1cb; padding-top:14px; }.benefit-icon { color:#89ae00; font:700 16px var(--display); }.benefit h3 { margin:23px 0 8px; font:700 24px var(--display); text-transform:uppercase; }.benefit p { margin:0; color:#697169; font-size:11px; line-height:1.65; }.cta-strip { padding:82px 0; background:var(--acid); }.cta-strip .layout-width { position:relative; }.cta-strip p { margin:0 0 13px; font-size:10px; font-weight:800; letter-spacing:.1em; }.cta-strip h2 { margin-bottom:27px; }.cta-strip h2 em { color:#fff; }.cta-strip .button-primary { background:var(--ink); color:#fff; }
footer { color:#fff; background:var(--ink); }.footer-top { display:flex; justify-content:space-between; align-items:center; gap:30px; min-height:166px; }.footer-top p { color:#aab1aa; font-size:11px; line-height:1.7; }.footer-top > div { display:flex; flex-direction:column; align-items:end; gap:8px; }.footer-top > div a { color:var(--acid); font-size:12px; font-weight:700; }.footer-bottom { padding:17px 0; border-top:1px solid #333a34; display:flex; justify-content:space-between; gap:20px; color:#848d84; font-size:9px; }.footer-bottom a { color:#fff; font-weight:700; }
.toast { position:fixed; z-index:30; right:24px; bottom:24px; max-width:320px; transform:translateY(140%); opacity:0; pointer-events:none; transition:transform .3s,opacity .3s; display:flex; align-items:center; gap:12px; padding:13px; background:#fff; box-shadow:0 10px 32px rgba(0,0,0,.22); }.toast.show { transform:translateY(0); opacity:1; pointer-events:auto; }.toast > span { width:26px; height:26px; flex:none; display:grid; place-items:center; background:var(--acid); border-radius:50%; font-weight:900; }.toast p { display:flex; flex-direction:column; margin:0; font-size:10px; }.toast small { color:#697169; margin-top:3px; }.toast button { margin-left:8px; border:0; background:transparent; color:#7d857d; font-size:20px; }
.account-button { border-left:1px solid #333934; padding-left:13px; }.account-button.is-logged { color:var(--acid); }
.product-image.real-product { background:#fff !important; filter:none; display:grid; place-items:center; }.product-image.real-product::after { background:linear-gradient(180deg,rgba(16,19,17,.03),transparent 40%,rgba(16,19,17,.12)); }.product-image.real-product img { width:100%; height:100%; object-fit:contain; padding:12px; position:relative; z-index:0; mix-blend-mode:multiply; }.product-image.real-product .vehicle-label { color:var(--ink); }.product-image.real-product .heart { color:var(--ink); }.product-image.real-product .heart.active { color:#719400; }
.drawer-backdrop { position:fixed; z-index:19; inset:0; background:rgba(5,7,6,.64); opacity:0; visibility:hidden; transition:opacity .25s,visibility .25s; }.drawer-backdrop.is-open { opacity:1; visibility:visible; }.cart-drawer { position:fixed; z-index:20; top:0; right:0; width:min(462px,100%); height:100dvh; padding:27px 28px 25px; overflow:auto; background:#f7f8f5; transform:translateX(105%); transition:transform .32s cubic-bezier(.2,.8,.2,1); }.cart-drawer.is-open { transform:translateX(0); }.panel-header { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:23px; border-bottom:1px solid var(--line); }.panel-header .eyebrow { margin-bottom:9px; }.panel-header h2 { margin:0; font:800 39px var(--display); text-transform:uppercase; }.panel-header h2 b { display:inline-grid; place-items:center; vertical-align:7px; width:21px; height:21px; border-radius:50%; color:var(--ink); background:var(--acid); font:800 10px var(--body); }.panel-close { position:absolute; top:17px; right:18px; display:grid; place-items:center; width:35px; height:35px; padding:0; border:0; background:#e9ece7; color:var(--ink); font-size:25px; line-height:1; }.panel-header .panel-close { position:static; }.cart-items { display:grid; gap:0; }.cart-item { display:grid; grid-template-columns:74px 1fr auto; gap:13px; align-items:center; padding:17px 0; border-bottom:1px solid var(--line); }.cart-thumb { width:74px; height:62px; background:#253027 center / 165px no-repeat; }.cart-thumb.real { background:#fff !important; }.cart-thumb img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }.cart-item h3 { margin:0 0 3px; font:700 19px var(--display); text-transform:uppercase; }.cart-item p { margin:0 0 9px; color:#697169; font-size:9px; font-weight:700; }.quantity { display:flex; align-items:center; gap:10px; }.quantity button { display:grid; place-items:center; width:19px; height:19px; padding:0; border:1px solid #bcc4bb; background:transparent; color:#3d463d; font-size:15px; }.quantity span { min-width:9px; text-align:center; font-size:10px; font-weight:800; }.cart-item-side { display:flex; height:62px; flex-direction:column; align-items:end; justify-content:space-between; }.cart-item-side strong { font-size:11px; }.cart-item-side button { border:0; background:transparent; color:#889088; padding:0; font-size:18px; line-height:1; }.cart-empty { padding:76px 15px; text-align:center; }.cart-empty.is-hidden,.cart-summary.is-hidden { display:none; }.cart-empty > span { display:grid; place-items:center; width:44px; height:44px; margin:0 auto 15px; background:var(--acid); border-radius:50%; font-size:20px; }.cart-empty h3 { margin:0 0 7px; font:700 26px var(--display); text-transform:uppercase; }.cart-empty p { max-width:220px; margin:0 auto 21px; color:#697169; font-size:11px; line-height:1.6; }.cart-summary { margin-top:22px; padding-top:17px; border-top:2px solid var(--ink); }.cart-summary > div { display:flex; justify-content:space-between; padding:7px 0; color:#6b736a; font-size:11px; }.cart-summary strong { color:var(--ink); }.cart-summary .cart-total { padding:15px 0 20px; color:var(--ink); font-weight:800; font-size:13px; }.cart-summary .cart-total strong { font-size:20px; }.cart-summary .button { width:100%; }.cart-summary > p { margin:12px 0 0; color:#7c847c; text-align:center; font-size:8px; }
.modal { position:fixed; z-index:21; inset:0; display:grid; place-items:center; padding:24px; overflow:auto; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s,visibility .2s; }.modal.is-open { opacity:1; visibility:visible; pointer-events:auto; }.modal-card { position:relative; width:min(970px,100%); max-height:calc(100dvh - 48px); overflow:auto; background:#f7f8f5; box-shadow:0 18px 55px rgba(0,0,0,.3); }.modal-card > .panel-close { z-index:2; }.account-card { width:min(800px,100%); min-height:430px; }.account-login { display:grid; grid-template-columns:.8fr 1.2fr; min-height:430px; }.account-promo { padding:49px 44px; background:var(--ink); color:#fff; }.account-promo .eyebrow { color:var(--acid); }.account-promo h2,.account-dashboard h2,.checkout-intro h2,.product-form-card h2 { margin:0 0 18px; font:800 53px/.86 var(--display); letter-spacing:-.04em; text-transform:uppercase; }.account-promo h2 em,.account-dashboard h2 em,.checkout-intro h2 em,.product-form-card h2 em { color:var(--acid); font-style:normal; }.account-promo p:not(.eyebrow) { color:#afb7ae; font-size:11px; line-height:1.7; }.demo-access { margin-top:26px; padding:13px; background:#262c27; }.demo-access span { display:block; color:#8a948a; font-size:8px; font-weight:800; letter-spacing:.1em; }.demo-access strong { display:block; margin-top:5px; color:var(--acid); font-size:11px; }.account-login-form { padding:65px 48px 35px; }.account-login-form h3 { margin:0 0 22px; font:700 33px var(--display); text-transform:uppercase; }.field-note { min-height:18px; margin:10px 0 0; color:#bf3322; font-size:9px; font-weight:700; }.account-dashboard { padding:45px; }.dashboard-top { display:flex; justify-content:space-between; gap:25px; align-items:flex-start; }.dashboard-top .eyebrow { margin-bottom:12px; }.account-dashboard h2 { margin-bottom:0; }.dashboard-actions { display:flex; gap:8px; }.button-small { min-height:34px; padding:0 11px; border:1px solid var(--ink); background:transparent; color:var(--ink); font-size:9px; font-weight:800; }.button-small.acid { border-color:var(--acid); background:var(--acid); }.dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:32px 0 25px; }.dashboard-stat { padding:15px; background:#e9ece7; }.dashboard-stat span { display:block; margin-bottom:6px; color:#687168; font-size:8px; font-weight:800; letter-spacing:.08em; }.dashboard-stat strong { font:700 29px var(--display); }.dashboard-section { border-top:1px solid var(--line); padding-top:20px; }.dashboard-section-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }.dashboard-section h3 { margin:0; font:700 24px var(--display); text-transform:uppercase; }.admin-orders { display:grid; gap:7px; }.order-row { display:grid; grid-template-columns:1.1fr 1fr .9fr auto; align-items:center; gap:10px; padding:11px 12px; background:#fff; font-size:9px; }.order-row strong { font-size:10px; }.order-row small { display:block; margin-top:3px; color:#747c73; font-size:8px; }.order-status { border:0; background:#edf1e9; color:#506247; padding:6px; font:700 8px var(--body); }.empty-orders { padding:18px; background:#fff; color:#757e74; font-size:10px; }.checkout-card { display:grid; grid-template-columns:.77fr 1.23fr; }.checkout-intro { min-height:520px; padding:56px 43px; background:var(--ink); color:#fff; }.checkout-intro h2 em { color:var(--acid); }.checkout-intro p:not(.eyebrow) { max-width:240px; color:#b0b9b0; font-size:11px; line-height:1.7; }.checkout-form,.product-form { padding:51px 43px 35px; }.checkout-form label,.product-form label,.account-login-form label { display:block; margin-bottom:14px; color:#616a61; font-size:9px; font-weight:800; letter-spacing:.03em; }.checkout-form input,.checkout-form select,.product-form input,.product-form select,.account-login-form input { display:block; width:100%; height:39px; margin-top:6px; padding:0 11px; border:1px solid #c9d0c8; border-radius:0; outline:none; background:#fff; color:var(--ink); font:500 11px var(--body); }.checkout-form input:focus,.checkout-form select:focus,.product-form input:focus,.product-form select:focus,.account-login-form input:focus { border-color:#769b00; box-shadow:0 0 0 2px rgba(198,255,0,.32); }.checkout-form small,.product-form small { color:#8b948a; font-size:8px; font-weight:600; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.checkout-review { margin:23px 0 17px; padding:15px; border-top:2px solid var(--ink); background:#e9ece7; }.checkout-review > div { display:flex; align-items:center; justify-content:space-between; padding:4px 0; font-size:10px; }.checkout-review > div:last-child { margin-top:5px; padding-top:10px; border-top:1px solid #cbd1cb; font-weight:800; }.checkout-form .button,.product-form .button { width:100%; }.product-form-card { width:min(560px,100%); }.product-form-card > .eyebrow,.product-form-card > h2 { margin-left:43px; }.product-form-card > .eyebrow { margin-top:49px; margin-bottom:12px; }.product-form-card > h2 { margin-bottom:0; }.product-form { padding-top:29px; }
.upload-preview { min-height:72px; margin:-3px 0 15px; padding:10px 12px; display:flex; align-items:center; gap:11px; border:1px dashed #b7c1b6; background:#eef1ec; color:#6d766d; }.upload-preview > span { width:27px; height:27px; display:grid; place-items:center; flex:none; background:var(--acid); color:var(--ink); font-size:20px; }.upload-preview p { margin:0; font-size:9px; font-weight:700; }.upload-preview img { width:54px; height:48px; object-fit:contain; mix-blend-mode:multiply; background:#fff; }.upload-preview.has-image { border-style:solid; border-color:#8db300; background:#f7f8f5; }
.catalog-admin { margin-top:24px; }.catalog-list { display:grid; gap:6px; }.catalog-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 12px; background:#fff; }.catalog-row strong { display:block; font-size:10px; }.catalog-row small { display:block; margin-top:3px; color:#747c73; font-size:8px; }.delete-product { border:0; background:transparent; color:#9a3026; padding:5px; font-size:8px; font-weight:800; }
@media (max-width:900px) { .site-header{gap:20px;padding:0 25px}.main-nav{gap:17px}.search-button{display:none}.hero{min-height:620px}.product-grid{grid-template-columns:repeat(2,1fr)}.trust-section{gap:55px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:230px} }
@media (max-width:650px) { .layout-width{width:min(100% - 36px, 1240px)}.announcement{height:30px;font-size:8px;gap:8px}.site-header{height:67px;padding:0 18px}.brand{font-size:21px}.brand-mark{width:27px;height:27px;font-size:12px}.main-nav{position:absolute;top:67px;left:0;right:0;padding:20px 18px 25px;display:none;flex-direction:column;align-items:flex-start;gap:18px;background:#101311;border-top:1px solid #303630}.main-nav.open{display:flex}.main-nav a{font-size:13px}.menu-toggle{display:flex;margin-left:auto;width:31px;height:31px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:1px;width:22px;background:#fff}.header-actions{gap:0}.cart-button{padding-left:8px;border-left:0}.cart-button > span{display:none}.hero{min-height:620px;background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(6,8,7,.93),rgba(6,8,7,.5)),linear-gradient(0deg,rgba(6,8,7,.7),transparent 55%)}.hero-content{padding:60px 0 125px}.hero h1{font-size:64px}.hero-copy{font-size:12px;line-height:1.7;margin:22px 0 26px}.hero-actions{align-items:stretch;flex-direction:column}.button{min-height:46px}.hero-stats{width:calc(100% - 36px)}.hero-stats div{width:33.33%;padding:14px 7px 15px 0}.hero-stats div + div{padding-left:9px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:7px;line-height:1.35}.scroll-hint{display:none}.section,.featured{padding:71px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:26px}.section-heading h2,.trust-copy h2,.cta-strip h2{font-size:48px}.category-grid{gap:9px}.category-card{min-height:206px;padding:15px}.category-card h3{font-size:25px}.category-card p{font-size:9px}.category-card svg{width:61px;margin-bottom:9px}.category-number{font-size:12px}.card-arrow{right:14px;top:12px}.featured .section-heading{align-items:flex-start}.product-controls{justify-content:flex-start;overflow:auto;max-width:100%;flex-wrap:nowrap;padding-bottom:1px}.filter{white-space:nowrap}.product-grid{grid-template-columns:1fr;gap:12px}.product-image{height:240px}.product-body{padding:16px}.trust-section{padding:75px 0;display:block}.trust-copy{margin-bottom:52px}.benefit-grid{gap:32px 20px}.benefit h3{font-size:21px;margin-top:16px}.benefit p{font-size:10px}.cta-strip{padding:61px 0}.footer-top{padding:44px 0;display:block}.footer-top p{margin:21px 0}.footer-top > div{align-items:flex-start}.footer-bottom{flex-wrap:wrap;padding:16px 0;font-size:8px}.footer-bottom span:nth-child(2){width:100%;order:3}.toast{left:18px;right:18px;bottom:18px;max-width:none} }
@media (max-width:650px) { .account-button { border-left:0; padding-left:4px; }.cart-drawer { padding:21px 18px; }.modal { padding:12px; align-items:end; }.modal-card { max-height:calc(100dvh - 24px); }.account-login,.checkout-card { grid-template-columns:1fr; }.account-promo,.checkout-intro { min-height:0; padding:37px 28px 29px; }.account-promo h2,.checkout-intro h2,.account-dashboard h2,.product-form-card h2 { font-size:43px; }.account-login-form,.checkout-form,.product-form { padding:31px 28px; }.account-dashboard { padding:38px 24px 26px; }.dashboard-top { display:block; }.dashboard-actions { margin-top:20px; }.dashboard-stats { margin:25px 0 21px; }.order-row { grid-template-columns:1fr auto; gap:8px; }.order-row > :nth-child(2) { grid-column:1; }.order-row > :nth-child(3) { grid-column:2; grid-row:1; }.order-row > :nth-child(4) { grid-column:2; grid-row:2; }.checkout-intro p:not(.eyebrow) { max-width:none; }.product-form-card > .eyebrow,.product-form-card > h2 { margin-left:28px; }.product-form-card > .eyebrow { margin-top:39px; }.form-row { gap:9px; }.panel-close { top:10px; right:10px; } }