.filter-and-grid-container{display:flex;gap:20px}.filter-and-grid-container .tag-based-filter{min-width:300px}.filter-and-grid-container .filter-and-grid{width:100%}.filter-and-grid-container .filter-and-grid ul.grid.grid--view-items{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.filter-and-grid-container .filter-and-grid ul.grid li.grid__item{display:block;width:100%;padding:0;margin:0}.filter-and-grid-container .filter-and-grid .product-card{margin:0}.filter-and-grid-container .filter-and-grid .product-card .buy-now-btn{margin:10px 0 0}.filter-and-grid-container .filter-and-grid .product-card .buy-now-btn .btn{display:flex;line-height:1.5;padding:10px;justify-content:center;position:relative;font-size:15px;background:#78cdd2;align-items:center}.filter-and-grid-container .filter-and-grid .product-card .buy-now-btn .btn:hover{color:#fff;background-color:#52bfc5}.filter-and-grid-container .filter-and-grid .product-card .buy-now-btn .btn:before{content:"";background:url(cart-btn-ic.png) no-repeat left;width:28px;height:28px;background-size:90%}.filter-and-grid-container .filter-group{margin-bottom:1.5rem}.filter-and-grid-container .filter-group summary{cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;position:relative}.filter-and-grid-container .filter-group summary::-webkit-details-marker{display:none}.filter-and-grid-container .custom-filters{max-width:250px;margin-left:0}.filter-and-grid-container .color-swatches{display:flex;flex-wrap:wrap;gap:10px}.filter-and-grid-container .color-swatch{width:30px;height:30px;position:relative;display:inline-block;border:1px solid #ccc;cursor:pointer}.filter-and-grid-container .color-swatch input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.filter-and-grid-container .custom-filters .color-swatches .color-swatch input+span{position:absolute;top:0%;left:0%;border:solid 1px #000000;width:100%;height:100%;opacity:0;transition:all .5s ease}.filter-and-grid-container .color-swatch input[type=checkbox]:checked+span{opacity:1;transform:scale(1.3)}.filter-and-grid-container .custom-filters h3{margin:0;font-family:Poppins,sans-serif;font-style:normal;font-weight:600;line-height:1.2;font-size:25px;padding:0}.filter-and-grid-container .custom-filters h3 span.down-icon{display:none}.filter-and-grid-container .custom-filters details{margin:20px 0 0;padding:20px 0 0;border-top:solid 1px #dcdcdc}.filter-and-grid-container .custom-filters details[open] span.down-icon{transform:rotate(180deg)}.filter-and-grid-container .custom-filters details span.down-icon{display:flex;transition:all .5s ease}.filter-and-grid-container .custom-filters details summary{margin:0}.filter-and-grid-container .custom-filters details h4{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:15px;font-weight:600;margin:0;padding:0}.filter-and-grid-container .custom-filters details summary+div{margin-top:15px}.filter-and-grid-container .custom-filters .color-swatches .color-swatch{margin:0;border-radius:0}.filter-and-grid-container .custom-filters .swatch-list{display:grid;gap:10px}.filter-and-grid-container .custom-filters .swatch-list label{margin:0;font-size:15px;text-transform:capitalize;color:#000;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.filter-and-grid-container .custom-filters button.btn{margin-top:20px}.filter-and-grid-container .custom-filters .swatch-list label input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.filter-and-grid-container .custom-filters .swatch-list label>span{display:flex;align-items:center;gap:10px}.filter-and-grid-container .custom-filters .swatch-list label>span span.checked-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:solid 1px #dcdcdc}.filter-and-grid-container .custom-filters .swatch-list label>span span.checked-icon svg{opacity:0}.filter-and-grid-container .custom-filters .swatch-list label input[type=checkbox]:checked+span span.checked-icon svg{opacity:1}.filter-and-grid-container .custom-filters .swatch-list label input[type=checkbox]:checked+span span.checked-icon{border-color:#000;background:#000}.filter-and-grid-container .custom-filters .swatch-list label input[type=checkbox]:checked+span span.checked-icon svg path{fill:#fff}.filter-and-grid-container .custom-filters #clear-button{margin:10px 0 0;padding:8px 15px;font-size:13px;font-weight:600;letter-spacing:1px}@media (max-width:1280px){.filter-and-grid-container .filter-and-grid ul.grid.grid--view-items{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.filter-and-grid-container .tag-based-filter{width:30%;min-width:inherit}}@media (max-width:991px){.filter-and-grid-container .filter-and-grid ul.grid.grid--view-items{grid-template-columns:repeat(2,1fr)}.filter-and-grid-container .tag-based-filter{width:35%;min-width:inherit}}@media (max-width:768px){.filter-and-grid-container{flex-wrap:wrap}.filter-and-grid-container .custom-filters{max-width:100%;margin-left:0}.filter-and-grid-container .tag-based-filter{width:100%}.filter-and-grid-container .custom-filters h3{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:solid 1px #dcdcdc;padding:0 0 15px}.filter-and-grid-container .custom-filters h3 span.down-icon{display:flex}.filter-and-grid-container .custom-filters h3 span.down-icon path{stroke:#000;stroke-width:2px}.filter-and-grid-container .custom-filters h3.active{border-bottom:0;padding-bottom:0}.filter-and-grid-container .custom-filters h3.active span.down-icon{transform:rotate(180deg)}}@media (max-width:480px){.filter-and-grid-container .filter-and-grid ul.grid.grid--view-items{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/collection-filter.css.map */