/* Scoped to the inserted banner; product styles and grid columns are inherited. */
.flaay-collection-banner{display:grid;min-width:0;align-self:stretch;list-style:none;padding:0;margin:0}
.flaay-collection-banner__link{position:relative;display:grid;align-items:end;min-width:0;width:100%;height:100%;aspect-ratio:2/3;overflow:hidden;text-decoration:none;color:var(--flaay-banner-text,#fff);isolation:isolate}
.flaay-collection-banner__picture{position:absolute;inset:0;z-index:-2;display:block}
.flaay-collection-banner__image{display:block;width:100%;height:100%;object-fit:cover}
.flaay-collection-banner__link::before{content:'';position:absolute;inset:0;background:#000;opacity:var(--flaay-banner-overlay,0);z-index:-1;pointer-events:none}
.flaay-collection-banner__text{display:flex;flex-direction:column;gap:12px;text-align:center;padding:24px 16px;color:var(--flaay-banner-text,#fff);font-family:var(--font-body--family,inherit);overflow-wrap:anywhere}
.flaay-collection-banner__heading{font-size:clamp(18px,2vw,28px);font-weight:600;line-height:1.2;white-space:pre-line}
.flaay-collection-banner__cta{font-size:14px;line-height:1.4;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.flaay-collection-banner__link:focus-visible{outline:3px solid currentColor;outline-offset:-5px}
@media(max-width:749px){.flaay-collection-banner__text{padding:18px 10px;gap:10px}.flaay-collection-banner__heading{font-size:20px}.flaay-collection-banner__cta{font-size:12px}}
[product-grid-view='zoom-out'] .flaay-collection-banner__text{padding:8px;gap:5px}
[product-grid-view='zoom-out'] .flaay-collection-banner__heading{font-size:12px}
[product-grid-view='zoom-out'] .flaay-collection-banner__cta{font-size:10px}
