.product-grid-section{background-color:var(--light-cream);width:100%}.product-grid-section__inner{display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:1381px;margin:0 auto;padding:0 16px;box-sizing:border-box}.product-grid-section__grid{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:1fr;gap:20px}.product-grid-section__item{margin:0}.product-grid-section__card{position:relative;display:block;width:100%;aspect-ratio:447 / 486;overflow:hidden;text-decoration:none;color:var(--black);background-color:#1d1d1d0a}.product-grid-section__media{position:absolute;top:0;right:0;bottom:0;left:0}.product-grid-section__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.product-grid-section__image--hover{opacity:0}.product-grid-section__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--warm-grey)}.product-grid-section__placeholder .placeholder-svg{width:60%;height:60%;opacity:.4}@media screen and (min-width:990px){.product-grid-section__card .product-grid-section__image--primary:only-child{transition:transform 1s ease .15s}.product-grid-section__card:hover .product-grid-section__image--primary:only-child{transform:scale(1.03)}.product-grid-section__card--has-hover:hover .product-grid-section__image--primary{opacity:0;transition:opacity 1s ease}.product-grid-section__card--has-hover:hover .product-grid-section__image--hover{opacity:1;transform:scale(1.03);transition:transform 1s ease .15s,opacity 1s ease .15s}}.product-grid-section__label{position:absolute;left:0;right:0;bottom:0;padding:0 16px 12px;pointer-events:none}.product-grid-section__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-grid-section__button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--brown);color:var(--black);padding:14px 24px;min-height:46px;text-decoration:none;transition:background-color .2s ease;border:0;cursor:pointer;letter-spacing:1.2px}.product-grid-section__button:hover,.product-grid-section__button:focus-visible{background-color:var(--brown-darker)}@media screen and (min-width:750px){.product-grid-section__inner{padding:0 30px}.product-grid-section__grid{grid-template-columns:repeat(3,1fr);gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-product-grid.css.map */