.categories-slider-wrapper{padding:18px 0;position:sticky;top:80px;z-index:900}.categories-slider-container{margin:0 auto;max-width:1400px;padding:0 25px;position:relative}.categories-slider{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:8px 5px;scroll-behavior:smooth;scrollbar-color:hsla(0,0%,97%,.25) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent)}.categories-slider::-webkit-scrollbar{height:8px}.categories-slider::-webkit-scrollbar-track{background:hsla(0,0%,97%,.08);border-radius:12px;margin:0 20px}.categories-slider::-webkit-scrollbar-thumb{background:linear-gradient(135deg,hsla(0,0%,97%,.3),hsla(0,0%,97%,.5));border:2px solid rgba(0,0,0,.1);border-radius:12px;transition:all .3s ease}.categories-slider::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,hsla(0,0%,97%,.5),hsla(0,0%,97%,.7));transform:scale(1.1)}.slider-nav-btn{align-items:center;backdrop-filter:blur(15px);background:linear-gradient(135deg,hsla(0,0%,97%,.15),hsla(0,0%,97%,.05));border:1.5px solid hsla(0,0%,97%,.25);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);color:#f8f8f8;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:45px;z-index:10}.slider-nav-btn:hover{background:linear-gradient(135deg,hsla(0,0%,97%,.25),hsla(0,0%,97%,.15));border-color:hsla(0,0%,97%,.5);box-shadow:0 6px 20px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.15)}.slider-nav-btn:active{transform:translateY(-50%) scale(.95)}.slider-nav-btn.prev{left:10px}.slider-nav-btn.next{right:10px}.slider-nav-btn.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.8)}.category-slide-btn{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,rgba(18,22,19,.4),rgba(10,12,11,.4));border:1.5px solid hsla(0,0%,97%,.15);border-radius:30px;color:#f8f8f8;cursor:pointer;display:flex;flex:0 0 auto;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.category-slide-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,97%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.category-slide-btn:hover:before{left:100%}.category-slide-btn:hover{background:linear-gradient(135deg,rgba(18,22,19,.6),rgba(10,12,11,.6));border-color:hsla(0,0%,97%,.4);box-shadow:0 8px 25px rgba(0,0,0,.4),0 4px 15px hsla(0,0%,97%,.1);transform:translateY(-3px)}.category-slide-btn.active{background:linear-gradient(135deg,#00aded,#0090c9);border-color:#00aded;box-shadow:0 8px 30px rgba(0,173,237,.35),0 4px 15px rgba(0,173,237,.2);color:#121613;transform:translateY(-2px)}.category-slide-btn.active:after{background:#121613;border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.category-slide-btn i{font-size:18px;opacity:.9;transition:transform .3s ease}.category-slide-btn:hover i{transform:scale(1.2)}.category-slide-btn.active i{opacity:1;transform:scale(1.2)}@media (max-width:768px){.categories-slider-wrapper{padding:15px 0;top:70px}.categories-slider-container{padding:0 20px}.category-slide-btn{font-size:15px;gap:10px;padding:12px 24px}.slider-nav-btn{font-size:18px;height:40px;width:40px}.categories-slider{gap:12px;mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent)}}@media (max-width:480px){.categories-slider-wrapper{padding:12px 0;top:65px}.categories-slider-container{padding:0 15px}.category-slide-btn{font-size:14px;gap:8px;padding:10px 20px}.slider-nav-btn{font-size:16px;height:35px;width:35px}.categories-slider{gap:10px;mask-image:linear-gradient(90deg,transparent 0,#000 15px,#000 calc(100% - 15px),transparent)}}[dir=rtl] .slider-nav-btn.prev{left:auto;right:10px}[dir=rtl] .slider-nav-btn.next{left:10px;right:auto}[dir=rtl] .slider-nav-btn.next i,[dir=rtl] .slider-nav-btn.prev i{transform:rotate(180deg)}[dir=rtl] .categories-slider{mask-image:linear-gradient(270deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent)}.categories-slider-wrapper.loading{opacity:.7;pointer-events:none}.categories-slider-wrapper.loading:after{animation:enhancedSpin .8s cubic-bezier(.68,-.55,.27,1.55) infinite;border:3px solid hsla(0,0%,97%,.1);border-radius:50%;border-top-color:#f8f8f8;content:"";height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}@keyframes enhancedSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.scroll-indicator{bottom:5px;display:flex;gap:6px;left:50%;padding:8px 0;position:absolute;transform:translateX(-50%)}.scroll-indicator-dot{background:hsla(0,0%,97%,.3);border-radius:50%;cursor:pointer;height:8px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:8px}.scroll-indicator-dot:hover{background:hsla(0,0%,97%,.5);transform:scale(1.2)}.scroll-indicator-dot.active{background:#f8f8f8;border-radius:4px;transform:scale(1.1);width:24px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.categories-slider-wrapper{animation:slideInFromTop .6s cubic-bezier(.25,.46,.45,.94) both}.category-slide-btn:focus-visible{outline:2px solid #f8f8f8;outline-offset:2px}.slider-nav-btn:focus-visible{outline:2px solid #f8f8f8;outline-offset:2px}@media (prefers-contrast:high){.category-slide-btn{border-width:2px}.category-slide-btn.active{border-width:3px}}@media (prefers-reduced-motion:reduce){.categories-slider{scroll-behavior:auto}.category-slide-btn,.slider-nav-btn{transition:none}.categories-slider-wrapper{animation:none}}