.filter-toggle .sidebar-section-content{left:0;opacity:1;visibility:visible}.filter-toggle .sidebar-section .popup-layer{opacity:1;visibility:visible}.sidebar-section{flex:none}@media (min-width: 992px){.sidebar-section{max-width:308px;min-width:0}}.sidebar-section .popup-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:#0006;opacity:0;visibility:hidden;z-index:98;transition:all .2s ease-in-out}.sidebar-section-content{position:fixed;top:0;bottom:0;left:-100%;right:0;overflow:auto;z-index:111;background:var(--miscellaneous);opacity:0;visibility:hidden;transition:.3s all ease-in-out;max-width:375px;padding:16px;gap:10px}@media (max-width: 991px){.sidebar-section-content{display:flex;flex-direction:column}}@media (max-width: 991px){.sidebar-section-content .sidebar-section-body{overflow:hidden;overflow-y:auto;padding:0 5px 5px 0;margin-right:-5px}}@media (min-width: 992px){.sidebar-section-content{position:unset;left:0;opacity:1;visibility:visible;overflow:visible;max-width:400px;padding:0;background:none}}.sidebar-section-content .sidebar-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;gap:16px;margin:0 0 16px;height:54px}@media (min-width: 992px){.sidebar-section-content .sidebar-section-header{background:var(--miscellaneous);box-shadow:0 1px 1.5px #0003;border-radius:8px;padding:12px 8px}}@media (min-width: 992px){.sidebar-section-content .sidebar-section-header .collection-toolbar--back{display:none}}.sidebar-section-content .sidebar-section-header .collection-toolbar--back svg{display:flex;width:17px;height:11px}.sidebar-section-content .sidebar-section-header .collection-toolbar--back svg path{fill:var(--text)}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .text{font-size:20px;font-weight:600;color:var(--primary-color)}@media (min-width: 992px){.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .text{font-size:24px}}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons svg{width:15px;height:15px}@media (min-width: 992px){.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons svg{width:24px;height:24px}}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons .icon-filter_active{display:none}@media (max-width: 991px){.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons .icon-filter_active{color:var(--primary-color)}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons .icon-filter_active path{fill:currentColor}}@media (max-width: 991px){.sidebar-section-content .sidebar-section-header .collection-toolbar--filter .icons .icon-filter_default{display:block}}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter.has-filter .icon-filter_active{display:block}.sidebar-section-content .sidebar-section-header .collection-toolbar--filter.has-filter .icon-filter_default{display:none}.sidebar-section-content .group-availability{background:var(--background);box-shadow:0 1px 1.5px #0003;padding:6px 8px;border-radius:8px;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}@media (min-width: 992px){.sidebar-section-content .group-availability{background:var(--miscellaneous);border-radius:20px;padding:4px 8px}}.sidebar-section-content .group-availability .switch{position:relative;margin:0;display:block;width:36px;cursor:pointer}.sidebar-section-content .group-availability .switch input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;padding:0;height:unset;visibility:hidden}.sidebar-section-content .group-availability .switch .slider{box-shadow:-2px 2px 10px 1px #00000026 inset;width:100%;height:16px;border-radius:20px;display:flex;align-items:center}.sidebar-section-content .group-availability .switch .slider:after{content:"";display:block;box-shadow:0 1px 1.5px #0003;background:var(--background);border-radius:50%;width:18px;height:18px;margin-top:-1px}.sidebar-section-content .group-availability .switch input:checked+.slider:after{margin-left:auto;background:var(--primary-color)}.sidebar-section-content accordion-component{display:block}.sidebar-section-content accordion-component:not(:last-child){margin-bottom:8px}.sidebar-section-content accordion-component summary{cursor:pointer;padding:8px 15px 8px 8px;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px}@media (min-width: 992px){.sidebar-section-content accordion-component summary{padding:4px 15px 4px 8px}}.sidebar-section-content accordion-component .group-icon{display:flex}.sidebar-section-content accordion-component .group-icon svg{display:block}.sidebar-section-content accordion-component .group-icon .minus{display:none}.sidebar-section-content accordion-component .filter-section-wrapper{border-top:1px solid rgba(217,217,217,.5);padding:3px 0 6px}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item{padding:5px 8px;font-size:13px;font-weight:400;line-height:1.25;cursor:pointer;color:var(--subtext)}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item>input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;height:unset;visibility:hidden}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label{margin:0;display:flex;align-items:center;min-height:24px;position:relative;padding:0 0 0 32px;transition:all .25s ease-in-out 0s}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label:after,.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label:before{content:"";position:absolute;border-radius:50%;display:block;transition:all .25s ease-in-out 0s}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label:before{border:1px solid transparent;width:24px;height:24px;left:0;top:0}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label:after{width:16px;height:16px;left:4px;top:4px;border:1px solid rgb(217,217,217)}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item label .count{padding:0 0 0 3px}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item>input[type=checkbox]:checked+label{color:var(--text)}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item>input[type=checkbox]:checked+label:before{border-color:var(--text)}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item>input[type=checkbox]:checked+label:after{background:var(--text)}.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item>input[type=checkbox]:checked+label .color:before{border:1px solid var(--text)}@media (hover: hover){.sidebar-section-content accordion-component .filter-section-wrapper .filter-section-list .filter-section-list-item:hover{color:var(--primary-color)}}.sidebar-section-content accordion-component .filter-section-wrapper.option-color .filter-section-list{display:flex;flex-wrap:wrap}.sidebar-section-content accordion-component .filter-section-wrapper.option-color .filter-section-list .filter-section-list-item label:before,.sidebar-section-content accordion-component .filter-section-wrapper.option-color .filter-section-list .filter-section-list-item label:after{display:none}@media (hover: hover){.sidebar-section-content accordion-component .filter-section-wrapper.option-color .filter-section-list .filter-section-list-item label:hover label .color:before{border-color:var(--text)}}.sidebar-section-content accordion-component .filter-section-wrapper.option-color .color{width:16px;height:16px;border-radius:50%;position:absolute;left:4px}.sidebar-section-content accordion-component .filter-section-wrapper.option-color .color:before{content:"";position:absolute;left:-4px;top:-4px;border:1px solid rgb(217,217,217);width:24px;height:24px;border-radius:50%}.sidebar-section-content accordion-component details{border-radius:8px;background:var(--background);box-shadow:0 1px 1.5px #0003;overflow:hidden}@media (min-width: 992px){.sidebar-section-content accordion-component details{background:var(--miscellaneous);border-radius:20px}}.sidebar-section-content accordion-component details[open]{border-radius:16px}.sidebar-section-content accordion-component details[open] summary{color:var(--primary-color);padding-top:8px;padding-bottom:8px}@media (min-width: 992px){.sidebar-section-content accordion-component details[open] summary{padding-top:4px;padding-bottom:4px}}.sidebar-section-content accordion-component details[open] summary svg{color:var(--primary-color)}.sidebar-section-content accordion-component details[open] summary svg path{fill:currentColor}.sidebar-section-content accordion-component details[open] .group-icon .minus,.sidebar-section-content accordion-component details.is-opening .group-icon .minus{display:flex;align-items:center;justify-content:center}.sidebar-section-content accordion-component details[open] .group-icon .expand,.sidebar-section-content accordion-component details.is-opening .group-icon .expand{display:none}.sidebar-section-content accordion-component details.is-closing .group-icon .minus{display:none}.sidebar-section-content accordion-component details.is-closing .group-icon .expand{display:flex;align-items:center;justify-content:center}.sidebar-section-content .sidebar-section-footer{margin:24px 0}@media (max-width: 991px){.sidebar-section-content .sidebar-section-footer{display:none}}.sidebar-section-content .sidebar-section-footer svg,.sidebar-section-content .sidebar-section-footer img{max-width:100%;height:auto;display:block}.sidebar-section-content .filter-type-price-range .filter-section-wrapper{padding:10px 8px}.sidebar-section-content .filter-type-price-range price-range{display:flex;flex-direction:column}.sidebar-section-content .filter-type-price-range price-range .range-price-textbox{gap:10px}.sidebar-section-content .filter-type-price-range price-range .range-price-textbox .price-min,.sidebar-section-content .filter-type-price-range price-range .range-price-textbox .price-max{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--input-background-color);border-radius:20px}.sidebar-section-content .filter-type-price-range price-range .range-price-textbox .price-min input,.sidebar-section-content .filter-type-price-range price-range .range-price-textbox .price-max input{background:none;border:none;padding:0 5px;width:fit-content;font-size:16px}.sidebar-section-content .filter-active{margin:0 0 16px}.sidebar-section-content .filter-active .filter-active-list{margin:0 0 10px}.sidebar-section-content .filter-active .filter-active-list .flex{gap:8px}.sidebar-section-content .filter-active .filter-active-list .flex li span{display:flex;align-items:center;gap:5px;cursor:pointer}.sidebar-section-content .filter-active .filter-active-list .flex li span svg{width:8px;height:auto}.sidebar-section-content .filter-active .filter-active-header button{font-weight:600;color:var(--text)}.icon-loading{margin:auto}.templateCollection .icon-loading,.templateSearch .icon-loading{display:none}.loading .icon-loading{display:block}.loading .collection-main,.loading .search-main{pointer-events:none}.shopify-section-main-collection,.shopify-section-main-search{margin:var(--margin);padding:var(--padding);background:var(--background)}.collection-toolbar{color:var(--text);margin-bottom:24px;flex-direction:column;align-items:start;row-gap:20px}@media (min-width: 992px){.collection-toolbar{flex-direction:row;align-items:center}}.collection-toolbar .all-product{color:var(--subtext);font-size:20px;font-weight:600;gap:2px;white-space:nowrap}.collection-toolbar .collection-toolbar--wrapper{width:100%;align-items:center;justify-content:space-between;gap:7px}@media (min-width: 750px){.collection-toolbar .collection-toolbar--wrapper{gap:8px}}.collection-toolbar .collection-toolbar--wrapper .dropdown-component{padding:4px 8px;border-radius:20px;background:var(--miscellaneous);box-shadow:0 1px 1.5px #0003}@media (min-width: 750px){.collection-toolbar .collection-toolbar--wrapper .dropdown-component{padding-left:16px;min-width:200px}}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger{font-size:16px;font-weight:600}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger .flex{gap:4px}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger .flex .icon{min-width:12px}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger .flex .sort-value,.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger .flex .show-value{margin-right:auto}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-trigger .text{display:none}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content{z-index:3;display:none;right:0;top:100%;overflow:hidden;background:var(--background);max-width:90%;min-width:155px;margin:10px auto;border-radius:16px;box-shadow:0 1px 1.5px #0003}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li{padding:8px;position:relative}@media (min-width: 992px){.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li{font-size:16px;padding:6px 8px}}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li input{height:100%;padding:0}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li label{margin-bottom:0;color:var(--subtext);width:100%}.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li input:checked+label{color:var(--primary-color)}@media (hover: hover){.collection-toolbar .collection-toolbar--wrapper .dropdown-component .dropdown-component-content li:hover{background:var(--miscellaneous)}}.collection-toolbar .collection-toolbar--wrapper .dropdown-component[open] .dropdown-component-content{display:block}.collection-toolbar .collection-toolbar--wrapper .dropdown-component[open] .dropdown-component-trigger{color:var(--primary-color)}.collection-toolbar .collection-toolbar--wrapper .dropdown-component[open] .dropdown-component-trigger svg{transform:rotate(180deg)}.collection-toolbar .collection-toolbar--wrapper .dropdown-component[open] .dropdown-component-trigger svg path{fill:var(--primary-color)}@media (max-width: 749px){.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--show .dropdown-component-content{left:auto;right:0}}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter{flex:1;min-width:0;max-width:50%;padding:4px 8px;border-radius:32px;background:var(--miscellaneous);color:var(--text);box-shadow:0 1px 1.5px #0003}@media (min-width: 750px){.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter{padding-left:16px}}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter span{font-size:16px;font-weight:600;text-align:center}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter .icons svg{width:24px;height:24px;padding:4px;color:var(--text)}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter .icons svg path{fill:currentColor}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter .icons .icon-filter_active{display:none}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter .icons .icon-filter_default,.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter.has-filter .icon-filter_active{display:block}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--filter.has-filter .icon-filter_default{display:none}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--sort{min-width:100px;margin-left:auto}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--sort .dropdown-component-trigger .text{display:none}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--show{min-width:61px}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--show .dropdown-component-trigger>.flex{gap:4px}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--show .dropdown-component-trigger>.flex .icon{min-width:12px}@media (max-width: 749px){.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--show .dropdown-component-trigger>.flex .text{display:none}}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style{padding:8px;gap:8px;border-radius:30px;background:var(--miscellaneous)}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style.show-grid .grid-view.icon:not(svg){background:#fff}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style.show-grid .grid-view svg path{fill:#009ee3}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style.show-list .list-view svg path{fill:#009ee3}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style.show-list .list-view.icon:not(svg){background:#fff}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style .icon{display:flex;align-items:center;justify-content:center}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style .icon svg{display:block;width:24px;height:24px}.collection-toolbar .collection-toolbar--wrapper .collection-toolbar--list-style .icon:not(svg){width:32px;height:32px;border-radius:50%;padding:7px}filter-component.hidden-products .collection__main-products{display:none}.collection__main{width:100%}@media (min-width: 992px){.collection__main{gap:40px}}.collection__main .collection__main-products{flex:1;min-width:0;overflow:hidden}.collection__main.show-grid .list-products{row-gap:24px;margin-left:calc(-1 * var(--flex-gap) / 2);margin-right:calc(-1 * var(--flex-gap) / 2)}@media (min-width: 992px){.collection__main.show-grid .list-products{row-gap:60px}}.collection__main.show-grid .list-products product-card{padding-left:calc(var(--flex-gap) / 2);padding-right:calc(var(--flex-gap) / 2)}.collection__main.show-grid product-card .card__inner .style-list{display:none}@media (min-width: 750px){.collection__main.show-list .list-products{row-gap:var(--flex-gap)}}@media (min-width: 750px){.collection__main.show-list product-card{flex:0 0 100%!important;max-width:100%!important}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner{display:flex;flex-direction:row;height:100%}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner header{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 1200px){.collection__main.show-list product-card .card__inner header{flex:0 0 237px;max-width:237px}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner .group{display:flex;flex-direction:column}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main .title{font-size:16px}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main .price{font-size:20px;margin-top:auto}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main .price .price-compare{font-size:13px}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main product-cart-form button{height:28px;font-size:13px}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main .group-btn{margin-top:auto;gap:8px}}@media (min-width: 750px){.collection__main.show-list product-card .card__inner main .group-btn compare-component{height:28px;font-size:13px}}.collection__main.show-list product-card .card__inner .style-grid{display:none}.collection__main.show-list product-card .card__inner .style-list{display:flex;gap:17px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/page-collection.css.map */