.section-categories{position: relative}
.categories-wrapper{}
.categories-slider{position: relative}
.category-item {flex: 0 0 160px;/* Fixed width */display: flex;flex-direction: column;align-items: center;text-decoration: none;gap: 12px;cursor: pointer}
.category-thumb{overflow:hidden; width: 160px;height: 160px; background: #f7f7f8; border-radius: 24px; display: flex;align-items: center;justify-content: center; position: relative;transition: all 0.3s ease}
.category-item:hover .category-thumb {background: #ffffff;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06)}
.category-thumb img{width: 85%;height: 85%;object-fit: contain;mix-blend-mode: multiply;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);will-change: transform}
.category-item:hover .category-thumb img{transform: scale(1.25) translateY(-5px) rotate(2deg);  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));}
.category-label {font-size: 16px;font-weight: 600;color: #333;text-align: center}
.slider-arrow {position: absolute;top: 50%;transform: translateY(-80%);width: 44px;height: 44px;border-radius: 50%;background: white;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);display: flex;align-items: center;justify-content: center;z-index: 10;cursor: pointer;border: none;transition: all 0.2s;font-size: 20px;color: #333}
.slider-arrow:hover{background: white;transform: translateY(-80%) scale(1.1);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15)}
.slider-arrow:disabled {opacity: 0.5;cursor: default;transform: translateY(-80%)}
.slider-arrow.prev{left: -22px}
.slider-arrow.next{right: -22px}
.categories-slider .swiper-slide{width:160px; max-width:160px}
@media (max-width: 1300px) {
	.categories-slider .swiper{overflow:visible}
    .slider-arrow.prev{left: -16px;}
    .slider-arrow.next{right:-16px;}
}
@media (max-width: 768px) {
    .category-item{flex: 0 0 120px;}
    .category-thumb{width: 120px;height: 120px;}
	.categories-slider .swiper-slide{width:120px; max-width:120px}
    .category-label{font-size: 14px}
    .slider-arrow {display: none;}
}
@media (max-width: 375px) {
    .category-item{flex: 0 0 100px}
	.categories-slider .swiper-slide{width:100px; max-width:100px}
    .category-thumb {width: 100px;height: 100px;border-radius: 16px;}
    .category-label {font-size: 12px;}
}