@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap);@import "mixin";$font-family:'Work Sans',sans-serif;$text-color:#222;$primary-color:{{theme.settings.primary_color}};$primary-hover-color:{{theme.settings.primary_hover_color}};$primary-text-color:{{theme.settings.primary_text_color}};$secondary-color:{{theme.settings.secondary_color}};$third-color:{{theme.settings.third_color}};$gray-color:#AAA;$gray-hover-color:#878282;$gray-text-color:#fff;$light-gray-color:#F1F1F1;$border-color:#ddd;$transition-base:all .2s ease-in-out;$radius-base:0body{color:$text-color;font-size:12px;font-family:$font-family;background:#fff;transition:left .2s ease-in-out,right .2s ease-in-out;position:relative;left:0;border:16px solid $secondary-color;border-bottom:none;@include max($md){border-width:8px}@include max($sm){border-width:4px}}a{color:$primary-color;&:active,&:focus,&:hover{color:$primary-hover-color}}.openbox-overlay,.navigation-menu-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgb(0 0 0 / .6);display:none;z-index:99;width:100%;height:100%;cursor:pointer}#header{background-color:#fff}@include max($md){.filter-menu-active,.navigation-active{#header,.idea-promotion-bar{z-index:98}}}.toggle-bar{display:flex;align-items:center;width:46px;height:46px;cursor:pointer;a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:$text-color;&:hover{color:$primary-color}}@include max($sm){width:auto}}.cart-badge-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px}#navigation{display:block}#navigation .category-level-1>ul{list-style:none;padding:0;margin:0;display:block}#navigation .category-level-1>ul>li{position:relative;display:block;margin-bottom:8px}#navigation .category-level-1>ul>li>a{display:flex;align-items:center;padding:12px 16px;color:$text-color;font-size:14px;font-weight:400;text-decoration:none;background-color:#f8f8f8;border-radius:4px;transition:all 0.3s ease}#navigation .category-level-1>ul>li>a span{display:inline-block;flex:1}#navigation .category-level-1>ul>li>a svg{margin-left:8px;width:12px;height:12px;flex-shrink:0}#navigation .category-level-1>ul>li>a svg path{fill:$text-color;transition:$transition-base}#navigation .category-level-1>ul>li>a:hover{color:$primary-color;background-color:rgba($primary-color,.08)}#navigation .category-level-1>ul>li>a:hover svg path{fill:$primary-color}#navigation .category-level-1>ul>li.has-sub-category:hover>.category-level-2{display:block}#navigation .category-level-2{position:absolute;top:100%;left:0;width:260px;display:none;z-index:101;padding:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgb(0 0 0 / .1);margin-top:8px}#navigation .category-level-2>ul>li{position:relative}#navigation .category-level-2>ul>li>a{display:flex;align-items:center;justify-content:space-between;color:$text-color;font-size:14px;font-weight:400;padding:10px 16px;border-radius:4px;transition:all 0.2s ease}#navigation .category-level-2>ul>li>a:hover{background-color:rgba($primary-color,.08);color:$primary-color;padding-left:20px}#navigation .category-level-2>ul>li>a svg{margin-left:6px}#navigation .category-level-2>ul>li:hover>a{font-weight:500}#navigation .category-level-2>ul>li:hover .category-level-3{display:block}#navigation .category-level-2>ul>li.navigation-category-image{margin-bottom:10px}#navigation .category-level-2>ul>li.navigation-category-image:last-child{margin-bottom:0}#navigation .category-level-2>ul>li.navigation-category-image>a{justify-content:flex-start;padding:0 10px}#navigation .category-level-2>ul>li.navigation-category-image>a div{position:relative;width:40px;height:40px;margin-right:10px;@include imgcenter}#navigation .category-level-3{position:absolute;top:-12px;left:100%;width:260px;display:none;z-index:101;padding:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgb(0 0 0 / .1);margin-left:8px}#navigation .category-level-3>ul>li>a{display:block;color:$text-color;font-size:13px;font-weight:400;padding:10px 16px;border-radius:4px;transition:all 0.2s ease}#navigation .category-level-3>ul>li>a:hover{background-color:rgba($primary-color,.08);color:$primary-color;padding-left:20px}#navigation .category-level-3>ul>li.navigation-show-all{font-style:italic;text-decoration:underline}.header-top-bar{@include center;text-align:center;span{display:block;color:$primary-text-color;font-size:1.3rem;font-weight:600;padding:9px 0}}#main{padding:24px 0;@include max($lg){padding:0 0 $gutter}}#entry-slider{margin-bottom:$gutter*2;@include max($lg){margin-bottom:30px}@include max($sm){margin-bottom:$gutter}}.theme-banner{margin-bottom:$gutter*2;a{display:block;.theme-banner-image{overflow:hidden;img{width:100%;height:100%;object-fit:cover;transition:.4s linear}}.theme-banner-title{color:$text-color;font-size:18px;font-weight:300;padding-top:12px}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}}}}@include max($lg){margin-bottom:30px}@include max($sm){margin-bottom:$gutter}}.default-products{margin-bottom:$gutter*3;@include max($lg){margin-bottom:$gutter*2}@include max($sm){margin-bottom:$gutter}.products-header{color:$text-color;font-size:32px;font-weight:500;margin-bottom:$gutter*2;@include max($lg){font-size:26px;margin-bottom:30px}@include max($md){font-size:22px}@include max($sm){font-size:18px;margin-bottom:$gutter}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.showcase{margin-bottom:0}>.slick-arrow{position:absolute;top:46%;transform:translateY(-50%);z-index:2;opacity:1;width:50px;height:50px;cursor:pointer;background-color:$primary-text-color;background-repeat:no-repeat;background-position:center center;box-shadow:0 3px 6px rgb(0 0 0 / .2);&.slick-prev{left:32px}&.slick-next{right:32px}&.slick-disabled{background-color:$secondary-color;svg{path{fill:$primary-text-color}}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:$gutter*2;width:100%;@include max($sm){padding-top:($gutter*2) - 10}>li{margin:0 3px;>button{width:24px;height:2px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:0;background-color:#999;padding:0;display:block;margin-bottom:5px;transition:$transition-base}&.slick-active{>button{width:12px;background-color:$secondary-color}}}}}}.showcase{position:relative;margin-bottom:$gutter*2;background-color:#fff;@include max($sm){margin-bottom:30px}.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{position:absolute;left:0;bottom:-10px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;@include max($sm){bottom:-5px}>div{display:flex;align-items:center;height:20px;padding:0 6px;margin-right:10px;margin-bottom:10px;&:last-child{margin-right:0}&.discount-label{color:{{theme.settings.discount_label_text_color}};background-color:{{theme.settings.discount_label_background_color}}}&.new-label{color:{{theme.settings.new_label_text_color}};background-color:{{theme.settings.new_label_background_color}}}&.digital-label{color:{{theme.settings.digital_label_text_color}};background-color:{{theme.settings.digital_label_background_color}}}&.gift-label{color:{{theme.settings.gift_label_text_color}};background-color:{{theme.settings.gift_label_background_color}}}@include max($sm){padding:0 4px;font-size:11px;margin-right:5px;margin-bottom:5px}}}.sold-out-label{position:absolute;left:0;bottom:0;z-index:20;display:flex;align-items:center;height:20px;color:#fff;padding:0 6px;background-color:#AAA}}}.showcase-image{position:relative;overflow:hidden;padding-top:100%;&.showcase-image-horizontal{padding-top:66.666%}&.showcase-image-vertical{padding-top:150%}a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;transition:$transition-base;@include imgcenter;&:only-child{opacity:1!important}&:last-child{opacity:0;z-index:2}}}@include min($sm){&:hover{.showcase-image{a{&:first-child{opacity:0}&:last-child{opacity:1}}}}}.showcase-content{padding-top:$gutter;.showcase-title{margin-bottom:10px;a{overflow:hidden;display:block;height:40px;line-height:20px;color:$text-color;font-size:14px;font-weight:300;@include max($sm){font-size:12px}}}.showcase-price{display:flex;align-items:baseline;@include max($md){flex-direction:column;justify-content:center;height:38px}&-new{color:$text-color;font-size:18px;font-weight:500;@include max($sm){font-size:16px}}&-old{color:#AAA;font-size:15px;font-weight:400;text-decoration:line-through;margin-left:10px;@include max($md){margin-left:0}@include max($sm){font-size:13px}}}}}#footer{.footer-row-1{padding:$gutter*2;margin-bottom:$gutter*2;background-color:$secondary-color;@include max($lg){padding:$gutter;margin-bottom:30px}@include max($sm){padding:$gutter/2;margin-bottom:$gutter}}.footer-row-2{padding-top:$gutter*3;background-color:$third-color;@include max($sm){padding:$gutter 0}}.footer-copyright{padding:25px 0;border-top:1px solid $secondary-color;.copyright{font-weight:300}@include max($md){padding:15px 0;.copyright{padding-top:10px}}}}#ideasoft{background-color:$secondary-color}.newsletter{@include max($md){margin-bottom:30px}@include max($sm){margin-bottom:$gutter}&-title{color:$text-color;font-size:18px;font-weight:500;margin-bottom:$gutter}&-content{form{position:relative;input{width:100%;height:50px;color:$text-color;font-size:16px;font-weight:300;padding:8px 160px 8px 20px;border:none;background:#fff;transition:$transition-base;&::placeholder{color:$text-color;opacity:1}&:focus{box-shadow:0 0 5px $primary-color;&+button{background-color:$text-color}}@include max($sm){height:42px;font-size:13px;padding-right:120px}@include max($xxs){font-size:11px;padding-right:110px;padding-left:15px}}button{position:absolute;top:0;right:0;@include center;width:150px;height:50px;color:$primary-text-color;font-size:16px;font-weight:400;text-align:center;padding:0;border:none;background:$primary-color;transition:$transition-base;&:hover{background-color:$text-color}@include max($sm){width:110px;height:42px;font-size:13px}@include max($xxs){width:100px;font-size:12px}}}}}.footer-social{&-title{color:$text-color;font-size:18px;font-weight:500;margin-bottom:$gutter}&-content{display:flex;align-items:center;flex-wrap:wrap;div{margin-right:$gutter;&:last-child{margin-right:0}@include max($sm){margin-right:10px;margin-bottom:10px}a{@include center;width:50px;height:50px;color:$text-color;font-size:20px;background-color:$primary-text-color;transition:$transition-base;&:hover{color:$primary-text-color;background-color:$primary-color}@include max($sm){width:40px;height:40px;font-size:16px}@include max($xxs){width:36px;height:36px;font-size:15px}@include max($xxxs){width:30px;height:30px;font-size:14px}}}}}.footer-menu-container{margin-bottom:$gutter*4;@include max($lg){margin-bottom:$gutter*3}@include max($md){margin-bottom:$gutter*2}@include max($sm){margin-bottom:$gutter}.footer-menu{.footer-menu-title{color:$text-color;font-size:16px;font-weight:500;margin-bottom:22px}.footer-menu-content{>ul{>li{>a{display:inline-block;color:$text-color;font-size:14px;padding:8px 0;transition:$transition-base;@include min($lg){&:hover{color:$primary-color}}}}}}}@include max($sm){text-align:center;&[data-menu-type="list"]{.footer-menu{margin-bottom:20px;.footer-menu-title{margin-bottom:$gutter}}}&[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:15px;margin-bottom:$gutter;border:1px solid $secondary-color;background-color:$secondary-color;&:after{content:'\f067';font-size:12px;font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:0 $gutter $gutter;display:none;>ul{>li{color:$text-color;>a{color:$text-color}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}@include max($xxs){&[data-menu-type="accordion"]{.footer-menu{.footer-menu-title{padding:10px;font-size:13px}}}}}#scroll-top{position:fixed;right:26px;bottom:10px;z-index:50;display:none;cursor:pointer;background-color:$primary-color;border-radius:100%;transition:$transition-base;i{width:40px;height:40px;@include center;color:$primary-text-color}@include min($md){&:hover{background-color:$primary-color}}@include max($sm){right:6px}}.paginate-wrapper{position:relative;padding:$gutter*2 0 $gutter*4;@include max($sm){padding:$gutter 0}.paginate{display:flex;justify-content:center;a{display:flex;align-items:center;color:$text-color;font-size:14px;margin:0 10px;i{display:none}}.paginate-content{display:flex}.paginate-left{a{margin-right:50px;&:before{content:'< {{ theme.settings.paginate_prev_title }}'}}@include max($sm){display:none}}.paginate-right{a{margin-left:50px;&:before{content:'{{ theme.settings.paginate_next_title }} >'}}@include max($sm){display:none}}.paginate-passive{a{color:#AAA}}.paginate-active{a{color:$text-color}}.paginate-element-active{color:$primary-color;font-weight:700;text-decoration:underline}}}.contentbox-header{margin-bottom:$gutter;padding-bottom:$gutter;p{display:block;font-size:12px;margin-bottom:0}h4{font-size:24px;font-weight:500;margin-bottom:0}}#breadcrumbs{padding:13px 15px;margin-bottom:$gutter;background-color:$third-color;@include max($md){overflow-x:auto;scroll-snap-type:x mandatory;padding:10px;margin-bottom:15px}ol{display:flex;padding:0;margin:0;align-items:center;li{i{font-size:12px;margin:0 5px;font-style:normal;&:before{content:'>'}}span{display:flex;align-items:center;white-space:nowrap;color:$text-color;font-weight:300;transition:$transition-base;&:hover{color:$primary-color}}a{color:$text-color}@include max($md){span{font-size:11px}}}}}.default-category-name{color:$text-color;font-size:32px;font-weight:500;padding-bottom:$gutter;margin-bottom:$gutter;border-bottom:1px solid $secondary-color;@include max($md){font-size:26px;padding-bottom:15px;margin-bottom:15px}@include max($sm){font-size:22px;padding-bottom:$gutter/2;margin-bottom:$gutter/2}}@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}&[data-type=member-menu]{padding:10px}}.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:$gutter}display:none;&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:16rem}}}.filter-menu-overlay,.filter-wrapper-header{@include min($sm){display:none!important}}.horizontal-filter-menu{padding:1.5rem;border:1px solid $border-color;margin-bottom:1rem;.horizontal-filter-menu-title{font-size:1.6rem;margin-bottom:1rem}.clear-filters{display:flex;margin-bottom:1rem;a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}.filter-menu-selected-items{flex:0 0 100%}.filter-menu-groups{margin-bottom:1rem;.filter-menu-group-title{margin-bottom:1rem}}.filter-menu-selected-items{margin-bottom:1rem;.filter-menu-selected-items-title{font-size:1.4rem;margin-bottom:1rem}.filter-menu-selected-items-content{.filter-menu-selected-group{margin-bottom:.5rem;.filter-menu-selected-group-title{margin-right:1rem;margin-bottom:.5rem}.filter-menu-selected-group-content{display:flex;flex-wrap:wrap;.filter-menu-selected-item{margin-right:1rem;margin-bottom:.5rem;flex:0 0 auto;&:last-child{margin-right:0}a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}}}}}}.cascade-menu{.parent-item{a.selected-item{color:$primary-color}}}.block-item{margin-bottom:$gutter;padding:$gutter/2;border:1px solid $border-color;@include max($sm){padding:0}a{color:$text-color;&:hover{color:$primary-hover-color}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$text-color;font-size:14px;font-weight:500;padding:5px 0;>i{display:none;@include max($sm){display:block}}}.block-item-content{padding:$gutter 0 0}&[data-type="filter-product-groups"]{.block-item-title{display:none}.block-item-content{padding:0}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}.product-left,.product-right{margin-bottom:$gutter*4;@include max($md){margin-bottom:$gutter*2}@include max($sm){margin-bottom:$gutter}}.product-right{padding-top:$gutter;@include max($md){padding-top:0}}.product-label-group{position:absolute;left:0;top:0;z-index:20;display:flex;align-items:center;>div{display:flex;align-items:center;height:20px;padding:0 6px;margin-right:10px;&:last-child{margin-right:0}&.new-label{color:{{theme.settings.new_label_text_color}};background-color:{{theme.settings.new_label_background_color}}}&.digital-label{color:{{theme.settings.digital_label_text_color}};background-color:{{theme.settings.digital_label_background_color}}}&.gift-label{color:{{theme.settings.gift_label_text_color}};background-color:{{theme.settings.gift_label_background_color}}}}}.product-image{position:relative;margin-bottom:20px;#product-primary-image{position:relative;padding-top:100%;@include imgcenter;&.product-image-horizontal{padding-top:66.666%}&.product-image-vertical{padding-top:150%}@include max($sm){margin-bottom:$gutter}}}#product-thumb-image{margin-right:-5px;margin-left:-5px;height:0;overflow:hidden;@include max($sm){margin-bottom:$gutter}&.slick-slider{height:auto;overflow:visible}.thumb-item{padding-right:5px;padding-left:5px;>div{>a{padding-top:100%;position:relative;display:block;border:1px solid $border-color;@include imgcenter;&.zoomGalleryActive{border-color:$primary-color}}}}&.product-image-horizontal{.thumb-item{>div{>a{padding-top:66.666%}}}}&.product-image-vertical{.thumb-item{>div{>a{padding-top:150%}}}}}.product-social{position:relative;>a{color:$text-color;transition:$transition-base;span{padding-left:5px}svg{path{transition:$transition-base}}&:hover,&.active{color:$primary-color!important;svg{path{fill:$primary-color}}}}.product-social-content{position:absolute;top:150%;left:-10px;z-index:11;display:none;background-color:#fff;padding:5px;border-radius:18px;box-shadow:0 0 5px rgb(0 0 0 / .2);@include max($sm){left:0}>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{i{@include center;width:26px;height:26px;color:#fff;font-size:1.4rem;border-radius:100%}&.product-social-facebook{i{background-color:#3b5998}}&.product-social-twitter{i{background-color:#1da1f2}}&.product-social-pinterest{i{background-color:#bd081c}}&.product-social-whatsapp{i{background-color:#128c7e}}}}}}}.product-brand{margin-bottom:10px;a{color:$text-color;font-size:14px;font-weight:500;transition:$transition-base;&:hover{color:$primary-color}}&.product-brand-image{a{position:relative;display:block;width:120px;height:50px;border:1px solid $border-color;transition:$transition-base;@include imgcenter;img{max-width:80%;max-height:80%}&:hover{border-color:$primary-color}}}}.product-title{margin-bottom:30px;h1{color:$text-color;font-size:28px;font-weight:300;margin-bottom:0}@include max($sm){h1{font-size:20px}}}.product-list-container{margin-bottom:24px;.product-list-block{padding:3px 0}.product-list-row{display:flex;align-items:baseline;font-size:14px;padding:3px 0;a{color:$text-color;transition:$transition-base;&:hover{color:$primary-color}}.product-list-title{flex:0 0 auto;width:20%;color:$text-color;@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$text-color;&:before{content:':';margin-right:16px}}}}.product-price{display:flex;align-items:center;margin-bottom:30px;&-new,&-old{color:$text-color;font-size:24px;font-weight:500;@include max($sm){font-size:20px}}&.has-discount{.product-price-old{color:#AAA;font-size:18px;font-weight:400;text-decoration:line-through;padding-left:10px;@include max($sm){font-size:16px}}}.discount-label{display:flex;align-items:center;height:20px;font-size:12px;padding:0 6px;margin-right:10px;color:{{theme.settings.discount_label_text_color}};background-color:{{theme.settings.discount_label_background_color}}}}.product-options{.variant-group-title{display:block;color:$text-color;font-size:14px;margin-bottom:10px}select.form-control:not([size]):not([multiple]),select:not([size]){height:40px;color:$text-color;font-size:12px;font-weight:300;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $border-color;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-size:12px}.variant-plural{margin-bottom:$gutter}}.variant-select{margin-bottom:16px;@include max($sm){margin-bottom:$gutter}.variant-list{margin-bottom:$gutter;&: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:.7rem 1rem;margin:0 $gutter $gutter 0;border:1px solid $border-color;background-color:#fff;transition:$transition-base;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$text-color}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:#fff;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$primary-color;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$border-color}&.variant-image{max-width:3.2rem;max-height:3.2rem;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:16px;@include max($sm){margin-bottom:$gutter}.radio-custom{margin-bottom:$gutter}}.product-qty-wrapper{margin-bottom:$gutter;.product-qty-title{color:$text-color;font-size:14px;margin-bottom:10px}.product-qty{display:flex;flex-wrap:wrap;width:135px;height:40px;border:1px solid $border-color;>a{flex:0 0 40px;max-width:40px;@include center;color:$text-color;@include max($sm){flex:0 0 55px;max-width:55px}}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;color:$text-color;font-size:14px;font-weight:500;text-align:center;border:none;border-right:1px solid $border-color;border-left:1px solid $border-color;background-color:#fff}}}&.product-qty-wrapper-select{.product-qty{border:none;select.form-control:not([size]):not([multiple]),select:not([size]){height:40px;color:$text-color;font-size:12px;font-weight:400;padding:6px 28px 6px 20px;border:1px solid $border-color;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-size:12px}>div{input{height:40px;border:1px solid $border-color}}}}@include max($xs){margin-bottom:$gutter;flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{display:flex;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;margin-bottom:$gutter;>div{padding-left:$gutter;padding-right:$gutter}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:-$gutter;margin-right:-$gutter;>div{flex:1 0 0%;max-width:100%;padding-left:$gutter;padding-right:$gutter}}}@include max($sm){margin-left:-$gutter/2;margin-right:-$gutter/2;margin-bottom:20px;>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-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:50px;font-size:16px;padding:0 15px;transition:$transition-base}a.remind-me-button,a.add-to-cart-button{color:$primary-text-color;border:2px solid $primary-color;background-color:$primary-color;&:hover{color:$text-color;background-color:#fff}}a.quick-order-button{color:$text-color;border:2px solid $primary-color;&:hover{color:$primary-text-color;background-color:$primary-color}}a.no-stock-button{color:$text-color;background-color:#aaa}}.product-compare{display:flex;margin-bottom:$gutter*2;a{display:flex;align-items:center;color:$text-color;padding:.5rem 1rem;background:#F9F9F9;border:1px solid $border-color;transition:$transition-base;i{margin-right:.5rem;font-size:1.6rem}&:hover,&.active{background:$primary-color;border-color:$primary-color;color:$primary-text-color}}}#product-user-buttons{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;padding-bottom:10px;@include max($sm){padding-bottom:0}>div{padding-left:10px;padding-right:10px;margin-bottom:$gutter;a{display:flex;flex-wrap:wrap;color:$text-color;transition:$transition-base;svg{path{transition:$transition-base}}i{font-size:16px}span{padding-left:10px}&:hover{color:$primary-color;svg{path{fill:$primary-color}}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}&.favorite-product{i{font-weight:900;color:$primary-color}span{&:before{content:attr(data-favorite-product)}}}}}}}.product-detail-tab{margin-bottom:$gutter*2;.product-detail-tab-content{border-top:1px solid $secondary-color;.product-detail-tab-row{[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;color:$text-color;font-size:16px;padding-right:12px;border-bottom:1px solid $secondary-color;&:after{content:'\f078';font-weight:900;font-size:15px;font-family:"Font Awesome 5 Free";transition:$transition-base}}}&.active{[data-tab-index]{>a{border-bottom:none;&:after{transform:rotate(-180deg)}}}}}[data-tab-content]{display:none;>div{padding:$gutter 0;&.product-detail{word-break:break-all}}&.active{display:block;border-bottom:1px solid $secondary-color}}}}.product-customization{.product-customization-group{.product-customization-group-title{margin-bottom:16px}}}.btn{font-size:1.2rem;border-radius:$radius-base;transition:$transition-base;&.btn-primary{color:$primary-text-color;background:$primary-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{background:$primary-hover-color;color:$primary-text-color}}&.btn-secondary{color:$gray-text-color;background:$gray-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:$gray-text-color;background:$gray-hover-color}}}.btn-loading:before{border-top-color:$primary-color}.loader{.ball-pulse{>div{background-color:$primary-color}}}.loading>div{border-top-color:$primary-color;border-bottom-color:$primary-color}.loading-bar{.loader{background:$primary-color}}.control-label{color:$text-color;font-size:13px}.information-content{border:solid 1px $border-color;border-radius:$radius-base;span{border-radius:$radius-base}i{color:darken($gray-color,10%)}}.member-block{li{>a{&.active{color:$primary-color}}&:hover>a:not(.active){color:$primary-color;i.left-icons{color:$primary-color}}}}#featured-product-block{border:none}.filter-menu{.filter-menu-box{padding-bottom:20px;margin-bottom:20px;border:none;border-bottom:1px solid $border-color;&:nth-last-child(2){margin-bottom:0;padding-bottom:0;border-bottom:none}&.filter-menu-selected-items{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid $border-color}}.filter-menu-category{.filter-menu-category-title{font-size:14px;font-weight:500;padding:5px 0 0;border-bottom:none;background-color:#fff0;i{display:inline-block;font-size:12px}}.filter-menu-category-content{padding:$gutter 0 20px;border-bottom:none;a{color:$text-color;padding:5px;transition:$transition-base;&:hover{color:$primary-color}i{display:none}}}.filter-menu-category-top{a{color:$text-color;font-size:13px;font-weight:400;padding:4px 12px;transition:$transition-base;background-color:$border-color;i{&:before{content:'\f067'}}}}}.filter-menu-groups{.filter-menu-group-title{font-size:14px;font-weight:500;padding:0;border:none;background-color:#fff0}.filter-menu-group-content{padding:20px 0 0;label{color:$text-color;font-size:12px;transition:$transition-base;&:hover{color:$primary-color}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]+label{border:none;transition:$transition-base;&:hover{opacity:.6}}img{max-width:100%;max-height:100%}}}input[type=checkbox]{&+label{color:$text-color;font-size:12px;padding-left:28px;&:before{top:0;width:18px;height:18px;border-radius:100%;background-color:$border-color;border:1px solid $border-color}}&:checked{&+label{&:before{background:$border-color;border-color:$border-color}&:after{content:'';position:absolute;left:4px;top:4px;z-index:1;width:10px;height:10px;background-color:$primary-color;border-radius:100%}}}}.scrollbar-inner{>.scroll-element{.scroll-element_track{background-color:$border-color}.scroll-bar{background-color:darken($border-color,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:$primary-color}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{font-size:14px;font-weight:500;padding:0;border:none;background-color:#fff0}.filter-menu-selected-items-content{padding:20px 0 0;.filter-menu-selected-group{.filter-menu-selected-group-title{font-weight:400}.filter-menu-selected-group-content{.filter-menu-selected-item{a{padding:5px 10px;border-radius:0;background:$border-color}}}}}}}.idea-promotion-bar{padding:0;z-index:101;left:0;&.bar-position-top{border-bottom:none}&.bar-fixed{.close-button-active{margin-right:16px;@include max($md){margin-right:8px}@include max($sm){margin-right:4px}}}@include max($lg){display:none!important;{% if theme.settings.idea_popup_bar_control %}display:block!important;{% endif %}}}#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;font-size:13px;border-radius:$radius-base;border:1px solid $border-color;&::placeholder{color:$text-color}}@include max($sm){.form-group{.required{right:-2px}}}.current-page-product-detail{.product-extra-details,.product-detail{ol,ul{margin:0;padding:0}ol{li{list-style:decimal inside}}ul{li{list-style:disc inside}}}}#ideaexport_translation_bar_container{display:none}#custom-export{position:relative;>a{display:flex;align-items:center;height:46px;color:$text-color;font-size:14px;font-weight:300;text-transform:uppercase;transition:$transition-base;i{font-size:1.8rem}>span{line-height:18px;padding-left:5px!important;@include max($sm){display:none}}&:hover{color:$primary-color}}}#custom-export-content{width:320px;background-color:#fff;display:none;padding:$gutter;border:1px solid $border-color;overflow:visible;@include max($md){width:300px}.custom-export-title{margin-bottom:$gutter;font-size:1.6rem;font-weight:700}.custom-export-select{margin-bottom:$gutter;position:relative;>a{padding:1rem;display:flex;color:$text-color;border:1px solid $border-color;>span{&:last-child{padding-left:1rem}}&: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 $border-color;border-top:none;>a{padding:1rem;display:flex;color:$text-color;>span{&:last-child{padding-left:1rem}}&:hover{background-color:$border-color}}}}}.flag{width:18px;height:18px;background-image:url("{{ themeAsset('images/export-flags.png') }}");display:block}#sorting-options{margin-bottom:$gutter;border:1px solid $border-color;select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:#666;font-size:13px;cursor:pointer;padding:.6rem 3rem .6rem 2rem;border:none;border-radius:0;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}")}.record-count{line-height:28px;color:#666;font-size:12px;@include max($md){margin-right:$gutter}}.checkbox-custom{line-height:28px;margin-left:$gutter;input[type=checkbox]{&+label{color:$text-color;font-size:12px;padding-left:24px;&:before{top:5px;width:18px;height:18px;border-radius:100%;background-color:$border-color;border:1px solid $border-color}}&:checked{&+label{&:before{background:$border-color;border-color:$border-color}&:after{content:'';position:absolute;left:4px;top:4px;z-index:1;width:10px;height:10px;background-color:$primary-color;border-radius:100%}}}}}}#product-list-container{.brand-list,.category-list{padding:10px 10px 0;margin-bottom:$gutter;background-color:#fff;border:1px solid $border-color;a{margin:0 auto $gutter/2;transition:$transition-base;&:hover{color:$primary-color}>span{align-items:center;&:only-child{i{margin:0 8px 0 0}}}}@include max($sm){{% if theme.settings.display_category_brands_logo_mobile %}>.row{flex-wrap:nowrap;overflow-x:auto;margin:0;.col-4{flex:0 0 auto;max-width:fit-content}}&.brand-list-image,&.category-list-image{>.row{.col-4{flex:0 0 24vw;max-width:24vw}}a{>span{height:4.8rem}}}{% endif %}}}}.input-group{.input-group-addon{border-color:$border-color}}@include max($sm){.form-horizontal{label.custom-file{.form-question{right:22px;top:-25px}}}}.user-login-box{border-color:$border-color}.contentbox-sub-title{border-bottom-color:$border-color}.block-list{li{a{align-items:center}&:last-child{a{border-bottom:none}}}}#head-content,#triple-search-box{margin-bottom:$gutter}.zoomContainer,.autocomplete-suggestions{margin:-16px 0 0 -16px;@include max($md){margin:-8px 0 0 -8px}@include max($sm){margin:-4px 0 0 -4px}}@include max($sm){#triple-search-box{.col-form-label{line-height:14px}}}.alert,.cart-block,.form-control,.modal-content,.user-login-box,#checkout-breadcrumbs,.member-block li a i.left-icons,input[type=checkbox]+label:before,.member-block li.member-block-title,.order-list-table .order-list-action-button a i,.input-group.input-group-left .input-group-addon,#agreement-content .agreement-container .agreement,.address-wrapper .address-block .address-block-header,.payment-tab .payment-tab-nav .payment-tab-nav-left>div>a,select.form-control:not([size]):not([multiple]),select:not([size]),#cart-container #cart-promoted-products .promotion-list .list-header,#cart-popup-container #cart-promoted-products .promotion-list .list-header,#idea-pay-form #agreement-content .agreement-container .agreement,#cart-container #cart-items .cart-item .product-quantity,#cart-popup-container #cart-items .cart-item .product-quantity,#CreditCard [data-selector=payment-form] #agreement-content .agreement-container .agreement,#MailOrder [data-selector=payment-form] #agreement-content .agreement-container .agreement{border-radius:0}.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}}}}}.site-header{background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .05);height:80px;z-index:1000;position:relative;@include min($lg){position:sticky;top:0}.container{height:100%}.row.flex-nowrap{flex-wrap:nowrap!important}@include max($lg){height:60px}}.logo{height:100%;display:flex;align-items:center;a{height:100%;display:flex;align-items:center}img{max-height:60px;width:auto;@include max($lg){max-height:40px}}}@include min($md){#navigation{height:100%!important;width:100%!important;display:block!important;.category-level-1{height:100%!important;>ul{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;margin:0!important;padding:0!important;list-style:none!important;flex-wrap:nowrap!important;gap:4px!important;flex-direction:row!important;>li{position:relative!important;height:100%!important;display:flex!important;align-items:center!important;margin-bottom:0!important;flex-direction:row!important;>a{position:relative;height:100%;display:flex;align-items:center;padding:0 20px;font-weight:500;font-size:14px;color:$text-color;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-decoration:none;background-color:#fff0;border-radius:0;transition:all 0.3s ease;transform:none;span{display:inline-block}svg{margin-left:8px;width:10px;height:10px;path{fill:$text-color;transition:$transition-base}}&:hover{color:$primary-color;background-color:rgba($primary-color,.05);transform:none;svg{path{fill:$primary-color}}}&::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:$primary-color;transform:translateX(-50%);transition:width 0.3s ease}&:hover::after{width:60%}}&.has-sub-category{>a{padding-right:16px}}&:hover{>.category-level-2{display:block}}.category-level-2{position:absolute;top:100%;left:0}}}}}}.header-nav-wrapper{height:100%;display:flex;align-items:center;justify-content:center}@include min($md){.header-nav-wrapper{#navigation{height:100%!important;.category-level-1>ul{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;>li{display:inline-flex!important;flex-direction:row!important}}}}}.header-actions{display:flex;align-items:center;gap:0}.header-action-item{position:relative;.action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:$text-color;transition:$transition-base;cursor:pointer;&:hover{background-color:$light-gray-color;color:$primary-color}}&.search{.search-content{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:320px;box-shadow:0 10px 30px rgb(0 0 0 / .15);border-radius:8px;padding:15px;background:#fff;z-index:102;display:none;form{position:relative;width:100%;input{width:100%;padding-left:15px;padding-right:40px;border-radius:4px;background:$light-gray-color;border:1px solid #fff0;height:40px;font-size:14px;color:$text-color;&::placeholder{color:$text-color;opacity:.6}&:focus{background:#fff;border-color:$primary-color;outline:none}}button{position:absolute;top:0;right:0;height:100%;width:40px;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:$text-color;&:hover{color:$primary-color}}}}}}body.search-content-active{#header{.header-action-item.search{.search-content{display:block}}}}@include max($lg){#header{.header-action-item.search{.search-content{position:fixed;top:0;left:0;right:0;width:100%;border-radius:0;box-shadow:0 0 5px 1px rgb(0 0 0 / .1)}}}body.search-content-active{.openbox-overlay{display:block}}}