.collection-banner{padding-block-start:var(--space-sm);background-color:transparent}.collection-banner__frame{position:relative;display:grid;align-items:end;min-block-size:var(--banner-height, 40svh);overflow:hidden;border-radius:var(--banner-radius, 28px);background-color:var(--color-surface)}.collection-banner__image{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover}.collection-banner .overlay{grid-area:1 / 1;z-index:var(--z-base)}.collection-banner__content{grid-area:1 / 1;position:relative;z-index:calc(var(--z-base) + 1);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md)}.collection-banner__frame:not(:has(.collection-banner__image)){background:none;min-block-size:0;color:var(--color-foreground)}.collection-banner__frame:not(:has(.collection-banner__image)) .collection-banner__content{padding-inline:0}.collection-banner__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);opacity:.8}.collection-banner__breadcrumb a:hover{text-decoration:underline;text-underline-offset:.25em}.collection-banner__title{line-height:var(--leading-tight)}.collection-banner__description{font-size:var(--text-sm);line-height:var(--leading-normal);max-inline-size:56ch;opacity:.9}@media screen and (min-width:750px){.collection-banner__frame{min-block-size:var(--banner-height-desktop, 45svh)}.collection-banner__content{padding:var(--space-xl)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-banner.css.map */