#home-product {
    .swiper-container {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .swiper {
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: visible;
    }

    .swiper-slide {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: transform 0.3s ease;
        margin: 0 auto;
    }

    .swiper-slide:hover {
        transform: scale(1.02);
        z-index: 10;
    }

    /* .swiper-slide img {
        height: 100%;
        max-height: 360px;
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    } */

    .swiper-button-next,
    .swiper-button-prev {
        position: absolute;
        top: 50%;
        right: 1%;
        width: 44px;
        height: 44px;
        margin-top: -18px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 50%;
        transition: background-color 0.3s ease;
        z-index: 10;
    }

    .swiper-button-next {
        right: 2%;
    }

    .swiper-button-prev {
        left: 2%;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 18px;
        font-weight: 600;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
    }

    .swiper-pagination {
        position: unset;
        margin-top: 1%;
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #9f0515;
    }

    @media (max-width: 767px) {
        .swiper-container {
            padding-left: 0;
            padding-right: 0;
        }

        .swiper {
            height: auto;
        }

        .swiper-button-prev,
        .swiper-button-next {
            display: none;
        }
    }
}