.merchandising-tile{min-width:0;height:100%}.merchandising-tile__card{display:flex;flex-direction:column;height:100%;background:var(--merch-background, #f4f1eb);color:var(--merch-text, #252823)}.merchandising-tile__media{display:block;position:relative;width:100%;aspect-ratio:var(--merch-ratio-override, var(--merch-product-ratio, var(--merch-adapt-ratio, var(--merch-natural-ratio, 1))));flex:0 0 auto;overflow:hidden}.merchandising-tile__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.merchandising-tile__content{padding:clamp(12px,2vw,24px);display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px}.merchandising-tile__eyebrow{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.merchandising-tile__title{color:inherit;margin:0;font-family:var(--font-heading--family);font-size:clamp(20px,2.2vw,32px);line-height:1.15}.merchandising-tile__copy{margin:0;font-size:13px;line-height:1.5}.merchandising-tile__link{margin-top:0;padding-block:12px;min-height:44px;color:var(--merch-button, var(--merch-text, #252823));text-decoration:underline;text-underline-offset:4px;font-size:12px}.merchandising-tile__link:focus-visible{outline:2px solid currentColor;outline-offset:4px}[product-grid-view=zoom-out] .merchandising-tile__content{padding:8px;gap:8px}[product-grid-view=zoom-out] .merchandising-tile__title{font-size:16px}[product-grid-view=zoom-out] .merchandising-tile__copy,[product-grid-view=zoom-out] .merchandising-tile__eyebrow{display:none}.product-grid:has(.card-gallery[data-image-ratio=square]) .merchandising-tile{--merch-product-ratio: 1}.product-grid:has(.card-gallery[data-image-ratio=portrait]) .merchandising-tile{--merch-product-ratio: 4 / 5}.product-grid:has(.card-gallery[data-image-ratio=landscape]) .merchandising-tile{--merch-product-ratio: 16 / 9}@media(max-width:749px){.merchandising-tile__media{--merch-adapt-ratio: var(--merch-natural-mobile-ratio)}}.product-grid .product-card__content>.group-block>.group-block-content{justify-content:flex-start}.product-grid>.merchandising-tile[data-merchandising-width="Full row"]{grid-column:1 / -1}
/*# sourceMappingURL=/cdn/shop/t/236/assets/merchandising-tile.css.map */