.wheel-category-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px}
.wheel-category-nav a{min-height:86px;padding:15px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:.2s}
.wheel-category-nav a:hover,.wheel-category-nav a.active{border-color:var(--blue);box-shadow:0 10px 30px rgba(0,155,230,.12)}
.wheel-category-nav small{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.wheel-category-nav strong{font-size:12px;text-transform:uppercase;line-height:1.3}
.wheel-toolbar{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);background:var(--panel);margin-bottom:14px;position:sticky;top:91px;z-index:7}
.wheel-search{min-width:220px;flex:1}.wheel-toolbar input,.wheel-toolbar select,.wheel-filter select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--text);outline:none}
.wheel-toolbar input:focus,.wheel-toolbar select:focus,.wheel-filter select:focus{border-color:var(--blue)}
.wheel-toolbar select{width:auto;min-width:165px}.wheel-toolbar button{height:42px;padding:0 14px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.wheel-toolbar button.active{border-color:var(--blue);color:var(--blue)}
.wheel-filter-toggle{display:none}.wheel-count{font-size:12px;color:var(--muted);white-space:nowrap}
.wheel-shop{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}
.wheel-filter{position:sticky;top:161px;border:1px solid var(--line);background:var(--panel);padding:20px}
.wheel-filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.wheel-filter-head strong{text-transform:uppercase;font-size:13px}.wheel-filter-head button{border:0;background:none;color:var(--blue);font-size:11px;cursor:pointer}
.wheel-filter label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 13px}.wheel-filter select{display:block;margin-top:6px;text-transform:none;letter-spacing:0}
.wheel-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wheel-products.list{grid-template-columns:1fr}.wheel-products.list .wheel-product{display:grid;grid-template-columns:260px 1fr}.wheel-products.list .model-image{height:100%;min-height:270px}
.wheel-product{border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:.2s}.wheel-product:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 15px 40px rgba(0,128,210,.1)}
.wheel-product .model-image{height:245px}.wheel-product-icon{font-size:76px;color:#4ecbff;text-shadow:0 0 24px rgba(0,183,255,.35)}
.wheel-product-copy{padding:20px}.wheel-product-copy small{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.wheel-product-copy h2{font:19px/1.18 "Russo One",sans-serif;text-transform:uppercase;margin:9px 0 13px;min-height:46px}.wheel-product-copy p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 15px}
.wheel-specs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.wheel-specs span{font-size:10px;border:1px solid var(--line);padding:5px 7px;color:var(--muted)}
.wheel-stock{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:15px}.wheel-stock:before{content:"";width:7px;height:7px;border-radius:50%;background:#20c67a;box-shadow:0 0 10px rgba(32,198,122,.5)}.wheel-stock.order:before{background:#e6a62e}.wheel-stock.transit:before{background:#38aeea}
.wheel-price{font-weight:800;margin-bottom:14px}.wheel-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px}.wheel-actions a,.wheel-actions button{min-height:40px;border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center;padding:8px;cursor:pointer;font:inherit;font-size:11px}.wheel-actions a{background:linear-gradient(110deg,var(--blue),var(--blue2));border:0;color:#fff;font-weight:800;text-transform:uppercase}.wheel-actions button.active{border-color:var(--blue);color:var(--blue);background:rgba(0,183,255,.08)}
.wheel-details{width:100%;margin-top:8px;height:38px;border:0;background:transparent;color:var(--blue);text-align:left;padding:0;cursor:pointer;font-weight:800;font-size:11px;text-transform:uppercase}
.wheel-empty{grid-column:1/-1;padding:55px;border:1px solid var(--line);text-align:center;background:var(--panel)}
.wheel-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.wheel-pagination button{height:40px;min-width:40px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.wheel-pagination button:disabled{opacity:.35;cursor:default}.wheel-pagination span{font-size:12px;color:var(--muted);padding:0 8px}
.wheel-dialog{width:min(760px,calc(100% - 28px));max-height:86vh;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.5)}.wheel-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.wheel-dialog-inner{padding:28px}.wheel-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.wheel-dialog-head h2{font:26px "Russo One";text-transform:uppercase;margin:0}.wheel-dialog-close{width:38px;height:38px;border:1px solid var(--line);background:none;color:var(--text);font-size:22px;cursor:pointer}.wheel-dialog-body{padding-top:20px}.wheel-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wheel-detail-grid div{padding:12px;border:1px solid var(--line)}.wheel-detail-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.wheel-detail-grid b{display:block;margin-top:4px}.wheel-dialog-cta{display:inline-flex;margin-top:20px;padding:13px 18px;background:linear-gradient(110deg,var(--blue),var(--blue2));color:#fff;font-weight:800;text-transform:uppercase;font-size:11px}
.wheel-compare-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wheel-compare-list article{border:1px solid var(--line);padding:15px}.wheel-compare-list h3{font-size:14px;margin:0 0 12px}.wheel-compare-list p{font-size:12px;color:var(--muted);margin:5px 0}
html[data-theme="light"] .wheel-category-nav a,html[data-theme="light"] .wheel-toolbar,html[data-theme="light"] .wheel-filter,html[data-theme="light"] .wheel-product,html[data-theme="light"] .wheel-pagination button,html[data-theme="light"] .wheel-dialog{background:#fff}html[data-theme="light"] .wheel-toolbar input,html[data-theme="light"] .wheel-toolbar select,html[data-theme="light"] .wheel-filter select{background:#edf3f7;color:#08131d}
@media(max-width:1100px){.wheel-products{grid-template-columns:repeat(2,1fr)}.wheel-category-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wheel-category-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.wheel-category-nav a{min-width:150px;scroll-snap-align:start}.wheel-toolbar{top:70px;flex-wrap:wrap}.wheel-search{min-width:100%}.wheel-toolbar select{flex:1;min-width:0}.wheel-filter-toggle{display:block!important}.wheel-shop{grid-template-columns:1fr}.wheel-filter{display:none;position:static}.wheel-filter.open{display:block}.wheel-products{grid-template-columns:1fr}.wheel-products.list .wheel-product{grid-template-columns:1fr}.wheel-products.list .model-image{min-height:245px}.wheel-compare-list{grid-template-columns:1fr}.wheel-count{order:5;width:100%}.wheel-dialog-inner{padding:20px}.wheel-detail-grid{grid-template-columns:1fr}}
