/* Общий контейнер, чтобы блок не выходил за рамки родительского */
.collection-carousel-container {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

/* Настройка внешнего вида слайдера */
.collection-carousel-swiper {
    padding: 10px 0;
}

/* Стили для каждого элемента карусели */
.collection-carousel-item img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: cover; /* Обеспечивает заполнение квадрата без искажений */
    border: 1px solid #ddd;
    border-radius: 8px;
}
.swiper-slide {
    flex-shrink: 0;
    width: auto;
    height: auto;
    position: relative;
	padding-right: 5px;
    transition-property: transform;
}