.product-grid.grid{align-items:stretch}.product-grid .collection-grid-banner__wrapper{display:flex;flex-direction:column;align-self:stretch;min-height:0}.product-grid .collection-grid-banner__wrapper>.collection-grid-banner{position:relative;flex:1 1 auto;width:100%;min-height:0;border-radius:10px}.collection-grid-banner{border-radius:var(--border-radius);overflow:hidden;text-decoration:none;color:rgb(var(--color-foreground))}.collection-grid-banner>.collection-grid-banner__media,.collection-grid-banner>.collection-grid-banner__placeholder,.collection-grid-banner>.collection-grid-banner__overlay,.collection-grid-banner>.collection-grid-banner__inner{position:absolute;top:0;right:0;bottom:0;left:0}.collection-grid-banner__media{z-index:0}.collection-grid-banner__media img{width:100%;height:100%;object-fit:cover}.collection-grid-banner__overlay{z-index:1;background:#00000059;pointer-events:none}.collection-grid-banner__inner{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.6rem 1.2rem 2rem;text-align:center;box-sizing:border-box;overflow:auto}.collection-grid-banner__heading{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);max-width:22ch}.collection-grid-banner__description{margin:0;font-size:1.4rem;line-height:1.4;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.2);max-width:28ch}.collection-grid-banner__description p{margin:0}.collection-grid-banner__button{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;min-height:4rem;padding:0 1.8rem;border-radius:0;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));background:#fff;border:none;box-shadow:0 2px 8px #00000026;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.collection-grid-banner__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.collection-grid-banner--no-link .collection-grid-banner__button{pointer-events:none}.collection-grid-banner__placeholder{z-index:0;background:rgba(var(--color-foreground),.08)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-collection-grid-banner.css.map */
