.product-grid{width:100%;margin:0 auto}.product-grid__container{display:grid;gap:var(--product-grid-spacing, 1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media screen and (min-width: 768px){.product-grid__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (min-width: 1024px){.product-grid__container--columns-2{grid-template-columns:repeat(2,1fr)}.product-grid__container--columns-3{grid-template-columns:repeat(3,1fr)}.product-grid__container--columns-4{grid-template-columns:repeat(4,1fr)}}.product-grid__container--spacing-extra-small{gap:.5rem}.product-grid__container--spacing-small{gap:1rem}.product-grid__container--spacing-medium{gap:1.5rem}.product-grid__container--spacing-large{gap:2.5rem}.product-grid__card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--ds-color-white, #FFFFFF);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-grid__card:hover{transform:translateY(-2px)}.product-grid__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.product-grid__card-link:hover{text-decoration:none}.product-grid__card-link:focus{outline:2px solid #000;outline-offset:2px}.product-grid__card-link:focus:not(:focus-visible){outline:none}.product-grid__image-wrapper{position:relative;width:100%;overflow:hidden;background-color:var(--ds-color-cream, #FAF7F2)}.product-grid__image-wrapper--square{padding-bottom:100%}.product-grid__image-wrapper--landscape{padding-bottom:75%}.product-grid__image-wrapper--portrait{padding-bottom:133.33%}.product-grid__image,.product-grid__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-grid__image{transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.product-grid__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--ds-color-cream, #FAF7F2)}.product-grid__placeholder-svg{width:40%;height:40%;fill:#d0d0d0;opacity:.5}.product-grid__card--hover-zoom .product-grid__card-link:hover .product-grid__image{transform:scale(1.05)}.product-grid__card--hover-fade .product-grid__card-link:hover .product-grid__image{opacity:.85}.product-grid__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.product-grid__badge--sold-out{background-color:#000000bf;padding:8px 16px;border-radius:4px}.product-grid__badge-text{color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-grid__details{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex-grow:1;background:var(--ds-color-white, #FFFFFF)}.product-grid__title{margin:0;font-size:.9375rem;line-height:1.4;font-weight:500;color:#1a1a1a;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-grid__price{display:flex;align-items:baseline;gap:.5rem;font-size:.9375rem;line-height:1.4;margin-top:auto}.product-grid__price--regular{color:#1a1a1a;font-weight:600;letter-spacing:-.01em}.product-grid__price--sale{color:var(--color-accent, #d63031);font-weight:600;letter-spacing:-.01em}.product-grid__price--compare{color:#888;text-decoration:line-through;font-size:.8125rem;font-weight:400}.product-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;background-color:#fafafa;border:2px dashed #e0e0e0}.product-grid__empty-text{font-size:.9375rem;color:#666;font-weight:500;margin:0}@media screen and (max-width: 767px){.product-grid__details{padding:.875rem}.product-grid__title,.product-grid__price{font-size:.875rem}}@media screen and (min-width: 1024px){.product-grid__details{padding:1.25rem}.product-grid__title{font-size:1rem}}@media (prefers-color-scheme: dark){.product-grid__card,.product-grid__details{background:#1a1a1a}.product-grid__title,.product-grid__price--regular{color:#f5f5f5}.product-grid__image-wrapper,.product-grid__placeholder{background-color:#2a2a2a}.product-grid__placeholder-svg{fill:#444}.product-grid__empty{background-color:#1a1a1a;border-color:#333}.product-grid__empty-text{color:#999}}@media (prefers-reduced-motion: reduce){.product-grid__image,.product-grid__card-link,.product-grid__card{transition:none}}@media (prefers-contrast: high){.product-grid__card-link:focus{outline-width:3px}}@media print{.product-grid__card{border:1px solid #e0e0e0}.product-grid__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-grid.css.map */