/* Winter storefront styling, layered over the shared catalog styles. */
.storefront-design .product .btn[data-buy]{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
@media(hover:hover){.storefront-design .product .btn[data-buy]:not(:disabled):hover{background:#286879;color:#fff;box-shadow:0 4px 12px #28687926}}
.storefront-design .product .btn[data-buy]:not(:disabled):focus-visible{background:#286879;color:#fff;outline:3px solid #008ca1;outline-offset:3px}
.storefront-design .product .btn[data-buy]:not(:disabled):active{background:#1d505e;color:#fff;box-shadow:none}
.storefront-design{--paper:#f7f8f3;background:var(--paper)}
.storefront-design .notice{padding:5px 16px;font-size:10px}
.utility{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 24px;font-size:12px;color:#52655e;border-bottom:1px solid #dce5df}
.utility>div{display:flex;gap:18px;white-space:nowrap}
body.storefront-design header.new-header{max-width:1360px;display:grid;grid-template-columns:160px auto minmax(180px,1fr) 175px 100px;gap:20px;padding:12px 24px;margin:auto;border:0;min-height:100px;background:#f7f8f3}
body.storefront-design header.new-header .logo{grid-column:1;grid-row:1;width:160px;height:80px}
body.storefront-design header.new-header .logo img{position:static;width:160px;height:80px;max-height:none;object-fit:contain}
body.storefront-design header.new-header nav{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:nowrap;gap:15px;width:auto;padding:0;margin:0;overflow:visible}
body.storefront-design header.new-header nav a{font-size:14px;padding:12px 0;white-space:nowrap;min-height:44px}
.header-search{display:flex;align-items:center;grid-column:3;grid-row:1;position:relative;min-width:0}
.header-search input{width:100%;min-width:0;height:44px;margin:0;padding:10px 40px 10px 13px;border-radius:13px;background:white;font-size:13px}
.header-search button{position:absolute;right:3px;top:2px;width:38px;height:40px;border-radius:10px;background:transparent;color:#28626a;font-size:28px}
body.storefront-design header.new-header .header-help{grid-column:4;grid-row:1;text-align:right;display:flex;flex-direction:column;gap:6px}
body.storefront-design header.new-header .header-phone{font-size:18px;white-space:nowrap}
.contact-chat{font-size:13px;color:#28626a;text-decoration:underline;text-underline-offset:4px}
body.storefront-design header.new-header .cart-link{grid-column:5;grid-row:1;font-size:13px;text-align:center;padding:10px 4px}
.new-header .cart-link span{margin-left:3px}
.new-header .cart-link small{display:block;font-size:12px;margin-top:3px;color:#52655e}
.header-space{position:relative;z-index:50;min-height:104px}
body.storefront-design header.new-header.is-sticky{position:fixed;top:0;left:0;right:0;max-width:none;min-height:68px;height:68px;padding-left:max(24px,calc((100vw - 1312px)/2));padding-right:max(24px,calc((100vw - 1312px)/2));box-shadow:0 4px 18px #183c3020;grid-template-columns:125px 85px minmax(160px,1fr) 175px 110px}
body.storefront-design header.new-header.is-sticky .logo,body.storefront-design header.new-header.is-sticky .logo img{width:115px;height:50px}
body.storefront-design header.new-header.is-sticky nav a:not([href="/tires/"]){display:none}
body.storefront-design header.new-header.is-sticky .contact-chat{display:none}
.storefront-design main{max-width:1360px;padding:24px;margin:auto}
.home-intro{margin:4px 0 20px;text-align:left;max-width:980px}
.home-intro .pill{display:inline-block;font-size:12px;background:#e5eeea;padding:6px 12px;margin:0 0 10px}
.home-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-1.2px;margin:0}
.storefront-design .new-home-finder{margin:0;border-radius:28px;background:#e2efea;border:1px solid #d2e3da;overflow:hidden}
.new-home-finder .finder-modes{padding:24px 28px}
.new-home-finder .finder-switch{margin:0 0 14px;background:#d3e4de}
body.storefront-design .new-home-finder .size-finder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:18px 38px;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.new-home-finder .finder-heading{grid-column:1;grid-row:1;justify-content:flex-start;align-items:baseline;gap:14px;text-align:left;flex-wrap:wrap}
.new-home-finder .finder-heading h2{font-size:25px}
.new-home-finder .finder-heading>span{font-size:12px}
.new-home-finder .finder-fields{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;align-items:end;min-width:0}
.new-home-finder .finder-fields>label:first-child{max-width:none;grid-column:1/-1}
.new-home-finder .finder-fields label{font-size:13px;font-weight:700;min-width:0;margin:0}
.new-home-finder .finder-fields input,.new-home-finder .finder-fields select{background:#fff;border:1px solid #bccdc5;border-radius:12px;font-size:16px;height:44px;min-height:44px;width:100%;margin-top:5px}
body.storefront-design .new-home-finder .size-axis{grid-column:1/-1;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.new-home-finder .size-axis legend{font-size:12px;color:#52655e;margin-bottom:5px}
.new-home-finder .finder-fields .staggered-button{grid-column:2;grid-row:3;justify-self:stretch;justify-content:center;height:44px;margin:0;padding:8px;gap:8px;font-size:13px;white-space:nowrap}
.new-home-finder .finder-fields>label{grid-column:1;grid-row:3}
.new-home-finder .finder-fields [data-rear]{grid-row:4}
.new-home-finder .extra-filters{grid-column:1/-1;grid-row:5;margin:0;border:0;font-size:13px;color:#28626a}
.new-home-finder .extra-filters summary{padding:4px 0;min-height:28px}
.new-home-finder .extra-filters>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0}
.new-home-finder [data-error]{grid-column:1/-1;grid-row:6;margin:0;color:#9c3525;font-size:13px}
.new-home-finder [data-error]:empty{display:none}
.new-home-finder .finder-fields>.btn{grid-column:1/-1;grid-row:7;margin:0;min-height:48px;font-size:17px;border-radius:14px;background:#286879}
.new-home-finder [data-finder-reset]{grid-column:1/-1;grid-row:8;justify-self:center;font-size:12px;margin:0;color:#52655e}
body.storefront-design .new-home-finder .tire-guide{grid-column:2;grid-row:1/3;position:relative;align-self:center;width:100%;height:auto;min-height:0;margin:0;padding:0;background:transparent;overflow:visible;display:flex;flex-direction:column;align-items:center}
body.storefront-design .new-home-finder .tire-guide svg{position:static;display:block;max-width:425px;width:100%;height:auto;filter:drop-shadow(0 14px 12px #213d3020)}
body.storefront-design .new-home-finder .guide-caption{display:block!important;position:static;max-width:none;padding:12px 8px 0;text-align:center;font-size:13px}
.new-home-finder .guide-caption small{font-size:12px}
.home-copy{display:flex;align-items:center;gap:25px;margin:18px 0 32px;font-size:13px;color:#52655e}
.home-copy>div{flex:1}.home-copy p{margin:3px 0}.home-copy>a{white-space:nowrap;color:#28626a;font-weight:800}.home-copy .hero-help{margin:0;padding:0}
.contact-dock{display:none}
@media(max-width:1190px) and (min-width:761px){body.storefront-design header.new-header{grid-template-columns:135px minmax(180px,1fr) 175px 90px;gap:12px}.header-search{grid-column:2}body.storefront-design header.new-header nav{grid-column:1/-1;grid-row:2;justify-content:center}body.storefront-design header.new-header .header-help{grid-column:3}body.storefront-design header.new-header .cart-link{grid-column:4}body.storefront-design header.new-header.is-sticky{grid-template-columns:100px 70px minmax(120px,1fr) 165px 90px;gap:10px}body.storefront-design header.new-header.is-sticky nav{grid-column:2;grid-row:1}.is-sticky .header-search{grid-column:3}body.storefront-design header.new-header.is-sticky .header-help{grid-column:4}body.storefront-design header.new-header.is-sticky .cart-link{grid-column:5}.utility{flex-wrap:wrap;gap:6px 18px}.new-home-finder .finder-heading>span{display:none}.new-home-finder .finder-modes{padding:22px}.new-home-finder .finder-fields .staggered-button{font-size:12px;white-space:normal}}
@media(max-width:760px){
 .storefront-design{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .utility{padding:8px 14px;font-size:10px;gap:5px;flex-wrap:wrap}.utility>span:first-child{flex-basis:100%}.utility>div{gap:12px;flex-wrap:wrap}.utility>span:nth-child(2){margin-right:auto}
 body.storefront-design header.new-header{grid-template-columns:125px 1fr 70px;gap:8px;padding:8px 14px;min-height:0}
 body.storefront-design header.new-header .logo,body.storefront-design header.new-header .logo img{width:125px;height:62px}
 body.storefront-design header.new-header .header-help{grid-column:2;grid-row:1}.storefront-design header.new-header .header-help .header-phone{font-size:14px}.contact-chat{font-size:12px}
 body.storefront-design header.new-header .cart-link{grid-column:3;grid-row:1;font-size:11px;display:block}.new-header .cart-link small{font-size:10px}
 .header-search{grid-column:1/-1;grid-row:2}.header-search input{font-size:16px}
 body.storefront-design header.new-header nav{grid-column:1/-1;grid-row:3;justify-content:space-between;gap:10px}
 body.storefront-design header.new-header nav a{font-size:12px;min-height:38px;padding:8px 0}
 .header-space{min-height:0}.storefront-design main{padding:16px 12px}
 .home-intro{margin:0 0 16px}.home-intro .pill{font-size:10px;margin-bottom:8px}.home-intro h1{font-size:28px;line-height:1.13;letter-spacing:-.7px}
 .storefront-design .new-home-finder{border-radius:22px}.new-home-finder .finder-modes{padding:16px}
 body.storefront-design .new-home-finder .size-finder{grid-template-columns:1fr 64px;gap:12px}
 .new-home-finder .finder-heading{grid-column:1;grid-row:1;display:block;text-align:left;align-self:center}.new-home-finder .finder-heading h2{font-size:23px}.new-home-finder .finder-heading>span{display:block;font-size:11px;margin-top:4px}
 body.storefront-design .new-home-finder .tire-guide{grid-column:2;grid-row:1;align-self:center;min-height:0;height:auto}.new-home-finder .tire-guide svg{max-width:64px}body.storefront-design .new-home-finder .guide-caption{display:none!important}
 .new-home-finder .finder-fields{grid-column:1/-1;grid-row:2;gap:10px}.new-home-finder .finder-fields label{font-size:12px}.new-home-finder .size-axis>label{min-height:0}.new-home-finder .finder-fields select{padding:8px}.new-home-finder .finder-fields .staggered-button{font-size:11px;gap:4px;white-space:normal}.new-home-finder .staggered-button span{padding:3px 4px}
 .new-home-finder .extra-filters>div{grid-template-columns:1fr}.new-home-finder .finder-fields>.btn{font-size:15px}
 .home-copy{flex-wrap:wrap;gap:12px;margin:18px 2px 25px;font-size:12px}.home-copy>div{flex-basis:100%}
 .contact-dock{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;position:fixed;bottom:0;left:0;right:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d1dfd7;box-shadow:0 -4px 20px #183c3010;z-index:90;font-size:13px}
 .contact-dock a,.contact-dock a:last-child{display:flex;min-height:44px;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;font-size:13px;font-weight:800;padding:6px;border-radius:12px}.contact-dock a:last-child{background:#286879;color:white}.contact-dock small{flex-basis:100%;text-align:center;font-size:10px}
 .storefront-design #toast{bottom:calc(84px + env(safe-area-inset-bottom));width:max-content;max-width:90vw;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.storefront-design *{scroll-behavior:auto!important;transition:none!important}}
.new-home-finder .finder-fields>label:first-child{grid-row:1}
.new-home-finder .finder-fields>.size-axis:not([data-rear]){grid-row:2}
body.storefront-design .new-home-finder .size-finder{margin:0}
/* Natural rows keep collapsed filters from leaving empty grid tracks. */
.new-home-finder .finder-fields>*{grid-row:auto!important}
.new-home-finder .finder-fields>label:first-child{order:1}
.new-home-finder .finder-fields>.size-axis:not([data-rear]){order:2}
.new-home-finder .finder-fields>label:not(:first-child){order:3}
.new-home-finder .finder-fields>.staggered-button{order:4}
.new-home-finder .finder-fields>[data-rear]{order:5}
.new-home-finder .finder-fields>.extra-filters{order:6}
.new-home-finder .finder-fields>[data-error]{order:7}
.new-home-finder .finder-fields>.btn{order:8}
.new-home-finder .finder-fields>[data-finder-reset]{order:9}
body.storefront-design .new-home-finder .size-finder{align-items:start;grid-template-rows:min-content 1fr;gap:12px 38px}
body.storefront-design .new-home-finder .tire-guide svg{max-width:350px}
.new-home-finder .finder-heading{height:auto}
@media(min-width:761px){.storefront-design main{padding-top:14px}.home-intro{margin-bottom:16px}.home-intro h1{font-size:36px}.new-home-finder .finder-modes{padding:20px 28px}.new-home-finder .finder-fields{gap:9px 12px}.new-home-finder .finder-switch{margin-bottom:10px}}
@media(max-width:400px){body.storefront-design header.new-header{grid-template-columns:100px minmax(0,1fr) 55px;gap:6px}body.storefront-design header.new-header .logo,body.storefront-design header.new-header .logo img{width:100px;height:62px}.storefront-design header.new-header .header-help .header-phone{font-size:12px}body.storefront-design header.new-header .cart-link{font-size:10px;padding:8px 0}.contact-chat{font-size:11px}.new-header .cart-link span{margin-left:2px}}
@media(max-width:400px){body.storefront-design header.new-header .cart-link{white-space:normal}.new-header .cart-link span{display:block;width:20px;height:20px;line-height:20px;margin:2px auto;font-size:10px}}

/* The existing winter illustration is decorative and never intercepts input. */
.storefront-design .new-home-finder{position:relative;isolation:isolate}
.storefront-design .new-home-finder::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("winter-road-background.svg?v=3") center bottom / 100% 100% no-repeat;opacity:.82;mask-image:linear-gradient(to right,transparent 30%,#0005 49%,#000 70%)}
@media(max-width:760px){.storefront-design .new-home-finder::before{background-size:auto 100%;background-position:65% bottom;opacity:.22;mask-image:linear-gradient(to bottom,#0008,#000)}}

/* Ground the wheel in the snow and keep its size label visually quiet. */
@media(min-width:761px){
 body.storefront-design .new-home-finder .tire-guide::before{content:"";position:absolute;width:72%;max-width:315px;height:28px;bottom:53px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#365c6030,transparent 70%);pointer-events:none;z-index:-1}
 body.storefront-design .new-home-finder .guide-caption{background:#f9fcf5a6;border:1px solid #ffffff80;border-radius:14px;padding:9px 16px!important;margin-top:10px;box-shadow:0 2px 9px #50767808}
 body.storefront-design .new-home-finder .guide-caption small{margin-top:4px}
}
@media(max-width:760px){.storefront-design .new-home-finder::before{background-size:auto 100%;background-position:right bottom;opacity:.25}}
/* Seasonal skin; switching this class leaves the form geometry intact. */
.new-home-finder{--finder-accent:#00879a;--scene-image:none}
.new-home-finder.season-winter{--scene-image:url('winter-road-background.svg?v=3')}
.storefront-design .new-home-finder::before{background-image:var(--scene-image);mask-image:linear-gradient(to right,transparent 56%,#000 74%)}
.new-home-finder .tire-snow{display:none}
.new-home-finder.season-winter .tire-snow{display:block}
body.storefront-design .new-home-finder .guide-caption{background:#f9fcf5;border:1px solid #d5e3dd;box-shadow:0 3px 12px #365c6012}
.new-home-finder .finder-fields>.btn,.new-home-finder .finder-switch button[aria-pressed="true"]{background:var(--finder-accent);color:white}
.new-home-finder .finder-fields>.btn:hover{background:#006e7e}
.new-home-finder .finder-fields .staggered-button{background:transparent;border-color:transparent;justify-content:flex-start;gap:7px;white-space:normal;text-align:left}
.split-toggle{display:block;position:relative;flex:0 0 30px;height:18px;background:#a4b9b1;border-radius:12px}
.split-toggle::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%}
[aria-pressed="true"]>.split-toggle{background:var(--finder-accent)}
[aria-pressed="true"]>.split-toggle::after{left:15px}
.new-home-finder .finder-fields .staggered-button[aria-pressed="true"]{background:#d1e9e4;color:#19312b;border-color:#80b6ae}
.new-home-finder [data-front-legend][hidden]{display:none}
.new-home-finder .winter-chips{order:5;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.winter-chips button{font:inherit;font-size:12px;font-weight:700;padding:6px 12px;min-height:32px;background:#f5faf7;color:#386159;border:1px solid #b8d3c8;border-radius:18px}
.winter-chips button[aria-pressed="true"]{background:var(--finder-accent);border-color:var(--finder-accent);color:#fff}
.new-home-finder .scene-caption{margin:0;padding:0 26px 16px 58%;text-align:center;font-size:12px;color:#526b64}
@media(max-width:760px){.storefront-design .new-home-finder::before{display:none}.new-home-finder .scene-caption{padding:0 16px 14px;text-align:left;font-size:11px}.new-home-finder .finder-fields .staggered-button{font-size:11px;gap:5px;padding:4px}.new-home-finder .winter-chips button{min-height:40px}}
