#slider-top-outer{position:relative;width:100%}
/*#slider-top-wrapper{width:100%}
#slider-wrapper{width:100%;position:relative;z-index:1}
#slider-outer-container{position:relative;width:100%;padding-bottom:40.2%;!*height:100%;*!overflow:hidden}
#slider-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow: hidden;}
.slider-left,.slider-right{position:absolute;top:0;left:20px;bottom:0;margin:auto 0;width:50px;height:50px;background-color:#fff;border-radius:50%;border:1px solid #C1C1C1;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.slider-right{left:auto;right:20px}
.flick-slider,.slide-container,.slide-photo{width:100%;height:100%}
!*.slide-container{position:relative}*!
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:40.2%;!*height:100%;*!overflow:hidden}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}*/
.flick-slider,.flick-slider-gallery{opacity:0;visibility:hidden;transition:opacity .4s ease}
.flick-slider.sliderVisible,.flick-slider-gallery.sliderVisible{opacity:1;visibility:visible}
#slider-wrapper{position:relative;width:100%}
#slider-outer-container{position:relative;width:100%;padding-bottom:40.2%;/*overflow:hidden*/}
#slider-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
.flick-slider,.slide-container,.slide-photo{width:100%}
.flick-slider{height:100%}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:40.2%;overflow:hidden}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.slider-left,.slider-right{position:absolute;top:0;bottom:0;margin:auto;width:50px;height:50px;background:#fff;padding:10px;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:99}
.slider-left figure,.slider-right figure{width:100%}
.slider-left figure img,.slider-right figure img{margin:auto}
.flickity-page-dots{width:fit-content;height:fit-content;margin:auto}
.flickity-page-dots .dot{position:relative;background:#fff;border:none}
.flickity-page-dots .dot.is-selected{background:var(--color-black-900);border:5px solid #fff}
.slide-caption {width: fit-content;position: absolute;bottom: 20px;left: 40px;z-index: 100;background: #FFF;padding: 20px 50px;}
.slide-caption:before,.slide-caption:after{content:'';position: absolute;}
.slide-caption:before{left: 0;top: 0;background: #FFF;width: 100%;height: 100%;z-index: -1;}
.slide-caption:after{ left: -9px;top: -9px;background: #ffc629;width: 100px;height: 100px;z-index: -3;}
.slide-title{font:var(--font30CBlack);color: #262626;letter-spacing: 9px;}
.slide-title2{font:var(--font26CBold);color: #BE8B00;letter-spacing: 8px;margin-top: 10px;}
.flickity-page-dots {bottom:-40px;left: 0;right: 0}
.flickity-page-dots .dot {width: 17px;height: 17px;opacity: 1;background: #262626;border:4px solid #262626;border-radius: 50%;}
.flickity-page-dots .dot.is-selected {background: #fff;border: 4px solid #FFC629;}
.parent {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
.div1 { grid-area: 1 / 1 / 3 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 4; }
.div3 { grid-area: 1 / 4 / 2 / 5; }
.div4 { grid-area: 2 / 3 / 3 / 5; }
.front-newArrivals-h2{color: #143331;text-align: center;}
.front-newArrivals-carousel{position: relative;}
.newArrivalsAll-left,.newArrivalsAll-right{position:absolute;top:0;bottom:0;margin:auto 0;width:68px;height:68px;background:#eee;justify-content:center;align-items:center;cursor:pointer;z-index:2;border-radius:50%;display:flex}
.newArrivalsAll-left {left: 0;}
.newArrivalsAll-right {right: 0;}
.products-list-photo-container picture > img {object-fit: scale-down;margin: auto;right: 0;bottom: 0;max-width: 100%;max-height: 100%;width: auto;height: auto;}
#suggested-categories-wrapper{width:100%;position:relative;z-index: 0;text-align: center;}
#suggested-categories-wrapper:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#262626;z-index:-1;transition: all 1s ease-out;}
#suggested-categories-wrapper.active:before{width: 100%;}
#suggested-categories-h2{color:#fff;text-align:center;letter-spacing:12px;/*background-color: #262626;*/display: inline-block}
.suggested-category-photo-container{width:100%}
.suggested-category-photo-container figure{padding-bottom:125%}
.suggested-categories{width:100%;}
.suggested-category-title{text-align:center;margin-top:15px;color:#fff;background-color:#262626;font:var(--font16CSemi)}
#about-wrapper{width:100%;}
.about-image-container{width:100%;position:relative}
.about-text-container{position:absolute;width:50%;height:100%;right:0;border-radius:0 10px 10px 0;background-color: transparent}
/*.about-text-container.active{background:rgba(255,198,41,0.80);}*/
.about-image-container figure{padding-bottom:58.3%}
.about-inner-container{border-radius:10px;position:relative}
.about-title{justify-content:center;align-items:center;flex-direction:column;position:relative;margin:auto;width:fit-content;padding:5px;text-align:center;color:#143331}
.about-title:before,.about-title:after{content:'';position:absolute;left:0;right:0;margin:auto;width:50%;border-left:1px solid #143331;border-right:1px solid #143331;z-index:0;}
.about-title:before{top:0;border-top:1px solid #143331;}
.about-title:after{bottom: 0;border-bottom:1px solid #143331;}
.about-title .text{}
.about-desc{font:var(--font18CBold);line-height:1.66;text-align: center;}
.about-us-btn{margin:0 auto;width:100%;}
.about-us-btn > a{color:#FFFFFF;font:var(--font18CBold);text-align: center;background: #143331;position: relative;overflow: hidden;border: 1px solid #143331;transition:all .4s ease;}

.scroll-container{/*width: calc(100% - 80px);*//*calc(100% - 80px);*//*padding: 70px 30px 0;*/position: relative;height: 100%;overflow:hidden;}
.scroll-wrapper{padding: 70px 30px 0;}
.spacer{height:500px;width:100%;background-color:yellow;}
.cards-list{width:100%;display: block;padding: 0;margin:0;}
.card{width: 100%;border-radius: 30px 30px 0 0; height: 85vh;min-height: auto;position: relative;inset: 0;/* height: 100%;*/will-change: transform, opacity;display: flex;justify-content: space-between;align-items: center;/*padding-top: 40px;*/}
.card-content {width: 100%;overflow: hidden;transform-style: preserve-3d;transform-origin: 50% 10%;height: 100%;}
.card-wrapper{padding: 10px;width: 100%;display: flex;align-items: center;height: 100%}
.card a {position: absolute;width: 100%;height: 100%;inset: 0;}
.card figure{height: 100%;/*padding-bottom: 44.6%;*/border-radius: 30px 30px 0 0;}

#banners {width: 100%;}
.size-large figure {padding-bottom: 97.1%;}/*89.1%*/
.size-small figure {padding-bottom: 97.5%;}
.size-wide figure {padding-bottom: 47.6%;}

#brands{width:100%}
.top-brands-outer-container{width:100%;position:relative}
.top-brands-outer-container:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px 30px 0 0;background:#262626;z-index:-1}
.top-brands-title-cont{width:100%;display:flex;color:#fff}
.cont-title{font:700 clamp(2.1875rem,1.6518rem + 0.7143vw,2.5rem) 'TikTok Sans';letter-spacing:12px;color: #fff;background-color: #262626;}
.cont-desc{font:var(--font18CReg);background-color: #262626;color: #fff}
.top-brands-list {width: 100%;}
.top-brands-list > li {background: #fff;padding: 10px;}
.brand-image-container img {max-width: 100%;margin: auto;}
.see-all-brands-btn {background: #FFC629;}
.see-all-brands-btn > a {color: #262626;font: var(--font20CBold);}
.suggested-categories > li {position: relative;}
.hover-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding:20px;
    background: #FFC629;
    display: inline-flex;
    width:80px;
    height:80px;
    border-radius:50%;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
@media (min-width:1200px) {
    .front-newArrivals-wrapper{padding-top: 5.208vw;}
    .front-newArrivals-h2 {font: var(--font40CMedium);letter-spacing: 12px;}
    .front-newArrivals-carousel{margin: 2.604vw auto 0;padding: 0 100px;max-width: calc(100% - 60px);}
    .newArrivals-slide {width: 23%;}
    .newArrivals-slide:not(:first-child) {margin-left: 2.66%;}

    #suggested-categories-wrapper{margin-top:3.646vw;padding:2.083vw 1.563vw 2.865vw}
    #suggested-categories-h2{font:var(--font40CBold);}
    #suggested-categories-container{margin-top:2.865vw}
    .suggested-categories{gap:.8%}
    .suggested-categories > li{width:16%}

    #smooth-wrapper {margin-top: 60px;max-width: calc(100% - 80px);padding: 0 30px;}

    #about-wrapper{margin-top:3.646vw;padding: 0 10.417vw}
    .about-inner-container{max-width: 1200px;margin: 0 auto;}
    .about-text-container{padding:55px 2.604vw 60px}
    .about-desc{margin-top:70px;}
    .about-us-btn{margin-top:40px;max-width:350px;}
    .about-us-btn > a{padding: 1.042vw 2.083vw;}
    .about-us-btn > a:hover {color: #143331;background-color:#FFFFFF;border: 1px solid #143331;}
    .about-title:before{height: 5.729vw;}
    .about-title:after{height: 2.083vw;}
    .about-title .num{font:700 clamp(5rem, 0.7143rem + 5.7143vw, 7.5rem)/1 'TikTok Sans';}
    .about-title .text{font:700 clamp(2rem, 0.6071rem + 1.8571vw, 2.8125rem) 'TikTok Sans';position:relative}
    .about-title .since_txt{font:700 clamp(1.0625rem, 0.3125rem + 1vw, 1.5rem) 'TikTok Sans';}

    #banners{/*max-width: calc(100% - 80px);*/padding: 0 30px;margin-top:40px;}
    #banners .parent > li:hover{cursor: pointer}
    #brands{/*max-width:calc(100% - 80px);*/padding:0 30px;margin-top:40px}
    .top-brands-outer-container{padding:3.125vw 9.896vw}
    .top-brands-title-cont{gap:4.427vw}
    .cont-desc{max-width:67%;}
    .top-brands-list{margin-top: 3.646vw;row-gap: 40px;column-gap: 2.66%;}
    .top-brands-list > li {width: 23%;}
    .see-all-brands-btn {margin: 60px auto 0;}
    .see-all-brands-btn > a{padding:17px 70px;}
    #footer {margin-top: 10px;}
    .suggested-categories > li  a:hover .hover-overlay{opacity: 1;visibility: visible;}

    .suggested-categories > li a:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
    .suggested-categories > li a img {-webkit-transform: scale(1);transform: scale(1);transition: all .4s ease;}

    #banners .parent > li img{-webkit-transform: scale(1);transform: scale(1);transition: all .4s ease;}
    #banners .parent > li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
}

@media (max-width: 1199px){
    .front-newArrivals-wrapper{width:100%}
    .front-newArrivals-h2{font:500 clamp(1.5625rem,0.7913rem + 1.6129vw,2rem) 'TikTok Sans';letter-spacing:9px}
    .front-newArrivals-wrapper{margin-top:3.906vw;padding-top: 40px;}
    .front-newArrivals-carousel{margin-top:2.083vw}

    #newArrivalsAll{padding:0 20px;position:relative}
    .newArrivalsAll-left{left:20px}
    .newArrivalsAll-right{right:20px}
    #suggested-categories-wrapper{margin-top:6vw;padding:30px 4vw}
    #suggested-categories-h2{font:700 clamp(1.5625rem,0.7913rem + 1.6129vw,2rem) 'TikTok Sans'}
    #suggested-categories-container{width:100%;margin-top:4vw}
    .suggested-categories{column-gap:6.5%;row-gap:4.5vw}
    .suggested-categories > li{width:29%}
    #about-wrapper{margin-top:4vw;padding:0 5.5vw}
    #banners{margin-top:4vw;padding:0 20px}
    .about-inner-container{justify-content:center;align-items:center;row-gap:20px}
    .about-image-container{max-width:75%}
    .about-text-container{width:65%;padding:30px;position:relative;border-radius:10px}
    .about-us-btn{margin-top:20px;padding:0 7vw;max-width: 600px;}
    .about-us-btn > a{padding:10px 15px}
    .about-desc{font:var(--font15CBold);line-height:1.47;margin-top:3vw}
    .about-title:before{height:6vw;max-height:60px}
    .about-title::after{height:3vw;max-height:20px}
    .about-title .num{font:var(--font80BBold)}
    .about-title .text{font:var(--font30CBold)}
    .about-title .since_txt{font:var(--font17CBold)}
    #banners{margin-top:20px;}
    #brands{margin-top:30px;padding:0 20px}
    .top-brands-outer-container{padding:45px 70px 35px;justify-content:center}
    .top-brands-title-cont{flex-direction:column;row-gap:15px}
    .cont-title{font:700 clamp(1.875rem,1.3242rem + 1.1521vw,2.1875rem) 'TikTok Sans'}
    .top-brands-list{margin-top:25px;column-gap:5%;row-gap:20px;justify-content:center}
    .top-brands-list > li{width:30%}
    .see-all-brands-btn{margin-top:30px;justify-content:center}
    .see-all-brands-btn > a{padding:17px 70px}

    .scroll-container{width: 100%;}
}

@media (max-width: 1199px) and (min-width: 765px){
    /*#newArrivalsAll:before,#newArrivalsAll:after{content:'';position:absolute;top:0;width:20%;max-width:200px;height:100%;z-index:1;pointer-events: none;}
    #newArrivalsAll:before{left:0;background:linear-gradient(270deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.00) 112.9%)}
    #newArrivalsAll::after{right:0;background:linear-gradient(270deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.00) 112.9%)}*/
    .newArrivals-slide{width:32%;margin-left:25px}
    .scroll-container{padding: 45px 20px 10px;}
    .scroll-container {max-width: 1000px;margin: auto;}
    .card figure{padding-bottom: 70.8%}
}
@media (max-width: 767px){
    #slider-outer-container{padding-bottom: 110%}
    .slide-photo > picture{padding-bottom: 110%}
    .slide-caption{text-align: center;left: 0;right: 0;margin:auto;}
    .slide-caption::after{width: 66px;height: 60px;}
    .slide-title{font:var(--font18CBlack);letter-spacing: 5.4px;}
    .slide-title2{font:var(--font17CBold);letter-spacing: 4.8px;}

    .front-newArrivals-wrapper {margin-top: 65px;}
    .front-newArrivals-carousel {margin-top: 30px;}
    .newArrivals-slide {width: 80%;margin-left: 0;padding: 0 10px;}
    .products-list-best{top: 10px;left: 20px;}
    .products-list-price-discount{right: 25px;top: 10px}

    #suggested-categories-wrapper{padding:20px 10px}
    .suggested-categories > li{width:49%}
    .suggested-categories{column-gap:2%;row-gap:25px}
    .about-image-container{max-width:100%}
    #about-wrapper{padding:0 10px;margin-top:45px}
    .about-inner-container{row-gap:0;max-width: 550px;margin:0 auto;}
    .about-text-container{width:100%;border-radius:0;background:#FFC629;padding:30px 20px 20px}
    .about-image-container figure{padding-bottom:99%}
    .about-title::before {max-height: 60px;height: 12.5vw;}
    #banners{padding:0 10px}
    .parent {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
    .div1 { grid-area: 1 / 1 / 3 / 3; }
    .div2 { grid-area: 3 / 1 / 4 / 2; }
    .div3 { grid-area: 3 / 2 / 4 / 3; }
    .div4 { grid-area: 4 / 1 / 5 / 3; }
    .top-brands-title-cont{text-align:center}
    .top-brands-outer-container{padding:35px 30px}
    .cont-title{font:700 clamp(1.4375rem,1.1546rem + 1.5086vw,1.875rem) 'TikTok Sans'}
    .cont-desc{font:var(--font17CReg)}
    .top-brands-list{margin-top:20px;column-gap:5px;row-gap:7px}
    .top-brands-list > li{width:49%}
    .brand-image-container figure{display:block;position:relative;width:100%;padding-bottom:35.68%;overflow:hidden}
    .brand-image-container img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:scale-down}
    .see-all-brands-btn{width:100%;text-align:center}
    .see-all-brands-btn > a{font:var(--font18CBold)}

    .scroll-container{padding: 0 10px;}
    .scroll-wrapper{padding:45px 0 0;}
    .scroll-container {
        max-width: 700px;
        margin: auto;
    }
    .card figure{padding-bottom: 140.79%}
}