/* Defines the width of the carousel and centers it on the page */

.slick-carousel {
    margin: 0 auto;
    width: 100%;
}


/* The width of each slide — let slick control width, only add gap */

.slick-carousel .product-slide {
    padding: 0 8px;
}

.slick-carousel .slick-list {
    margin: 0 -8px;
    touch-action: pan-y;
}

/* Fix product image height — kept for any other slick carousels */
.slick-carousel .product-slide .product-media {
    height: 180px;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
    display: block;
}
.slick-carousel .product-slide .product-media a {
    display: block;
    height: 100%;
}
.slick-carousel .product-slide .product-media img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
}
@media (max-width: 600px) {
    .slick-carousel .product-slide .product-media,
    .slick-carousel .product-slide .product-media img {
        height: 140px !important;
    }
}


/* SLICK: ARROWS */

.slick-custom-arrow {
    position: absolute;
    transform: translateY(-50%);
    z-index: 100;
    padding: 5px 10px;
    background-color: #fff;
    color: #000;
    border-radius: 2px;
}

.slick-custom-arrow {
    cursor: pointer;
    background-color: #000;
    color: #fff;
}

.slick-custom-arrow-right {
    right: 0;
    top: 40%;
}

.slick-custom-arrow-left {
    left: 0;
    top: 40%;
}

.product-add-button .btn-product {
    min-width: 8.5rem;
    max-width: 11.3rem;
    height: 3.5rem;
    padding: 0.87em 0;
    font-size: 1rem;
    font-weight: 600;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    z-index: 1;
    background-color: #454545;
    border-radius: 0.3rem;
}

.product-add-button .btn-product span {
    padding-left: 5px;
}

.btn-small-search {
    background-color: black !important;
    border: black !important;
    color: white !important;
}

.custom-search-form {
    border-left: 1px solid red !important;
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.product_slider_section {
    margin-bottom: 100px;
}

/* Prevent layout shift on slider/swiper before JS loads */
.swiper-container:not(.swiper-initialized) {
    overflow: hidden;
}
.intro-wrapper .swiper-container {
    min-height: 200px;
    background: #f5f5f5;
}
.intro-wrapper .swiper-slide {
    min-height: 200px;
}
@media (min-width: 768px) {
    .intro-wrapper .swiper-container,
    .intro-wrapper .swiper-slide {
        min-height: 300px;
    }
}