@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import "mixin";$font-family:'Inter',sans-serif;$text-color:#676D78;$primary-color:#4E014B;$primary-hover-color:#292A2C;$primary-text-color:#fff;$secondary-color:#292A2C;$gray-color:#eee;$gray-hover-color:darken(#eeeeee,5%);$gray-text-color:gray;$light-gray-color:#fafafa;$border-color:#DBDBDB;$transition-base:all .3s ease-in-out;$radius-base:6pxhtml{scroll-behavior:smooth}body{position:relative;left:0;color:$text-color;font-size:12px;font-family:$font-family;transition:left .3s ease-in-out,right .3s ease-in-out;background:#F6F6F6;@include max($md){&.navigation-active{overflow:hidden;position:fixed;height:100%;width:100%}&.navigation-active{left:280px;#mobile-navigation{left:0;box-shadow:2px 0 5px 0 rgb(0 0 0 / .1)}.navigation-menu-overlay{display:block}}}&.navigation-content-active{.navigation-content{display:block}}}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}.navigation-content-overlay{z-index:95}body.current-page-product-list-filter,body.current-page-product-detail,body.current-page-page-detail{#header,.header-sticky{margin-bottom:0}}#header{position:relative;z-index:101;background:#fff;.header-top{background:#F8F8F8;padding:12px 0}.header-middle{padding:22px 0;background:#fff}@include max($lg){border-bottom:1px solid #EDEDED;margin-bottom:15px}@include max($md){.header-top{padding:10px 0}.header-middle{padding:15px 0}}}.header-slogan{text-align:center;a{font-size:12px;font-weight:600}}.header-sticky{position:sticky;position:-webkit-sticky;top:0;z-index:98;background:#fff;border-bottom:1px solid #EDEDED;margin-bottom:30px;@include max($lg){display:none}}body.sticked{.header-sticky{}}.header-phone{>a{display:flex;align-items:center;flex-wrap:wrap;color:$secondary-color;font-size:12px;font-weight:600;line-height:20px;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:10px}}}.header-mail{>a{display:flex;align-items:center;flex-wrap:wrap;color:$secondary-color;font-size:12px;font-weight:600;line-height:20px;transition:$transition-base;&:hover{color:$primary-color}i{margin-right:10px}}}.header-top-bar{color:$secondary-color;font-size:12px;font-weight:600;line-height:20px}.menu-items-row1{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;li{padding-left:$gutter;padding-right:$gutter;&:first-child{a{font-weight:700;color:$primary-color}}a{display:block;color:$secondary-color;font-size:12px;font-weight:500;line-height:15px;transition:$transition-base;&:hover{color:$primary-color}}}}.logo{display:flex;align-items:center;img{max-height:36px}@include max($md){justify-content:center}}.search{form{position:relative;input{width:100%;height:52px;color:$text-color;font-size:13px;padding:10px 80px 10px 55px;border:1px solid $color-text;border-radius:42px;background:#F8F8F8 url("{{ themeAsset('images/icon-search.svg') }}") no-repeat 24px center;&::placeholder{color:#70747D;opacity:1}@include max($sm){background:#F8F8F8;padding:10px 60px 10px 15px;font-size:12px;&::placeholder{font-size:10px}}}button{position:absolute;top:0;right:0;width:80px;height:100%;padding:0;border:none;background:#fff0;font-size:14px;font-weight:700;color:$primary-color;@include max($sm){width:60px;font-size:12px}}}}.header-favourite{>a{display:flex;align-items:center;flex-wrap:wrap;color:$secondary-color;font-size:13px;font-weight:500;line-height:16px;span{margin-left:8px}}@include max($lg){>a{width:30px;height:30px;justify-content:center;span{display:none}}}}.user-menu-1,.b2b-menu-1{padding:0 8px;position:relative;&:after{content:'';position:absolute;left:0;top:100%;width:100%;height:13px}&:hover{.user-menu-1-icon,.b2b-menu-1-icon{>a{color:$primary-color;&:after{background:url("{{ themeAsset('images/icon-user-arrow-active.svg') }}") no-repeat center}}}.user-menu-1-content,.b2b-menu-1-content{display:block}}.user-menu-1-icon,.b2b-menu-1-icon{>a{display:flex;align-items:center;font-size:13px;font-weight:500;color:$secondary-color;line-height:16px;padding-right:25px;position:relative;transition:$transition-base;&:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:22px;height:22px;background:url("{{ themeAsset('images/icon-user-arrow.svg') }}") no-repeat center;transition:$transition-base}img{margin-right:8px}}}.user-menu-1-content,.b2b-menu-1-content{position:absolute;z-index:100;right:-26px;top:calc(100% + 13px);width:170px;display:none;background:#fff;padding:15px;border-radius:$radius-base;box-shadow:0 10px 30px rgb(78 1 75 / 10%);>a{height:40px;border-radius:$radius-base;font-size:13px;font-weight:600;transition:$transition-base;@include center;&:first-child{background:$primary-color;color:$primary-text-color;margin-bottom:15px;&:hover{background:$primary-hover-color}}&:last-child{border:1px solid $border-color;color:$primary-color;&:hover{background:$primary-color;border-color:$primary-color;color:$primary-text-color}}}}}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{position:fixed;left:-280px;overflow:hidden;height:100%;width:100%}}}.user-menu{>a{position:relative;width:30px;height:30px;@include center;i{position:absolute;top:-5px;right:-5px;width:15px;height:15px;font-size:9px;color:$primary-text-color;background:$primary-color;border-radius:50%;@include center}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-480px;width:480px;height:100%;z-index:101;overflow-y:auto;padding:60px;background-color:#fff;transition:$transition-base;.user-menu-content-top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid $border-color}.user-menu-title{font-size:18px;font-weight:700;color:$text-color;margin-bottom:10px}.user-menu-subtitle{font-size:16px;margin-bottom:20px}.user-menu-input{margin-bottom:15px;input{color:$text-color;font-size:12px;border-radius:0;background-color:#fff;&::placeholder{color:$text-color;opacity:1}}}.user-menu-forgot-pass{display:block;color:$text-color;text-decoration:underline;text-align:right}.user-menu-button{margin-bottom:15px;.btn{font-size:16px;font-weight:700}}.btn-user-menu-signup{color:#fff;background-color:$text-color}.user-menu-profile-list{padding:20px 0;margin-bottom:20px;border-top:1px solid $border-color;border-bottom:1px solid $border-color;>a{display:block;color:$text-color;font-size:16px;padding:10px 0;&:hover{color:$primary-color;text-decoration:underline}}}.user-menu-profile-logout{>a{font-size:16px;font-weight:700}}@include max($md){right:-280px;width:280px;padding:15px}}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:flex;align-items:center;position:relative;span{font-size:13px;font-weight:500;color:$secondary-color;line-height:16px;margin:0 8px}.cart-amount{width:18px;height:18px;line-height:18px;text-align:center;background-color:$primary-color;color:$primary-text-color;border-radius:50%;font-size:10px;font-weight:700}}@include max($lg){>a{width:30px;height:30px;span{display:none}.cart-amount{position:absolute;top:-5px;right:-5px;width:15px;height:15px;line-height:15px}}}}.cart-content{position:fixed;top:0;right:-480px;width:480px;height:100%;background-color:#fff;z-index:101;transition:$transition-base;padding:60px;overflow-y:auto;.cart-content-title{color:$text-color;font-size:18px;font-weight:700;margin-bottom:10px}.cart-content-subtitle{font-size:16px;margin-bottom:20px}.cart-list{margin-bottom:30px;border-top:1px solid $border-color;.cart-list-item{display:flex;align-items:center;padding:15px 0;margin-bottom:15px;border-bottom:1px solid $border-color;.cart-list-item-image{flex:0 0 60px;margin-right:10px;>span{display:block;width:100%;height:60px;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:10px;.cart-list-item-title{display:block;color:$text-color;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-list-item-brand{display:block;color:$text-color}.cart-list-item-price{font-size:14px;font-weight:700}.cart-list-item-amount{font-size:12px;font-weight:400}}.cart-list-item-delete{@include center;overflow:hidden;flex:0 0 20px;opacity:.5;height:20px;color:$text-color;font-size:16px;transition:$transition-base;&:hover{opacity:1}}}}.cart-content-total-price{margin-bottom:30px;>span{font-size:16px}>div{font-size:18px;font-weight:700}}.cart-content-button{margin-bottom:15px;.btn{font-size:16px;font-weight:700}}.cart-content-empty-icon{position:relative;height:200px;margin-bottom:30px;border-top:1px solid $border-color;border-bottom:1px solid $border-color;@include imgcenter;img{width:150px;height:auto;opacity:.2}}@include max($md){right:-280px;width:280px;padding:15px}}.header-brands-list{height:530px;overflow:auto;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-track{background:#ddd}&::-webkit-scrollbar-thumb{background:$primary-color}&::-webkit-scrollbar-thumb:hover{background:$primary-hover-color}.brands-item{margin-bottom:30px;>a{display:block;>div{position:relative;padding-top:33%;margin-bottom:10px;@include imgcenter}>span{display:block;color:$text-color;font-size:12px;text-align:center}}}}.navigation-container{display:flex;@include max($md){display:none}a.openbox{display:inline-block;color:$text-color;font-size:1.3rem;font-weight:400;border:1px solid $border-color;padding:1rem 2.5rem 1rem 2rem;transition:$transition-base;i{margin-right:1rem}&.active,&:hover{background-color:$border-color}}}.navigation-content{width:100%;position:absolute;left:0;top:100%;display:none;border-radius:0 0 1rem 1rem;z-index:10}#navigation{position:relative;margin:0 1rem;z-index:10;background-color:#fff;min-height:480px;@include max($md){display:none}.category-level-1{>ul{>li{// margin-top:-1px;border:1px solid $border-color;margin:0 12px;position:relative;&:last-child{margin-bottom:26px}>a{display:flex;align-items:center;color:$text-color;font-size:1.3rem;padding:1rem;transition:$transition-base;@include max($lg){padding:1rem}&:before{//content:'';width:1.1rem;height:1.1rem;margin-right:1rem;background-color:$border-color;transition:$transition-base}>div{width:2.8rem;height:2.8rem;display:flex;align-content:center;justify-content:center;margin-right:1rem;>img{max-width:100%;max-height:100%;margin:auto}}@include max($lg){>div{width:2rem;height:2rem}}}>i{display:flex;align-items:center;justify-content:center;height:100%;margin-left:1rem}&:hover{>a{color:#000;&::before{background-color:#4b4b4b}&:after{opacity:1!important}}}&.has-sub-category{>a:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;margin-left:auto}}}&:hover{.navigation-item{color:#4b4b4b;>a{color:#4b4b4b}}}}}.has-sub-category.active>.sub-category{display:block}.category-level-2{position:absolute;top:0;left:100%;z-index:100;width:100%;min-height:100%;display:none;//border-left:2px solid $primary-color;background-color:#fff;ul{>li{position:relative;padding:0 1.5rem;left:0;border-bottom:1px solid #eee;>a{display:flex;align-items:center;justify-content:space-between;color:#000;font-size:1.3rem;padding:1.15rem 1rem;transition:all 0.2s ease-in-out;>div{display:none;width:3rem;height:3rem;align-content:center;justify-content:center;margin-right:1rem;>img{max-width:100%;max-height:100%;margin:auto;background:#fff}>&:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;margin-left:auto}}&:hover{color:#000}}&:hover{.category-level-3{display:block}}}}}.category-level-3{position:absolute;top:0;left:96%;z-index:100;width:100%;min-height:100%;display:none;//border-left:2px solid $primary-color;background-color:#fff;ul{>li{position:relative;padding:0 1.5rem;left:0;border-bottom:1px solid #eee;>a{display:flex;align-items:center;justify-content:space-between;color:#000;font-size:1.3rem;padding:1.15rem 1rem;transition:all 0.2s ease-in-out;>div{display:none;width:3rem;height:3rem;align-content:center;justify-content:center;margin-right:1rem;>img{max-width:100%;max-height:100%;margin:auto;background:#fff}>&:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;margin-left:auto}}&:hover{color:#000}}&:hover{.category-level-3{display:block}}}}}}.toggle-bar{display:none;align-items:center;justify-content:center;width:30px;height:30px;font-size:18px;color:$secondary-color;cursor:pointer;z-index:1;@include max($lg){display:flex}}#main{.entry-row-2{margin-bottom:60px;@include max($md){margin-bottom:30px}}.entry-row-3{margin-bottom:60px;@include max($md){margin-bottom:0}}.entry-row-4{margin-bottom:40px;@include max($md){margin-bottom:30px}}.entry-row-5{margin-bottom:60px;@include max($md){margin-bottom:30px}}.entry-row-6{background:#fff;padding:40px 0 60px;margin-bottom:60px;@include max($md){padding:30px 0;margin-bottom:30px}}.entry-row-7{margin-bottom:60px;@include max($md){margin-bottom:0}}.entry-row-8{margin-bottom:40px;@include max($md){margin-bottom:30px}}}.banner-hover{overflow:hidden;border-radius:$radius-base;margin-bottom:30px;&:hover{img{transform:scale(1.1)}}img{width:100%;transition:all 1.5s ease-in-out}}#entry-slider{margin-bottom:60px;>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:50px;height:50px;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;box-shadow:0 10px 30px rgb(0 0 0 / 10%);border-radius:50%;transition:$transition-base;>i{display:none}&.slick-prev{left:-25px;background:url("{{ themeAsset('images/slider-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-25px;background:url("{{ themeAsset('images/slider-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max(1720){&.slick-prev{left:-$gutter}&.slick-next{right:-$gutter}}}.slick-dots{display:flex;justify-content:center;align-items:center;width:100%;bottom:30px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:0;border:2px solid #fff;border-radius:3px;background-color:rgb(17 23 38 / 10%)}&.slick-active{>button{background-color:#fff}}}}@include max($md){margin-bottom:30px;.slick-arrow,.slick-dots{display:none!important}}}.custom-countdown-area{display:none;background-color:$primary-color;.custom-countdown-inside{padding-block:24px;.custom-countdown-title{color:#fff;font-size:16px;font-weight:600;text-align:center;margin-bottom:24px}.custom-countdown-content{.custom-countdown{@include center;gap:36px;.custom-countdown-item{>div{position:relative;display:flex;gap:8px;>span{@include center;width:60px;height:80px;color:#000;font-size:44px;font-weight:600;background-color:#FFF;border-radius:12px}&:after{content:'';position:absolute;left:calc((-1*( 36px / 2 )) - 5px);top:50%;transform:translateY(-50%);width:10px;height:34px;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg width='10' height='34' viewBox='0 0 10 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='4.5' r='4.5' fill='white'/%3E%3Ccircle cx='5' cy='29.5' r='4.5' fill='white'/%3E%3C/svg%3E");@include max($sm){background-size:50%}}}&:first-child{>div{&:after{display:none}}}>span{display:block;color:#fff;font-size:20px;font-weight:600;text-align:center;padding-top:4px}}}}}}.default-products{.products-header{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid $border-color;position:relative;&:after{content:'';position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:$primary-color}span{display:block;font-size:24px;font-weight:600;color:$secondary-color;line-height:50px}@include max($md){span{font-size:18px;line-height:25px}}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include min($md){.slick-list{margin:-30px 0;padding:30px 0}}}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:50px;height:50px;cursor:pointer;background-repeat:no-repeat;background-color:#fff0;transition:$transition-base;border-radius:50%;box-shadow:0 10px 30px rgb(0 0 0 / 10%);>i{display:none}&.slick-prev{left:-10px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") left top;&:hover{background-position:left bottom}}&.slick-next{right:-10px;background:url("{{ themeAsset('images/icon-arrow.svg') }}") right top;&:hover{background-position:right bottom}}&.slick-disabled{opacity:1}@include max(1720){&.slick-prev{left:0}&.slick-next{right:0}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:30px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:0;border:2px solid $primary-color;border-radius:3px;background-color:#fff0;opacity:.1}&.slick-active{>button{background-color:$primary-color;opacity:1}}}@include max($md){padding-top:30px}}}&.popular-products{.products-header{a{display:inline-block;font-size:14px;font-weight:600;color:$secondary-color;line-height:17px;border:1px solid $border-color;border-radius:56px;padding:11px 29px;transition:$transition-base;&:hover{color:$primary-text-color;background:$primary-color;border-color:$primary-color}}}}&.home-products{.products-content{>.slick-dots{@include min($md){padding-top:60px}}}.home-count-down{.home-countdown-content{.timer-container{display:flex;flex-wrap:wrap;margin-left:-7.5px;margin-right:-7.5px;>div{padding:0 7.5px;>div{text-align:center;background:rgb(41 42 44 / 5%);width:60px;height:50px;border-radius:$radius-base;flex-direction:column;@include center;>div{font-size:15px;font-weight:700;color:$secondary-color;line-height:18px;margin-bottom:3px}>span{display:block;font-size:11px;font-weight:500;color:$secondary-color;line-height:13px}}}}}}@include min($md){.products-header{margin-bottom:40px}}}&.offered-products{margin-bottom:90px;@include max($md){margin-bottom:30px}}&.featured-products{.row{overflow:auto;height:545px}}}.showcase-container{.showcase{margin-bottom:$gutter*2;@include max($sm){margin-bottom:$gutter}}}.showcase{&:not(.showcase-horizontal){position:relative;background:#fff;border-radius:$radius-base;padding:20px 20px 24px;@include max($md){padding:10px}@include min($md){transition:$transition-base;margin-bottom:24px;&:hover{box-shadow:0 10px 30px rgb(78 1 75 / 10%);.showcase-image-dots{opacity:1}.showcase-favorites{opacity:1}.add-to-cart-button,.no-stock-button{opacity:1}}}.showcase-image{position:relative;overflow:hidden;padding-top:100%;@include imgcenter}.showcase-thumbs-image{position:absolute;left:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;>a{display:block;height:100%}@include max($md){display:none}}.showcase-image-dots{position:absolute;left:0;bottom:15px;opacity:0;display:flex;align-items:center;justify-content:center;width:100%;transition:$transition-base;button{width:12px;height:12px;margin:0 5px;padding:0;border-radius:3px;border:2px solid $primary-color;background:#fff0;opacity:.1;&.active{border-color:$primary-color;background-color:$primary-color;opacity:1}}@include max($md){display:none}}.showcase-content{padding-top:10px;.showcase-brand{height:40px;margin-bottom:10px;a{position:relative;display:block;width:90px;height:40px;@include imgcenter}}.showcase-title{margin-bottom:15px;a{display:block;overflow:hidden;height:40px;line-height:20px;color:$secondary-color;font-size:13px;font-weight:600;@include max($xs){font-size:12px;line-height:15px;height:45px}}}.showcase-extra-fields{margin-bottom:12px;.showcase-extra-field-row{display:flex;align-items:baseline;color:$text-color;font-size:11px;&:not(:last-child){margin-bottom:8px}.showcase-extra-field-title{flex:0 0 auto;width:40%;&:before{content:"•";margin:0 8px}@include max($sm){width:auto;&:before{margin:0 2px}}}.showcase-extra-field-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;font-weight:700;&:before{content:':';font-weight:400;margin-right:8px}}}}.showcase-market-price{font-size:11px;color:$text-color;line-height:20px;margin-bottom:15px;padding-left:2px;ul{li{position:relative;padding-left:11px;&:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:$text-color;border-radius:50%}}}}.showcase-price{display:flex;align-items:center;&.b2b-price{flex-direction:column;align-items:flex-start;.showcase-price-old{color:$secondary-color;text-decoration:unset;margin-left:0}}&-new{color:$primary-color;font-size:16px;font-weight:600;line-height:20px}&-old{color:#B7B7B7;font-size:14px;line-height:20px;text-decoration:line-through;margin-left:10px}@include max($lg){align-items:flex-start;flex-direction:column;height:40px;&-old{margin:0}}}}.add-to-cart-button,.no-stock-button{position:absolute;right:20px;bottom:20px;width:40px;height:40px;opacity:0;transition:$transition-base;background:url("{{ themeAsset('images/showcase-cart.svg') }}") no-repeat left;&:hover{background-position:right}@include max($md){display:none}}.showcase-favorites{position:absolute;z-index:4;top:20px;right:20px;opacity:0;transition:$transition-base;>a.add-my-favorites{.showcase-icon-favori-add{display:none}&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}@include max($md){display:none}}.discount-label{position:absolute;z-index:4;top:15px;left:15px;font-size:12px;font-weight:700;color:#DB4343;line-height:15px;padding:5px 15px;border:1px solid #DB4343;background:#fff;border-radius:$radius-base;@include max($md){top:5px;left:5px;padding:5px;font-size:11px;span{display:none}}}}&.showcase-horizontal{position:relative;padding:var(--spacer-4);border:1px solid $border-color;background-color:#eee;border-radius:6px;transition:$transition-base;@include min($lg){display:flex;align-items:center;gap:var(--spacer-6)}.showcase-image-container{flex:0 0 100px;border-bottom:1px solid #fff;margin-bottom:-1px;@include max($lg){.showcase-label-group{position:absolute;left:var(--spacer-3);top:var(--spacer-3);z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{display:flex;align-items:center;gap:var(--spacer-1);height:24px;color:#fff;background-color:$primary-color;padding:0 var(--spacer-2);border-radius:6px;margin-bottom:var(--spacer-1);@include max($md){&.discount-label{span{display:none}}}&:last-child{margin-bottom:0}@include max($sm){height:20px}}}}}.showcase-image{a{position:relative;display:block;overflow:hidden;aspect-ratio:1;@include fit}}.showcase-content-container{flex:1 0 0%;.showcase-title{margin-bottom:var(--spacer-3);a{overflow:hidden;display:block;height:calc(var(--font-size-12) + 8px);color:#000;@include line-rule(12);font-weight:500;@include max($sm){height:calc((var(--font-size-12) + 8px) * 2)}}}@include min($lg){.showcase-label-group{display:flex;align-items:flex-start;gap:var(--spacer-4);>div{display:flex;align-items:center;gap:var(--spacer-1);@include line-rule(13);font-weight:600;color:$primary-color;@include max($md){&.discount-label{span{display:none}}}&:last-child{margin-bottom:0}}}}}.showcase-price{display:flex;align-items:center;&.b2b-price{flex-direction:column;align-items:flex-start;.showcase-price-old{color:$secondary-color;text-decoration:unset;margin-left:0}}&-new{color:$primary-color;@include line-rule(16);font-weight:600}&-old{color:#B7B7B7;@include line-rule(14);line-height:20px;text-decoration:line-through;margin-left:10px}@include max($lg){align-items:flex-start;flex-direction:column;height:40px;margin-bottom:var(--spacer-4);&-old{margin:0}}}@include max($lg){.showcase-compare{display:none}}.showcase-cart-container{@include min($lg){display:flex;align-items:center;gap:var(--spacer-4);flex:0 0 auto}.showcase-qty{position:relative;height:52px;width:140px;@include max($lg){width:100%;margin-bottom:var(--spacer-4)}>a{position:absolute;top:0;z-index:1;display:flex;align-items:center;width:36px;height:100%;&.showcase-qty-minus{left:0;justify-content:flex-end}&.showcase-qty-plus{right:0}}input{width:100%;height:100%;color:$text-color;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $border-color;background-color:#fff;border-radius:6px}select.form-control:not([size]):not([multiple]),select:not([size]){height:100%;color:$text-color;@include line-rule(16);font-weight:600;cursor:pointer;padding:6px 36px 6px 12px;border:1px solid $border-color;border-radius:6px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z' fill='black'/%3E%3C/svg%3E%0A");background-size:16px}}.showcase-buttons{>a{@include center;height:52px;font-size:var(--font-size-16);padding:0 15px;border-radius:6px;transition:$transition-base}a.add-to-cart-button{color:#fff;background-color:$primary-color;&:hover{background-color:$secondary-color}}a.no-stock-button{color:#fff;background-color:$text-color}}}@include min($lg){&:hover{border-color:$primary-color}}}&.showcase-vertical{position:relative;background:#fff;border-radius:$radius-base;padding:20px 20px 24px;@include max($md){padding:10px}@include min($md){transition:$transition-base;margin-bottom:24px;&:hover{box-shadow:0 10px 30px rgb(78 1 75 / 10%);.showcase-image-dots{opacity:1}.showcase-favorites{opacity:1}.add-to-cart-button,.no-stock-button{opacity:1}}}.showcase-image{position:relative;overflow:hidden;padding-top:100%;@include imgcenter}.showcase-thumbs-image{position:absolute;left:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;>a{display:block;height:100%}@include max($md){display:none}}.showcase-image-dots{position:absolute;left:0;bottom:15px;opacity:0;display:flex;align-items:center;justify-content:center;width:100%;transition:$transition-base;button{width:12px;height:12px;margin:0 5px;padding:0;border-radius:3px;border:2px solid $primary-color;background:#fff0;opacity:.1;&.active{border-color:$primary-color;background-color:$primary-color;opacity:1}}@include max($md){display:none}}.showcase-content{padding-top:10px;.showcase-brand{height:40px;margin-bottom:10px;a{position:relative;display:block;width:90px;height:40px;@include imgcenter}}.showcase-title{margin-bottom:15px;a{display:block;overflow:hidden;height:40px;line-height:20px;color:$secondary-color;font-size:13px;font-weight:600;@include max($xs){font-size:12px;line-height:15px;height:45px}}}.showcase-extra-fields{margin-bottom:12px;.showcase-extra-field-row{display:flex;align-items:baseline;color:$text-color;font-size:11px;&:not(:last-child){margin-bottom:8px}.showcase-extra-field-title{flex:0 0 auto;width:40%;&:before{content:"•";margin:0 8px}@include max($sm){width:auto;&:before{margin:0 2px}}}.showcase-extra-field-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;font-weight:700;&:before{content:':';font-weight:400;margin-right:8px}}}}.showcase-market-price{font-size:11px;color:$text-color;line-height:20px;margin-bottom:15px;padding-left:2px;ul{li{position:relative;padding-left:11px;&:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:$text-color;border-radius:50%}}}}.showcase-price{display:flex;align-items:center;&.b2b-price{flex-direction:column;align-items:flex-start;.showcase-price-old{color:$secondary-color;text-decoration:unset;margin-left:0}}&-new{color:$primary-color;font-size:16px;font-weight:600;line-height:20px}&-old{color:#B7B7B7;font-size:14px;line-height:20px;text-decoration:line-through;margin-left:10px}@include max($lg){align-items:flex-start;flex-direction:column;height:40px;&-old{margin:0}}}}.add-to-cart-button,.no-stock-button{position:absolute;right:20px;bottom:20px;width:40px;height:40px;opacity:0;transition:$transition-base;background:url("{{ themeAsset('images/showcase-cart.svg') }}") no-repeat left;&:hover{background-position:right}@include max($md){display:none}}.showcase-favorites{position:absolute;z-index:4;top:20px;right:20px;opacity:0;transition:$transition-base;>a.add-my-favorites{.showcase-icon-favori-add{display:none}&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}@include max($md){display:none}}.discount-label{position:absolute;z-index:4;top:15px;left:15px;font-size:12px;font-weight:700;color:#DB4343;line-height:15px;padding:5px 15px;border:1px solid #DB4343;background:#fff;border-radius:$radius-base;@include max($md){top:5px;left:5px;padding:5px;font-size:11px;span{display:none}}}}}.showcase-2{position:relative;border:1px solid $border-color;border-radius:$radius-base;padding:30px;@include max($lg){padding:10px}.showcase-image{position:relative;overflow:hidden;padding-top:100%;@include imgcenter}.showcase-content{.showcase-stock-amount{display:inline-block;background:#DB4343;border-radius:$radius-base;font-size:12px;font-weight:700;color:$primary-text-color;line-height:15px;padding:6px 16px;margin-bottom:15px;@include max($md){font-size:11px;padding:5px}@include max($xs){font-size:9px}}.showcase-title{margin-bottom:15px;a{display:block;overflow:hidden;height:40px;line-height:20px;color:$secondary-color;font-size:14px;font-weight:600;@include max($xs){font-size:12px;line-height:15px;height:45px}}}.showcase-market-price{font-size:11px;color:$text-color;line-height:20px;margin-bottom:15px;padding-left:2px;ul{li{position:relative;padding-left:11px;&:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:$text-color;border-radius:50%}}@include min($lg){display:flex;align-items:center;flex-wrap:wrap;padding:0;margin-left:-10px;margin-right:-10px;li{flex:0 0 50%;max-width:50%;padding-left:10px;padding-right:10px}}}}.showcase-price{display:flex;align-items:center;margin-bottom:20px;&-new{color:$primary-color;font-size:18px;font-weight:600;line-height:20px}&-old{color:#B7B7B7;font-size:16px;line-height:20px;text-decoration:line-through;margin-left:10px}@include max($lg){align-items:flex-start;flex-direction:column;height:40px;&-old{margin:0}}}.add-to-cart-button,.no-stock-button{height:45px;width:180px;border:1px solid $border-color;border-radius:$radius-base;font-size:14px;font-weight:600;color:$primary-color;padding:0 5px;transition:$transition-base;@include center;&:hover{color:$primary-text-color;background:$primary-color;border-color:$primary-color}@include max($md){width:100%}}}}.category-banners{.category-banner-header{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid $border-color;position:relative;font-size:24px;font-weight:600;color:$secondary-color;line-height:50px;&:after{content:'';position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:$primary-color}@include max($md){font-size:18px;line-height:25px}}.category-banner{display:block;text-align:center;background:#fff;border-radius:$radius-base;padding:10px 10px 33px;&:hover{@include min($md){transition:$transition-base;&:hover{box-shadow:0 10px 30px rgb(78 1 75 / 10%)}.category-banner-content{.category-banner-sub-title{opacity:1}}}}@include max($md){padding:10px}.category-banner-img{position:relative;display:block;padding-top:100%;overflow:hidden;@include imgcenter}.category-banner-content{padding-top:30px;position:relative;@include max($md){padding-top:10px}.category-banner-title{color:$secondary-color;font-size:14px;line-height:17px;@include max($md){font-size:13px}}.category-banner-sub-title{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:$primary-color;font-size:14px;font-weight:600;line-height:17px;text-decoration:underline;opacity:0;transition:$transition-base;background:#fff}}}.row{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include min($md){.slick-list{margin:-30px 0;padding:30px 0}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:40px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:0;border:2px solid $primary-color;border-radius:3px;background-color:#fff0;opacity:.1}&.slick-active{>button{background-color:$primary-color;opacity:1}}}@include max($md){padding-top:30px}}}}.entry-brands-list{&-title{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid $border-color;position:relative;&:after{content:'';position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:$primary-color}span{display:block;font-size:24px;font-weight:600;color:$secondary-color;line-height:50px}a{display:inline-block;font-size:14px;font-weight:600;color:$secondary-color;line-height:17px;border:1px solid $border-color;border-radius:56px;padding:11px 29px;transition:$transition-base;&:hover{color:$primary-text-color;background:$primary-color;border-color:$primary-color}}@include max($md){span{font-size:18px;line-height:25px}}}&-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.brands-item{>a{display:block;background:#fff;border-radius:6px;overflow:hidden;>div{position:relative;padding-top:66.67%;@include imgcenter}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:60px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:5px;border:2px solid $primary-color;border-radius:3px;background-color:#fff0;opacity:.1}&.slick-active{>button{background-color:$primary-color;opacity:1}}}@include max($md){padding-top:30px}}}}.limited-text{.limited-text-title{font-size:24px;font-weight:600;color:#1D1D1B;line-height:29px;margin-bottom:20px;@include max($md){font-size:18px;line-height:25px}}.limited-text-content{[type="checkbox"]{display:none;+div{height:calc(20px * 3);line-height:20px;overflow:hidden;margin-bottom:15px;font-size:12px;color:#646464;+label{margin:0;cursor:pointer;font-size:13px;font-weight:500;color:$secondary-color;line-height:22px;padding-right:27px;position:relative;&:after{content:'';position:absolute;top:0;right:0;width:22px;height:22px;background:url("{{ themeAsset('images/icon-down-arrow.svg') }}") no-repeat 50%;transition:$transition-base}&:before{content:attr(data-title-show)}}}&:checked{+div{height:100%;overflow:visible;+label{&:before{content:attr(data-title-hide)}&:after{transform:rotate(180deg)}}}}}}}#footer{margin-top:40px;.footer-row-1{background:#fff;padding:56px 0}.footer-row-2{background:$secondary-color;padding:60px 0 40px;.footer-top{margin-bottom:90px}}.footer-row-3{background:#202123;padding:30px 0}@include max($md){margin-top:30px;.footer-row-1{padding:30px 0}.footer-row-2{padding:30px 0;.footer-top{margin-bottom:30px}}}}.newsletter{&-title{>div{color:$secondary-color;font-size:20px;font-weight:600;line-height:24px;margin-bottom:10px}>span{display:block;font-size:13px;color:#656565;line-height:24px}@include max($md){>div{font-size:18px}}}&-content{form{position:relative;input{width:100%;height:56px;color:$text-color;font-size:13px;padding:10px 76px 10px 24px;border:none;border-radius:$radius-base;background:$gray-color;&::placeholder{color:#70747D;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:76px;height:100%;padding:0;border:none;background:url("{{ themeAsset('images/icon-send.svg') }}") no-repeat 50%}}}}.footer-social{&-title{>div{color:$secondary-color;font-size:20px;font-weight:600;line-height:24px;margin-bottom:10px}>span{display:block;font-size:13px;color:#656565;line-height:24px}@include max($md){>div{font-size:18px}}}&-content{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;div{padding-left:10px;padding-right:10px;a{@include center;width:56px;height:56px;border-radius:$radius-base;background-color:$gray-color;transition:$transition-base;img{transition:$transition-base}&:hover{background-color:$primary-color;img{filter:brightness(0) invert(1)}}}}}}.footer-menu-container{.footer-menu{.footer-menu-title{color:$primary-text-color;font-size:14px;font-weight:600;line-height:27px;margin-bottom:10px}.footer-menu-content{>ul{>li{>a{color:$primary-text-color;font-size:13px;font-weight:500;line-height:36px;transition:$transition-base;opacity:.6;&:hover{opacity:1}}}}}}@include max($sm){text-align:center;&[data-menu-type="accordion"]{text-align:left;.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;padding:$gutter;border:1px solid $border-color;line-height:20px;&:after{content:'\f067';font-weight:900;font-family:"Font Awesome 5 Free"}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{margin-bottom:27px;&-title{margin-bottom:20px;>div{font-size:14px;font-weight:600;color:$primary-text-color;line-height:17px;margin-bottom:20px}>span{font-size:13px;font-weight:500;color:$primary-text-color;line-height:30px;opacity:.6}}}.footer-phone{margin-bottom:20px;>a{display:flex;align-items:center;flex-wrap:wrap;color:$primary-text-color;font-size:12px;font-weight:500;line-height:15px;i{margin-right:10px}}}.footer-mail{>a{display:flex;align-items:center;flex-wrap:wrap;color:$primary-text-color;font-size:12px;font-weight:500;line-height:15px;i{margin-right:10px}}}.footer-application{display:flex;margin-left:-10px;margin-right:-10px;>div{padding-left:10px;padding-right:10px}}.footer-bank{img{max-height:32px}}.copyright{font-size:13px;color:$primary-text-color;line-height:20px;opacity:.7}.footer-ssl{font-size:13px;color:$primary-text-color;line-height:20px;opacity:.7}.footer-ssl-img{img{max-height:23px}}.paginate-wrapper{position:relative;padding:60px 0 50px;@include max($md){padding:15px 0}.paginate{display:flex;justify-content:center;@include max($sm){justify-content:center}a{@include center;min-width:50px;height:42px;color:$secondary-color;font-size:14px;font-weight:500;padding:0 2px;background:#fff;border-radius:12px;@include max($xs){min-width:30px;height:30px}i{display:block;line-height:14px;font-size:18px}}.paginate-content{display:flex;a{margin:0 7.5px;@include max($md){margin:0 3px}}}.paginate-left{a{margin-right:7.5px;i{&:before{content:url("{{ themeAsset('images/paginate-left-arrow.svg') }}")}}@include max($md){margin-right:3px}}}.paginate-right{a{margin-left:7.5px;i{&:before{content:url("{{ themeAsset('images/paginate-right-arrow.svg') }}")}}@include max($md){margin-left:3px}}}.paginate-passive{a{}}.paginate-active{a{}}.paginate-element-active{color:$primary-text-color;background-color:$primary-color}}}.contentbox-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid $border-color;p{display:block;font-size:12px;margin-bottom:0}h4{font-size:19px;margin-bottom:0}}body.current-page-default-contact-us{.contentbox-body{.contact-us{.list-group-item{padding-left:$gutter;padding-right:$gutter}}}}.breadcrumbs-box{background:$gray-color}#breadcrumbs{padding:22px 0;margin-bottom:40px;@include max($md){overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:15px;padding:10px 0}ol{display:flex;align-items:center;margin:0;padding:0;li{&:last-child{span{span{font-weight:600;color:$secondary-color}}}i{font-size:12px;font-style:normal;margin:0 10px;&:before{content:'/'}}span{display:flex;align-items:center;color:$text-color;font-size:12px;line-height:15px;white-space:nowrap;transition:$transition-base}a{color:$text-color;&:hover{span{span{color:$primary-color}}}}@include max($md){span{font-size:11px}}}}}#head-content{margin-bottom:60px;.category-text{.category-text-title{font-size:24px;font-weight:600;color:$secondary-color;line-height:29px;margin-bottom:20px;@include max($md){font-size:18px;line-height:25px}}.category-text-content{[type="checkbox"]{display:none;+div{height:calc(20px * 3);line-height:20px;overflow:hidden;margin-bottom:15px;font-size:12px;color:$secondary-color;+label{margin:0;cursor:pointer;font-size:13px;font-weight:500;color:$secondary-color;line-height:22px;padding-right:27px;position:relative;&:after{content:'';position:absolute;top:0;right:0;width:22px;height:22px;background:url("{{ themeAsset('images/icon-down-arrow.svg') }}") no-repeat 50%;transition:$transition-base}&:before{content:attr(data-title-show)}}}&:checked{+div{height:100%;overflow:visible;+label{&:before{content:attr(data-title-hide)}&:after{transform:rotate(180deg)}}}}}}}@include max($md){margin-bottom:15px}}#filter-wrapper{@include min($md){.filter-wrapper-content{#sorting-options{margin-bottom:$gutter*2;.form-horizontal{>.row{align-items:center}.checkbox-custom{margin:0!important;label{display:flex;align-items:center;font-size:15px;font-weight:800;color:$primary-color;line-height:18px;padding-left:27px}}.record-count{display:none}input[type=checkbox]+label:before{width:17px;height:18px;background:url("{{ themeAsset('images/icon-checkbox.svg') }}") left;background-size:34px;border-radius:5px;top:50%;border:2px solid $primary-color;transform:translateY(-50%)}input[type=checkbox]:checked+label:before{background:url("{{ themeAsset('images/icon-checkbox.svg') }}") right}select{min-width:200px;height:55px;background-color:#fff;background-size:22px;background-image:url("{{ themeAsset('images/icon-select.svg') }}");background-position:right 24px center;border:none;border-radius:$radius-base;font-size:13px;font-weight:600;color:#1D1D1B;padding:6px 50px 6px 24px}}}}}@include max($xxs){.filter-wrapper-content{#sorting-options{.form-horizontal{select{font-size:10px}}}}}}@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:20px}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:160px}}}.filter-menu-overlay,.filter-wrapper-header{@include min($sm){display:none!important}}.horizontal-filter-menu{padding:15px;margin-bottom:10px;border:1px solid $border-color;.horizontal-filter-menu-title{font-size:16px;margin-bottom:10px}.clear-filters{display:flex;margin-bottom:10px;a{display:block;color:$secondary-color;padding:2px 5px;background:$gray-color}}.filter-menu-selected-items{flex:0 0 100%}.filter-menu-groups{margin-bottom:10px;.filter-menu-group-title{margin-bottom:10px}}.filter-menu-selected-items{margin-bottom:10px;.filter-menu-selected-items-title{font-size:14px;margin-bottom:10px}.filter-menu-selected-items-content{.filter-menu-selected-group{margin-bottom:5px;.filter-menu-selected-group-title{margin-right:10px;margin-bottom:5px}.filter-menu-selected-group-content{display:flex;flex-wrap:wrap;.filter-menu-selected-item{margin-right:10px;margin-bottom:5px;flex:0 0 auto;&:last-child{margin-right:0}a{display:block;padding:2px 5px;background:$gray-color;color:$secondary-color}}}}}}}.cascade-menu{.parent-item{a.selected-item{color:$primary-color}}}.block-item{margin-bottom:20px;border:1px solid $border-color;a{color:$secondary-color;&:hover{color:$primary-hover-color}}.block-item-title{padding:10px;font-size:14px;font-weight:900;color:#000;display:flex;justify-content:space-between;align-items:center;>i{display:none;@include max($sm){display:block}}}.block-item-content{padding:10px}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}#product-detail-container{.product-area-top{.product-left{position:relative;background:#fff;padding:30px 0 39px;@include max($lg){padding:15px}}.product-right{background:#fff;height:100%;padding:30px;@include max($lg){padding:15px}}@include min($md){margin-bottom:60px}}}.product-image{padding:0 90px;#product-primary-image{position:relative;padding-top:100%;overflow:hidden;border-radius:$radius-base;margin-bottom:21px;@include imgcenter}@include max($xlg){padding:0 30px}@include max($lg){padding:0}}#product-thumb-image{margin-left:-$gutter;margin-right:-$gutter;height:0;overflow:hidden;padding:0 60px;&.slick-slider{height:auto;overflow:visible}.thumb-item{padding-left:$gutter;padding-right:$gutter;>div{>a{position:relative;display:block;padding-top:100%;opacity:.3;border-radius:$radius-base;overflow:hidden;@include imgcenter;&.zoomGalleryActive{opacity:1}}}}@include max($xlg){padding:0 30px}@include max($lg){padding:0}}.product-favorites{position:absolute;z-index:11;top:30px;right:30px;>a.add-my-favorites{.product-icon-favori-add{display:none}&.favorite-product{.product-icon-favori{display:none}.product-icon-favori-add{display:block}}}@include max($md){top:15px;right:15px}}.product-list-container{margin-bottom:20px;.product-list-block{padding:4px 0}.product-list-row{display:flex;align-items:baseline;margin-bottom:10px;&:last-child{margin-bottom:0}a{color:$text-color;transition:$transition-base;&:hover{color:$primary-color}}.product-list-title{flex:0 0 auto;width:30%;font-size:13px;color:$text-color;line-height:16px}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;font-size:13px;font-weight:600;color:$secondary-color;line-height:16px;&:before{content:':';margin-right:16px;color:$text-color}}}@include min($lg){display:flex;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;>div{padding-left:$gutter;padding-right:$gutter;flex:0 0 50%;max-width:50%}}}.product-brand{margin-bottom:10px;a{color:$text-color;font-size:16px;transition:$transition-base;&:hover{color:$primary-color}}&.product-brand-image{a{position:relative;display:block;width:90px;height:40px;transition:$transition-base;@include imgcenter}}}.product-title{margin-bottom:15px;h1{font-size:20px;font-weight:600;color:$secondary-color;line-height:40px;margin-bottom:0}@include max($sm){h1{font-size:18px;line-height:25px}}}.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:flex;align-items:center;color:$text-color;font-size:12px;line-height:15px;cursor:pointer;margin-bottom:20px;padding-bottom:30px;border-bottom:1px solid $border-color;>span{margin-left:10px}}.product-market-price{margin-bottom:15px;&-title{font-size:14px;font-weight:600;color:$secondary-color;line-height:17px;margin-bottom:15px}&-content{padding-left:8px;ul{li{position:relative;font-size:13px;color:$text-color;line-height:24px;padding-left:12px;&:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:4px;background:$text-color;border-radius:50%}}}}@include min($md){&-content{ul{display:flex;align-items:center;flex-wrap:wrap;padding:0;margin-left:-12px;margin-right:-12px;li{flex:0 0 50%;max-width:50%;padding-left:12px;padding-right:12px}}}}}.product-features{margin-bottom:35px;a{background:#F6F6F6 url("{{ themeAsset('images/icon-select.svg') }}") no-repeat right 30px center;display:inline-block;border-radius:$radius-base;padding:14px 62px 15px 30px;font-size:14px;font-weight:600;color:$secondary-color;line-height:22px}@include max($md){margin-bottom:30px}@include max($sm){display:none}}.product-price-container{display:flex;align-items:center;justify-content:space-between;margin-left:-5px;margin-right:-5px;margin-bottom:11px;>div{padding-left:5px;padding-right:5px}.product-price{display:flex;align-items:baseline;&-new,&-old{color:$primary-color;font-size:30px;font-weight:600;line-height:20px}}&.has-discount{.product-price{.product-price-old{color:#B7B7B7;font-size:20px;font-weight:400;line-height:20px;text-decoration:line-through;padding-left:20px}}}.discount-label{display:inline-block;font-size:14px;font-weight:700;color:#DB4343;line-height:17px;padding:5px 15px;border:1px solid #DB4343;background:#fff;border-radius:$radius-base;@include max($md){padding:5px;font-size:11px}}@include max($sm){display:block;.product-price{&-new,&-old{font-size:22px}}&.has-discount{.product-price{.product-price-old{font-size:18px;padding-left:10px}}}.discount-label{margin-top:10px}}}.product-lowest{font-size:13px;color:$text-color;line-height:16px;text-decoration:underline;margin-bottom:30px}.product-options{.variant-group-title{display:block;color:$secondary-color;font-size:14px;font-weight:600;line-height:17px;margin-bottom:20px}}.variant-select{margin-bottom:20px;.variant-list{margin-bottom:10px;&:last-child{margin-bottom:0}select{width:50%!important;@include max($xs){width:100%!important}}}}.variant-plural{.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;cursor:pointer;padding:14px 10px;margin:0 30px 30px 0;border:1px solid $border-color;border-radius:$radius-base;background-color:#fff;transition:$transition-base;font-size:12px;font-weight:500;color:$text-color;line-height:15px;text-align:center;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$text-color}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:#F6F6F6;color:rgb(103 109 120 / 50%)}&.variant-image{min-width:unset;max-width:32px;max-height:32px;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}@include min($lg){min-width:180px}@include max($md){margin:0 15px 15px 0}}}.variant-singular{margin-bottom:20px;.radio-custom{margin-bottom:10px}}.product-cart-buttons{display:flex;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;margin-bottom:$gutter*2;>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($lg){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;align-items:center;flex-wrap:wrap;width:150px;height:55px;border-radius:$radius-base;background:#F6F6F6;padding:10px;>a{flex:0 0 35px;max-width:35px;height:35px;@include center;background:#fff;border-radius:$radius-base}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;text-align:center;background-color:#fff0;border:none;font-size:16px;font-weight:600;color:$secondary-color}}}@include max($lg){.product-qty{width:110px;padding:5px;>a{flex:0 0 30px;max-width:30px;height:30px}>div{input{font-size:14px}}}}@include max($xs){flex:0 0 100%;max-width:100%;margin-bottom:15px;.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:55px;font-size:15px;font-weight:600;padding:0 5px;border-radius:$radius-base;transition:$transition-base;@include max($sm){font-size:14px}}a.add-to-cart-button{background-color:$primary-color;color:$primary-text-color;border:1px solid $primary-color;&:hover{background-color:#fff;color:$primary-color}}a.no-stock-button{background-color:$text-color;color:$primary-text-color}a.quick-order-button,a.remind-me-button{background-color:#F6F6F6;color:$primary-color}}.product-compare{a{height:55px;@include center;color:$text-color;padding:0 5px;border:1px solid $border-color;border-radius:$radius-base;background:#fff;font-size:15px;font-weight:600;color:$text-color;img{margin-right:10px}&.active{background:$primary-color;color:$primary-text-color;border-color:$primary-color;img{filter:brightness(0) invert(1)}}}}.cargo-date{background:url("{{ themeAsset('images/icon-cargo.svg') }}") no-repeat left center;padding-left:34px;font-size:14px;font-weight:500;color:$text-color;line-height:24px;margin-bottom:37px;span{font-weight:600;color:$primary-color}strong{font-weight:600}@include max($md){margin-bottom:30px}}{% 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{display:flex;.product-cargo-button{display:flex;align-items:center;margin-right:40px;&:last-child{margin-right:0}i{flex:0 0 16px;height:16px;width:16px;margin-right:10px}span{display:flex;align-items:center;font-size:13px;font-weight:600;color:$text-color;line-height:14px;flex:1 1 0%}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}@include max($lg){.product-cargo-button{margin-right:30px}}@include max($sm){.product-cargo-button{margin-right:$gutter;span{font-size:12px}}}}.product-social{display:flex;&-title{font-size:13px;font-weight:600;color:$text-color;line-height:16px;margin-right:15px}&-content{display:flex;align-items:center;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;>div{padding-left:10px;padding-right:10px;>a{display:block;color:$text-color;font-size:16px;line-height:16px;transition:$transition-base;&:hover{&.product-social-facebook{color:#507CBE}&.product-social-twitter{color:#63CDF1}&.product-social-whatsapp{color:#128c7e}}}}}}.product-detail-tab{margin-bottom:90px;padding:40px;background:#fff;border-radius:$radius-base;.product-detail-tab-header{margin-bottom:50px;box-shadow:0 1px 0 $border-color}[data-tab-index]{margin-right:100px;&:last-child{margin-right:0}>a{@include center;color:$text-color;font-size:18px;font-weight:600;line-height:22px;padding-bottom:40px;position:relative;&:before{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:$primary-color;opacity:0}}&.active{>a{color:$secondary-color;&::before{opacity:1}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{font-size:14px;color:$text-color;line-height:30px}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($xlg){.product-detail-tab-header{[data-tab-index]{margin-right:30px}}}@include max($lg){padding:30px}@include max($md){padding:15px;margin-bottom:30px;border-radius:0;.product-detail-tab-header{overflow-x:auto;padding-bottom:3px;margin-bottom:20px;[data-tab-index]{>a{padding-bottom:15px}}}}@include max($sm){padding:0;border-top:none;background:#fff0;.product-detail-tab-content{.product-detail-tab-row{[data-tab-index]{margin:0;>a{position:relative;justify-content:space-between;height:50px;color:$primary-text-color;padding:0 15px;margin-bottom:15px;background-color:$primary-color;&:before{content:none}&:after{content:'\f078';font-weight:900;font-size:20px;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:15px;background:#fff;margin-bottom:15px}}}}}.btn{font-size:12px;border-radius:$radius-base;transition:$transition-base;&.btn-primary{color:$primary-text-color;background:$primary-color;border:1px solid $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:#fff;color:$primary-color;border-color:$border-color}}&.btn-secondary{color:$primary-color;background:#fff;border:1px solid $border-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:$primary-text-color;background:$primary-color;border-color:$primary-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:1px solid $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:15px;color:#000;font-weight:700}.filter-menu-category-content{a{color:#000;font-weight:700}}.filter-menu-category-top{a{font-weight:800}}}.filter-menu-groups{.filter-menu-group-title{background-color:#fff0;border:none;padding:15px;color:#000;font-weight:700}.filter-menu-group-content{label{color:#000}}}.filter-menu-selected-items{.filter-menu-selected-items-title{background-color:#fff0;border:none;padding:15px;font-weight:800}.filter-menu-selected-items-content{padding:15px;.filter-menu-selected-group{.filter-menu-selected-group-title{font-weight:800}}}}}.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}}}#ideaexport_translation_bar_container{display:none}.entry-dual-banner-area{background-color:#fff;padding:20px;margin-bottom:36px;.dual-banner-wrapper{.dual-banner{margin-bottom:12px}.row{.col-lg-6{position:relative;&:last-child{.dual-banner{position:relative;margin-bottom:12px;&:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:1px;display:block;background-color:#d3d3d3}}}}}}}.user-login-page-wrapper{position:relative;display:flex;justify-content:center;.user-login-page-container{position:relative;z-index:2;width:460px;@include max($sm){width:380px}@include max($xxs){width:330px}@include max($xxxs){width:280px}.user-login-page-logo{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--spacer-5);margin-bottom:var(--spacer-5);img{max-height:56px}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $border-color;border-radius:0}.user-login-page-title{text-align:center;margin-bottom:var(--spacer-7);span{line-height:28px;font-size:var(--font-size-24);font-weight:700}&.user-login-page-sub-title{padding-top:var(--spacer-7)}}.user-login-page-order-registration{display:flex;align-items:center;justify-content:center;height:52px;color:$text-color;font-size:var(--font-size-16);font-weight:600;text-align:center;margin-top:var(--spacer-9);background-color:rgb(220 53 69 / .3)}.user-login-page-row{position:relative;margin-bottom:var(--spacer-5);.password-toggle{position:absolute;right:$gutter;top:0;@include center;width:20px;height:100%;cursor:pointer}&.user-login-page-button-social{display:flex;align-items:center;flex-wrap:wrap;@include max($sm){display:block}>div{flex:0 0 50%;&:first-child{padding-right:var(--spacer-5)}@include max($sm){flex:0 0 100%;&:first-child{padding-right:0}}}}input.form-control{height:52px;color:$text-color;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.btn{@include center;height:52px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.btn-green{color:#fff;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $border-color;background-color:#25D366}&.btn-google{color:$text-color!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $border-color;span{padding-left:10px}&:hover{color:$text-color!important;background:#fff!important}@include max($sm){margin-bottom:var(--spacer-5)}}&.btn-facebook{color:$text-color!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $border-color;span{padding-left:10px}&:hover{color:$text-color!important;background:#fff!important}}}}.checkbox-custom,.user-login-forgot-pass{margin-bottom:var(--spacer-9)}.checkbox-custom{input[type=checkbox]{&+label{line-height:20px;color:$text-color;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $border-color}}&:checked{&+label{&:before{background-image:none;border-color:$border-color;background-color:#fff}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $primary-color;border-right:2px solid $primary-color;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$text-color;font-size:var(--font-size-14)}}}.current-page-member-b2b-login{#entry-slider{margin-bottom:var(--spacer-10);>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.entry-slider{display:flex;justify-content:center;a{position:relative;display:block;width:100%;aspect-ratio:1140/595;.entry-slider-img{img,video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@include max($md){aspect-ratio:1024/768}}.entry-slider-container{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;.entry-slider-content{.entry-slider-title{color:#fff;@include line-rule(32);font-weight:400}.entry-slider-sub-title{color:#fff;@include line-rule(40);font-weight:700;margin-bottom:var(--spacer-8);>span{letter-spacing:-.05em;>span{@include line-rule(40);font-weight:700}}}.entry-slider-button{display:inline-flex;align-items:center;gap:var(--spacer-2);height:38px;color:#fff;@include line-rule(18);padding-inline:var(--spacer-6);border-radius:0;background-color:$primary-hover-color;transition:$transition-base;@include min($lg){&:hover{background-color:$primary-color}}@include max($xxs){height:32px}}@include max($md){text-align:center}}}}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:52px;height:52px;cursor:pointer;background:#fff;border-radius:50%;transition:$transition-base;svg{path{transition:$transition-base}}&.slick-prev{left:var(--spacer-18);@include max($xxlg){left:var(--spacer-14)}@include max($xlg){left:var(--spacer-10)}}&.slick-next{right:var(--spacer-18);@include max($xxlg){right:var(--spacer-14)}@include max($xlg){right:var(--spacer-10)}}&.slick-disabled{opacity:.5}@include min($lg){&:hover{background-color:$primary-color;svg{path{stroke:#fff}}}}}.slick-dots{position:absolute;left:50%;bottom:var(--spacer-6);transform:translateX(-50%);z-index:1;display:flex;align-items:center;>li{margin:0 4px;>button{position:relative;overflow:hidden;display:block;width:14px;height:14px;text-indent:-9999px;padding:0;border:2px solid #fff;border-radius:50%;background-color:#fff0}&.slick-active{>button{&:after{content:'';position:absolute;left:2px;top:2px;width:6px;height:6px;background-color:#fff;border-radius:50%}}}}}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}