.wheels-intro{padding:26px 5% 58px;background:linear-gradient(120deg,#e3e6e8,#f4f5f4)}
.breadcrumbs{display:flex;gap:13px;font-size:12px;color:#62696e;margin-bottom:48px}
.breadcrumbs a:hover{color:#202427}
.wheels-intro-row{display:flex;justify-content:space-between;align-items:end;gap:32px}
.wheels-intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,5.5vw,82px);line-height:1.04;margin:20px 0 0;font-weight:600;letter-spacing:-1px}
.wheels-intro-row>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 5px}
header a[aria-current=page]{color:#202427;border-bottom:2px solid var(--yellow);padding-bottom:7px}
.wheel-catalog{padding:0 5% 70px;background:#f2f2ee}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid #d6d9d7;margin-bottom:30px}
.wheel-filters{display:flex;flex-wrap:wrap;gap:8px}
.wheel-filters button{font:600 13px Manrope,Arial,sans-serif;padding:11px 19px;border:1px solid #d5d9d7;background:transparent;color:#4a5356;cursor:pointer}
.wheel-filters button[aria-pressed=true]{background:#202427;border-color:#202427;color:#fff}
.wheel-filters button:hover{border-color:#202427}
#wheel-count{font-size:12px;color:var(--muted);white-space:nowrap}
.wheel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.wheel-card{background:white;min-width:0}
.wheel-card[hidden]{display:none}
.wheel-photo{display:block;position:relative;width:100%;padding:22px;border:0;background:white;cursor:zoom-in;overflow:hidden}
.wheel-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .3s}
.wheel-photo:hover img{transform:scale(1.045)}
.wheel-size{position:absolute;top:16px;left:16px;font:600 11px Manrope,Arial,sans-serif;background:#f0f1ef;padding:7px 10px}
.zoom-mark{position:absolute;bottom:16px;right:18px;font-size:23px;color:#62696e}
.wheel-info{padding:24px;border-top:1px solid #eff0ec}
.wheel-index{font-size:10px;letter-spacing:1.6px;color:#747c80}
.wheel-info h2{font-size:20px;margin:12px 0 10px;font-weight:800}
.wheel-info p{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;overflow-wrap:anywhere}
.wheel-info>a{display:flex;justify-content:space-between;border-top:1px solid #e4e6e3;padding-top:16px;margin-top:20px;font-size:12px;font-weight:700}
.wheel-info>a:hover{color:#946100}
.wheel-help{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:55px;padding:36px;background:#e5e8e7;border-left:3px solid var(--yellow)}
.wheel-help h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;margin:14px 0}
.wheel-help p{font-size:14px;line-height:1.8;max-width:620px;color:var(--muted)}
.wheel-help .button{flex-shrink:0}
@media(max-width:1000px){.wheel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:15px}}
@media(max-width:640px){.wheels-intro{padding-bottom:32px}.breadcrumbs{margin-bottom:32px}.wheels-intro-row{display:block}.wheels-intro-row>p{margin-top:22px}.catalog-toolbar{align-items:start;gap:10px}.wheel-filters{gap:6px}.wheel-filters button{padding:10px 12px}.wheel-grid{gap:14px;grid-template-columns:1fr}.wheel-photo{padding:24px}.wheel-info{padding:20px}.wheel-info p{min-height:0}.wheel-help{display:block;padding:24px}.wheel-help .button{margin-top:12px}.wheel-help .eyebrow{font-size:10px}}
