.shop-strip{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #ced1c4;font-size:12px}.shop-strip b{color:#75882e;margin-right:12px;font-size:10px}.bike-grid{gap:26px}.bike-card{background:#fffefa;border:1px solid #dedfd5;overflow:hidden;transition:transform .2s,box-shadow .2s}.bike-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #20221e0d}.product-info{padding:22px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:0}.product-info .card-title{margin:10px 0 22px}.product-info .card-title h3{font-size:24px}.product-price{border-top:1px solid #e4e5dc;padding-top:17px;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.product-price>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.product-price strong{font-size:23px;letter-spacing:-.6px}.order-button{width:100%;background:var(--lime);color:var(--ink);border:1px solid var(--ink)}.order-button:hover{background:var(--ink);color:var(--lime)}.stock-note{font-size:10px;text-align:center;color:var(--muted);margin:12px 0 0}.order-guide{padding-top:20px;padding-bottom:75px}.order-guide h2{font-size:55px}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:36px}.order-steps>div{border-top:1px solid #bfc5b0;padding-top:22px}.order-steps span{font-size:10px;letter-spacing:1px;color:#657531}.order-steps h3{font-size:20px;letter-spacing:-.6px;margin-bottom:8px}.order-steps p{font-size:13px;color:var(--muted)}dialog{border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);max-width:520px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#151b13b8;backdrop-filter:blur(5px)}.order-dialog-body{padding:35px;position:relative}.dialog-close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:30px;cursor:pointer;width:38px;height:38px}.order-dialog-body h2{font-size:46px}.order-dialog-body .eyebrow{padding-right:25px}.order-dialog-body label{display:block;font-size:12px;font-weight:600;margin:22px 0 10px}#order-product{font-size:23px;font-weight:700;margin-bottom:5px}.order-price-note{font-size:12px;color:var(--muted)}.order-dialog-body .button{width:100%;margin-bottom:10px}.copy-button{border:1px solid var(--ink);background:transparent}.copy-button:hover{background:#e4e8d9}#order-status{font-size:12px;color:#4e611a}body:has(dialog[open]){overflow:hidden}.hero h1{font-size:clamp(64px,6vw,86px)}
@media(max-width:900px){.bike-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-strip{font-size:10px}.hero h1{font-size:62px}.product-info{padding:17px}}
@media(max-width:620px){.shop-strip{gap:15px;align-items:flex-start}.shop-strip span{flex:1;line-height:1.6}.shop-strip b{display:block;margin-bottom:4px}.bike-grid{grid-template-columns:1fr}.hero h1{font-size:66px}.order-steps{grid-template-columns:1fr;gap:16px}.order-guide h2{font-size:44px}.order-dialog-body{padding:28px 22px}.order-dialog-body h2{font-size:40px}.product-info{padding:22px}}
@media(prefers-reduced-motion:reduce){.bike-card{transition:none}.bike-card:hover{transform:none}}

/* Shared storefront controls */
.button,.nav-cta,.filters button,.instagram-contact,.hero-photo-link,.dialog-close{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.button{min-height:56px;padding:9px 10px 9px 23px;gap:24px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.1px;line-height:1.35;text-align:left}
.button>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;font-size:21px;background:#ffffff17;transition:transform .2s,background-color .2s}
.dark{background:var(--ink);color:var(--paper);box-shadow:0 3px 0 #11130f18}
.dark>span{background:var(--lime);color:var(--ink)}
.order-button{background:var(--lime);color:var(--ink);border-color:#bcd940;box-shadow:0 3px 0 #a7bf3633}
.order-button>span{background:var(--ink);color:var(--lime)}
.copy-button{background:transparent;border-color:#c9cdbe;color:var(--ink);box-shadow:none}
.copy-button>span{background:#e6e9dd;color:var(--ink)}
.nav-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:6px 7px 6px 18px;border:1px solid #c6cbb9;border-radius:999px;font-weight:700;background:#eeefe5}
.nav-cta span{display:grid;place-items:center;width:31px;height:31px;margin:0;border-radius:50%;background:var(--ink);color:var(--lime);font-size:18px}
.filters{gap:9px;flex-wrap:wrap}
.filters button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-color:#d6d9cb;background:#eeefe7;color:#555c4a;font-weight:600;white-space:nowrap}
.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 3px 8px #20221e12}
.filters span{display:grid;place-items:center;margin:0;min-width:23px;height:23px;border-radius:50%;background:#ffffff19;font-size:9px;color:var(--lime)}
.instagram-contact{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #c9cdbe;border-radius:999px;text-decoration:none;line-height:1.5;text-align:center}
.hero-photo-link{border:1px solid #d8f775;border-radius:999px;text-align:center;line-height:1.5;box-shadow:0 4px 20px #00000024}
.dialog-close{display:grid;place-items:center;top:12px;right:12px;width:44px;height:44px;border:1px solid #d5d9cc;border-radius:50%;background:#eceee4;color:var(--ink);line-height:1}
.order-dialog-body>.eyebrow{padding-right:35px}.order-dialog-body .button{margin-bottom:12px}
.button:active,.nav-cta:active,.filters button:active,.instagram-contact:active{transform:translateY(1px);box-shadow:none}
.button:focus-visible,.nav-cta:focus-visible,.filters button:focus-visible,.instagram-contact:focus-visible,.dialog-close:focus-visible{outline:3px solid #6b8128;outline-offset:4px}
@media(hover:hover){
 .button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #20221e18}
 .dark:hover{background:#343b2c;color:var(--paper)}
 .button:hover>span{transform:rotate(-8deg)}
 .order-button:hover{background:var(--ink);border-color:var(--ink);color:var(--lime)}
 .order-button:hover>span{background:var(--lime);color:var(--ink)}
 .copy-button:hover,.instagram-contact:hover{background:#e6eadb;border-color:#aeb89a;color:var(--ink)}
 .nav-cta:hover{background:var(--lime);border-color:#bcd940}
 .filters button:not(.active):hover{background:#e2e7d5;border-color:#b7c399;color:var(--ink)}
 .hero-photo-link:hover{background:#e0ff6b;transform:translateY(-2px)}
 .dialog-close:hover{background:var(--ink);color:var(--lime);border-color:var(--ink)}
}
@media(max-width:620px){.button{min-height:54px;font-size:12px;padding-left:20px;gap:15px}.nav-cta{padding:6px 7px 6px 14px;font-size:11px;gap:12px}.nav-cta span{margin:0}.filters button{padding:9px 16px;min-height:44px}.hero-photo-link{font-size:9px;padding:14px 12px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.button,.button>span,.nav-cta,.filters button,.instagram-contact,.hero-photo-link,.dialog-close{transition:none}.button:hover,.button:hover>span,.hero-photo-link:hover{transform:none}}
