.category-nav{background:0 0;padding-top:20px;padding-bottom:24px}.category-nav__inner{max-width:1300px;margin:0 auto;padding-left:clamp(10px,3vw,15px);padding-right:clamp(10px,3vw,15px)}.category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start;gap:clamp(12px,3vw,24px);width:100%;padding-top:8px;padding-bottom:8px;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-list__item{flex-direction:column;flex-shrink:0;align-items:center;min-width:fit-content;display:flex}.category-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:80px;height:80px;padding:0;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #0000001a}.category-btn--active{width:88px;height:88px;transform:scale(1.05);box-shadow:0 12px 35px #667eea99,0 6px 20px #764ba266,0 0 0 4px #667eea33}.category-btn__ring{opacity:.6;z-index:-1;background:linear-gradient(135deg,#e53e3e 0%,#c53030 25%,#667eea 50%,#764ba2 75%,#4facfe 100%);border-radius:50%;transition:all .3s;position:absolute;inset:-3px}.category-btn--active .category-btn__ring{opacity:1;filter:brightness(1.2);background:linear-gradient(135deg,#e53e3e 0%,#c53030 20%,#667eea 40%,#764ba2 60%,#4facfe 80%,#00f2fe 100%);inset:-4px}.category-btn__inner{z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.category-btn--active .category-btn__inner{background:linear-gradient(135deg,#fffffff2 0%,#f0f4ffe6 100%);border:2px solid #667eea4d;box-shadow:inset 0 2px 8px #667eea26}.category-btn__img-wrap{border-radius:50%;position:absolute;inset:0;overflow:hidden}.category-image{transition:transform .3s}.category-btn:hover .category-image{transform:scale(1.1)}.category-label{color:#4a5568;text-align:center;max-width:90px;margin-top:12px;font-size:13px;font-weight:500;line-height:1.3;transition:all .3s}.category-label--active{color:#667eea;font-size:14px;font-weight:700;transform:scale(1.05)}@media (max-width:767px){.category-nav{padding-top:12px;padding-bottom:14px}.category-nav__inner{padding-left:12px;padding-right:12px}.category-list{scroll-snap-type:x proximity;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding-bottom:4px}.category-list__item{scroll-snap-align:start}.category-btn{width:52px;height:52px}.category-btn--active{width:56px;height:56px;transform:scale(1.03);box-shadow:0 8px 20px #667eea73,0 0 0 3px #667eea33}.category-btn__ring{inset:-2px}.category-btn--active .category-btn__ring{inset:-3px}.category-label{max-width:58px;margin-top:6px;font-size:10px;line-height:1.2}.category-label--active{font-size:10px;font-weight:700;transform:none}}@media (min-width:768px){.category-list{flex-wrap:wrap;justify-content:center;overflow-x:visible}}