.collection-section .container{max-width:1680px}.collection-wrapper{display:flex;justify-content:space-between;gap:24px}.collection-filter{width:20%;position:sticky;height:fit-content;top:80px;left:0;transition:all ease 3s}.collection-content{width:77%}.collection-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.collection-filter-btn{display:flex;justify-content:flex-start;align-items:center;gap:20px}.filter-open-btn{display:none;justify-content:center;align-items:center;gap:10px;padding:10.5px 20px;color:var(--white);font-size:16px;font-weight:600;font-family:var(--paragraph-font);background-color:var(--brand-color);cursor:pointer}.filter-select-field{position:relative;border:1px solid rgb(var(--color-border));display:inline-block;z-index:1}.filter-select-field select{color:var(--brand-color);font-size:14px;font-weight:500;font-family:var(--paragraph-font);padding:11px 60px 11px 10px;outline:none;box-shadow:none}.filter-select-field-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:-1}.filter-select-field-icon i{color:var(--brand-color);font-size:14px}.filter-box{padding:20px;box-shadow:0 0 20px #0000001a}.filter-sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 26px}.mobile-filter-heading.filter-sidebar-heading{display:none;margin:0 10px 20px}.filter-close-btn{cursor:pointer}.filter-window-close-btn{display:none}.filter-close-btn i{color:var(--brand-color);font-size:22px}.filter-accordion-item{border-bottom:1px solid rgb(var(--color-border));margin:0 0 10px}.filter-accordion-item:last-child{margin:0;border-bottom:none}.filter-accordion-item .item-title-wrapper{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px;background:#f3f3f3;margin:0 0 10px;line-height:1}.filter-accordion-item .item-title-wrapper .item-title{color:var(--brand-color);text-transform:capitalize;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.filter-accordion-item .item-title-wrapper .icon .plus-icon{color:var(--brand-color);font-size:14px}.filter-accordion-item.active .item-title-wrapper .icon .plus-icon{display:none}.filter-accordion-item .item-title-wrapper .icon .minus-icon{display:none;color:var(--brand-color);font-size:14px}.filter-accordion-item.active .item-title-wrapper .icon .minus-icon{display:block}.filter-accordion-item-content{margin:0 10px 10px}.filter-options-heading{display:flex;justify-content:space-between;align-items:center}.selection-number,.reset-btn,.filter-item-number{color:var(--brand-color);font-size:14px;font-family:var(--paragraph-font);font-weight:500;text-transform:capitalize;margin:0 0 10px}.filter-item-number{margin:0;line-height:1}.filter-options{margin:0 0 5px;display:flex;justify-content:space-between;align-items:center}.filter-options:last-child{margin:0}.filter-option{display:block}.filter-option input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}.filter-option label{position:relative;cursor:pointer;color:var(--black);font-size:14px;font-family:var(--paragraph-font);font-weight:500;text-transform:capitalize;-webkit-user-select:none;user-select:none}.filter-option label:before{content:"";-webkit-appearance:none;background-color:transparent;border:1px solid rgb(var(--color-border));box-shadow:0 1px 2px #0000000d,inset 0 -15px 10px -12px #0000000d;padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px}.filter-option input:checked+label:after{content:"";display:block;position:absolute;top:2px;left:8px;width:5px;height:12px;border:solid var(--brand-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.product-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media only screen and (max-width: 1200px){.collection-content{width:72%}.product-items{gap:20px}.collection-filter{width:25%}}@media only screen and (max-width: 992px){.filter-open-btn{display:flex}.collection-filter{position:fixed;z-index:9999;height:100vh;top:0;left:-100%;width:100%;transition:all ease .3s}.collection-filter.active{left:0}.filter-window-close-btn{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#0000004d;display:block;opacity:0;visibility:hidden;z-index:1;transition:all ease .3s;-webkit-user-select:none;user-select:none}.collection-filter.active .filter-window-close-btn{opacity:1;visibility:visible}.filter-box{position:relative;background-color:var(--white);box-shadow:0 0 20px #0000001a;width:340px;z-index:2;height:100%}.collection-content{width:100%}.filter-sidebar-heading{display:none}.mobile-filter-heading.filter-sidebar-heading{display:flex}}@media only screen and (max-width: 992px){.product-items{column-gap:16px;row-gap:20px}}@media only screen and (max-width: 575px){.container{padding:0 15px}.product-items{grid-template-columns:repeat(2,1fr);gap:10px}.collection-filter-btn{gap:10px}.filter-open-btn{gap:5px;padding:7px 14px;font-size:14px;font-weight:500;line-height:1.3}.filter-select-field select{font-size:14px;font-weight:500;padding:7px 25px 7px 7px}.filter-select-field-icon{right:7px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-main-collection.css.map */