.collection__product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px}.product-grid__item{width:100%;padding-bottom:60px;vertical-align:top}.product-grid__item:nth-child(7),.product-grid__item:nth-child(16){width:100%;grid-column-end:span 2}.product-grid__image{width:100%;height:0;padding-bottom:130%;position:relative;margin-bottom:12px;background-color:var(--color-sage-green);border-radius:var(--border-radius);transform:translateZ(0);will-change:auto}.product-grid__image img[loading=lazy]:nth-of-type(1){opacity:0;transition:opacity .35s ease-in-out;z-index:2}.product-grid__image:hover img[loading=lazy]:nth-of-type(1),.collection-slider .product-grid__image:active img[loading=lazy]:nth-of-type(1){opacity:1;transition:opacity .35s ease-in-out}.product-grid__item:nth-child(7) .product-grid__image,.product-grid__item:nth-child(16) .product-grid__image{padding-bottom:63.53%}.product-grid__item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.product-grid__title{padding-bottom:28px}.product-grid__metadata{display:flex;opacity:0;transition:opacity .8s cubic-bezier(.29,.63,.44,1)}.product-grid__metadata .metadata-label{padding-bottom:4px}.product-grid__metadata .metadata-item{width:50%}.product-grid__item:hover .product-grid__metadata{opacity:1;transition:opacity .8s cubic-bezier(.29,.63,.44,1)}.product-grid__metadata div:first-of-type{margin-right:20px}.product-grid__load-more{text-align:center;padding-top:0;padding-bottom:200px}.product-grid__button{background-color:var(--color-green);color:var(--color-white);padding:18px 80px}@media screen and (min-width:768px){.product-grid__image{margin-bottom:16px}}@media screen and (min-width:1440px){.product-grid__image{margin-bottom:20px}}@media screen and (max-width:768px){.collection__product-grid{grid-template-columns:repeat(2,1fr);grid-column-gap:20px}.product-grid__item{width:100%;padding-bottom:48px}.product-grid__item:nth-child(7),.product-grid__item:nth-child(16){width:100%}.product-grid__item:nth-child(7) .product-grid__image,.product-grid__item:nth-child(16) .product-grid__image{padding-bottom:130%}.product-grid__item:nth-child(5n){width:100%}.product-grid__item:nth-child(5n) .product-grid__image{padding-bottom:133%}}@media screen and (max-width:400px){.product-grid__metadata{display:none}.product-grid__title{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/template-collection.css.map */