.category-slider{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px}.category-slider .nav-arrow{width:44px;height:44px;border-radius:50%;border:none;background:#fff;box-shadow:0 6px 20px rgb(0 0 0 / .12);font-size:26px;cursor:pointer;display:grid;place-items:center;margin-top:-20px;color:#000;padding:10px}.category-slider .nav-arrow:active{transform:scale(.96)}.category-slider .slider-viewport{overflow:hidden;flex:1}.category-slider .slider-track{display:flex;gap:24px;list-style:none;padding:0;margin:0;transition:transform 0.4s ease}.category-slider .category-card{min-width:200px;max-width:200px;text-align:center;cursor:pointer}.category-slider .card-image{height:120px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px;overflow:hidden}.category-slider .card-image img{max-height:100%;object-fit:contain;max-width:100%}.category-slider .bg-blue{background:#e7eff5}.category-slider .bg-beige{background:#ece9d6}.category-slider .bg-gray{background:#d6dae6}.category-slider .bg-cream{background:#f0edd9}.category-slider .bg-mint{background:#e3f0ee}.category-slider .card-title{font-size:14px;font-weight:600;color:#111}@media (max-width:600px){.category-slider .category-card{min-width:115px;text-align:center;cursor:pointer;height:100px!important}.category-slider .bg-blue{background:#fff}.category-slider .card-image{height:auto!important;aspect-ratio:2 / 1!important}}@media (max-width:1100px){.category-slider .bg-blue{background:#fff}.category-slider .card-image{height:auto!important;aspect-ratio:2 / 1!important}}@media (max-width:900px){.category-slider .bg-blue{background:#fff}.category-slider .card-image{height:auto!important;aspect-ratio:2 / 1!important}}.category-slider{--cs-ease:cubic-bezier(.25,.46,.45,.94);--cs-fast:90ms;--cs-base:160ms;--cs-slow:220ms}.category-slider .nav-arrow{transition:opacity var(--cs-fast) var(--cs-ease),transform var(--cs-fast) var(--cs-ease)}@media (hover:hover){.category-slider .nav-arrow:hover{opacity:.75}}.category-slider .nav-arrow:active{transform:translateY(1px);opacity:.6}.category-slider .slider-track{transition:transform var(--cs-slow) var(--cs-ease)}.category-slider .category-card{transition:transform var(--cs-base) var(--cs-ease),opacity var(--cs-base) var(--cs-ease)}@media (hover:hover){.category-slider .category-card:hover{transform:translateY(-1px)}}.category-slider .card-image img{transition:filter var(--cs-slow) var(--cs-ease),transform var(--cs-slow) var(--cs-ease)}@media (hover:hover){.category-slider .category-card:hover .card-image img{filter:brightness(1.03) contrast(1.01)}}.category-slider .card-image{transition:background-color var(--cs-slow) var(--cs-ease)}.category-slider .card-title{transition:opacity var(--cs-base) var(--cs-ease)}@media (hover:hover){.category-slider .category-card:hover .card-title{opacity:.85}}@media (hover:none){.category-slider .category-card:hover,.category-slider .nav-arrow:hover{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.category-slider *,.category-slider *::before,.category-slider *::after{transition:none!important;animation:none!important}}.slider-handle{cursor:grab}.slider-handle:active{cursor:grabbing;box-shadow:0 0 0 6px rgb(0 0 0 / .08)}