.shop-page { background: #080b11; }
.shop-page .site-header { position: sticky; }
.cart-button { display:flex; align-items:center; gap:10px; border:1px solid rgba(60,145,255,.55); background:transparent; color:#fff; padding:10px 14px; font-weight:800; cursor:pointer; }
.cart-button span { display:grid; place-items:center; min-width:25px; height:25px; border-radius:50%; background:var(--blue); }
.shop-hero { padding:96px 0 78px; background:radial-gradient(circle at 80% 10%,rgba(18,104,216,.3),transparent 32%),linear-gradient(135deg,#070a10 0%,#101827 100%); border-bottom:1px solid var(--line-dark); }
.shop-hero-grid { display:grid; grid-template-columns:1.5fr .8fr; gap:80px; align-items:end; }
.shop-hero h1 { margin:0; max-width:820px; font-size:clamp(3.4rem,7vw,6.7rem); line-height:.92; letter-spacing:-.055em; text-transform:uppercase; }
.shop-hero h1 em { color:var(--blue-bright); font-style:normal; }
.shop-hero > .container > div:first-child > p:last-child { max-width:690px; margin:30px 0 0; color:#c2ccda; font-size:1.08rem; }
.shop-promise { border-left:1px solid var(--line-dark); padding-left:30px; }
.shop-promise span { color:var(--blue-bright); font-size:.76rem; font-weight:900; letter-spacing:.14em; }
.shop-promise p { margin:1px 0 18px; font-weight:750; }
.finder-section { padding:86px 0 100px; background:var(--paper); color:var(--ink); }
.finder-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:32px; }
.finder-heading h2,.shop-service h2 { margin:0; font-size:clamp(2.3rem,4vw,4rem); line-height:1; letter-spacing:-.045em; }
.availability-note { max-width:430px; color:var(--muted-dark); }
.availability-note span { display:inline-block; width:9px; height:9px; border-radius:50%; background:#d18b13; margin-right:7px; }
.tire-finder { display:grid; grid-template-columns:1.3fr repeat(4,1fr) auto; gap:1px; padding:1px; background:#cfd5dd; box-shadow:0 20px 50px rgba(7,10,16,.1); }
.tire-finder label,.results-toolbar label,.order-form>label { display:flex; flex-direction:column; gap:7px; background:#fff; padding:13px 16px; color:#5d6674; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.tire-finder select,.results-toolbar select { border:0; background:transparent; color:var(--ink); font-size:1rem; font-weight:750; outline:none; }
.tire-finder .button { border:0; min-width:150px; justify-content:center; }
.results-toolbar { display:flex; justify-content:space-between; align-items:center; margin:50px 0 18px; }
.results-toolbar p { margin:0; font-size:1.1rem; font-weight:850; }
.results-toolbar label { flex-direction:row; align-items:center; background:transparent; padding:0; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.product-card { display:flex; flex-direction:column; min-height:370px; padding:26px; background:#fff; border:1px solid #dce1e8; }
.product-badge { align-self:flex-start; padding:5px 9px; background:#e8f2ff; color:#075bbd; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.tire-visual { position:relative; width:126px; height:126px; margin:25px auto 20px; border:22px solid #111722; border-radius:50%; box-shadow:inset 0 0 0 5px #384251,0 15px 30px rgba(0,0,0,.15); }
.tire-visual::after { content:"ABS"; position:absolute; inset:12px; display:grid; place-items:center; border-radius:50%; background:#dbe2eb; color:#0a0d13; font-size:.72rem; font-weight:950; }
.product-card h3 { margin:0; font-size:1.35rem; line-height:1.15; }
.product-meta { margin:9px 0 24px; color:var(--muted-dark); }
.product-bottom { display:flex; justify-content:space-between; gap:16px; align-items:end; margin-top:auto; }
.product-price { display:flex; flex-direction:column; font-weight:900; }
.product-price small { color:var(--muted-dark); font-size:.72rem; font-weight:700; }
.add-product { border:0; background:var(--blue); color:#fff; padding:11px 14px; font-weight:850; cursor:pointer; }
.shop-service { padding:92px 0; }
.shop-service-grid { display:grid; grid-template-columns:.9fr 1.2fr; gap:90px; }
.service-options { display:grid; gap:1px; background:var(--line-dark); }
.service-options article { padding:24px; background:var(--ink-soft); }
.service-options strong { font-size:1.1rem; }
.service-options p { margin:5px 0 0; color:var(--muted); }
.cart-backdrop { position:fixed; inset:0; z-index:200; background:rgba(0,0,0,.66); opacity:0; pointer-events:none; transition:opacity .2s; }
.cart-panel { position:fixed; z-index:210; top:0; right:0; width:min(520px,100%); height:100%; overflow:auto; padding:28px; background:#f4f6f8; color:var(--ink); transform:translateX(100%); transition:transform .25s; }
.cart-open .cart-backdrop { opacity:1; pointer-events:auto; }
.cart-open .cart-panel { transform:none; }
.cart-head { display:flex; justify-content:space-between; gap:20px; align-items:start; border-bottom:1px solid #d8dde5; padding-bottom:20px; }
.cart-head h2 { margin:0; font-size:2rem; }
.cart-close { border:0; background:transparent; font-size:2.4rem; cursor:pointer; }
.cart-items { display:grid; gap:10px; padding:20px 0; }
.cart-empty { color:var(--muted-dark); padding:24px 0; }
.cart-item { display:grid; grid-template-columns:1fr auto; gap:5px 15px; padding:15px; background:#fff; border:1px solid #dce1e8; }
.cart-item p { margin:0; font-weight:850; }
.cart-item small { color:var(--muted-dark); }
.cart-item button { grid-row:1/3; grid-column:2; border:0; background:transparent; color:#9b2c2c; cursor:pointer; }
.order-form { display:grid; gap:12px; border-top:1px solid #d8dde5; padding-top:20px; }
.order-form fieldset { display:flex; gap:18px; border:0; padding:0; margin:0 0 4px; }
.order-form legend { margin-bottom:8px; font-weight:850; }
.order-form fieldset label,.consent { text-transform:none!important; letter-spacing:0!important; font-size:.9rem!important; }
.order-form input:not([type=radio]):not([type=checkbox]),.order-form textarea { border:1px solid #cfd5dd; padding:10px; background:#fff; color:var(--ink); font-size:1rem; text-transform:none; }
.order-form .button { border:0; justify-content:center; }
.form-help { margin:0; color:var(--muted-dark); font-size:.82rem; }
@media (max-width:980px){.shop-hero-grid,.shop-service-grid{grid-template-columns:1fr;gap:42px}.tire-finder{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-page .header-call{display:none}}
@media (max-width:720px){.shop-page .header-inner{gap:12px}.cart-button{margin-left:auto;font-size:.78rem}.shop-hero{padding:68px 0}.shop-hero h1{font-size:clamp(2.9rem,14vw,4.4rem)}.finder-heading{display:block}.tire-finder{grid-template-columns:1fr 1fr}.tire-finder label:first-child,.tire-finder .button{grid-column:1/-1}.product-grid{grid-template-columns:1fr}.results-toolbar{align-items:start;gap:20px}.results-toolbar label{display:none}.shop-service{padding:70px 0}.cart-panel{padding:22px}.shop-page .mobile-actions{display:none}}