/* Critical first-viewport CSS for the Elemental home. Full styles.css loads deferred. */
:root{--white:#fff;--black:#000;--secondary:#70857A;--third:#FFEB8A;--text:#101010;--text-2:#696E73;--text-3:#B1B2B7;--bg:#F7F7F7;--line:#E9E9E9;--success:#3DAB25}
*,::before,::after{box-sizing:border-box}
html{margin-right:0!important;scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;color:var(--text);background:var(--white)}
@media(max-width:1199px){body{padding-bottom:70px}}
a{color:var(--text);text-decoration:none;display:inline-block}
img{max-width:100%;height:auto;vertical-align:middle}
ul,li{list-style:none;margin:0;padding:0}
button{background:transparent;border:0;display:inline-flex}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;margin:0;letter-spacing:0;text-rendering:optimizeLegibility}
.h1,h1{font-size:clamp(34px,5vw,56px);line-height:clamp(44px,6vw,68px)}
.h3,h3{font-size:clamp(28px,3.8vw,40px);line-height:clamp(36px,4.5vw,48px)}
.h4,h4{font-size:clamp(24px,3.5vw,30px);line-height:clamp(32px,4.2vw,42px)}
.h6,h6{font-size:20px;line-height:28px}.fw-medium{font-weight:500}.text-center{text-align:center}.text-white{color:#fff!important}.lh-24{line-height:24px}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:1700px;max-width:100%}
.tf-topbar{padding-top:12px;padding-bottom:12px;position:relative;z-index:101}.swiper-topbar{height:26px}.bg-dark{background:#101010!important}
header{position:sticky;top:0;z-index:100;transition:all .3s ease}.tf-header{background:var(--white)}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-inner .header-left,.header-inner .header-right{flex:1}.header-inner .header-right{display:flex;justify-content:flex-end}.tf-header .box-open-menu-mobile{flex:1;display:flex}.logo-site img{display:block;height:auto}.nav-icon-list{display:flex;align-items:center;gap:24px}.nav-icon-list .nav-icon-item{display:flex}.nav-icon-list .nav-icon-item i{font-size:19px}.nav-icon-list .shop-cart{position:relative}.nav-icon-list .shop-cart .count{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;line-height:10px;color:#000;background:var(--primary)}
@media(max-width:1199px){.tf-header{padding-top:15px;padding-bottom:15px}.tf-header .logo-site img{max-width:120px}.tf-header .header-inner{align-items:center}.tf-header .header-inner .header-left{flex:unset}.header-right .nav-icon-list .header-mobile-hidden{display:none!important}}
@media(max-width:767px){.nav-icon-list{gap:12px}html,body{max-width:100%;overflow-x:hidden}}
.tf-slideshow{position:relative}.tf-slideshow-main{content-visibility:auto;contain-intrinsic-size:620px}.slideshow-wrap{position:relative;height:620px}.sld_image{height:100%;overflow:hidden}.sld_image img{width:100%;height:100%;object-fit:cover}.tf-slideshow .sld_image.radius-16,.tf-slideshow-main .sld_image.radius-16{border-radius:0!important}.tf-slideshow .sld_full_link{position:absolute;inset:0;z-index:1;display:block}.sld_content{left:0;right:0;top:50%;transform:translateY(-50%);position:absolute;z-index:2;pointer-events:none}.sld_content a,.sld_content button{pointer-events:auto}.content-sld_wrap{position:relative}.sld_content .group-action{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:12px}.slider_effect_fade .fade-item{transform:translateY(100px);opacity:0;visibility:hidden;transition:all .3s ease}.slider_effect_fade .swiper-slide.swiper-slide-active .fade-item{transform:translateY(0);opacity:1;visibility:visible}.slider_effect_fade .scale-item{transform:scale(1.2);transition:all .5s linear}.slider_effect_fade .scale-item.scale-item-1{transition-delay:.3s}.slider_effect_fade .swiper-slide.swiper-slide-active .scale-item{transform:scale(1)}
@media(max-width:1439px){.tf-slideshow .slideshow-wrap{height:600px}}@media(max-width:767px){.tf-slideshow .slideshow-wrap{height:550px}}@media(max-width:575px){.tf-slideshow .slideshow-wrap{height:450px}}
.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:44px;padding-left:24px;padding-right:24px;position:relative;background:var(--text);color:var(--white);border-radius:60px;font-weight:600;transition:all .3s ease}.tf-btn.btn-white{background:var(--white);color:var(--text)}.tf-btn.btn-stroke{border:1px solid var(--text)}.tf-btn.btn-stroke:not(:hover){background:transparent;color:var(--text)}
.flat-spacing,.flat-spacing-3,.section-banner-collection-v02{content-visibility:auto;contain-intrinsic-size:900px}.card-product img,.banner-lookbook img,.section-banner-collection-v02 img{aspect-ratio:var(--img-ratio,auto)}