/* Override item-box width inside carousel to work with Swiper's flexbox */
.catalog-carousel .swiper-slide .item-box {
    width: 100% !important;
    margin: 0 !important;
}

/* Optional: Add minimum width to prevent too small products */
.catalog-carousel .swiper-slide {
    min-width: 200px;
}

/* Ensure images maintain aspect ratio */
.catalog-carousel .item-box .picture a:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 aspect ratio */
}
.catalog-carousel .title {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}