.categories-page,.category-page{width:100%;max-width:1200px;padding:40px 20px;margin:0 auto;box-sizing:border-box;flex:1}.page-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.page-header__icon{font-size:64px;display:block;margin-bottom:16px}.page-header__wheels{display:flex;justify-content:center;margin-bottom:16px;cursor:pointer}.page-header__wheels:hover .page-header__wheel-preview svg{animation:wheel-spin-once .8s cubic-bezier(.25,.1,.25,1)forwards}.page-header__wheels:hover .page-header__wheel-preview:nth-child(1) svg{animation-delay:0s}.page-header__wheels:hover .page-header__wheel-preview:nth-child(2) svg{animation-delay:.1s}.page-header__wheels:hover .page-header__wheel-preview:nth-child(3) svg{animation-delay:.2s}.page-header__wheel-preview{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 2px #fff}.page-header__wheel-preview:not(:first-child){margin-left:-8px}.page-header__wheel-preview:nth-child(1){z-index:3}.page-header__wheel-preview:nth-child(2){z-index:2}.page-header__wheel-preview:nth-child(3){z-index:1}.page-header__title{font-size:40px;margin-bottom:12px}.page-header__description{font-size:20px;max-width:800px;margin:0 auto 20px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.category-card{display:flex;gap:16px;padding:20px;border-radius:16px;transition:background .15s ease}.category-card:hover{background:var(--lightGrey)}.category-card__icon{font-size:40px;flex-shrink:0;line-height:1}.category-card__content{flex:1;min-width:0}.category-card__title{font-size:18px;font-variation-settings:"GRAD" 400,"wght" 800;margin-bottom:6px}.category-card__description{font-size:15px;color:#5e5e66;margin-bottom:8px}.category-card__count{font-size:13px;color:#9a9aa4;font-variation-settings:"GRAD" 400,"wght" 600}.wheels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wheel-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;transition:background .15s ease}.wheel-card:hover{background:var(--lightGrey)}.wheel-card:hover .wheel-card__preview{transform:scale(1.1)}.wheel-card:hover .wheel-card__preview svg{animation:wheel-spin-once .8s cubic-bezier(.25,.1,.25,1)forwards}.wheel-card__preview{flex-shrink:0;width:64px;height:64px;transition:transform .2s ease}.wheel-card__preview svg{transition:transform .3s ease}.wheel-card__content{flex:1;min-width:0}.wheel-card__title{font-size:18px;font-variation-settings:"GRAD" 400,"wght" 800;margin-bottom:4px}.wheel-card__description{font-size:15px;color:#5e5e66;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wheel-preview__svg{display:block;width:100%;height:100%}.empty-category{text-align:center;padding:60px 20px;color:#5e5e66}.category-nav{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.back-link{color:#5e5e66;font-size:15px;font-variation-settings:"GRAD" 400,"wght" 500;transition:color .2s ease}.back-link:hover{color:#333}@keyframes wheel-spin-once{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.page-header__title{font-size:28px}.page-header__icon{font-size:48px}.categories-grid{grid-template-columns:1fr}.category-card__icon{font-size:32px}}