.collection-section{padding:24px 0 32px}.collection-filter{position:fixed;z-index:99999;height:100vh;top:0;left:-100%;width:100%;transition:all ease .3s}.collection-filter.active{left:0}.collection-content{width:100%}.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:flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;color:var(--white);font-size:14px;font-weight:600;font-family:var(--paragraph-font);background-color:var(--brand-color);cursor:pointer;border-radius:5px}.filter-open-btn svg{width:16px}.collection-product-count{font-size:14px;color:var(--muted)}.filter-select-field{position:relative;border:1px solid var(--border-color2);display:inline-block;border-radius:5px;overflow:hidden}.filter-select-field select{font-size:14px;font-weight:500;font-family:var(--paragraph-font);padding:0 60px 0 10px;line-height:21px;border:none;height:36px}.filter-select-field-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:-1;display:flex}.filter-select-field-icon svg{width:12px;height:12px}.filter-select-field-icon svg path{fill:var(--black)}.filter-box{position:relative;background-color:var(--white);box-shadow:0 0 20px #0000001a;width:340px;z-index:2;height:100dvh;border-radius:0;padding:20px}.filter-sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px 16px;border-bottom:1px solid var(--border-color2);font-family:var(--paragraph-font);border-radius:10px;font-weight:600!important}.filter-close-btn{cursor:pointer;display:flex}.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-accordion{height:calc(100% - 60px);overflow-y:auto;scrollbar-width:thin;margin:16px 0 0}.filter-accordion-items{display:flex;flex-direction:column;gap:16px}.filter-accordion-item{border-bottom:1px solid var(--border-color2);border-radius:0 0 10px 10px}.filter-accordion-item .item-title-wrapper{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px;border-radius:10px}.filter-accordion-item .item-title-wrapper .item-title{text-transform:capitalize;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none;font-family:var(--paragraph-font)}.filter-accordion-item .item-title-wrapper .icon{display:flex}.filter-accordion-item .item-title-wrapper .icon svg{width:12px;height:12px;transition:all ease .3s}.filter-accordion-item .item-title-wrapper .icon svg path{fill:var(--black)}.filter-accordion-item.active .item-title-wrapper .icon svg{transform:rotate(180deg)}.filter-accordion-item-content{max-height:0;overflow:hidden;transition:max-height .35s ease}.filter-price-range-wrap,.filter-options-wrapper{padding:16px 10px}.filter-item-number{color:var(--paragraph-text-color);font-size:14px;font-family:var(--paragraph-font);font-weight:300;text-transform:capitalize}.filter-options{margin:0 0 12px;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:300;text-transform:capitalize;-webkit-user-select:none;user-select:none}.filter-option label:before{content:"";appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid var(--border-color2);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;margin-bottom:4px;border-radius:3px;overflow:hidden}.filter-option input:checked+label:after{content:"";display:block;position:absolute;top:50%;left:2px;width:3px;height:9px;border:solid var(--brand-color);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-83%)}.filter-option.color-yellow label:before{background-color:gold}.filter-option.color-white label:before{background-color:#fff}.filter-option.color-red label:before{background-color:red}.filter-option.color-blue label:before{background-color:#00f}.filter-option.color-green label:before{background-color:green}.filter-price-range-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:center}.price-range-field input{border:1px solid var(--border-color2);height:38px;width:100%;padding:0 10px;font-size:14px;color:var(--muted)}.price-range-field input::placeholder{color:var(--muted)}.price-range-field input:focus{border-color:var(--black)}.filter-price-apply-btn{grid-column:1 / -1}.product-items{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.collection-empty-message{padding:40px 0;text-align:center;color:var(--muted)}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.collection-pagination .pagination-btn{width:auto}.pagination-current{font-size:14px;color:var(--muted)}@media only screen and (max-width:992px){.product-items{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.product-items{column-gap:16px;row-gap:24px}}@media only screen and (max-width:575px){.product-items{column-gap:5px;row-gap:16px}.collection-filter-btn{gap:10px}.filter-open-btn svg{width:16px;height:16px}.filter-select-field select{padding:0 30px 0 10px}.filter-select-field-icon{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collections.css.map */
