@import "mixin";$font-family:'Open Sans',sans-serif;$text-color:#393939;$primary-color:#FE5E01;$primary-hover-color:#EB6010;$primary-text-color:#fff;$secondary-color:#1B689F;$secondary-hover-color:#23577D;$secondary-text-color:#fff;$gray-color:#eee;$gray-hover-color:darken(#eeeeee,5%);$gray-text-color:gray;$light-gray-color:#fafafa;$border-color:#F2F2F2;$transition-base:all .3s ease-in-out;$radius-base:.4rembody{font-size:1.2rem;font-family:$font-family;color:$text-color;background:#fff;transition:left .2s ease-in-out,right .2s ease-in-out;position:relative;left:0}a{color:$primary-color;&:active,&:focus,&:hover{color:$primary-hover-color}}.openbox-overlay,.navigation-menu-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgb(0 0 0 / .6);display:none;z-index:99;width:100%;height:100%;cursor:pointer}#header{.header-top{padding:1.2rem 0;border-bottom:1px solid $border-color;@include max($lg){display:none}}.header-middle{.header-user-cart{display:flex;align-items:center;justify-content:flex-end}}@include min($md){position:relative;z-index:101;background:#fff;.header-middle{.header-user-cart{>div{padding-right:2.1rem;margin-right:2.1rem;position:relative;&:after{content:'';position:absolute;right:-.1rem;top:50%;transform:translateY(-50%);width:.2rem;height:2.8rem;background:#ECECEC}&:last-child{padding:0;margin:0;&:after{content:none}}}}}}@include max($md){margin-bottom:2.3rem;.header-middle{.header-user-cart{justify-content:space-between}}}}.header-sticky{position:sticky;position:-webkit-sticky;top:0;z-index:100;background:#F2F2F2;margin-bottom:2.3rem;.header-bottom{position:relative}@include max($md){display:none}}body.sticked{.header-sticky{}}body.current-page-default-entry{#header,.header-sticky{margin-bottom:0}}.header-top-bar{@include center;text-align:center;background:url("{{ themeAsset('images/header-bar.png') }}") no-repeat 50%;background-size:cover;//padding:1.4rem $gutter;padding:0;height:75px;overflow:hidden;&.slick-initialized{height:auto;overflow:visible}div{display:block;color:$primary-text-color;font-size:1.6rem;font-weight:700;line-height:2.2rem}@include max($md){padding:1rem 0;display:none;div{font-size:1.2rem;line-height:2rem}}}.menu-items-row1{display:flex;li{margin-right:1.2rem;&:last-child{margin-right:0}a{color:#878787;display:block;font-size:1.3rem;line-height:1.8rem;&:hover{color:$primary-color;text-decoration:underline}}}}.header-whatsapp{display:flex;align-items:center;flex-wrap:wrap;>div{font-size:1.3rem;color:#878787;line-height:1.8rem;margin-right:1.1rem}>a{color:#565656;font-size:1.4rem;font-weight:600;line-height:1.9rem;display:flex;align-items:center;flex-wrap:wrap;i{margin-right:1rem}}@include max($md){justify-content:center;>div{display:none}}}.logo{display:flex;align-items:center;padding:2.8rem 0;img{max-width:28rem}@include max($md){img{max-height:6.3rem}justify-content:center;padding:$gutter 0}}.header-phone{padding-left:41px;>a{color:$text-color;font-size:1.4rem;@include center;flex-wrap:wrap;i{margin-right:1.4rem}.header-phone-box{>div{font-size:1.3rem;color:#919191;line-height:1.8rem;margin-bottom:.4rem}>span{font-size:1.8rem;font-weight:600;color:$primary-color;line-height:2.4rem}}}@include max($xlg){>a{i{margin-right:1rem}.header-phone-box{>div{font-size:1.2rem;line-height:1.6rem}>span{font-size:1.6rem;line-height:2rem}}}}}.search{form{position:relative;input{width:100%;padding:1rem 8.5rem 1rem 4.4rem;border:2px solid $border-color;border-radius:.6rem;height:5rem;color:$text-color;font-size:1.4rem;font-weight:600;background:url("{{ themeAsset('images/icon-search.svg') }}") no-repeat 1.8rem 50%;&::placeholder{opacity:1;color:#B7B7B7}}button{position:absolute;top:0;right:0;height:100%;width:7.4rem;background:$primary-color;border:none;padding:0;border-radius:0 .6rem .6rem 0;font-size:1.4rem;font-weight:700;color:$primary-text-color}}@include max($md){padding:$gutter 0}}.header-cargo{>a{color:$text-color;font-size:1.4rem;display:flex;align-items:center;flex-wrap:wrap;img{margin-right:1.2rem}.header-cargo-box{>div{font-size:1.1rem;color:#878787;line-height:1.5rem;margin-bottom:.3rem}>span{font-size:1.4rem;font-weight:600;color:#565656;line-height:1.9rem}}}@include max($lg){>a{.header-cargo-box{display:none}}}}body{&.user-menu-content-active{.user-menu-content{right:0;box-shadow:-2px 0 5px 0 rgb(0 0 0 / .1)}}&.user-menu-welcome-active{.user-menu-welcome{right:0;box-shadow:-2px 0 5px 0 rgb(0 0 0 / .1)}}@include max($md){&.user-menu-content-active,&.user-menu-welcome-active{overflow:hidden;position:fixed;height:100%;width:100%;left:-280px}}}.user-menu{>a{display:flex;align-items:center;position:relative}@include min($md){>a{.user-menu-box{margin-left:1rem;>div{font-size:1.1rem;color:#878787;line-height:1.5rem;margin-bottom:.3rem}>span{font-size:1.4rem;font-weight:600;color:#565656;line-height:1.9rem}}i{display:none}}}@include max($lg){>a{.user-menu-box{display:none}}}@include max($md){>a{.user-menu-box{display:none}i{position:absolute;top:-.5rem;right:-.5rem;width:1.6rem;height:1.6rem;background:$primary-color;border-radius:50%;font-size:.8rem;color:$primary-text-color;@include center}}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-480px;width:480px;height:100%;background-color:#fff;z-index:101;transition:$transition-base;overflow-y:auto;padding:6rem;.user-menu-content-top{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid $border-color}.user-menu-title{font-size:1.8rem;font-weight:700;color:$text-color;margin-bottom:1rem}.user-menu-subtitle{font-size:1.6rem;margin-bottom:2rem}.user-menu-input{margin-bottom:1.5rem;input{background-color:#fff;border-radius:0;font-size:1.2rem;color:$text-color;&::placeholder{color:$text-color;opacity:1}}}.user-menu-forgot-pass{text-align:right;display:block;color:$text-color;text-decoration:underline}.user-menu-button{margin-bottom:1.5rem;.btn{font-size:1.6rem;font-weight:700}}.btn-user-menu-signup{background-color:$text-color;color:#fff}.user-menu-profile-list{padding:2rem 0;margin-bottom:2rem;border-top:1px solid $border-color;border-bottom:1px solid $border-color;>a{color:$text-color;font-size:1.6rem;padding:1rem 0;display:block;&:hover{color:$primary-color;text-decoration:underline}}}.user-menu-profile-logout{>a{font-size:1.6rem;font-weight:700}}@include max($md){right:-280px;width:280px;padding:1.5rem}}body{&.cart-content-active{.cart-content{right:0;box-shadow:-2px 0 5px 0 rgb(0 0 0 / .1)}}@include max($md){&.cart-content-active{overflow:hidden;position:fixed;height:100%;width:100%;left:-280px}}}.cart-menu{>a{display:block;position:relative;.cart-amount{position:absolute;top:-17px;right:-5px;width:18px;height:18px;line-height:18px;text-align:center;background-color:$primary-color;color:$primary-text-color;border-radius:50%;font-size:1.2rem;font-weight:600;@include max($md){top:-.5rem;width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:1.1rem;font-weight:500}}}}.cart-content{position:fixed;top:0;right:-480px;width:480px;height:100%;background-color:#fff;z-index:101;transition:$transition-base;padding:6rem;overflow-y:auto;.cart-content-title{font-size:1.8rem;font-weight:700;color:$text-color;margin-bottom:1rem}.cart-content-subtitle{font-size:1.6rem;margin-bottom:2rem}.cart-list{border-top:1px solid $border-color;margin-bottom:3rem;.cart-list-item{border-bottom:1px solid $border-color;padding:1.5rem 0;display:flex;align-items:center;margin-bottom:1.5rem;.cart-list-item-image{flex:0 0 6rem;margin-right:1rem;>span{display:block;width:100%;height:6rem;background:url("{{ themeAsset('images/nopic_image.png') }}") no-repeat center center;background-size:50% 50%}}.cart-list-item-content{flex:1 0 0%;min-width:0;padding-right:1rem;.cart-list-item-title{color:$text-color;font-size:1.4rem;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-list-item-brand{display:block;color:$text-color}.cart-list-item-price{font-size:1.4rem;font-weight:700}.cart-list-item-amount{font-size:1.2rem;font-weight:400}}.cart-list-item-delete{color:$text-color;flex:0 0 2rem;opacity:.5;transition:$transition-base;font-size:1.6rem;height:2rem;@include center;overflow:hidden;&:hover{opacity:1}}}}.cart-content-total-price{margin-bottom:3rem;>span{font-size:1.6rem}>div{font-size:1.8rem;font-weight:700}}.cart-content-button{margin-bottom:1.5rem;.btn{font-size:1.6rem;font-weight:700}}.cart-content-empty-icon{position:relative;border-top:1px solid $border-color;border-bottom:1px solid $border-color;height:20rem;margin-bottom:3rem;@include imgcenter;img{width:15rem;height:auto;opacity:.2}}@include max($md){right:-280px;width:280px;padding:1.5rem}}.navigation-container{&:hover{>a{color:$primary-color;background:url("{{ themeAsset('images/drop-arrow-active.svg') }}") no-repeat right 2rem center;&:after{content:'';position:absolute;bottom:0;left:.4rem;border-bottom:8px solid #fff;border-left:12px solid #fff0;border-right:12px solid #fff0}div{background:url("{{ themeAsset('images/icon-hamburger-active.svg') }}") no-repeat 50%}}.navigation-content{display:block}}>a{position:relative;display:flex;align-items:center;width:100%;height:6rem;color:#565656;font-size:1.4rem;font-weight:700;line-height:1.9rem;border-right:1px solid #D8D8D8;padding-right:5rem;background:url("{{ themeAsset('images/drop-arrow.svg') }}") no-repeat right 2rem center;div{margin-right:1.7rem;width:3.6rem;height:3.6rem;background:url("{{ themeAsset('images/icon-hamburger.svg') }}") no-repeat 50%}}.navigation-content{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;background-color:#fff;box-shadow:0 3px 20px rgb(0 0 0 / .1);padding:4rem 0 .5rem}}body.all-categories-active{.navigation-menu-overlay{display:block}}.categories-list{.categories-item{width:calc(100% / 10);margin-bottom:3.5rem;>a{display:block;&:hover{>span{color:$primary-color;text-decoration:underline}}>div{position:relative;padding-top:60%;margin:0 auto .9rem;@include imgcenter}>span{display:block;text-align:center;color:#565656;font-size:1.3rem;font-weight:600;line-height:1.9rem}}}}#navigation{position:relative;.category-level-1{>ul{display:flex;align-items:center;justify-content:space-between;>li{>a{position:relative;@include center;height:100%;color:#565656;font-size:1.4rem;font-weight:700;line-height:1.6rem;padding:1.3rem;text-align:center;&:after{content:'';position:absolute;top:40%;right:0;width:1px;height:15px;background:#565656}}&.has-sub-category{>a{}}&.active{>a{color:$primary-color}}&:nth-child(n+9){a{&:after{display:none}}}&:nth-child(n+10){display:none}}}}.category-level-2,.category-level-3{display:none}@include max($md){display:none}}.toggle-bar{width:3rem;height:3rem;align-items:center;justify-content:center;font-size:2rem;color:#565656;display:none;cursor:pointer;z-index:1;@include max($md){display:flex}}#main{overflow:hidden;.entry-row-1{margin-bottom:6.2rem;@include max($md){margin-bottom:3rem}}.entry-row-2{margin-bottom:8rem;@include max($md){margin-bottom:3rem}}.entry-row-3{margin-bottom:9rem;@include max($md){margin-bottom:3rem}}.entry-row-4{margin-bottom:8rem;@include max($md){margin-bottom:3rem}}.entry-row-5{margin-bottom:5.8rem;@include max($md){margin-bottom:0}}.entry-row-6{margin-bottom:8rem;@include max($md){margin-bottom:3rem}}.entry-row-7{margin-bottom:9rem;@include max($md){margin-bottom:1rem}}.entry-row-8{margin-bottom:7rem;@include max($md){margin-bottom:3rem}}}.banner-hover{overflow:hidden;&:hover{img{transform:scale(1.1)}}img{width:100%;transition:all .4s ease-in-out}}// $slider-height :550px;#entry-slider{>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}// .slider-image{// img{// height:$slider-height;// object-fit:cover;// @include max($lg){// height:$slider-height * .8;//}// @include max($md){// height:$slider-height * .52;//}// @include max($sm){// height:$slider-height * .45;//}// @include max($xs){// height:$slider-height * .22;//}//}//}.slick-dots{align-items:center;position:relative;bottom:0;>li{position:relative;padding-top:1.6rem;margin:0 1.1rem;>div{cursor:pointer;position:relative;width:6.4rem;height:5.3rem;overflow:hidden;border-radius:.5rem;transition:$transition-base;display:flex;align-items:flex-end}img{width:6.4rem;height:4.7rem;border-radius:.5rem;object-fit:cover}&.slick-active{>div{height:5.3rem;clip-path:polygon(50% 0,50% 0,68% 15%,100% 15%,100% 100%,0 100%,0 15%,32% 15%);img{height:5.3rem}}}}}@include max($md){.slick-arrow,.slick-dots{display:none!important}}}.brands-list{&-title{font-size:2rem;font-weight:600;color:#565656;line-height:2.7rem;margin-bottom:3rem;text-align:center;@include max($md){font-size:1.8rem;line-height:2.2rem}}.brand-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.brands-item{>a{display:block;&:hover{>div{border-color:$primary-color}}>div{position:relative;padding-top:63.8%;border-radius:.6rem;border:1px solid #E9E9E9;transition:$transition-base;@include imgcenter;img{border-radius:.6rem}}>span{display:block;text-align:center;color:$text-color}}}>.slick-arrow{width:3.6rem;height:3.6rem;opacity:1;position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;transition:$transition-base;box-shadow:0 0 10px rgb(0 0 0 / 8%);border-radius:50%;>i{display:none}&.slick-prev{left:-3px;background:url("{{ themeAsset('images/brand-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-3px;background:url("{{ themeAsset('images/brand-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max($xxlg){&.slick-prev{left:15px}&.slick-next{right:15px}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:2rem;width:100%;>li{margin:0 .4rem;>button{width:12px;height:12px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:50%;background-color:#E9E9E9;padding:0;display:block;margin-bottom:.5rem}&.slick-active{>button{background-color:$primary-color}}}}}}.list-tab,.list-tab-2{position:relative;&-header{font-size:2rem;font-weight:600;color:#565656;line-height:2.7rem;@include min($md){position:absolute;left:0;top:1.1rem}}&-title{margin-bottom:3.5rem;[data-tab-index]{a{color:#0C0C0C;font-size:1.6rem;font-weight:600;padding:0 1rem;background:#F6F6F6;border-radius:$radius-base;height:4.8rem;@include center;@include max($lg){font-size:1.4rem}}&.active{a{color:$primary-text-color;background:$primary-color;&:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-1rem;border-top:10px solid $primary-color;border-left:19px solid #fff0;border-right:19px solid #fff0}}}}}&-content{[data-tab-content]{height:0;overflow:hidden;&.active{height:auto;overflow:visible}.products-content{@include min($md){margin-top:-1.5rem;margin-bottom:-2rem;.slick-list{padding-top:1.5rem;padding-bottom:2rem}}>.slick-arrow{width:3.6rem;height:3.6rem;opacity:1;position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;transition:$transition-base;box-shadow:0 0 10px rgb(0 0 0 / 8%);border-radius:50%;>i{display:none}&.slick-prev{left:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max($xxlg){&.slick-prev{left:15px}&.slick-next{right:15px}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:3rem;width:100%;>li{margin:0 .4rem;>button{width:12px;height:12px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:50%;background-color:#E9E9E9;padding:0;display:block;margin-bottom:0}&.slick-active{>button{background-color:$primary-color}}}}}}}@include max($md){&-header{margin-bottom:1.5rem;font-size:1.8rem;line-height:2.2rem}&-title{margin-bottom:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;[data-tab-index]{scroll-snap-align:start;a{padding:0 2.5rem}}.col-auto{width:auto!important}}}}.default-products{.products-header{color:#565656;font-size:2rem;font-weight:600;line-height:2.7rem;text-align:center;margin-bottom:4rem;@include max($md){margin-bottom:3rem;font-size:1.8rem;line-height:2.2rem}}.products-content{height:0;overflow:hidden;@include min($md){margin-top:-1.5rem;margin-bottom:-2rem;.slick-list{padding-top:1.5rem;padding-bottom:2rem}}&.slick-slider{height:auto;overflow:visible}>.slick-arrow{width:3.6rem;height:3.6rem;opacity:1;position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;transition:$transition-base;box-shadow:0 0 10px rgb(0 0 0 / 8%);border-radius:50%;>i{display:none}&.slick-prev{left:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max($xxlg){&.slick-prev{left:15px}&.slick-next{right:15px}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:3rem;width:100%;>li{margin:0 .4rem;>button{width:12px;height:12px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:50%;background-color:#E9E9E9;padding:0;display:block;margin-bottom:.5rem}&.slick-active{>button{background-color:$primary-color}}}}}}.offered-products{margin-bottom:10.7rem;@include max($md){margin-bottom:3rem}}.showcase-container{.showcase{margin-bottom:$gutter*2}}.showcase{position:relative;border:1px solid #E9E9E9;border-radius:$radius-base;overflow:hidden;transition:$transition-base;@include min($md){&:hover{border-color:$primary-color;box-shadow:0 3px 15px rgb(0 0 0 / 8%);.showcase-button{opacity:1}}}.showcase-image-container{position:relative}.showcase-image{position:relative;padding-top:100%;overflow:hidden;@include imgcenter;img{border-radius:$radius-base $radius-base 0 0}}.showcase-brand{margin-bottom:1.5rem;a{display:block;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;position:relative;padding-top:20%;@include imgcenter}}.showcase-content{padding:0 1rem 1.5rem;.showcase-title{text-align:center;margin-bottom:1rem;a{display:block;font-size:1.3rem;line-height:1.8rem;height:3.6rem;overflow:hidden;color:#565656;@include max($xs){font-size:1.2rem;line-height:1.5rem;height:4.5rem}}}.showcase-price{@include center;height:2.8rem;&-new{color:#565656;font-size:1.6rem;font-weight:700;line-height:2.2rem}&-old{color:#565656;font-size:1.2rem;line-height:1.6rem;text-decoration:line-through;margin-right:1rem}&.has-discount{.showcase-price-new{color:#FF2C2C}}@include max($lg){flex-direction:column;justify-content:flex-end;height:3.6rem;&-new{line-height:2rem}&-old{margin:0}}}}.showcase-money-order{background:#FBFBFB;padding:1.2rem 1rem;font-size:1.3rem;font-weight:600;color:#565656;line-height:1.8rem;text-align:center;span{color:#2C9C6F;span{font-weight:400}}@include max($md){padding:1rem .6rem;font-size:1.2rem}@include max($xs){font-size:1.1rem;line-height:1.5rem}}.showcase-button{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:1.5rem;opacity:0;transition:$transition-base;display:flex;.showcase-view{margin-right:2rem;a{background:#5D5D5D;box-shadow:0 0 8px rgb(0 0 0 / 16%);border-radius:$radius-base;font-size:1.4rem;font-weight:600;color:$primary-text-color;width:8rem;height:3.8rem;@include center}@include max(1300){margin-right:1rem}}.add-to-cart-button,.no-stock-button{box-shadow:0 0 8px rgb(0 0 0 / 16%);border-radius:$radius-base;background:$primary-color;font-size:1.4rem;font-weight:600;color:$primary-text-color;width:12.3rem;height:3.8rem;@include center;@include max(1300){width:11rem}}.no-stock-button{background:#9A9A9A}@include max($md){display:none}}.showcase-button-custom{.add-to-cart-button{box-shadow:0 0 8px rgb(0 0 0 / 16%);border-radius:$radius-base;background:$primary-color;font-size:1.4rem;font-weight:600;color:$primary-text-color;width:100%;height:3.8rem;@include center}}.discount-label{margin-left:1.5rem;width:5.1rem;height:2.8rem;background:#FF2C2C;border-radius:.2rem;font-size:1.5rem;font-weight:600;color:$primary-text-color;@include center;@include max($xlg){position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:4.8rem;margin:0;font-size:1.4rem}@include max($lg){top:.5rem;right:.5rem;width:3.6rem;font-size:1.2rem}}.new-label{position:absolute;z-index:2;top:1.5rem;left:1.5rem;width:4.8rem;height:2.8rem;font-size:1.4rem;font-weight:600;color:$primary-text-color;border-radius:.2rem;background:$secondary-color;@include center;@include max($lg){top:.5rem;left:.5rem;width:3.6rem;font-size:1.2rem}}}.category-banners{.category-banner-header{font-size:2rem;font-weight:600;color:#565656;line-height:2.7rem;text-align:center;margin-bottom:3.2rem;@include max($md){font-size:1.8rem;line-height:2.2rem;margin-bottom:3rem}}.category-banner{display:block;//border:1px solid #E9E9E9;border-radius:$radius-base;overflow:hidden;transition:$transition-base;&:hover{border-color:$primary-color;box-shadow:0 3px 15px rgb(0 0 0 / 8%);.category-banner-content{.category-banner-title{color:$primary-color}}@include min($md){box-shadow:0 3px 15px rgb(0 0 0 / 8%)}}.category-banner-img{padding-top:200%;position:relative;display:block;//background:#F6F6F6;@include imgcenter;img{border-radius:$radius-base $radius-base 0 0}}.category-banner-content{padding:2.1rem 1rem 2.7rem;text-align:center;.category-banner-title{font-size:1.6rem;font-weight:700;color:#565656;line-height:2.4rem;height:4.8rem;overflow:hidden}}}.category-banner-box{height:0;overflow:hidden;@include min($md){margin-top:-1.5rem;margin-bottom:-2rem;.slick-list{padding-top:1.5rem;padding-bottom:2rem}}&.slick-slider{height:auto;overflow:visible}>.slick-arrow{width:3.6rem;height:3.6rem;opacity:1;position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;transition:$transition-base;box-shadow:0 0 10px rgb(0 0 0 / 8%);border-radius:50%;>i{display:none}&.slick-prev{left:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-3px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max($xxlg){&.slick-prev{left:15px}&.slick-next{right:15px}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:3rem;width:100%;>li{margin:0 .4rem;>button{width:12px;height:12px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:50%;background-color:#E9E9E9;padding:0;display:block;margin-bottom:.5rem}&.slick-active{>button{background-color:$primary-color}}}}}@include max($md){.category-banner{.category-banner-content{padding:1.5rem 1rem;.category-banner-title{font-size:1.4rem;line-height:2rem;height:4rem}}}}}.blog-container{.blog-header{position:relative;text-align:center;margin-bottom:2.7rem;font-size:2rem;font-weight:600;color:#565656;line-height:2.7rem;>a{display:block;font-size:1.3rem;font-weight:600;color:$primary-color;line-height:1.8rem;img{margin-left:1.2rem}}@include min($md){>a{position:absolute;right:0;top:50%;transform:translateY(-50%)}}@include max($md){margin-bottom:3rem;font-size:1.8rem;line-height:2.2rem;span{display:block;margin-bottom:1.5rem}}}.blog-content{@include max($md){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2rem;.blog-item{width:38vw}}@include max($sm){.blog-item{width:81vw}}.blog-item-container{&:hover{.blog-item-content{.blog-title{a{color:$primary-color}}}}.blog-item-image{height:100%;a{display:block;position:relative;padding-top:69.36%;height:100%;overflow:hidden;border-radius:$radius-base;@include fit}.blog-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:7rem;background:#f5f5f5;@include center}}.blog-item-content{padding:1.9rem 0 0;.blog-title{text-align:center;margin-bottom:1.2rem;a{display:block;color:#464646;font-weight:600;font-size:1.6rem;height:2.2rem;line-height:2.2rem;overflow:hidden;transition:$transition-base}}.blog-text{text-align:center;margin-bottom:1.8rem;p{margin-bottom:0;font-size:1.3rem;color:#878787;height:11rem;line-height:2.2rem;overflow:hidden}}.blog-item-bottom{a{@include center;margin:0 auto;font-size:1.4rem;font-weight:600;color:#464646;height:4.5rem;width:63%;background:#F2F2F2;border-radius:$radius-base;transition:$transition-base;&:hover{color:$primary-text-color;background:$primary-color;box-shadow:0 3px 6px rgb(0 0 0 / 6%)}}}}}}}.limited-text{.limited-text-title{font-weight:700;font-size:1.8rem;color:$primary-color;line-height:2.4rem;margin-bottom:2rem}.limited-text-content{[type="checkbox"]{display:none;+div{height:calc(21px * 6);line-height:21px;font-size:1.4rem;color:#3A3A3A;overflow:hidden;margin-bottom:$gutter;+label{margin:0;cursor:pointer;font-size:1.4rem;font-weight:700;color:#3A3A3A;line-height:2.1rem;&:before{content:attr(data-title-show)}&:hover{color:$primary-color}}}&:checked{+div{height:100%;overflow:visible;+label{&:before{content:attr(data-title-hide)}}}}}}}.main-contact{.main-contact-header{font-size:1.6rem;font-weight:600;color:#565656;line-height:2.2rem;text-align:center;margin-bottom:2.2rem}.main-contact-content{position:relative;border-radius:.6rem;overflow:hidden;&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 65%);@include center}.main-contact-img{img{width:100%}}.main-contact-box{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;@include center;flex-direction:column;text-align:center;padding:1.5rem;.main-contact-title{font-size:1.8rem;color:$primary-text-color;line-height:2.6rem;margin-bottom:3.3rem;span{font-weight:700}}.main-phone{>a{color:#000;font-size:2rem;font-weight:600;line-height:2.7rem;display:flex;align-items:center;background:#fff;border-radius:.6rem;padding:1rem 2rem;i{margin-right:1.4rem}}}}}@include max($lg){.main-contact-content{.main-contact-box{.main-contact-title{font-size:1.4rem;line-height:2rem;margin-bottom:1.5rem}}}}@include max($md){.main-contact-header{font-size:1.4rem;line-height:2rem;margin-bottom:1.5rem}.main-contact-content{.main-contact-box{.main-contact-title{font-size:1.8rem;line-height:2.4rem;margin-bottom:3rem}}}}@include max($sm){.main-contact-content{.main-contact-box{.main-contact-title{font-size:1.4rem;line-height:2rem;margin-bottom:1.5rem}}}}}.video-popup{.video-popup-title{font-size:1.6rem;font-weight:600;color:#565656;line-height:2.2rem;text-align:center;margin-bottom:2.2rem}.video-popup-content{a{position:relative;display:block;border-radius:.6rem;overflow:hidden;&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 65%) url("{{ themeAsset('images/icon-play.svg') }}") no-repeat 50%;@include center}img{width:100%}}}@include max($md){.video-popup-title{font-size:1.4rem;line-height:2rem;margin-bottom:1.5rem}}}#footer{margin-top:15rem;.footer-row-1{margin-bottom:8rem}.footer-row-2{background:#F2F2F2;padding:2rem 0}.footer-row-3{padding:5.5rem 0}.footer-row-4{background:#F2F2F2;padding:2rem 0}@include max($md){margin-top:3rem;.footer-row-1{margin-bottom:3rem}.footer-row-2{padding:$gutter 0}.footer-row-3{padding:3rem 0}.footer-row-4{padding:$gutter 0;text-align:center}}}.shopping-banners{.shopping-banner-header{text-align:center;margin-bottom:4.8rem;>div{font-size:2.6rem;font-weight:600;color:#565656;line-height:3.6rem}>span{font-size:1.4rem;color:#565656;line-height:1.9rem}}.shopping-banner{display:block;padding:.9rem 0 1.3rem;.shopping-banner-img{width:6rem;height:4.5rem;position:relative;display:block;margin:0 auto 1.2rem;@include imgcenter}.shopping-banner-content{text-align:center;.shopping-banner-title{font-size:1.4rem;font-weight:600;color:#565656;line-height:1.8rem;margin-bottom:.9rem}.shopping-banner-sub-title{font-size:1.3rem;color:#565656;line-height:1.6rem}}}@include max($md){.shopping-banner-header{margin-bottom:3rem;>div{font-size:1.8rem;line-height:2.2rem}>span{font-size:1.3rem}}}}.newsletter{&-title{>div{font-size:1.6rem;font-weight:700;color:#3A3A3A;line-height:2.2rem;margin-bottom:1rem}>span{font-size:1.3rem;color:#878787;line-height:1.9rem}}&-content{form{position:relative;input{width:100%;padding:1rem 9.5rem 1rem 2rem;border:1px solid #E2E2E2;height:4.6rem;color:$text-color;font-size:1.3rem;&::placeholder{opacity:1;color:#A4A4A4}}button{position:absolute;top:0;right:0;height:100%;width:8.7rem;background:$primary-color;border:none;padding:0;font-size:1.2rem;font-weight:700;color:$primary-text-color}}}@include max($md){text-align:center}}.footer-social{display:flex;align-items:center;justify-content:space-between;&-title{font-size:1.6rem;font-weight:700;color:#3A3A3A;line-height:2.3rem;margin-right:$gutter;@include min($lg){span{display:block}}}&-content{display:flex;margin-left:-1rem;margin-right:-1rem;div{padding-left:1rem;padding-right:1rem;a{display:block}}}@include max($md){display:block;text-align:center;&-title{margin-right:0;margin-bottom:$gutter}&-content{justify-content:center}}}.footer-menu-container{.footer-menu{.footer-menu-title{font-size:1.8rem;margin-bottom:2.7rem;font-weight:700;color:#565656;line-height:2.4rem}.footer-menu-content{>ul{>li{margin-bottom:1.9rem;color:#565656;font-size:1.4rem;&:last-child{margin-bottom:0}>a{color:#565656;transition:$transition-base;&:hover{color:$primary-color;text-decoration:underline}}}}}}@include max($md){.footer-menu{text-align:center}}@include max($sm){text-align:center;&[data-menu-type="accordion"]{text-align:left;.footer-menu{text-align:left;.footer-menu-title{padding:$gutter;border:1px solid $text-color;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;cursor:pointer;&:after{content:'\f067';font-family:"Font Awesome 5 Free";font-weight:900}margin-bottom:$gutter}.footer-menu-content{padding:0 $gutter $gutter;display:none}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.footer-contact{.footer-contact-title{font-size:1.8rem;margin-bottom:2.7rem;font-weight:700;color:#565656;line-height:2.4rem}@include max($md){text-align:center}}.footer-phone{margin-bottom:1.6rem;>a{color:#565656;font-size:1.6rem;font-weight:600;line-height:2.2rem;display:flex;align-items:center;flex-wrap:wrap;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:1.2rem}}@include max($md){margin-bottom:1.5rem;>a{justify-content:center}}}.footer-whatsapp{margin-bottom:1.7rem;>a{color:#565656;font-size:1.6rem;font-weight:600;line-height:2.2rem;display:flex;align-items:center;flex-wrap:wrap;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:1.1rem}}@include max($md){margin-bottom:1.5rem;>a{justify-content:center}}}.footer-address{margin-bottom:1.9rem;>a{color:#565656;font-size:1.4rem;line-height:2.2rem;display:flex;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:1.1rem;flex:0 0 2.1rem}span{white-space:normal}}@include max($md){margin-bottom:1.5rem;>a{justify-content:center}}}.footer-mail{margin-bottom:1.9rem;>a{display:flex;align-items:center;flex-wrap:wrap;color:#565656;font-size:1.4rem;line-height:1.9rem;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:1.2rem}}@include max($md){margin-bottom:1.5rem;>a{justify-content:center}}}.footer-contact-us{>a{display:flex;align-items:center;flex-wrap:wrap;color:#565656;font-size:1.4rem;line-height:1.9rem;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:1.3rem}}@include max($md){>a{justify-content:center}}}.copyright{font-size:1.4rem;color:#565656;line-height:1.9rem}#scroll-top{position:fixed;z-index:20;right:24px;bottom:112px;display:none;cursor:pointer;@include max($md){right:1.4rem;bottom:7.8rem}}.fixed-whatsapp{position:fixed;z-index:20;left:20px;bottom:20px;>a{display:block;box-shadow:0 3px 6px rgb(0 0 0 / 22%);border-radius:50%}@include max($md){right:1rem;bottom:1rem}}.paginate-wrapper{position:relative;padding:2rem 0;.paginate{display:flex;justify-content:flex-end;@include max($sm){justify-content:flex-end}a{@include center;min-width:3.6rem;height:3.1rem;color:#000;font-size:1.4rem;font-weight:600;padding:0 .2rem;border:1px solid $border-color;border-radius:.2rem;@include max($xs){min-width:2.8rem;height:2.8rem}i{display:block}}.paginate-content{display:flex;a{margin:0 1rem;@include max($md){margin:0 .6rem}}}.paginate-left{a{margin-right:1rem;i{&:before{content:url("{{ themeAsset('images/paginate-left-arrow.svg') }}")}}@include min($md){min-width:4rem}@include max($md){margin-right:.6rem}}&.paginate-active{a{i{&:before{content:url("{{ themeAsset('images/paginate-left-arrow-active.svg') }}")}}}}}.paginate-right{a{margin-left:1rem;i{&:before{content:url("{{ themeAsset('images/paginate-right-arrow.svg') }}")}}@include min($md){min-width:4rem}@include max($md){margin-left:.6rem}}&.paginate-active{a{i{&:before{content:url("{{ themeAsset('images/paginate-right-arrow-active.svg') }}")}}}}}.paginate-passive{a{}}.paginate-active{a{background-color:$primary-color;border-color:$primary-color}}.paginate-element-active{background-color:$primary-color;color:$primary-text-color;border-color:$primary-color;@include min($md){min-width:4rem}}}}.contentbox-header{margin-bottom:2.8rem;padding-bottom:3.6rem;border-bottom:solid 1px $border-color;p{font-size:1.2rem;margin-bottom:0;display:block}h4{margin-bottom:0;font-size:2rem;font-weight:600;color:$primary-color;line-height:2.4rem}@include max($md){padding-bottom:$gutter;margin-bottom:$gutter;h4{font-size:1.8rem;line-height:2.2rem}}}body.current-page-page-detail{.contentbox-body{font-size:1.4rem;color:#000;line-height:3.3rem;.page-buttons{display:none}}}#breadcrumbs{position:relative;margin-bottom:3.3rem;padding-bottom:2.3rem;border-bottom:1px solid $border-color;@include min($md){&:before{content:'';position:absolute;bottom:-.1rem;right:100%;width:200rem;height:.1rem;background:$border-color}&:after{content:'';position:absolute;bottom:-.1rem;left:100%;width:200rem;height:.1rem;background:$border-color}}@include max($md){overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:1rem;padding-bottom:1rem}ol{display:flex;padding:0;margin:0;align-items:center;li{&:first-child{span{span{color:$primary-color;font-weight:600}}}i{font-size:1.2rem;margin:0 .5rem;font-style:normal;&:before{content:'>'}}span{display:flex;align-items:center;white-space:nowrap;color:#959595;font-size:1.3rem;line-height:1.8rem;transition:$transition-base}a{color:#959595;&:hover{span{span{color:$primary-color}}}}@include max($md){span{font-size:1.1rem}}}}}@include max($sm){.block-item{&[data-type="filter-product-groups"]{display:block;margin-bottom:0;border:none;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:$gutter;transition:$transition-base;overflow-y:auto;-webkit-overflow-scrolling:touch;.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0}}#filter-wrapper{@include max($sm){margin-bottom:2rem}display:none;&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:16rem}}}.filter-menu-overlay,.filter-wrapper-header{@include min($sm){display:none!important}}.horizontal-filter-menu{padding:1.5rem;border:1px solid $border-color;margin-bottom:1rem;.horizontal-filter-menu-title{font-size:1.6rem;margin-bottom:1rem}.clear-filters{display:flex;margin-bottom:1rem;a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}.filter-menu-selected-items{flex:0 0 100%}.filter-menu-groups{margin-bottom:1rem;.filter-menu-group-title{margin-bottom:1rem}}.filter-menu-selected-items{margin-bottom:1rem;.filter-menu-selected-items-title{font-size:1.4rem;margin-bottom:1rem}.filter-menu-selected-items-content{.filter-menu-selected-group{margin-bottom:.5rem;.filter-menu-selected-group-title{margin-right:1rem;margin-bottom:.5rem}.filter-menu-selected-group-content{display:flex;flex-wrap:wrap;.filter-menu-selected-item{margin-right:1rem;margin-bottom:.5rem;flex:0 0 auto;&:last-child{margin-right:0}a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}}}}}}.cascade-menu{.parent-item{a.selected-item{color:$primary-color}}}.block-item{margin-bottom:2.4rem;border:1px solid $border-color;border-radius:.9rem;overflow:hidden;a{color:$text-color;&:hover{color:$primary-hover-color}}&[data-type="filter-product-groups"]{border:none;border-radius:0;.block-item-title{border-radius:.9rem .9rem 0 0;background:$primary-color;border:none;color:$primary-text-color}.block-item-content{padding:0;background:#fff0}}.block-item-title{padding:1.3rem 1.7rem;font-size:1.6rem;font-weight:600;color:#565656;line-height:2.2rem;border-bottom:1px solid $border-color;display:flex;justify-content:space-between;align-items:center;>i{display:none;@include max($sm){display:block}}}.block-item-content{padding:1.8rem 1.7rem;background:#FBFBFB}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}.product-area-top{@include min($md){margin-bottom:3.5rem}}.product-image{position:relative;border:1px solid $border-color;border-radius:$radius-base;margin-bottom:1.8rem;#product-primary-image{position:relative;padding-top:100%;@include imgcenter;img{border-radius:$radius-base}}.new-label{position:absolute;top:1.5rem;left:2rem;width:4.8rem;height:2.8rem;font-size:1.4rem;font-weight:600;color:$primary-text-color;border-radius:.2rem;background:$secondary-color;@include center}.product-favorites{position:absolute;z-index:1;top:1.9rem;right:1.7rem;>a.add-my-favorites{@include center;font-size:2rem;color:$text-color;&.favorite-product{color:#FF2C2C;i{font-weight:900}}}}}#product-thumb-image{margin-left:-$gutter;margin-right:-$gutter;height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.thumb-item{padding-left:$gutter;padding-right:$gutter;>div{>a{padding-top:97.7%;position:relative;display:block;border:1px solid $border-color;border-radius:.2rem;overflow:hidden;@include imgcenter;&.zoomGalleryActive{border-color:$primary-color}}}}@include min($sm){margin-top:-.6rem;margin-bottom:-.6rem;.thumb-item{padding-top:.6rem;padding-bottom:.6rem}}}.product-social{display:flex;align-items:center;&-title{font-size:1.3rem;color:#565656;line-height:1.8rem;margin-right:1.8rem}&-content{display:flex;align-items:center;margin-left:-.7rem;margin-right:-.7rem;>div{padding-left:.7rem;padding-right:.7rem;>a{@include center;width:2.9rem;height:2.9rem;color:#fff;font-size:1.2rem;transition:$transition-base;border-radius:100%;&.product-social-facebook{background-color:#5671C9}&.product-social-twitter{background-color:#0CAAE5}&.product-social-pinterest{background-color:#E81D1D}&.product-social-whatsapp{background-color:#37D18C}}}}}.product-list-container{font-size:1.3rem;color:#565656;line-height:1.8rem;.product-list-block{padding:.4rem 0}.product-list-row{display:flex;align-items:baseline;padding:.5rem 0;a{color:$text-color;transition:$transition-base;&:hover{color:$primary-color}}.product-list-title{flex:0 0 auto;width:30%;font-weight:600}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;&:before{content:':';margin-right:1.6rem;font-weight:600}}}}.product-title{margin-bottom:2.6rem;h1{font-size:2.6rem;font-weight:600;color:#000;line-height:3.6rem;margin-bottom:0}@include max($sm){h1{font-size:1.8rem;line-height:2.2rem}}}.product-price-brand{margin-bottom:1.3rem}.product-price-container{display:flex;align-items:center;.product-price{display:flex;align-items:center;&-new,&-old{color:#FF2C2C;font-size:2.2rem;font-weight:700;line-height:3rem}}&.has-discount{.product-price{.product-price-old{color:#777;font-size:1.6rem;font-weight:400;line-height:2.2rem;text-decoration:line-through;padding-right:1.3rem}}}.discount-label{@include center;height:3.4rem;width:11.9rem;color:$primary-text-color;font-size:2rem;font-weight:600;padding:0 1.2rem 0 1.5rem;border-radius:$radius-base;background-color:#FF2C2C;margin-left:1.4rem;span{font-size:1.3rem;margin-left:.6rem}}@include max($xs){display:block;.product-price{margin-bottom:$gutter;&-new,&-old{font-size:2rem;line-height:2.5rem}}&.has-discount{.product-price{.product-price-old{font-size:1.5rem;line-height:2rem;padding-right:1rem}}}.discount-label{margin-left:0}}}.product-brand{a{display:inline-block;border-radius:$radius-base;box-shadow:0 0 10px rgb(0 0 0 / 8%);padding:1.1rem 1.3rem;img{width:11.5rem}}}.jq-ry-container{position:relative;line-height:0;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr;>.jq-ry-group-wrapper{position:relative;width:100%;>.jq-ry-group{position:relative;line-height:0;z-index:2;white-space:nowrap;>svg{display:inline-block}}>.jq-ry-groupjq-ry-normal-group{width:100%}>.jq-ry-group.jq-ry-rated-group{width:0;z-index:2;position:absolute;top:0;left:0;overflow:hidden}}}.product-comments-container{display:inline-flex;flex-direction:column;align-items:flex-end;color:$primary-color;font-size:1.4rem;font-weight:700;line-height:1.9rem;cursor:pointer;.product-comments-box{display:flex;align-items:center;margin-bottom:.9rem;>span{font-size:1.3rem;font-weight:400;color:#565656;line-height:1.8rem;margin-right:1.3rem}}}.porudct-border-1{border-bottom:1px solid $border-color;margin:1.9rem 0 1.3rem}.porudct-border-2{border-bottom:1px solid $border-color;margin-bottom:2rem}.product-options{.product-options-title{font-size:1.5rem;font-weight:600;color:$primary-color;line-height:1.8rem;margin-bottom:1.4rem}select.form-control:not([size]):not([multiple]),select:not([size]){font-size:13px}}.variant-select{margin-bottom:2rem;.variant-list{margin-bottom:1rem;&:last-child{margin-bottom:0}select{width:50%!important;@include max($xs){width:100%!important}}}}.variant-plural{margin-bottom:1.2rem;.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;min-width:8rem;cursor:pointer;padding:1rem .5rem;margin:0 1.8rem 1.8rem 0;border:1px solid $border-color;background-color:#fff;transition:$transition-base;font-size:1.3rem;font-weight:600;color:#777;line-height:1.8rem;text-align:center;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$primary-color;color:$primary-color}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$border-color}&.variant-no-stock{order:2}&.variant-image{max-width:3.2rem;max-height:3.2rem;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:2rem;.radio-custom{margin-bottom:1rem}}.product-cart-buttons{display:flex;align-items:center;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;margin-bottom:3rem;>div{padding-left:$gutter;padding-right:$gutter}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;>div{flex:1 0 0%;max-width:100%;padding-left:$gutter;padding-right:$gutter}}}@include max($sm){margin-left:-$gutter/2;margin-right:-$gutter/2;>div{padding-left:$gutter/2;padding-right:$gutter/2}.product-buttons-wrapper{.product-buttons-row{margin-left:-$gutter/2;margin-right:-$gutter/2;>div{padding-left:$gutter/2;padding-right:$gutter/2}}}}}.product-qty-wrapper{.product-qty{display:flex;flex-wrap:wrap;width:13.4rem;height:5.6rem;border-radius:$radius-base;border:2px solid #F6F6F6;overflow:hidden;>a{flex:0 0 3.4rem;max-width:3.4rem;@include center;color:#464646;background:#F6F6F6}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;text-align:center;background-color:#fff0;border:none;font-size:1.8rem;font-weight:600;color:#464646}}}@include max($xs){margin-bottom:1.5rem;flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:5.2rem;font-size:1.6rem;font-weight:600;padding:0 1rem;border-radius:$radius-base;transition:$transition-base;@include max($xs){font-size:1.4rem}}a.add-to-cart-button{background-color:$secondary-color;color:$secondary-text-color;&:hover{background-color:$secondary-hover-color}}a.no-stock-button{background-color:#959595;color:$primary-text-color}a.quick-order-button{background-color:$primary-color;color:$primary-text-color;&:hover{background-color:$primary-hover-color}}a.remind-me-button{background-color:$secondary-color;color:$secondary-text-color;&:hover{background-color:$secondary-hover-color}}}.product-phone{>a{color:#565656;font-size:1.6rem;font-weight:600;line-height:2.2rem;@include center;flex-wrap:wrap;min-height:5.4rem;padding:0 1rem;background:#FBFBFB;border-radius:.6rem;i{margin-right:1.3rem}}}.product-whatsapp{>a{color:#565656;font-size:1.6rem;font-weight:600;line-height:2.2rem;@include center;flex-wrap:wrap;min-height:5.4rem;padding:0 1rem;background:#FBFBFB;border-radius:.6rem;i{margin-right:1.2rem}}}.product-popup{>a{color:$primary-text-color;font-size:1.4rem;font-weight:600;line-height:1.9rem;@include center;flex-wrap:wrap;min-height:5.4rem;padding:0 1rem;background:#37D18C;border-radius:.6rem;img{margin-right:1.1rem}}}#product-popup-content{display:none}.product-warranty{display:flex;align-items:center;background:#FBFBFB;border-radius:.5rem;padding:1.9rem 2.3rem 1.9rem 2.6rem;margin-bottom:3rem;font-size:1.3rem;color:#777;line-height:1.9rem;img{margin-right:2rem;flex:0 0 3.8rem}@include max($md){padding:$gutter}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{.product-cargo-button{@include center;flex-wrap:wrap;min-height:6rem;border:2px solid $border-color;border-radius:$radius-base;i{flex:0 0 3.3rem;height:3rem;width:3.3rem}span{display:flex;align-items:center;font-size:1.3rem;font-weight:700;color:#4B4B4B;line-height:1.8rem;width:7rem;margin-left:.9rem}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-payment{@include center;min-height:6rem;border:2px solid $border-color;border-radius:$radius-base;font-size:1.3rem;font-weight:700;color:#565656;line-height:1.8rem;padding:0 1.4rem;img{margin-right:1.5rem}span{width:7.5rem}@include max($xlg){padding:0 1rem;img{margin-right:1rem;flex:0 0 3.5rem}}}.product-ssl{@include center;min-height:6rem;border:2px solid $border-color;border-radius:$radius-base;font-size:1.3rem;font-weight:700;color:#565656;line-height:1.8rem;padding:0 1.4rem;img{margin-right:1.3rem;flex:0 0 2.2rem}span{width:7.5rem}@include max($xlg){padding:0 1rem;img{margin-right:1rem}}}.product-detail-tab{margin-bottom:8.3rem;[data-tab-index]{>a{@include center;height:4.6rem;color:#2E2E2E;font-size:1.5rem;font-weight:700;background-color:#FBFBFB}&.active{>a{color:$primary-text-color;background-color:$primary-color}}}.product-detail-tab-content{border:1px solid $border-color;[data-tab-content]{height:0;overflow:hidden;>div{padding:3rem;font-size:1.3rem;line-height:2rem}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($md){margin-bottom:3rem;.product-detail-tab-header{overflow-x:auto;[data-tab-index]{>a{padding:0 2.5rem}}}}@include max($sm){border-top:none;.product-detail-tab-content{border:none;.product-detail-tab-row{[data-tab-index]{>a{position:relative;justify-content:space-between;height:5rem;color:$primary-text-color;padding:0 1.5rem;margin-bottom:1.5rem;background-color:$primary-color;&:after{content:'\f078';font-weight:900;font-size:2rem;font-family:"Font Awesome 5 Free";transition:$transition-base}}}&.active{[data-tab-index]{>a{&:after{transform:rotate(-180deg)}}}}}[data-tab-content]{height:auto;overflow:visible;display:none;>div{padding:0 0 1.5rem}}}}}.btn{font-size:1.2rem;border-radius:$radius-base;transition:$transition-base;&.btn-primary{color:$primary-text-color;background:$primary-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{background:$primary-hover-color;color:$primary-text-color}}&.btn-secondary{color:$gray-text-color;background:$gray-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:$gray-text-color;background:$gray-hover-color}}}.btn-loading:before{border-top-color:$primary-color}.loader{.ball-pulse{>div{background-color:$primary-color}}}.loading>div{border-top-color:$primary-color;border-bottom-color:$primary-color}.loading-bar{.loader{background:$primary-color}}.control-label{color:$text-color}.information-content{border:solid 1px $border-color;border-radius:$radius-base;span{border-radius:$radius-base}i{color:darken($gray-color,10%)}}.member-block{li{>a{&.active{color:$primary-color}}&:hover>a:not(.active){color:$primary-color;i.left-icons{color:$primary-color}}}}#featured-product-block{border:none}.filter-menu{.filter-menu-box{margin-bottom:$gutter}.filter-menu-category{.filter-menu-category-title{background-color:#fff0;border:none;padding:1.5rem}.filter-menu-category-content{a{color:$text-color}}.filter-menu-category-top{a{font-weight:600}}}.filter-menu-groups{.filter-menu-group-title{background-color:#fff0;border:none;padding:1.5rem}.filter-menu-group-content{label{color:$text-color}}}.filter-menu-selected-items{.filter-menu-selected-items-title{background-color:#fff0;border:none;padding:1.5rem;font-weight:400}.filter-menu-selected-items-content{padding:1.5rem;.filter-menu-selected-group{.filter-menu-selected-group-title{font-weight:400}}}}@include min($sm){.filter-menu-box{margin-bottom:2.4rem;border:1px solid $border-color;border-radius:.9rem;overflow:hidden;&:first-child{border-radius:0 0 .9rem .9rem}}.filter-menu-category{background:#FBFBFB;.filter-menu-category-title{background-color:#fff0;border:none;padding:2.2rem 1.7rem .2rem;font-size:1.4rem;font-weight:600;color:$primary-color;line-height:1.9rem}.filter-menu-category-content{padding:1.7rem 1.5rem 2.3rem 3rem;border-bottom:1px solid $border-color;a{color:#464646;font-size:1.3rem;margin-bottom:1.5rem;padding:0;transition:$transition-base;&:last-child{margin-bottom:0}&:hover{color:$primary-color;text-decoration:underline}i{display:none}}}.filter-menu-category-top{a{font-weight:600;font-size:1.4rem;color:#565656;line-height:1.9rem;padding:1.5rem 1.7rem 1.9rem;i{margin-right:.7rem;&:before{content:url("{{ themeAsset('images/icon-all-category.svg') }}")}}}}}.filter-menu-groups{.filter-menu-group-title{background-color:#fff0;border:none;padding:1.3rem 1.7rem;font-size:1.6rem;font-weight:600;color:$primary-color;line-height:2.2rem;border-bottom:1px solid $border-color}.filter-menu-group-content{background:#FBFBFB;padding:1.8rem 1.7rem;label{color:#464646;font-size:1.3rem;font-weight:600;padding-left:2.6rem}input[type=checkbox]+label:before{border:none;width:1.7rem;height:1.5rem;background:url("{{ themeAsset('images/icon-checkbox.svg') }}") left;background-size:3.4rem;border-radius:.3rem;top:50%;transform:translateY(-50%)}input[type=checkbox]:checked+label:before{background:url("{{ themeAsset('images/icon-checkbox.svg') }}") right}.scrollbar-inner{.scroll-element{width:.8rem;.scroll-element_outer{border-radius:2.4rem;.scroll-element_track{background:#E5E5E5;opacity:1;border-radius:2.4rem}.scroll-bar{background:$primary-color;opacity:1;border-radius:2.4rem}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{background-color:#fff0;border:none;padding:1.3rem 1.7rem;font-size:1.6rem;font-weight:600;color:#565656;line-height:2.2rem;border-bottom:1px solid $border-color}.filter-menu-selected-items-content{background:#FBFBFB;padding:1.8rem 1.7rem;.filter-menu-selected-group{.filter-menu-selected-group-title{font-weight:400}.filter-menu-selected-group-content{.filter-menu-selected-item{a{background:#fff}}}}}}}}#filter-wrapper{@include min($md){.filter-wrapper-content{#sorting-options{margin-bottom:3.6rem;.form-horizontal{>.row{align-items:center}.checkbox-custom{margin:0!important;label{padding-left:4.2rem}}.record-count{font-size:1.5rem;font-weight:600;color:#565656;line-height:2rem;margin:0!important}label{font-size:1.5rem;font-weight:600;color:#565656;line-height:2rem;display:flex;align-items:center}input[type=checkbox]+label:before{border:none;width:2.6rem;height:2.6rem;background:url("{{ themeAsset('images/icon-checkbox2.svg') }}") left;background-size:5.2rem;border-radius:0;top:50%;transform:translateY(-50%)}input[type=checkbox]:checked+label:before{background:url("{{ themeAsset('images/icon-checkbox2.svg') }}") right}select{height:4.8rem;width:23.6rem;background-color:#F4F4F4;background-size:1.1rem;background-image:url("{{ themeAsset('images/icon-select.svg') }}");background-position:right 2rem center;border:none;border-radius:.3rem;font-size:1.4rem;font-weight:600;color:#565656;padding:.6rem 2.6rem .6rem 2.3rem;&:focus{box-shadow:unset}}}}}}@include max($xxs){.filter-wrapper-content{#sorting-options{.form-horizontal{select{font-size:1rem}}}}}}.idea-promotion-bar{padding:0;z-index:90;&.bar-position-top{border-bottom:none}@include max($md){display:none!important}}#checkout-breadcrumbs{.checkout-steps{>a{margin-left:-$gutter;margin-right:-$gutter;@include max($sm){margin-left:-$gutter/2;margin-right:-$gutter/2}}}}.form-control{color:$text-color;border-radius:$radius-base;border:1px solid $border-color;&::placeholder{color:$text-color}}.current-page-product-detail{.product-extra-details,.product-detail{ul,li{list-style:disc}}}#form-modal-content{display:none;width:600px;padding:40px 40px 20px;@include max($sm){width:300px}.form-group{margin-bottom:20px;.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.security-code{height:48px}input.form-control{height:48px;color:$text-color;font-size:14px;padding:8px 16px}.form-question{top:14px!important}.btn{height:48px}.btn-group-binary{display:flex;align-items:center;justify-content:space-between;&:before,&:after{display:none}>button{flex:0 0 48%;max-width:48%;&.mr-2{margin-right:0!important}}}}}.bottom-fixed-menus{position:fixed;left:0;bottom:0;z-index:99;width:100%;display:flex;align-items:center;>div{flex:0 0 calc(100% / 3);padding:6px 0;&:first-child{background-color:$primary-color}&:nth-child(2){background-color:$text-color}&:last-child{background-color:$secondary-color}>a{@include center;flex-direction:column;color:#fff;font-size:13px}}}body{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;margin:20px;background:#f8f9fb}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);background:#fff}thead{background:linear-gradient(90deg,#FF6600,#004080);color:#fff}th,td{padding:12px 14px}th{font-size:15px;text-transform:uppercase;letter-spacing:.5px;text-align:center}td:first-child{font-weight:700;text-align:left;color:#000;width:45%}td:last-child{text-align:left;padding-left:20px;color:#333;width:55%}td{border-bottom:1px solid #ddd}tbody tr:nth-child(odd){background:#f4f8ff}tbody tr:nth-child(even){background:#fff}tbody tr:hover{background-color:#e6f2ff;transition:0.3s}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);background:#fff}thead{background:linear-gradient(90deg,#FF6600,#004080);color:#fff}th,td{padding:12px 14px}th{font-size:15px;text-transform:uppercase;letter-spacing:.5px;text-align:center}td:first-child{font-weight:700;text-align:left;color:#000;width:45%}td:last-child{text-align:left;padding-left:20px;color:#333;width:55%}td{border-bottom:1px solid #ddd}tbody tr:nth-child(odd){background:#f4f8ff}tbody tr:nth-child(even){background:#fff}tbody tr:hover{background-color:#e6f2ff;transition:0.3s}<!DOCTYPE html><html lang="tr"