.category-toggle{background:#edf5ff;color:#176bca;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.category-toggle:hover{background:#e2efff}@media(max-width:680px){.category-toggle{font-size:10px;padding:8px 9px}}
.category-grid{display:flex;flex-wrap:nowrap;gap:11px;overflow-x:auto;overflow-y:hidden;direction:rtl;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#bcd7f5 transparent}.category-card{flex:0 0 118px;scroll-snap-align:start;animation:category-enter .42s cubic-bezier(.2,.7,.3,1) both}.category-card:hover{transform:translateY(-4px) scale(1.025)}.category-card:nth-child(2){animation-delay:.035s}.category-card:nth-child(3){animation-delay:.07s}.category-card:nth-child(4){animation-delay:.105s}.category-card:nth-child(5){animation-delay:.14s}.category-card:nth-child(6){animation-delay:.175s}.category-card:nth-child(7){animation-delay:.21s}.category-card:nth-child(8){animation-delay:.245s}@keyframes category-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media(max-width:680px){.category-grid{gap:8px}.category-card{flex-basis:98px;min-height:84px}}@media(prefers-reduced-motion:reduce){.category-grid{scroll-behavior:auto}.category-card{animation:none;transition:none}}