@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}};$color-third:{{theme.settings.color_third}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:$color-fourth;transition:left .2s linear,right .2s linear}.openbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}@include min($lg){.container{max-width:calc(1590px + calc(2*var(--gutter)))}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}#header{.header-top{padding:var(--spacer-13) 0;.logo{@include center;img{max-height:80px}}.search{form{--select-width:240px;position:relative;select{position:absolute;top:0;left:0;width:var(--select-width);height:100%;background-color:$color-white;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.81 20H2.1C1.47667 20 1 19.5094 1 18.8679C1 18.2264 1.47667 17.7358 2.1 17.7358H8.81C9.43333 17.7358 9.91 18.2264 9.91 18.8679C9.91 19.5094 9.39667 20 8.81 20Z' fill='black'/%3E%3Cpath d='M8.81 13.1321H2.1C1.47667 13.1321 1 12.6415 1 12C1 11.3585 1.47667 10.8679 2.1 10.8679H8.81C9.43333 10.8679 9.91 11.3585 9.91 12C9.91 12.6415 9.39667 13.1321 8.81 13.1321Z' fill='black'/%3E%3Cpath d='M8.81 6.26415H2.1C1.47667 6.26415 1 5.77358 1 5.13208C1 4.49057 1.47667 4 2.1 4H8.81C9.43333 4 9.91 4.49057 9.91 5.13208C9.91 5.77358 9.39667 6.26415 8.81 6.26415Z' fill='black'/%3E%3Cpath d='M7.30679 20C6.68345 20 6.20679 19.5094 6.20679 18.8679C6.20679 18.2264 6.68345 17.7358 7.30679 17.7358H21.9001C22.5234 17.7358 23.0001 18.2264 23.0001 18.8679C23.0001 19.5094 22.5234 20 21.9001 20H7.30679C7.34345 20 7.34345 20 7.30679 20Z' fill='black'/%3E%3Cpath d='M7.30679 13.1321C6.68345 13.1321 6.20679 12.6415 6.20679 12C6.20679 11.3585 6.68345 10.8679 7.30679 10.8679H21.9001C22.5234 10.8679 23.0001 11.3585 23.0001 12C23.0001 12.6415 22.5234 13.1321 21.9001 13.1321H7.30679C7.34345 13.1321 7.34345 13.1321 7.30679 13.1321Z' fill='black'/%3E%3Cpath d='M7.30679 6.26415C6.68345 6.26415 6.20679 5.77358 6.20679 5.13208C6.20679 4.49057 6.68345 4 7.30679 4H21.9001C22.5234 4 23.0001 4.49057 23.0001 5.13208C23.0001 5.77358 22.5234 6.26415 21.9001 6.26415H7.30679C7.34345 6.26415 7.34345 6.26415 7.30679 6.26415Z' fill='black'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:left 20px center;background-size:24px;padding-left:calc(44px + var(--spacer-5));padding-right:var(--spacer-8);border-color:$color-border;border-right:0;@include border-radius(50rem 0 0 50rem);@include text-type-3;color:$color-text;cursor:pointer;@include max($md){background-size:20px}}input{width:calc(100% - var(--select-width));height:64px;color:$color-text;background-color:$color-white;margin-left:var(--select-width);padding:8px 64px 8px 20px;border:1px solid $color-border;@include border-radius(0 50rem 50rem 0);@include text-type-3;&::placeholder{color:$color-sub-text;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:64px;height:100%;padding:0;border:none;background:none}}@include max($xs){form{select{display:none}input{width:100%;margin-left:0}}}}&-right{>div{margin-left:var(--spacer-8);&:first-child{margin-left:0}>a{position:relative;@include center;width:24px;height:36px;>svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-primary;>svg{path{fill:$color-primary}}}}}}}}.header-bottom{--gutter:var(--spacer-2);position:relative;background-color:$color-primary;&::before{content:'';display:block;width:calc((100vw - 1590px) / 2);min-width:2rem;left:0;height:100%;position:absolute;top:0;background-color:$color-secondary}}@include max($lg){.header-top{padding:var(--spacer-10) 0;.logo{img{max-height:70px}}.search{margin-top:var(--spacer-6);form{input{height:56px}}}}}@include max($md){.header-top{.logo{img{max-height:60px}}.search{form{--select-width:200px;input{height:52px}button{svg{width:20px;height:20px}}}}}}@include max($sm){.header-top{.logo{img{max-height:50px}}}}@include max($xs){.header-top{&-right{>div{margin-left:var(--spacer-6);>a{width:20px;height:28px}}}.search{form{input{height:48px;@include border-radius(50rem)}}}}}@include max($xxs){.header-top{.logo{img{max-height:40px}}.search{form{input{height:40px;@include border-radius(50rem)}}}}}}.toggle-bar{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin-right:var(--spacer-4);@include max($lg){display:flex}}.user-menu{display:flex;align-items:center;>a{>i{position:absolute;right:-8px;top:-10px;@include center;width:16px;height:16px;background-color:$color-primary;color:$color-white;border-radius:100%;@include max($md){right:-6px;top:-12px}}}}.cart-menu{>a{.cart-amount{position:absolute;right:-8px;top:-10px;@include center;width:16px;height:16px;color:$color-white;@include text-type-1;text-align:center;border-radius:100%;background-color:$color-primary;@include max($md){right:-6px;top:-12px}}}}#navigation{.category-level-1{>ul{display:flex;flex-wrap:wrap;>li{>a{display:flex;align-items:center;height:80px;color:$color-white;@include text-type-3;padding:0 var(--spacer-4);margin:0 1px;@include max($xlg){font-size:var(--font-size-15)}}&:first-child{>a{margin-left:0}}&.has-sub-category{>a{svg{path{transition:$transition}}span{@include min($xlg){padding-right:var(--spacer-1)}}&:hover{svg{path{fill:$color-white}}}}}&:hover{>a{background-color:$color-secondary}}&.active{>a{background-color:$color-secondary}>.category-level-2{display:block}}}}}.category-level-2{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;padding:var(--spacer-10) 0 var(--spacer-9);background-color:$color-white;box-shadow:0 2px 5px rgb(0 0 0 / .1);>div{--gutter:var(--spacer-4);>ul{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>li{flex:0 0 25%;padding-left:var(--gutter);padding-right:var(--gutter);margin-bottom:var(--spacer-5);>a{display:inline-block;color:$color-text;font-size:var(--font-size-17);line-height:20px;font-weight:500;margin-bottom:var(--spacer-6);transition:$transition;&:only-child{margin-bottom:0}&:hover{color:$color-primary}}&.navigation-category-image{flex:0 0 calc(100% / 7);display:flex;justify-content:center;>a{text-align:center;div{position:relative;width:140px;height:140px;margin:0 auto var(--spacer-3);@include border-radius(4px);border:1px solid $color-border;@include imgcenter}}}}}}}.category-level-3{>ul{>li{>a{display:block;color:$color-sub-text;font-size:var(--font-size-15);line-height:18px;margin-bottom:var(--spacer-3);transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}@include max($lg){display:none}}.navigation-container{>a{display:flex;align-items:center;width:100%;height:80px;@include text-type-3;color:$color-white;background-color:$color-secondary;padding:0 var(--spacer-7);svg{margin-right:var(--spacer-7)}}.navigation-content{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);padding-bottom:var(--spacer-7);#navigation-all-categories{--gutter:var(--spacer-4);display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>li{flex:0 0 calc(100% / 5);max-width:calc(100% / 5);padding-left:var(--gutter);padding-right:var(--gutter);margin:var(--spacer-3) 0 0;>a{display:flex;align-items:center;border:1px solid $color-border;@include text-type-3;padding:var(--spacer-4);transition:$transition;>img{width:60px;height:60px;margin-right:var(--spacer-4);display:none}&:hover{border-color:$color-primary}}}}}&:hover{.navigation-content{display:block}}}#main{padding:var(--spacer-6) 0 var(--spacer-22)}.current-page-default-entry{#main{padding-top:var(--spacer-8)}}#head-content,#triple-search-box{margin-bottom:var(--spacer-6)!important;padding:0!important;border-bottom:0!important}#entry-slider{margin-bottom:var(--spacer-30);.entry-slider{>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;z-index:2;background-color:#fff0;border-radius:50%;@include center;opacity:.4;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;background-color:{{theme.settings.slider_arrows_color}};@include border-radius(50%);transition:$transition;&:hover{opacity:1}&.slick-prev{left:45px;background-image:url("{{ themeAsset('images/icon-arrow-left.svg') }}")}&.slick-next{right:45px;background-image:url("{{ themeAsset('images/icon-arrow-right.svg') }}")}&.slick-disabled{opacity:.5;&:hover{opacity:.5}}}.slick-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);@include center;padding:9px 27px;border-radius:30px;background-color:$color-white;@include max($lg){bottom:12px}>li{padding:0 .5rem;button{background-color:#fff0;border-radius:100%;width:12px;height:12px;line-height:12px;color:#000;font-size:9px;font-weight:700;text-indent:0;border:none;padding:0;position:relative;@include center}&.slick-active{button{color:$color-white}}&:only-child{display:none}}@include max($md){display:none!important}}}}.showcase{position:relative;margin-bottom:var(--spacer-8);background-color:$color-white;border:1px solid $color-border;padding:calc(var(--spacer-2) + 2px);transition:$transition;.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{position:absolute;left:0;top:0;z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{display:flex;align-items:center;height:32px;@include text-type-2;border-width:1px;border-style:solid;@include border-radius(50rem);padding:5px var(--spacer-3);margin-bottom:4px;&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}};border-color:{{theme.settings.color_border_new_label}}}&.gift-label{color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}};border-color:{{theme.settings.color_border_gift_label}}}&.digital-label{color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}};border-color:{{theme.settings.color_border_digital_label}}}&:last-child{margin-bottom:0}@include max($sm){height:20px}}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;height:24px;color:$color-white;padding:0 var(--spacer-2);background-color:$color-text;@include min($xs){display:none}}}}.showcase-image{a{position:relative;display:block;overflow:hidden;padding-top:$image-ratio;background:$color-white;@include imgcenter}}.showcase-content{padding:var(--spacer-6) var(--spacer-3) var(--spacer-5);.showcase-title{margin-bottom:var(--spacer-6);a{overflow:hidden;display:block;height:calc((var(--font-size-18) + 6px) * 2);overflow:hidden;line-height:calc(var(--font-size-18) + 6px);font-size:var(--font-size-18);color:$color-text;text-align:center;@include max($lg){height:calc((var(--font-size-18) + 6px) * 3)}@include max($md){height:calc((var(--font-size-16) + 6px) * 3);line-height:calc(var(--font-size-16) + 6px);font-size:var(--font-size-16)}}}.showcase-price{height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;@include max($sm){height:38px}@include max($xs){align-items:center}.showcase-price-old{@include text-type-4;color:$color-sub-text;text-decoration:line-through;margin-bottom:var(--spacer-2)}.showcase-price-new-wrapper{display:flex;align-items:center;.showcase-price-new{@include text-type-6;color:$color-text}.discount-label{width:40px;height:26px;background-color:{{theme.settings.color_background_discount_label}};color:{{theme.settings.color_text_discount_label}};font-size:var(--font-size-12);line-height:cacl(var(--font-size-12)+2px);@include border-radius(50rem);margin-left:var(--spacer-2);@include center;@include max($sm){width:32px;height:20px}@include max($xs){font-size:var(--font-size-10);width:28px;height:16px}}}@media (min-width:$lg+px) and (max-width:$xlg+px){.showcase-price-old{@include text-type-3}.showcase-price-new-wrapper{.showcase-price-new{font-size:var(--font-size-24)}}}@include max($md){.showcase-price-old{@include text-type-3}.showcase-price-new-wrapper{.showcase-price-new{font-size:var(--font-size-24)}}}@include max($sm){.showcase-price-old{font-size:var(--font-size-15);margin-bottom:0}.showcase-price-new-wrapper{.showcase-price-new{font-size:var(--font-size-20)}}}}.showcase-buttons{>a{width:56px;height:56px;@include border-radius(100%);@include center;&.add-to-cart-button{background-color:$color-third;transition:$transition;svg{path{fill:$color-primary;transition:$transition}}@include min($lg){&:hover{background-color:$color-primary;svg{path{fill:$color-white}}}}}&.incart-button{background-color:$color-primary}&.no-stock-button{background-color:$color-border}@media (min-width:$lg+px) and (max-width:$xlg+px){width:44px;height:44px}@include max($md){width:44px;height:44px}@include max($xs){width:36px;height:36px;svg{width:20px;height:20px}}@include max($xxs){width:32px;height:32px;svg{width:16px;height:16px}}}@include max($xs){display:none}}}@include min($lg){&:hover{border-color:$color-primary}}}.default-products{.products-header{color:$color-text;@include heading-type-6;@include center;text-align:center;margin-bottom:var(--spacer-15);&::before,&::after{content:'';display:inline-block;width:80px;height:1px;background-color:$color-primary}span{flex-shrink:0;margin:0 var(--spacer-12)}}.products-content{&.slick-slider{height:auto;overflow:visible;padding-bottom:var(--spacer-16)}>.slick-arrow{position:absolute;opacity:1;bottom:0;z-index:2;transform:translateY(-50%);width:70px;height:48px;cursor:pointer;background-color:$color-third;transition:$transition;svg{path{fill:$color-primary;transition:$transition}}&:not(.slick-disabled):hover{background-color:$color-primary;svg{path{fill:$color-white}}}&.slick-prev{left:calc(50% - 35px);transform:translateX(-50%);border-radius:50px 0 0 50px}&.slick-next{right:calc(50% - 35px);transform:translateX(50%);border-radius:0 50px 50px 0}&.slick-disabled{svg{path{fill:$color-white}}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:5px;border:none;border-radius:50%;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}}.popular-products{margin-bottom:var(--spacer-30)}.featured-products{margin-bottom:var(--spacer-22)}.theme-middle-banner-wrapper{margin-bottom:var(--spacer-30);.theme-banner{position:relative;overflow:hidden;.theme-banner-image{position:relative;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(0 0 0 / .5) 0%,#fff0 100%);z-index:1}img{transition:$transition}}.theme-banner-content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:$color-white;padding:var(--spacer-3) var(--spacer-12) var(--spacer-3) var(--spacer-8);.theme-banner-title{@include heading-type-6;margin-bottom:4px}.theme-banner-sub-title{@include heading-type-6;font-weight:300;margin-bottom:var(--spacer-12);@include max($lg){margin-bottom:var(--spacer-8)}}.theme-banner-button{line-height:calc(var(--font-size-14) + 2px);font-size:var(--font-size-14);font-weight:700;letter-spacing:6px;min-width:165px;height:56px;background-color:$color-primary;color:$color-white;@include border-radius(50rem);padding:var(--spacer-2) var(--spacer-10);@include center;transition:$transition;@include min($lg){&:hover{background-color:$color-primary-lighten}}@include max($lg){min-width:145px;height:40px}@include max($md){min-width:116px;height:32px;letter-spacing:4px}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}}}@include max($md){margin-bottom:var(--spacer-8)}}}.home-products{padding-top:var(--spacer-30);padding-bottom:var(--spacer-22);margin-bottom:var(--spacer-30)}.entry-blog-container{.entry-blog-header{color:$color-text;@include heading-type-6;@include center;text-align:center;margin-bottom:var(--spacer-15);&::before,&::after{content:'';display:inline-block;width:80px;height:1px;background-color:$color-primary}span{flex-shrink:0;margin:0 var(--spacer-12)}}.entry-blog-content{>div{@include max($md){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-6);>div{width:38vw}}@include max($sm){>div{width:81vw}}}.entry-blog-item-container{background-color:$color-white;.entry-blog-item-image{height:100%;a{position:relative;overflow:hidden;display:block;padding-top:94.11%;@include imgcenter}.entry-blog-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:70px;background:#f5f5f5;@include center}}.entry-blog-item-content{border:1px solid $color-border;border-top:0;padding:var(--spacer-8);transition:$transition;.entry-blog-title{margin-bottom:var(--spacer-6);a{display:block;overflow:hidden;height:calc((var(--font-size-28) + 5px) * 2);@include heading-type-4;color:$color-text}}.entry-blog-item-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;a{line-height:calc(var(--font-size-14) + 2px);font-size:var(--font-size-14);font-weight:700;letter-spacing:6px;min-width:162px;height:56px;background-color:$color-primary;color:$color-white;@include border-radius(50rem);padding:var(--spacer-2) var(--spacer-10);@include center;transition:$transition;@include min($lg){&:hover{background-color:$color-primary-lighten}}@include max($lg){min-width:145px;height:40px}@include max($md){min-width:116px;height:32px;letter-spacing:4px}}}}@include min($lg){.entry-blog-item-content{&:hover{border-color:$color-primary}}}}}}#footer{background-color:$color-white;.footer-row-1{padding:var(--spacer-30) 0 var(--spacer-16);@include max($md){padding-bottom:0}}.footer-row-2{padding:var(--spacer-15) 0}}.footer-logo{position:relative;padding-bottom:var(--spacer-15);margin-bottom:var(--spacer-12);&::before{content:'';position:absolute;bottom:0;left:0;width:54px;height:1px;background-color:$color-primary}img{max-height:80px;@include max($lg){max-height:70px}@include max($md){max-height:60px}@include max($sm){max-height:50px}@include max($xxs){max-height:40px}}}.footer-menu-container{.footer-menu{.footer-menu-title{@include heading-type-3;margin-bottom:var(--spacer-8)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}>a{font-size:calc(var(--font-size-18) + 11px);font-size:var(--font-size-18);font-weight:500;color:$color-sub-text;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}}}}@include max($lg){margin-top:var(--spacer-10)}@include max($sm){&[data-menu-type="list"]{margin-top:0;text-align:center;.footer-menu{margin-top:var(--spacer-10)}}&[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;color:$color-text;padding:var(--spacer-8);margin-bottom:var(--spacer-8);border:1px solid $color-border;&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:0 var(--spacer-8) var(--spacer-8);display:none;>ul{>li{color:$color-text;>a{color:$color-text}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.newsletter{.newsletter-title{margin-bottom:var(--spacer-8);>div{color:$color-text;line-height:calc(var(--font-size-20) + 11px);font-size:var(--font-size-20);font-weight:400;margin-bottom:var(--spacer-4)}}.newsletter-content{form{position:relative;input{width:100%;height:64px;color:$color-text;@include text-type-3;padding:8px 64px 8px 24px;border:1px solid $color-border;@include border-radius(50rem);transition:$transition;&::placeholder{color:$color-sub-text;opacity:1}&:focus{border-color:$color-primary}@include max($lg){height:56px}@include max($md){height:52px}@include max($xs){height:48px}}button{position:absolute;top:0;right:0;@include center;width:64px;height:100%;padding:0;border:none;background-color:#fff0;svg{path{fill:$color-primary}}}}}}.footer-social{.footer-social-content{display:flex;align-items:center;flex-wrap:wrap;@include max($md){justify-content:center;margin-bottom:var(--spacer-8)}div{margin-left:var(--spacer-6);&:first-child{margin-left:0}a{@include center;width:24px;height:24px;transition:$transition;svg{path{transition:$transition}}@include min($lg){&:hover{svg{path{fill:$color-primary}}}}}}}}.copyright{line-height:calc(var(--font-size-16) + 3px);font-size:var(--font-size-16);font-weight:400;color:$color-sub-text;text-align:center;@include max($md){margin-bottom:var(--spacer-4)}}.footer-ssl{text-align:right;@include max($md){text-align:center}}.block-item{background-color:#fff;margin-bottom:var(--spacer-8);padding:var(--spacer-4);border:1px solid $color-border;border-radius:$border-radius;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$color-text;@include heading-type-2;padding-bottom:var(--spacer-4);>i{display:none;@include max($sm){display:block}}}&[data-type="filter-product-groups"]{border:1px solid $color-border;padding:var(--spacer-7);@include max($md){padding:0}.block-item-title{padding-bottom:0;margin-bottom:var(--spacer-7)}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}@include max($md){.block-item{display:none;.block-item-title{padding-bottom:0}&[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}&[data-type=member-menu]{display:block;.block-item-title{cursor:pointer;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:var(--spacer-4);transition:$transition;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{display:none;margin-bottom:var(--spacer-8);&.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){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{@include min($lg){padding:0;border-radius:$border-radius}.filter-menu-box{padding-top:var(--spacer-6);margin-top:var(--spacer-6);margin-bottom:0;border:none;border-top:1px solid $color-border;&.filter-menu-category{padding:0;margin-top:0;border-top:none}&.filter-menu-selected-items{margin-top:0;border-top:none;padding-bottom:var(--spacer-6);margin-bottom:var(--spacer-6)}}.filter-menu-category{padding-top:0;margin-top:0;border-top:none;.filter-menu-category-title{line-height:20px;color:$color-text;font-size:var(--font-size-15);font-weight:500;padding:0;margin-bottom:var(--spacer-6);border-bottom:none;background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-5);border-bottom:none;a{color:$color-text;line-height:calc(var(--font-size-15) + 9px);font-size:var(--font-size-15);padding:0 0 0 24px;margin-bottom:var(--spacer-4);transition:$transition;&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;line-height:20px;color:$color-text;font-size:var(--font-size-15);font-weight:500;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 d='M10 13L5 8L10 3' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size:16px;background-repeat:no-repeat;background-position:left center;padding:0 0 0 24px;transition:$transition;i{display:none}}}}.filter-menu-groups{.filter-menu-group-title{line-height:20px;color:$color-text;font-size:var(--font-size-15);font-weight:500;padding:0;padding-bottom:var(--spacer-6);border:none;background-color:#fff0}.filter-menu-group-content{padding:0;.checkbox-custom{margin-bottom:var(--spacer-4)}label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}input[type=checkbox]{&+label{line-height:24px;color:$color-text;font-size:var(--font-size-15);font-weight:400;padding-left:28px;&:before{top:4px;width:16px;height:16px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;background-color:$color-primary;border-radius:$border-radius}&:after{content:'';position:absolute;left:6px;top:6px;display:inline-block;width:4px;height:10px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}.scrollbar-inner{>.scroll-element{.scroll-element_track{background-color:$color-border}.scroll-bar{background-color:darken($color-border,10%)}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}}.filter-menu-selected-items{padding:var(--spacer-4);background-color:hsl(0 0% 90% / .2);.filter-menu-selected-items-title{color:$color-text;line-height:calc(var(--font-size-13) + 11px);font-size:var(--font-size-13);font-weight:500;padding:0;padding-bottom:var(--spacer-1);border:none;background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{.filter-menu-selected-group-title{color:$color-text;font-size:var(--font-size-13);line-height:calc(var(--font-size-13) + 11px);font-weight:400;margin-bottom:6}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-text;line-height:calc(var(--font-size-11) + 2px);font-size:var(--font-size-11);font-weight:400;padding:0;border-radius:$border-radius;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%3Crect x='0.5' y='0.5' width='15' height='15' fill='white' stroke='%23BABABA'/%3E%3Cpath d='M5.0835 10.9167L10.9168 5.08334M5.0835 5.08334L10.9168 10.9167L5.0835 5.08334Z' stroke='black' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:16px;background-position:right center;padding:1px 0;i{display:none}}}}}}}}.horizontal-filter-menu{margin-bottom:var(--spacer-5);.horizontal-filter-menu-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5);@include max($md){display:none}}.horizontal-filter-menu-content{padding:var(--spacer-4);padding-bottom:0;margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($md){display:flex;flex-direction:column-reverse;padding:0;border:none}}.filter-menu-groups-wrapper{@include min($md){display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter))}@include max($md){padding:var(--spacer-4);border:1px solid $color-border}}.filter-menu-groups{padding-right:var(--gutter);padding-left:var(--gutter);@include max($md){flex:0 0 100%;padding:0}.filter-menu-group-selectbox{position:relative;margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;justify-content:space-between;height:44px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:4px 4px 4px 16px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;span{padding-right:16px}@include max($md){font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0;border:none;border-bottom:1px solid $color-border;svg{display:none}}}.filter-menu-group-selectbox-content{position:absolute;top:calc(100% - 1px);left:0;z-index:101;overflow:auto;display:none;width:220px;max-height:174px;padding:var(--spacer-4);background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}@include max($md){position:static;top:0;display:block;width:100%;padding-left:0;border:none;border-radius:0;margin-top:var(--spacer-4)}>a{position:relative;display:block;line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;margin-bottom:var(--spacer-5);transition:$transition;span{color:$color-sub-text;padding-left:4px}&:last-child{margin-bottom:0}&:after{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;transition:$transition}&:before{content:'';position:absolute;left:7px;top:2px;z-index:1;opacity:0;visibility:hidden;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg);transition:$transition}&:hover,&.checked{color:$color-primary;span{color:$color-primary}&:after{border-color:$color-primary}&:before{opacity:1;visibility:visible}}}}>a.active+.filter-menu-group-selectbox-content{display:block}}}.filter-menu-selected-items{@include min($md){display:flex;align-items:center;flex-wrap:wrap;>div{margin-right:var(--spacer-4);&:last-child{margin-right:0}}}@include max($md){display:flex;flex-direction:column;>div{margin-bottom:var(--spacer-4);&.clear-filters{order:1}&.filter-menu-selected-group{order:2}}}.filter-menu-selected-group{@include min($md){display:flex;align-items:center;flex-wrap:wrap}.filter-menu-selected-item{@include min($md){margin-bottom:var(--spacer-4);margin-right:var(--spacer-4);&:last-child{margin-right:0}}a{display:flex;align-items:center;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;transition:$transition;svg{path{transition:$transition}}span{position:relative;margin:0 12px;&:after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-51%);width:0;height:1px;margin:0 auto;background-color:$color-primary;transition:$transition}}i{@include center;width:34px;height:34px;background-color:$color-background;border-right:1px solid $color-border}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}span{&:after{width:100%}}}}}}.clear-filters{margin-left:var(--spacer-2);margin-bottom:var(--spacer-4);@include max($md){display:flex;align-items:center;justify-content:space-between}>span{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;@include min($md){display:none}}@include max($md){margin-left:0}a{display:flex;align-items:center;height:36px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}@include max($md){color:$color-primary;font-weight:600}}}}}#sorting-options{margin-bottom:var(--spacer-5);select.form-control:not([size]):not([multiple]),select:not([size]){height:52px;color:$color-text;font-size:var(--font-size-13);cursor:pointer;padding:4px 40px 4px 16px;border:1px solid $color-border;@include border-radius(50rem);background-size:36px;background-position:right center;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}")}.record-count{line-height:32px;color:$color-text;font-size:var(--font-size-13)}.checkbox-custom{line-height:20px;input[type=checkbox]{&+label{line-height:32px;color:$color-text;font-size:var(--font-size-12);font-weight:400;padding-left:26px;&:before{top:8px;width:16px;height:16px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;background-color:$color-primary;border-radius:$border-radius}&:after{content:'';position:absolute;left:6px;top:10px;display:inline-block;width:4px;height:10px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}}}.product-category-and-brand-list{margin-bottom:var(--spacer-4);.product-category-and-brand-list-header{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5)}.product-category-and-brand-list-content{padding:var(--spacer-4) var(--spacer-4) 0;background-color:$color-white;border:1px solid $color-border;border-radius:$border-radius;>div{display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 auto;max-width:none;padding-right:var(--gutter);padding-left:var(--gutter);margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;height:40px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:0 var(--spacer-5);background-color:$color-white;border:1px solid $color-border;transition:$transition;border-radius:$border-radius;span{color:$color-sub-text;font-weight:500}&:hover{border-color:$color-primary;background-color:$color-white}}}&.product-category-and-brand-list-content-image{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);padding-right:var(--gutter);padding-left:var(--gutter);@include max($lg){flex:0 0 calc(100% / 5);max-width:calc(100% / 5)}@include max($md){flex:0 0 calc(100% / 4);max-width:calc(100% / 4)}@include max($sm){flex:0 0 calc(100% / 3);max-width:calc(100% / 3)}@include max($xxs){flex:0 0 calc(100% / 2);max-width:calc(100% / 2)}>a{display:block;height:100%;text-align:center;padding:var(--spacer-3);.product-list-image{position:relative;overflow:hidden;padding-top:$image-ratio;margin-bottom:var(--spacer-3);@include imgcenter}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:165px}}}#scroll-top{position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:50;display:none;cursor:pointer;color:$color-primary;background-color:$color-third;border-radius:100%;transition:$transition;>i{@include center;width:40px;height:40px}@include min($lg){&:hover{color:#fff;background-color:$color-primary}}}.paginate-wrapper{position:relative;padding:var(--spacer-12) 0 var(--spacer-8);.paginate{display:flex;justify-content:center;@include max($sm){justify-content:space-between}a{@include center;width:56px;height:56px;font-size:var(--font-size-18);font-weight:500;color:$color-text;background-color:$color-white;@include border-radius(50rem);margin:0 6px}.paginate-content{display:flex;flex-wrap:wrap}.paginate-left,.paginate-right{a{width:88px}}.paginate-passive{a{background-color:$color-third;color:$color-white}}.paginate-active{a{background-color:$color-third;color:$color-primary}}.paginate-element-active{background-color:$color-primary;color:$color-white}}}#breadcrumbs{padding-bottom:var(--spacer-8);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;li{i{font-size:var(--font-size-14);margin:0 5px;font-style:normal;&:before{content:'/'}}span{display:flex;align-items:center;white-space:nowrap;line-height:calc(var(--font-size-14) + 2px);color:$color-sub-text;font-size:var(--font-size-14);font-weight:400}a{color:$color-text}&:last-child{span{span{color:$color-text}}}}}}.product-area-top{background-color:#fff;border:1px solid $color-border;margin-bottom:var(--spacer-20)}.product-left{position:relative;border-right:1px solid $color-border;height:100%;padding:var(--spacer-6);@include max($lg){border-right:0}}.product-right{padding:var(--spacer-7) var(--spacer-16) var(--spacer-7) 0;@include max($lg){padding:var(--spacer-7) var(--spacer-8) var(--spacer-7)}}.product-label-group{position:absolute;left:var(--spacer-6);top:var(--spacer-6);z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{display:flex;align-items:center;height:32px;@include text-type-2;border-width:1px;border-style:solid;@include border-radius(50rem);padding:5px var(--spacer-3);margin-bottom:4px;&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}};border-color:{{theme.settings.color_border_new_label}}}&.gift-label{color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}};border-color:{{theme.settings.color_border_gift_label}}}&.digital-label{color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}};border-color:{{theme.settings.color_border_digital_label}}}&:last-child{margin-bottom:0}@include max($sm){height:24px}}@include max($sm){left:8px;top:12px}}.product-image{#product-primary-image{position:relative;padding-top:$image-ratio;@include imgcenter}}#product-thumb-image{height:0;overflow:hidden;@include min($lg){width:calc(70px + var(--spacer-6));position:absolute;bottom:0;left:0;z-index:1;padding:0 0 var(--spacer-3) var(--spacer-6)}@include max($lg){margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter))}&.slick-slider{height:auto;overflow:visible}.thumb-item{width:70px;margin-bottom:var(--spacer-3);>a{position:relative;display:block;padding-top:calc(#{$image-rati)}- 2px);background:$color-white;border:1px solid $color-border;@include imgcenter;&.zoomGalleryActive{border-color:$color-primary}}@include max($lg){padding-left:var(--gutter);padding-right:var(--gutter)}}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:var(--spacer-8);width:100%;>li{margin:0 3px;>button{width:10px;height:10px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:100%;background-color:$color-border;padding:0;display:block;margin-bottom:5px;transition:$transition}&.slick-active{>button{background-color:$color-primary}}}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:40px;height:40px;cursor:pointer;background:$color-white;&.slick-prev{left:12px}&.slick-next{right:12px}&.slick-disabled{opacity:.5}}}.product-list-group{margin-bottom:var(--spacer-6)}.product-title{h1{color:$color-text;@include heading-type-5;margin-bottom:0}}.product-list-container{margin-bottom:var(--spacer-6);.product-list-block{padding:3px 0}.product-list-row{display:flex;align-items:baseline;font-size:var(--font-size-14);padding:3px 0;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;color:$color-text;font-size:var(--font-size-14);@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-text;font-size:var(--font-size-14);&:before{content:':';margin-right:8px}}}}.product-price{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacer-7);&-new,&-old{@include text-type-6;color:$color-text}&.has-discount{.product-price-old{@include text-type-4;color:$color-sub-text;text-decoration:line-through;margin-bottom:var(--spacer-2)}}.product-price-new-wrapper{margin-top:auto;display:flex;align-items:center}.discount-label{width:40px;height:26px;background-color:$color-primary;color:$color-white;font-size:var(--font-size-12);line-height:cacl(var(--font-size-12)+2px);@include border-radius(50rem);margin-left:var(--spacer-2);@include center;@include max($sm){width:32px;height:20px}}}.product-options{.variant-group-title{display:block;color:$color-text;font-size:var(--font-size-14)}select.form-control:not([size]):not([multiple]),select:not([size]){width:auto!important;min-width:165px;height:52px;color:$color-text;font-size:var(--font-size-13);font-weight:400;cursor:pointer;padding:6px 30px 6px 16px;border:1px solid $color-border;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-size:36px;background-position:right 5px center;@include border-radius(50rem);@include max($md){height:44px}@include max($sm){height:36px}}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{margin-bottom:var(--spacer-6);.variant-list{display:flex;align-items:center;margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}.variant-group-title{display:flex;align-items:baseline;width:20%;margin-right:8px;&::after{content:':';display:inline-block;margin-left:auto}@include max($sm){width:30%}}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:7px 10px;margin:0 var(--spacer-4) var(--spacer-4) 0;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-text}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:$color-white;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$color-primary;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{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}}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-customization{padding-bottom:0!important;border-bottom:0!important}.product-subscription{border-top:1px solid $color-border;padding-top:var(--spacer-8)}.product-cart-buttons{display:flex;flex-wrap:wrap;align-items:flex-end;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>div{padding-left:var(--gutter);padding-right:var(--gutter)}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>div{flex:1 0 0%;max-width:100%;padding-left:var(--gutter);padding-right:var(--gutter)}}}}.product-qty-wrapper{.product-qty{display:flex;flex-wrap:wrap;width:208px;height:76px;border:1px solid $color-border;background-color:$color-white;@include border-radius(50rem);>a{flex:0 0 72px;max-width:72px;@include center;color:$color-text;@include max($sm){flex:0 0 52px;max-width:52px}}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;color:$color-text;font-size:var(--font-size-21);font-weight:600;text-align:center;border:none;background-color:#fff}}@include max($md){height:64px}@include max($sm){height:52px;width:148px}}&.product-qty-wrapper-select{.product-qty{border:none;border-radius:0;select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:400;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-size:16px}>div{input{height:48px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white}}}}@include max($xs){margin-bottom:var(--spacer-8);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:76px;line-height:calc(var(--font-size-21) + 3px);font-size:var(--font-size-21);font-weight:500;padding:0 15px;transition:$transition;@include border-radius(50rem);letter-spacing:6px;@include max($md){height:64px}@include max($sm){height:52px;letter-spacing:4px}}a.remind-me-button,a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.quick-order-button{color:$color-white;background-color:$color-secondary;&:hover{background-color:$color-secondary-darken}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}#product-user-buttons{display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));margin-top:var(--spacer-12);margin-bottom:var(--spacer-8);>div{padding-left:var(--gutter);padding-right:var(--gutter);margin-bottom:var(--spacer-4);a{display:flex;align-items:center;flex-wrap:wrap;color:$color-text;font-size:var(--font-size-14);transition:$transition;span{padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-primary}}@include max($sm){>svg{width:20px;height:20px}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}}}.product-standart-cargo-buttons{.product-standart-cargo-button{i{color:$color-primary!important}}}.product-social{position:relative;>a{svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-primary!important;svg{path{fill:$color-primary}}}}&.active{color:$color-primary!important;svg{path{fill:$color-primary}}}}.product-social-content{position:absolute;top:150%;left:var(--gutter);z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}.product-detail-tab{background-color:#fff;padding:var(--spacer-7) var(--spacer-8) var(--spacer-15);border:1px solid $color-border;margin-bottom:var(--spacer-20);.product-detail-tab-header{align-items:center;justify-content:center;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));[data-tab-index]{padding-right:var(--gutter);padding-left:var(--gutter);>a{@include center;height:58px;color:$color-text;line-height:calc(var(--font-size-18) + 3px);font-size:var(--font-size-18);font-weight:500;@include border-radius(50rem);padding:var(--spacer-3) var(--spacer-8);@include max($lg){height:48px}}&.active{>a{background-color:$color-primary;color:$color-white}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-7) 0}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}.product-detail{line-height:calc(var(--font-size-18) + 12px);font-size:var(--font-size-18);font-weight:400;color:$color-text}}@include max($md){.product-detail-tab-header{overflow-x:auto;scroll-snap-type:x mandatory}}@include max($sm){.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;color:$color-text;font-size:var(--font-size-20);padding:0 var(--spacer-8);background-color:$color-border;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-24);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important;>div{padding-bottom:0}}&.active{[data-tab-index]{>a{color:$color-white;background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}#product-detail-container{.default-products{padding-top:var(--spacer-30)}.similar-products,.combined-products{background-color:#fff;padding-bottom:var(--spacer-6)}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($sm){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}")}.form-horizontal .form-question{top:5px;right:-4px;width:15px;height:15px;border-radius:100%}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}: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 %}}}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}@mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}#ideaexport_translation_bar_container{display:none}#custom-export{>a{.custom-export-icon{svg{max-width:100%}}}}#custom-export-content{width:320px;background-color:#fff;display:none;padding:var(--spacer-4);border:1px solid $color-border;overflow:visible;.custom-export-title{margin-bottom:var(--spacer-4);font-size:var(--font-size-16);font-weight:700}.custom-export-select{margin-bottom:var(--spacer-4);position:relative;>a{padding:10px;display:flex;color:$color-text;border:1px solid $color-border;>span{&:last-child{padding-left:10px}}&:after{content:'\f078';font-family:"Font Awesome 5 Free";font-weight:900;margin-left:auto}}.select-content{display:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;z-index:2;border:1px solid $color-border;border-top:none;>a{padding:10px;display:flex;color:$color-text;>span{&:last-child{padding-left:10px}}&:hover{background-color:$color-border}}}}@include max($md){width:250px}}.contentbox-header{text-align:center;margin-bottom:var(--spacer-10);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{@include center;color:$color-text;@include heading-type-5;&::before,&::after{content:'';display:inline-block;width:80px;height:1px;background-color:$color-primary}&::before{margin-right:var(--spacer-12)}&::after{margin-left:var(--spacer-12)}}span{@include text-type-2}}body[class*="checkout-page"],body[class*="current-page-cart"]{.contentbox-header{text-align:left;margin-bottom:var(--spacer-1);h4{display:block;@include text-type-3;&::before,&::after{display:none}}}}.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:80px;padding:var(--spacer-5);img{max-height:80px}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius}.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:$color-text;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-3);.toggle-password{top:15px}input.form-control{height:52px;color:$color-text;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:$color-white;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $color-border;background-color:$color-whatsapp}&.btn-google{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}&.btn-facebook{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}&.btn-apple{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;>i{font-size:var(--font-size-18)}span{padding-left:10px}&:hover{color:$color-text!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:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$color-text;font-size:var(--font-size-14)}}}.signup-page-logo{display:flex;align-items:center;justify-content:center;min-height:80px;padding:var(--spacer-5);img{max-height:80px}}.signup-container{width:580px;margin:0 auto var(--spacer-4);padding:var(--spacer-6) var(--spacer-10) var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){width:calc(100% - 8px)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px}.contentbox-header{text-align:center!important;margin:0 0 var(--spacer-7)!important;padding:0!important;border:none!important;h4{line-height:28px;font-size:var(--font-size-24)!important;font-weight:700!important;margin-bottom:0!important}}.alert.alert-primary{margin-bottom:var(--spacer-5)}.form-group{margin-bottom:var(--spacer-5);.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.col-12.col-lg-4.control-label{&+.col-6.col-lg-5{flex:1 0 0%;max-width:none}}.security-code{height:48px}.toggle-password{top:13px}input.form-control{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.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}}}}}.current-page-member-signup{.signup-container{&.signup-container-information{width:100%;.information-content{border:none}}.form-group{&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}}}}.variant-plural{span{&.variant-image{&.variant-product-image{max-width:6.4rem;max-height:6.4rem;img{max-width:6.4rem;max-height:6.4rem}}}}}