/* Các thẻ cha giữ vai trò layout, không cần nhiều style trực tiếp cho carousel */
        .indexss6 {
            margin-top: 60px;
        }
        .button-control.hidemobilex {
            position: absolute;
            top: calc(25% + 17px);
            display: flex;
            justify-content: space-between;
            grid-gap: 280px;
            z-index: 9;
        }
        .button-control.hidemobilex div {
            cursor: pointer;
        }

        .slidermobile .slider-index.next {
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
            border: none;
            background: transparent;
            z-index: 9;
            border-radius: 100%;
            outline: none;
        }
        .slidermobile .slider-index.prev {
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            border: none;
            background: transparent;
            z-index: 9;
            border-radius: 100%;
            outline: none;
        }
        @media (min-width: 768px){
            .e2Web3HomepageTemplate wtc-watsons-collection {
                display: flex;
                flex-direction: column;
                width: 100vw;
                margin: 0 calc(50% - 50vw);
                overflow: hidden;
                position: relative;
                background: radial-gradient(48.7% 96.03% at 48.54% 99.97%, #FFF 4.71%, #CEF7E9 20%, #F6FFEA 40%, #FFEDE3 60%, #FFD1DE 80%, #FFF 100%) !important;
            }

            .e2Web3HomepageTemplate wtc-watsons-collection .container {
                width: 100%;
                height: 363px;
                overflow: hidden;
                position: relative;
                z-index: 2;
                display: flex;
                justify-content: center;
                padding-top: 34px;
            }
            .e2Web3HomepageTemplate wtc-watsons-collection:after {
                pointer-events: none;
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                height: 70px;
                z-index: 2;
                bottom: 0;
                background: linear-gradient(to bottom, #fff0, #fff);
            }
        }
        
        @media (min-width: 1024px){
            .e2Web3HomepageTemplate wtc-watsons-collection .container{
                height: 622px;
            }
        }
        /* Các class cho mobile (nếu bạn không cần carousel trên mobile, bạn có thể ẩn chúng) */
       
        /* Nút điều hướng */

        
        

        wtc-svg-loader {
            display: block; /* Đảm bảo SVG loader hiển thị */
        }

        .button-control svg path {
            stroke: #666; /* Màu mũi tên */
        }

        /* Swiper Wrapper - Nơi chứa tất cả các slide */
        .e2Web3HomepageTemplate wtc-watsons-collection .container .swiper-wrapper {
            position: relative;
            width: 5000px;
            height: 4600px;
            -webkit-user-select: none;
            user-select: none;
            margin-left: 50%;
            transform: translate(-50%);
            display: flex;
        }
        @media (min-width: 1024px) {
            .e2Web3HomepageTemplate wtc-watsons-collection .container .swiper-wrapper {
                height: 5000px;
            }
        }
        .e2Web3HomepageTemplate
          wtc-watsons-collection
          .container
          .swiping-transition {
            transition: all 0.5s ease-in;
        }
        /* Từng slide sản phẩm */
        .e2Web3HomepageTemplate wtc-watsons-collection .container .swiper-wrapper .element {
            position: absolute;
            width: 162px;
            left: calc((100% - 162px) / 2);
            height: 100%;
            top: 0;
        }
        @media (min-width: 1024px) {
            .e2Web3HomepageTemplate wtc-watsons-collection .container .swiper-wrapper .element {
                width: 280px;
                left: calc((100% - 280px) / 2);
            }
        }


        .e2Web3HomepageTemplate div#swiper-wrapper img{
            display: block;
            max-width: 100%;
            height: auto;
            image-rendering: -webkit-optimize-contrast;
        }

        @media (min-width: 768px){
            .slidermobile {
                display: none !important;
            }
        }

        /* Responsive (tùy chọn) */
        @media (max-width: 767px) {
            .hidemobilex {
                display: none !important; /* Ẩn carousel và nút điều khiển trên mobile */
            }
            
            /* ... các style khác cho mobile nếu cần ... */
        }