/* NEW WHEEL AUTOS — responsive rules (1920 → 360) */
@media (min-width:1700px){:root{--container:1360px}}
@media (max-width:1280px){
  .nav-link{padding:24px 9px;font-size:12px;letter-spacing:.05em}
  .header-in{gap:14px}
  .footer-grid{grid-template-columns:1.4fr .8fr 1fr .9fr 1.2fr;gap:26px}
  .why-grid{grid-template-columns:repeat(4,1fr);gap:14px}
  .track>*{flex-basis:clamp(228px,30%,290px)}
}
@media (max-width:1100px){
  .nav,.topbar .tb-c{display:none}
  .topbar-in{grid-template-columns:1fr auto}
  .burger{display:grid}
  .header-in{gap:8px}
  .logo img{height:52px}
  .hdr-icons{margin-left:auto}
  .finder-grid{grid-template-columns:repeat(3,1fr)}
  .finder-grid .btn{grid-column:1/-1}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;row-gap:36px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .wholesale,.split{gap:34px}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .shop{grid-template-columns:1fr}
  .filters{position:fixed;top:0;left:0;bottom:0;width:min(360px,90vw);max-height:none;z-index:700;border-radius:0;transform:translateX(-104%);transition:transform .4s var(--ease);box-shadow:20px 0 60px rgba(0,0,0,.25)}
  .filters.on{transform:none}
  .filter-btn{display:inline-flex}
  .filters-head .close-f{display:grid!important}
  .pd{grid-template-columns:1fr;gap:28px}
  .gallery{position:static}
  .cart-page,.checkout{grid-template-columns:1fr}
  .sum-card{position:static}
  .quote-wrap,.contact-grid{grid-template-columns:1fr}
  .account{grid-template-columns:1fr}
  .acc-nav{position:static;display:flex;overflow-x:auto;gap:4px;padding:8px}
  .acc-nav button{white-space:nowrap;width:auto;padding:10px 14px}.acc-user{display:none}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter{grid-template-columns:1fr;padding:36px}
  .hero-dots{display:none}
}
@media (max-width:820px){
  .sec{padding:48px 0}
  .topbar{display:none}
  .hero{height:clamp(500px,82vh,620px)}
  .hero-video{object-position:64% center}
  .hero-overlay{background:linear-gradient(0deg,rgba(8,8,8,.88) 0%,rgba(8,8,8,.55) 55%,rgba(8,8,8,.35) 100%)}
  .hero-in{justify-content:flex-end;padding-bottom:84px}
  .finder-card{padding:20px 16px}
  .finder-grid{grid-template-columns:1fr 1fr}
  .wholesale,.split{grid-template-columns:1fr}
  .stats-band{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #2a2a2a}
  .range-grid{grid-template-columns:1fr 1fr}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pgrid.list .pcard{flex-direction:column}.pgrid.list .pcard-media{width:100%;border-right:0;border-bottom:1px solid #f0f0f0}
  .promo-in{padding:32px 24px}
  .qv{grid-template-columns:1fr}.qv-img{aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--border)}
  .track>*{flex-basis:calc(50% - 10px)}
  .tb-right .select{width:160px}
  .mcart{position:fixed;left:12px;right:12px;bottom:12px;z-index:240;background:#111;color:#fff;border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 34px rgba(0,0,0,.35);font:700 13px var(--head);transform:translateY(140%);transition:transform .4s var(--ease)}
  .mcart.on{transform:none}.mcart span{display:flex;gap:10px;align-items:center}.mcart b{background:var(--primary);padding:6px 12px;border-radius:8px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
  .fabs{bottom:20px}.has-mcart .fabs{bottom:84px}.has-mcart .toasts{bottom:90px}
  .cart-table thead{display:none}.cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;width:100%}
  .cart-table tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--border)}
  .cart-table td{padding:0;border:0}.cart-table td:first-child{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .compat .mini{grid-template-columns:1fr 1fr}.compat .mini .btn{grid-column:1/-1}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .container{width:min(var(--container),100% - 28px)}
  .logo img{height:46px}.icon-btn{width:38px;height:38px}.icon-btn .ico{width:21px;height:21px}
  .hdr-icons .hide-xs{display:none}
  .hero-cta .btn{flex:1 1 100%}
  .hero-title{font-size:clamp(34px,10.5vw,46px)}
  .finder-head .btn{display:none}
  .finder-grid{grid-template-columns:1fr}
  .search-box{padding-left:12px}.search-box .btn{padding:12px 14px}.search-box .btn span{display:none}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .make-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcard-body{padding:11px 11px 13px}.pcard-name{font-size:13px}.price-now{font-size:16px}
  .pcard-btns{grid-template-columns:1fr}.pcard-btns .btn{padding:10px 6px}
  .pcard-actions .pact:not(.always){opacity:1;transform:none}
  .pact{width:32px;height:32px}
  .why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-card{padding:18px 14px}.why-card h3{font-size:13px}
  .ws-list{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .offers-grid{grid-template-columns:1fr}
  .newsletter{padding:28px 20px;border-radius:16px}.nl-form{flex-direction:column}
  .promo-banner{min-height:300px;border-radius:16px}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
  .stat-cards{grid-template-columns:1fr 1fr;gap:10px}
  .order-row{grid-template-columns:1fr}
  .pd-buy .btn{min-width:100%}.pd-meta{grid-template-columns:1fr}.pd-price .now{font-size:30px}
  .g-thumb{width:68px;height:68px}
  .tab-btn{padding:12px 14px;font-size:12px}
  .auth-card{padding:26px 20px}
  .tb-right{width:100%;justify-content:space-between}.tb-right .select{flex:1}
  .toolbar .count{width:100%}
  .range-grid{grid-template-columns:1fr}
  .track>*{flex-basis:78%}
  .cart-line{grid-template-columns:64px 1fr auto}.cl-img{width:64px;height:64px}
  .fbt-total{margin-left:0;text-align:left;width:100%}
  .modal{padding:10px}.qv-info{padding:22px 18px}
  .mega-feature{display:none}
  .toasts{left:12px;right:12px}.toast{max-width:none}
}
@media (max-width:380px){
  .logo img{height:40px}.icon-btn{width:34px;height:34px}.header-in{gap:2px}
  .pgrid{gap:8px}.pcard-name{font-size:12.5px}.pcard-brand{font-size:10px}
  .hero-title{font-size:32px}
}

@media (max-width:1100px){:root{--hh:72px}}
@media (max-width:560px){:root{--hh:66px}}