.collection-products-grid__main{display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(4,1fr);gap:18px;row-gap:72px}.collection-products-grid__load-more-wrapper{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center}.collection-products-grid__load-more-btn{font-size:16px;line-height:20px;letter-spacing:1.6px;padding:9px 18px;font-weight:500;background-color:#1d7f9a;color:#fff;cursor:pointer;transition:all .9s ease;width:auto;border-radius:20px;text-transform:uppercase;border:1px solid #1d7f9a}.collection-products-grid__load-more-btn:hover{border:1px solid #1d7f9a;color:#fff;background-color:#171717}.collection-products-grid__load-more-btn:disabled{opacity:.5;cursor:not-allowed}.collection-products-grid__loader{display:flex;justify-content:center;align-items:center;padding:20px 0}.collection-products-grid__loader-text{font-family:Inter,sans-serif;font-size:16px;line-height:20px;letter-spacing:1.6px;text-transform:uppercase;color:#1d7f9a}.filter-buttons{display:flex;justify-content:center;gap:9px;max-width:100%;margin:auto auto 54px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-button{font-family:Inter,sans-serif;font-size:16px;line-height:20px;letter-spacing:-.8px;font-weight:500;color:#1d7f9a;border:1px solid #1d7f9a;border-radius:30px;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px 30px;max-width:125px;flex:0 0 125px}.filter-button:hover{color:#1d7f9a}.filter-button.active{background-color:#1d7f9a;color:#fff;border-color:#1d7f9a}.filter-button.active img{filter:brightness(0) invert(1)}@media screen and (max-width:1400px){.collection-products-grid__main{gap:24px;row-gap:48px}}@media screen and (max-width:1200px){.collection-products-grid__main{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:991px){.collection-products-grid{padding:0 36px}.collection-products-grid__main{padding-top:0;gap:24px;row-gap:46px}}@media screen and (max-width:768px){.collection-products-grid__main{grid-template-columns:repeat(2,1fr);gap:18px;row-gap:18px}.filter-buttons{padding-left:18px;padding-right:18px}}@media screen and (max-width:640px){.collection-products-grid__main{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:480px){.filter-buttons{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/collection-products-grid.css.map */