.collections-grid{padding-top:2rem}.product-grid-container{margin-top:2rem}.view-switcher{display:flex;align-items:center;margin-bottom:20px}.view-label{margin-right:15px;font-weight:700;text-transform:uppercase;font-size:14px}.view-options{display:flex;gap:8px}.view-btn{background:none;border:1px solid #ddd;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover{background-color:#f5f5f5}.view-btn.active{background-color:#000;color:#fff;border-color:#000}.collection .loading-overlay{top:0;right:0;bottom:0;left:0;display:none;width:100%;opacity:.7;background-color:var(--color-white);padding:0 var(--container-padding)}.collection.loading .loading-overlay{display:block}.collection .product-grid{display:grid;gap:60px 20px;transition:all .3s ease;grid-template-columns:repeat(2,1fr)}.collection .product-grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.collection .product-grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.collection .product-grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}.collection .product-grid .grid-item{width:100%;max-width:100%;transition:all .3s ease}.view-grid-btn{border:transparent;background:transparent;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;color:silver}.view-grid-btn:hover:not(.active){color:gray;border-color:silver}.view-grid-btn.active{color:#303030;border-color:#303030;background-color:#f5f5f5}.view-grid-btn.active:hover{color:#303030;border-color:#303030}@media (max-width: 799px){.collection .product-grid.grid-cols-2,.collection .product-grid.grid-cols-3,.collection .product-grid.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 800px) and (max-width: 989px){.collection .product-grid.grid-cols-4{grid-template-columns:repeat(3,1fr)}}.collection-empty-heading{margin:0}@media screen and (min-width: 990px){.collection--full-width slider-component:not(.slider-component-desktop){padding:0 1.5rem;max-width:none}}.collection__view-all a:not(.link){margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/18/assets/template-collection.css.map */