/* RedFoxAuto parts workspace. Presentation only; the live DOM and scripts are preserved. */
@font-face{font-family:Manrope;src:url('/sto-design/20260911T202547Z/assets/manrope-0.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/sto-design/20260911T202547Z/assets/manrope-2.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/sto-design/20260911T202547Z/assets/manrope-3.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
html:root[data-theme]{
 --ws-bg:#f3f4f2;--ws-panel:#fff;--ws-soft:#eceeeb;--ws-ink:#171b19;--ws-copy:#525952;--ws-muted:#626b64;--ws-line:#d3d8d2;--ws-edge:#a8b0a9;
 --ws-red:#d51d26;--ws-action:#e0202a;--ws-hover:#c61720;--ws-pattern:rgba(28,40,31,.055);--ws-font:Manrope,Arial,sans-serif;
 --bg-void:var(--ws-bg);--bg-primary:var(--ws-bg);--bg-secondary:var(--ws-soft);--bg-card:var(--ws-panel);--bg-card-hover:var(--ws-soft);
 --glass-bg:var(--ws-panel);--glass-border:var(--ws-line);--text-primary:var(--ws-ink);--text-secondary:var(--ws-copy);--text-muted:var(--ws-muted);
 --accent-red:var(--ws-red);--accent-blue:var(--ws-ink);--accent-blue-dim:var(--ws-soft);--accent-blue-glow:var(--ws-line);--orange:var(--ws-red);
 --ws-art:url("/assets/parts-composition-20260913.webp");
 background:var(--ws-bg)!important;scroll-padding-top:96px;
}
html:root[data-theme=dark]{--ws-bg:#090b0a;--ws-panel:#121513;--ws-soft:#1b201c;--ws-ink:#efefea;--ws-copy:#b3bbb4;--ws-muted:#98a299;--ws-line:#303831;--ws-edge:#59645a;--ws-red:#f5222d;--ws-action:#e0202a;--ws-hover:#bf1821;--ws-pattern:rgba(211,228,214,.035)}
html:root[data-theme] body{color:var(--ws-ink)!important;background:var(--ws-bg)!important;font-family:var(--ws-font)!important;-webkit-font-smoothing:antialiased}
html:root[data-theme] body::before{content:"";position:absolute;inset:70px 0 auto;height:620px;z-index:0;pointer-events:none;opacity:1;mask-image:linear-gradient(#000,transparent);background-image:linear-gradient(var(--ws-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--ws-pattern) 1px,transparent 1px);background-size:40px 40px}
html:root[data-theme] body::after{content:none!important}
html:root[data-theme] :is(h1,h2,h3,h4){color:var(--ws-ink)!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;letter-spacing:-.025em}
html:root[data-theme] :is(button,input,select,textarea){font-family:var(--ws-font)!important}
html:root[data-theme] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ws-red)!important;outline-offset:3px}
html:root[data-theme] :is(button,a){-webkit-tap-highlight-color:transparent}
html:root[data-theme] ::selection{background:var(--ws-red);color:#fff}
html:root[data-theme] ::-webkit-scrollbar-track{background:var(--ws-bg)!important}
html:root[data-theme] ::-webkit-scrollbar-thumb{background:var(--ws-edge)!important;border-color:var(--ws-bg)!important}
html:root[data-theme] .header{top:0;width:100%;padding:14px 32px!important;background:var(--ws-panel)!important;border:0!important;border-bottom:1px solid var(--ws-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
html:root[data-theme] .header::after{content:none!important}
html:root[data-theme] .header-inner{max-width:1280px;gap:20px}
html:root[data-theme] :is(.header-left,.header-right){gap:16px}
html:root[data-theme] .logo-name{font-size:23px!important;color:var(--ws-ink)!important}
html:root[data-theme] .logo-name span{color:var(--ws-red)!important}
html:root[data-theme] .header-badge{color:var(--ws-muted)!important;background:none!important;border:0!important;border-left:1px solid var(--ws-line)!important;border-radius:0!important;font:600 11px var(--ws-font);padding:6px 0 6px 16px;max-width:135px;line-height:1.5}
html:root[data-theme] :is(.header-auth-btn,.header-cart-btn,.back-btn,.theme-switch){color:var(--ws-ink)!important;background:transparent!important;border:1px solid var(--ws-line)!important;border-radius:3px!important;box-shadow:none!important;min-height:36px}
html:root[data-theme] .header-phone{font:700 13px var(--ws-font);color:var(--ws-ink)!important;white-space:nowrap}
html:root[data-theme] :is(.header-auth-btn,.back-btn){padding:8px 12px}
html:root[data-theme] :is(.header-auth-btn,.back-btn,.theme-switch):hover{background:var(--ws-soft)!important;border-color:var(--ws-edge)!important}
html:root[data-theme] .main{position:relative;z-index:1;max-width:1280px;width:calc(100% - 80px);padding:24px 0 64px!important;margin:0 auto;overflow:visible}
html:root[data-theme] .shop-status-notice{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;margin:0 0 28px;background:var(--ws-panel);border:1px solid var(--ws-line);border-radius:3px;box-shadow:none}
.shop-status-indicator>span{display:block;width:7px;height:7px;background:#c48a21;border-radius:50%}
.shop-status-eyebrow{display:block;color:var(--ws-muted);font:600 9px var(--ws-font);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.shop-status-copy h2{font:700 13px/1.45 var(--ws-font);margin:0}
.shop-status-copy p{font:400 11px/1.55 var(--ws-font);color:var(--ws-copy);margin-top:3px}
.shop-status-link{display:flex;align-items:center;gap:16px;color:var(--ws-ink);text-decoration:none;font:700 11px var(--ws-font);padding:10px 0 10px 16px;border-left:1px solid var(--ws-line)}
.shop-status-link svg{width:16px;height:16px}.shop-status-link:hover{color:var(--ws-red)}
html:root[data-theme] .search-hero{position:relative;overflow:visible!important;text-align:left;max-width:none;margin:0 0 28px;padding:5px 300px 14px 0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important}
html:root[data-theme] .search-hero::before{content:none!important}
html:root[data-theme] .search-hero::after{content:"";position:absolute;inset:-38px -5px auto auto;width:310px;height:200px;background:var(--ws-art) center/contain no-repeat!important;opacity:1!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none}
html:root[data-theme] .search-hero h1{font:400 clamp(36px,4.3vw,58px)/1.08 Georgia,'Times New Roman',serif!important;letter-spacing:-.04em;margin:0 0 13px;max-width:none;text-transform:none!important}
html:root[data-theme] .search-hero p{font:400 14px/1.75 var(--ws-font);max-width:720px;color:var(--ws-copy);margin:0}
html:root[data-theme] .search-mode-switcher{max-width:none;margin:0;padding:0;gap:0;border:1px solid var(--ws-line);border-bottom:0;background:var(--ws-soft)!important;border-radius:3px 3px 0 0;overflow:hidden}
html:root[data-theme] .search-mode-button{position:relative;min-height:77px;padding:16px 24px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent!important;color:var(--ws-copy)!important;box-shadow:none!important;transition:background .15s}
html:root[data-theme] .search-mode-button+.search-mode-button{border-left:1px solid var(--ws-line)}
html:root[data-theme] .search-mode-button.active{background:var(--ws-panel)!important;border-bottom-color:var(--ws-red)!important;color:var(--ws-ink)!important}
html:root[data-theme] .search-mode-button span{font:700 15px var(--ws-font)}
html:root[data-theme] .search-mode-button small{font:400 11px/1.5 var(--ws-font);color:var(--ws-muted)!important}
html:root[data-theme] .search-mode-button:hover{background:var(--ws-panel)!important}
html:root[data-theme] .search-bar-wrapper{max-width:none;margin:0;opacity:1;animation:none;transform:none;padding:24px;background:var(--ws-panel);border:1px solid var(--ws-line);border-top:0;border-radius:0 0 3px 3px}
html:root[data-theme] .search-bar{padding:0;border:1px solid var(--ws-edge)!important;border-radius:3px;min-height:60px;background:var(--ws-bg)!important;box-shadow:none!important;overflow:visible}
html:root[data-theme] .search-bar:focus-within{border-color:var(--ws-red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-red) 12%,transparent)!important}
html:root[data-theme] .search-input{min-width:0;padding:16px 20px;border:0!important;border-radius:3px;background:transparent!important;color:var(--ws-ink)!important;font-size:17px;box-shadow:none!important;outline:none}
html:root[data-theme] .search-input::placeholder{color:var(--ws-muted)!important;opacity:1}
html:root[data-theme] :is(.search-btn,.vehicle-part-search button,.vin-form-submit,.reg-submit,.catalog-cart-button,.cart-add-btn,#loginModal button:first-of-type){background:var(--ws-action)!important;color:#fff!important;border:1px solid var(--ws-action)!important;border-radius:3px!important;box-shadow:none!important;font-weight:700;transition:background .15s}
html:root[data-theme] .search-btn{min-height:58px;min-width:158px;font-size:14px;padding:12px 25px;gap:12px;border-radius:0 2px 2px 0!important}
html:root[data-theme] :is(.search-btn,.vehicle-part-search button,.vin-form-submit,.reg-submit,.catalog-cart-button,.cart-add-btn):hover:not(:disabled){background:var(--ws-hover)!important;border-color:var(--ws-hover)!important;transform:none!important;box-shadow:none!important}
html:root[data-theme] button:disabled{cursor:not-allowed;opacity:.5}
html:root[data-theme] .search-hint{text-align:left;padding-top:12px;font-size:11px;color:var(--ws-muted)}
html:root[data-theme] .search-hint code{color:var(--ws-copy);background:var(--ws-soft);border:0;border-radius:2px;padding:3px 6px;font-size:10px}
html:root[data-theme] .info-notice{padding:20px 0 24px;margin:0 0 30px;background:none!important;border:0!important;border-bottom:1px solid var(--ws-line)!important;border-radius:0;animation:none;display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
html:root[data-theme] .info-notice-title{color:var(--ws-ink);font:600 12px/1.6 var(--ws-font);margin:0}
html:root[data-theme] .info-notice-title svg{width:16px;color:var(--ws-muted)}
html:root[data-theme] .info-notice p{font:400 11px/1.75 var(--ws-font);color:var(--ws-copy)}
html:root[data-theme] .info-notice a{color:var(--ws-ink);text-decoration:underline;text-underline-offset:3px}
html:root[data-theme] :is(.parts-catalog,.catalog-directory,.vin-block,.contact-block,.seo-local-section){background:var(--ws-panel)!important;border:1px solid var(--ws-line)!important;border-radius:3px!important;box-shadow:none!important;padding:28px;margin:32px 0;overflow:visible}
html:root[data-theme] :is(.parts-catalog,.catalog-directory,.vin-block,.contact-block,.seo-local-section,.offer-group)::before,html:root[data-theme] :is(.parts-catalog,.catalog-directory,.vin-block,.contact-block,.seo-local-section,.offer-group)::after{content:none!important}
html:root[data-theme] .catalog-head{align-items:flex-start;margin-bottom:22px;gap:20px}
html:root[data-theme] .catalog-head h2{font:600 clamp(20px,2.4vw,28px)/1.3 var(--ws-font);max-width:800px}
html:root[data-theme] .catalog-kicker{font:600 10px var(--ws-font);color:var(--ws-muted);letter-spacing:.1em;margin-bottom:10px}
html:root[data-theme] .catalog-kicker::before{height:2px;width:20px;background:var(--ws-red)}
html:root[data-theme] .catalog-summary{font:400 12px/1.7 var(--ws-font);color:var(--ws-copy)}
html:root[data-theme] #partsCatalog .catalog-head{display:grid;grid-template-columns:1fr}
html:root[data-theme] .catalog-controls{width:100%;min-width:0;gap:16px;padding:20px;background:var(--ws-soft);border:1px solid var(--ws-edge);border-left:3px solid var(--ws-red);border-radius:3px}
html:root[data-theme] .catalog-field{min-width:0;gap:9px}
html:root[data-theme] .catalog-field>span{font:700 11px var(--ws-font);color:var(--ws-ink)!important;letter-spacing:.02em}
html:root[data-theme] :is(.catalog-select,.vin-form-input,.vin-form-textarea,.vehicle-part-search input,.reg-modal input,#loginModal input){background:var(--ws-panel)!important;border:1px solid var(--ws-edge)!important;border-radius:3px!important;color:var(--ws-ink)!important;box-shadow:none!important;min-height:48px;font-size:14px;padding:12px 14px}
html:root[data-theme] .catalog-select{width:100%;min-width:0;padding-right:25px}
html:root[data-theme] :is(.catalog-select,.vin-form-input,.vin-form-textarea,.vehicle-part-search input):focus{border-color:var(--ws-red)!important;outline:2px solid color-mix(in srgb,var(--ws-red) 18%,transparent);outline-offset:0}
html:root[data-theme] :is(.catalog-select,.vin-form-input,.vehicle-part-search input):disabled{background:var(--ws-bg)!important;color:var(--ws-muted)!important;border-color:var(--ws-line)!important;opacity:1}
html:root[data-theme] :is(input,textarea)::placeholder{color:var(--ws-muted)!important;opacity:1}
html:root[data-theme] .vehicle-part-search{background:none!important;border:0!important;padding:0;margin:0 0 22px;gap:10px}
html:root[data-theme] .vehicle-part-search>label{font:700 13px var(--ws-font);color:var(--ws-ink)}
html:root[data-theme] .vehicle-part-search small{color:var(--ws-muted)!important;font-size:11px}
html:root[data-theme] .vehicle-part-search button{min-width:158px}
html:root[data-theme] .catalog-search-context{border-color:var(--ws-line)!important;background:var(--ws-soft)!important;border-radius:3px;color:var(--ws-copy)}
html:root[data-theme] .catalog-search-context strong{color:var(--ws-ink)!important}
html:root[data-theme] .catalog-directory{padding:28px 0 0;background:none!important;border:0!important}
html:root[data-theme] .catalog-directory-grid{gap:0;border:1px solid var(--ws-line);background:var(--ws-panel)}
html:root[data-theme] .catalog-directory-grid article{padding:24px;border:0;border-radius:0;background:transparent}
html:root[data-theme] .catalog-directory-grid article+article{border-left:1px solid var(--ws-line)}
html:root[data-theme] .catalog-directory-grid h3{font:700 14px var(--ws-font);margin:0 0 15px;display:flex;align-items:center;gap:10px}
html:root[data-theme] .catalog-directory-grid h3::before{content:"";width:6px;height:6px;border:1px solid var(--ws-red);transform:rotate(45deg)}
html:root[data-theme] .catalog-directory-grid article>div{display:grid;gap:0}
html:root[data-theme] .catalog-directory-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:10px 0;color:var(--ws-copy)!important;border:0;border-bottom:1px solid var(--ws-line);border-radius:0;font:400 13px var(--ws-font);transition:color .15s}
html:root[data-theme] .catalog-directory-grid a::after{content:'↗';color:var(--ws-muted);font:400 16px var(--ws-font)}
html:root[data-theme] .catalog-directory-grid a:last-child{border-bottom:0}
html:root[data-theme] .catalog-directory-grid a:hover{color:var(--ws-red)!important;background:var(--ws-soft)}
html:root[data-theme] .vin-block{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:48px;padding:32px;border-top:3px solid var(--ws-red)!important}
html:root[data-theme] .vin-block-header{text-align:left;padding:0;background:none}
@media(min-width:821px){html:root[data-theme] .vin-block-header::after{content:"";display:block;width:min(100%,300px);aspect-ratio:3/2;margin-top:24px;background:var(--ws-art) center/contain no-repeat;pointer-events:none}}
html:root[data-theme] .vin-block-header h3{font:400 32px/1.15 Georgia,serif!important;margin:0 0 16px;max-width:300px}
html:root[data-theme] .vin-block-header p{color:var(--ws-copy);font:400 13px/1.8 var(--ws-font);max-width:300px;margin:0}
html:root[data-theme] .vin-form{padding:0;gap:18px;min-width:0}
html:root[data-theme] .vin-form-group{min-width:0}
html:root[data-theme] .vin-form-label{font:600 11px var(--ws-font);color:var(--ws-ink);margin-bottom:8px}
html:root[data-theme] .vin-form-submit{min-height:44px;font-size:12px;padding:12px 22px}
html:root[data-theme] .vin-dropdown-list{background:var(--ws-panel)!important;border-color:var(--ws-edge)!important;border-radius:3px;box-shadow:0 8px 24px #0002}
html:root[data-theme] .vin-dropdown-item{color:var(--ws-ink)}
html:root[data-theme] .vin-dropdown-item:hover,html:root[data-theme] .vin-dropdown-item.selected{background:var(--ws-soft)}
html:root[data-theme] .contact-block{display:grid;grid-template-columns:1fr auto;gap:10px 28px;text-align:left;padding:26px 30px;background:var(--ws-soft)!important}
html:root[data-theme] .contact-block h3{font:600 22px var(--ws-font);margin:0}
html:root[data-theme] .contact-block p{color:var(--ws-copy);font-size:12px;margin:0}
html:root[data-theme] .contact-btns{grid-column:2;grid-row:1/3;align-items:center;gap:8px;flex-wrap:wrap}
html:root[data-theme] .cta-btn{background:var(--ws-panel)!important;border:1px solid var(--ws-edge)!important;border-radius:3px;color:var(--ws-ink)!important;box-shadow:none!important;font:600 11px var(--ws-font);padding:13px;min-height:43px}
html:root[data-theme] .cta-btn:hover{background:var(--ws-ink)!important;color:var(--ws-panel)!important;transform:none}
html:root[data-theme] .cta-btn svg{width:16px;height:16px}
html:root[data-theme] .seo-local-section{padding:32px 0 0;border:0!important;border-top:1px solid var(--ws-line)!important;background:none!important}
html:root[data-theme] .seo-local-intro{max-width:930px}
html:root[data-theme] .seo-local-intro h2{font:400 32px Georgia,serif}
html:root[data-theme] .seo-local-intro p{font:400 13px/1.85 var(--ws-font);color:var(--ws-copy)}
html:root[data-theme] .seo-benefit-grid{gap:0;margin-top:28px;border:1px solid var(--ws-line)}
html:root[data-theme] .seo-benefit-grid article{background:var(--ws-panel)!important;border:0;border-radius:0;padding:20px}
html:root[data-theme] .seo-benefit-grid article+article{border-left:1px solid var(--ws-line)}
html:root[data-theme] .seo-benefit-grid h3{font:700 13px/1.5 var(--ws-font)}
html:root[data-theme] :is(.seo-benefit-grid p,.seo-faq-grid p){font:400 12px/1.85 var(--ws-font);color:var(--ws-copy)}
html:root[data-theme] .seo-local-contact{background:var(--ws-soft)!important;border-radius:0;border-left:2px solid var(--ws-red);padding:24px;gap:32px}
html:root[data-theme] .seo-local-contact h3{font:600 15px/1.5 var(--ws-font)}
html:root[data-theme] .seo-local-contact p,html:root[data-theme] .seo-local-contact address{font-size:12px;line-height:1.8;color:var(--ws-copy)}
html:root[data-theme] .seo-local-contact address :is(a,strong){color:var(--ws-ink)!important}
html:root[data-theme] .seo-faq{margin-top:36px}
html:root[data-theme] .seo-faq>h3{font:600 21px var(--ws-font);margin-bottom:22px}
html:root[data-theme] .seo-faq-grid{gap:0 32px}
html:root[data-theme] .seo-faq-grid article{border:0;border-top:1px solid var(--ws-line);border-radius:0;background:none!important;padding:20px 0}
html:root[data-theme] .seo-faq-grid h4{font:700 13px/1.6 var(--ws-font);margin-bottom:8px}
html:root[data-theme] .site-legal-footer{position:relative;background:var(--ws-panel)!important;border-top:1px solid var(--ws-line);color:var(--ws-muted);max-width:none;padding:28px 40px}
html:root[data-theme] .site-legal-text{max-width:1280px;margin:auto;color:var(--ws-muted)!important;font:400 10px/1.8 var(--ws-font)}
/* Results, tables, photos and dialogs retain their existing data and behavior. */
html:root[data-theme] .results-section{scroll-margin-top:96px}
html:root[data-theme] .section-title{font:700 18px/1.5 var(--ws-font);color:var(--ws-ink)}
html:root[data-theme] .section-title .count{background:var(--ws-soft);color:var(--ws-ink);border:1px solid var(--ws-line);border-radius:3px;box-shadow:none;font:600 11px var(--ws-font)}
html:root[data-theme] :is(.brand-table-wrap,.offers-table-wrap){background:var(--ws-panel)!important;border:1px solid var(--ws-line)!important;border-radius:3px}
html:root[data-theme] :is(.brand-table,.offers-table) th{background:var(--ws-soft)!important;color:var(--ws-muted)!important;font:600 10px var(--ws-font);letter-spacing:.06em;padding:14px 16px;border-bottom:1px solid var(--ws-line)!important}
html:root[data-theme] :is(.brand-table,.offers-table) td{color:var(--ws-copy);padding:16px;border-color:var(--ws-line)!important}
html:root[data-theme] :is(.brand-table,.offers-table) tbody tr:hover{background:var(--ws-soft)!important}
html:root[data-theme] :is(.brand-name,.brand-price,.td-price,.td-brand){color:var(--ws-ink)!important;font-family:var(--ws-font)}
html:root[data-theme] .brand-price,html:root[data-theme] .td-price{font-weight:700}
html:root[data-theme] :is(.brand-select-button,.catalog-detail-button,.catalog-more-button,.catalog-modal-action){border:1px solid var(--ws-edge)!important;border-radius:3px!important;background:var(--ws-panel)!important;color:var(--ws-ink)!important;box-shadow:none!important}
html:root[data-theme] :is(.brand-select-button,.catalog-detail-button,.catalog-more-button,.catalog-modal-action):hover{border-color:var(--ws-red)!important;color:var(--ws-red)!important;background:var(--ws-soft)!important}
html:root[data-theme] .offer-group{background:var(--ws-panel)!important;border:1px solid var(--ws-line);border-radius:3px;padding:22px;margin:0 0 24px}
html:root[data-theme] .offer-group .section-title{border-bottom:1px solid var(--ws-line);padding-bottom:15px;margin-bottom:20px}
html:root[data-theme] .offer-group-empty{border-color:var(--ws-line);border-radius:3px;background:var(--ws-soft)!important;color:var(--ws-muted)}
html:root[data-theme] .catalog-card{background:var(--ws-panel)!important;border:1px solid var(--ws-line)!important;border-radius:3px;box-shadow:none!important;transition:border-color .15s}
html:root[data-theme] .catalog-card:hover{transform:none;box-shadow:none!important;border-color:var(--ws-edge)!important}
html:root[data-theme] .catalog-card-media{background:var(--ws-soft)!important;border-bottom:1px solid var(--ws-line);aspect-ratio:4/3}
html:root[data-theme] .catalog-card-media img{background:#f5f5f2;object-fit:contain}
html:root[data-theme] .catalog-card:hover .catalog-card-media img{transform:none}
html:root[data-theme] .catalog-photo-placeholder{color:var(--ws-muted)!important;font:600 11px var(--ws-font)}
html:root[data-theme] .catalog-card-body{padding:18px}
html:root[data-theme] :is(.catalog-card-brand,.catalog-card-code b,.catalog-card-title,.catalog-price b,.catalog-offer-facts b,.catalog-fitment-preview b){color:var(--ws-ink)!important}
html:root[data-theme] .catalog-card-brand{font:700 11px var(--ws-font);letter-spacing:.05em}
html:root[data-theme] .catalog-card-code{color:var(--ws-muted);font-size:10px}
html:root[data-theme] .catalog-card-title{font:600 14px/1.55 var(--ws-font)}
html:root[data-theme] :is(.catalog-card-meta,.catalog-offer-facts small,.catalog-price small,.catalog-alias-count){color:var(--ws-muted)!important}
html:root[data-theme] .catalog-price b{font:700 20px/1.25 var(--ws-font);letter-spacing:-.04em}
html:root[data-theme] .catalog-card-footer{border-color:var(--ws-line)}
html:root[data-theme] :is(.catalog-availability,.catalog-photo-count,.catalog-relation){border-radius:3px;background:#111a14!important;color:#fff!important;border:1px solid #697269!important;box-shadow:none!important;font:600 10px var(--ws-font)}
html:root[data-theme] .catalog-relation.exact{background:#214b34!important;border-color:#527b60!important}
html:root[data-theme] .catalog-relation.analog{background:#56451b!important;border-color:#937e41!important}
html:root[data-theme] .catalog-availability.delivery{background:#49351b!important;border-color:#987845!important}
html:root[data-theme] .catalog-state{border-color:var(--ws-line);border-radius:3px;background:var(--ws-soft);color:var(--ws-copy);font-size:13px}
html:root[data-theme] .catalog-state strong{color:var(--ws-ink)!important}
html:root[data-theme] .catalog-vehicle-offers,html:root[data-theme] .catalog-vehicle-offer{background:var(--ws-soft);border-color:var(--ws-line);border-radius:3px}
html:root[data-theme] .catalog-vehicle-offer.best{background:var(--ws-bg);box-shadow:inset 2px 0 var(--ws-red)}
html:root[data-theme] :is(.catalog-vehicle-offer b,.catalog-vehicle-offers-title b){color:var(--ws-ink)}
html:root[data-theme] .catalog-modal-panel,html:root[data-theme] .reg-modal,html:root[data-theme] #loginModal>div{background:var(--ws-panel)!important;border:1px solid var(--ws-edge)!important;border-radius:3px!important;color:var(--ws-ink);box-shadow:0 24px 80px #0005}
html:root[data-theme] .catalog-modal-close{background:#141b16!important;color:#fff!important;border-radius:3px}
html:root[data-theme] .catalog-modal-gallery{background:var(--ws-soft)!important;border-color:var(--ws-line)!important}
html:root[data-theme] .catalog-modal-main-image{border-radius:3px;background:#f5f5f2!important}
html:root[data-theme] :is(.catalog-modal-copy h3,.reg-modal h2,#loginModal h2){font-family:var(--ws-font)!important}
html:root[data-theme] .catalog-modal-price{color:var(--ws-ink)!important;font:700 28px var(--ws-font)}
html:root[data-theme] :is(.catalog-modal-code,.catalog-detail-list span,.catalog-fitment-list span,.catalog-numbers span){background:var(--ws-soft)!important;border-color:var(--ws-line)!important;color:var(--ws-copy)!important;border-radius:3px}
html:root[data-theme] .catalog-detail-list b{color:var(--ws-ink)!important}
html:root[data-theme] .catalog-modal-copy p{color:var(--ws-copy)}
html:root[data-theme] .reg-modal .subtitle{color:var(--ws-copy)}
html:root[data-theme] .reg-cancel{color:var(--ws-copy);border-radius:3px}
html:root[data-theme] .toast{background:var(--ws-ink);color:var(--ws-panel);border-radius:3px}
@media(min-width:901px){html:root[data-theme] #shopMain[data-search-mode=vehicle] .info-notice{margin-bottom:22px}html:root[data-theme] #shopMain[data-search-mode=vehicle] .parts-catalog{margin-top:0}}
@media(max-width:1050px){html:root[data-theme] .header{padding:12px 24px!important}html:root[data-theme] .header-inner,html:root[data-theme] :is(.header-left,.header-right){gap:10px}html:root[data-theme] .header-badge{max-width:105px;padding-left:10px;font-size:10px}html:root[data-theme] .header-phone{font-size:11px}html:root[data-theme] .main{width:calc(100% - 48px)}html:root[data-theme] .vin-block{gap:28px}html:root[data-theme] .contact-block{grid-template-columns:1fr}html:root[data-theme] .contact-btns{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:8px}html:root[data-theme] .seo-benefit-grid article:nth-child(3){border-left:0}html:root[data-theme] .seo-benefit-grid article:nth-child(n+3){border-top:1px solid var(--ws-line)}}
@media(max-width:820px){html:root[data-theme] .header-phone{display:none}html:root[data-theme] .search-hero{padding-right:190px!important}html:root[data-theme] .search-hero::after{width:210px;height:160px;top:-15px}html:root[data-theme] .search-hero h1{font-size:40px!important}html:root[data-theme] .catalog-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html:root[data-theme] .catalog-directory-grid article{padding:18px}html:root[data-theme] .catalog-directory-grid a{font-size:12px}html:root[data-theme] .info-notice{grid-template-columns:1fr;gap:8px}html:root[data-theme] .vin-block{grid-template-columns:1fr;gap:24px}html:root[data-theme] .vin-block-header{background:none}html:root[data-theme] .vin-block-header h3,html:root[data-theme] .vin-block-header p{max-width:600px}html:root[data-theme] .vin-block-header h3{font-size:28px!important}html:root[data-theme] .catalog-modal-panel{grid-template-columns:1fr}}
@media(max-width:590px){
 html:root[data-theme]{scroll-padding-top:90px}html:root[data-theme] .header{padding:12px 16px!important}html:root[data-theme] .header-inner{align-items:center;flex-wrap:wrap;gap:8px}html:root[data-theme] .header-left{gap:8px}html:root[data-theme] .header-right{gap:6px;flex-wrap:wrap}html:root[data-theme] .header-badge{display:none}html:root[data-theme] .logo-name{font-size:19px!important}html:root[data-theme] .header-auth-btn{padding:6px 9px;font-size:11px;min-height:32px}html:root[data-theme] .theme-switch{min-width:32px!important;min-height:32px!important;padding:5px!important}html:root[data-theme] .theme-switch-label{display:none!important}
 html:root[data-theme] .main{width:calc(100% - 32px);padding-top:18px!important}html:root[data-theme] .shop-status-notice{grid-template-columns:7px minmax(0,1fr);gap:10px;padding:12px;margin-bottom:24px}html:root[data-theme] .shop-status-copy h2{font-size:11px}html:root[data-theme] .shop-status-copy p{font-size:10px}html:root[data-theme] .shop-status-link{grid-column:2;justify-self:start;padding:0;min-height:28px;border:0;gap:8px;font-size:10px}html:root[data-theme] .shop-status-eyebrow{font-size:8px}
 html:root[data-theme] .search-hero{padding:0!important;margin-bottom:22px}html:root[data-theme] .search-hero::after{content:none!important}html:root[data-theme] .search-hero h1{font-size:36px!important;max-width:340px;line-height:1.08!important;margin-bottom:12px}html:root[data-theme] .search-hero p{font-size:12px;line-height:1.75}
 html:root[data-theme] .search-mode-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}html:root[data-theme] .search-mode-button{min-height:82px;padding:12px;gap:6px}html:root[data-theme] .search-mode-button span{font-size:12px}html:root[data-theme] .search-mode-button small{font-size:9px;line-height:1.6}html:root[data-theme] .search-bar-wrapper{padding:16px}html:root[data-theme] .search-bar{min-height:52px;display:flex}html:root[data-theme] .search-input{font-size:16px;padding:12px;flex:1;width:100%}html:root[data-theme] .search-btn{min-width:78px;min-height:50px;padding:10px;font-size:11px;gap:6px}html:root[data-theme] .search-btn svg{width:15px;height:15px}html:root[data-theme] .search-hint{font-size:9px;line-height:1.8}html:root[data-theme] .search-hint code{font-size:9px;padding:2px 3px}html:root[data-theme] .info-notice{padding:18px 0;margin-bottom:22px}html:root[data-theme] .info-notice-title{font-size:11px}html:root[data-theme] .info-notice p{font-size:10px;line-height:1.9}
 html:root[data-theme] :is(.parts-catalog,.vin-block,.contact-block){padding:20px 16px;margin:24px 0}html:root[data-theme] .catalog-head h2{font-size:21px}html:root[data-theme] .catalog-kicker{font-size:9px}html:root[data-theme] .catalog-head{margin-bottom:18px}html:root[data-theme] .catalog-controls{grid-template-columns:1fr;padding:16px;gap:16px}html:root[data-theme] .catalog-field>span{font-size:11px}html:root[data-theme] .catalog-select{font-size:16px}html:root[data-theme] .vehicle-part-search input{font-size:16px}html:root[data-theme] .vehicle-part-search-row{grid-template-columns:1fr}html:root[data-theme] .vehicle-part-search button{width:100%;min-height:48px}html:root[data-theme] .catalog-summary{font-size:11px}
 html:root[data-theme] .catalog-directory{padding:10px 0 0;margin:24px 0}html:root[data-theme] .catalog-directory-grid{grid-template-columns:1fr}html:root[data-theme] .catalog-directory-grid article{padding:20px}html:root[data-theme] .catalog-directory-grid article+article{border-left:0;border-top:1px solid var(--ws-line)}html:root[data-theme] .catalog-directory-grid article>div{grid-template-columns:1fr 1fr;gap:0 20px}html:root[data-theme] .catalog-directory-grid a{font-size:11px;line-height:1.6}html:root[data-theme] .catalog-directory-grid a:nth-last-child(2){border-bottom:0}
 html:root[data-theme] .vin-form{grid-template-columns:1fr;gap:16px}html:root[data-theme] :is(.vin-form-input,.vin-form-textarea,.reg-modal input){font-size:16px}html:root[data-theme] #lookupInput{width:0;min-width:0}html:root[data-theme] #lookupBtn{padding:8px 12px!important;font-size:11px!important}html:root[data-theme] .vin-block-header h3{font-size:27px!important}html:root[data-theme] .vin-block-header p{font-size:12px}html:root[data-theme] .vin-form-submit{width:100%}html:root[data-theme] #lookupBtn{width:auto}html:root[data-theme] .contact-block h3{font-size:22px}html:root[data-theme] .contact-btns{display:grid;grid-template-columns:1fr 1fr;width:100%}html:root[data-theme] .cta-btn{justify-content:center}html:root[data-theme] .seo-local-section{padding:28px 0 0;margin-top:28px}html:root[data-theme] .seo-local-intro h2{font-size:27px}html:root[data-theme] .seo-local-intro p{font-size:12px}html:root[data-theme] .seo-benefit-grid{grid-template-columns:1fr 1fr}html:root[data-theme] .seo-benefit-grid article{padding:16px}html:root[data-theme] .seo-benefit-grid article+article{border-left:0}html:root[data-theme] .seo-benefit-grid article:nth-child(even){border-left:1px solid var(--ws-line)}html:root[data-theme] .seo-benefit-grid h3{font-size:11px}html:root[data-theme] .seo-benefit-grid p{font-size:10px}html:root[data-theme] .seo-local-contact{padding:18px;gap:18px}html:root[data-theme] .seo-faq>h3{font-size:20px;line-height:1.4}html:root[data-theme] .seo-faq-grid{grid-template-columns:1fr}html:root[data-theme] .site-legal-footer{padding:24px 16px}html:root[data-theme] .site-legal-text{font-size:9px}html:root[data-theme] .offer-group{padding:16px}html:root[data-theme] .catalog-card-body{padding:16px}html:root[data-theme] .catalog-card-footer{flex-direction:row;align-items:center}html:root[data-theme] .catalog-card-actions{width:auto}html:root[data-theme] .catalog-price b{font-size:19px}html:root[data-theme] .catalog-modal-panel{border:0!important;border-radius:0!important}html:root[data-theme] .catalog-modal-main-image{min-height:240px}html:root[data-theme] .catalog-modal-close{position:sticky;top:12px;margin:12px 12px -54px auto}html:root[data-theme] .catalog-modal-copy{padding:20px}
}
@media(max-width:359px){html:root[data-theme] .header-inner{gap:10px}html:root[data-theme] .header-right{margin-left:auto}html:root[data-theme] .search-mode-button{padding:10px}html:root[data-theme] .search-bar-wrapper{padding:12px}html:root[data-theme] .search-input{font-size:14px;padding:10px}html:root[data-theme] .catalog-card-footer{flex-direction:column;align-items:stretch}html:root[data-theme] .catalog-card-actions{width:100%}}
@media(prefers-reduced-motion:reduce){html:root[data-theme] *,html:root[data-theme] *::before,html:root[data-theme] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Put vehicle filters immediately beneath the selected search mode. */
html:root[data-theme] #shopMain[data-search-mode=vehicle]{display:flex;flex-direction:column}
html:root[data-theme] #shopMain[data-search-mode=vehicle]> *{order:10;width:100%;min-width:0}
html:root[data-theme] #shopMain[data-search-mode=vehicle]>.shop-status-notice{order:0}
html:root[data-theme] #shopMain[data-search-mode=vehicle]>.search-hero{order:1}
html:root[data-theme] #shopMain[data-search-mode=vehicle]>.search-mode-switcher{order:2}
html:root[data-theme] #shopMain[data-search-mode=vehicle]>.parts-catalog{order:3;margin-top:0;border-top:0!important}
html:root[data-theme] #shopMain[data-search-mode=vehicle]>.info-notice{order:4;margin-top:0}
html:root[data-theme] .search-hero::after{top:-30px!important;right:0!important;width:300px!important;height:200px!important}
html:root[data-theme] .info-notice-title{color:var(--ws-ink)!important}
html:root[data-theme] .info-notice p{font-size:12px}
html:root[data-theme] .catalog-field>span{color:var(--ws-ink)!important}
html:root[data-theme] .catalog-card,html:root[data-theme] .catalog-card:nth-child(n){background:var(--ws-panel)!important;border:1px solid var(--ws-line)!important}
html:root[data-theme] .seo-benefit-grid article:nth-child(n){background:var(--ws-panel)!important}
html:root[data-theme] .brand-select-button{min-height:38px}
@media(max-width:820px){html:root[data-theme] .search-hero::after{width:200px!important;height:155px!important;top:-15px!important}}
@media(max-width:590px){html:root[data-theme] .info-notice p{font-size:11px}html:root[data-theme] #shopMain[data-search-mode=vehicle]>.parts-catalog{margin-top:0}}
html:root[data-theme] .vin-dropdown .vin-form-input{width:100%!important}
html:root[data-theme] .search-btn span{display:inline!important}
html:root[data-theme] :is(.seo-benefit-grid article,.seo-faq-grid article){box-shadow:none!important}
html:root[data-theme] .catalog-directory-grid a::after{content:'';width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;flex:0 0 7px}
html:root[data-theme] .search-input:focus-visible{outline:none!important}

/* Center the existing login dialog; its inline offset conflicts with flex alignment. */
html:root[data-theme] #loginModal>div{top:auto!important;transform:none!important;max-height:calc(100dvh - 32px);overflow:auto}
html:root[data-theme] .section-title .count{background:var(--ws-soft)!important;color:var(--ws-ink)!important}