.collection-hero{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.collection-hero--small{min-height:300px}.collection-hero--medium{min-height:450px}.collection-hero--large{min-height:600px}.collection-hero--full{min-height:100vh}.collection-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-hero__image{width:100%;height:100%;object-fit:cover;display:block}.collection-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2}.collection-hero__content{position:relative;z-index:3;width:100%;padding:3rem 0}.collection-hero__text{display:flex;flex-direction:column;gap:1.5rem}.collection-hero__text--left{align-items:flex-start;text-align:left}.collection-hero__text--center{align-items:center;text-align:center}.collection-hero__text--right{align-items:flex-end;text-align:right}.collection-hero__title{margin:0;font-weight:700}.collection-hero__subtitle{max-width:700px;margin:0}.breadcrumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.breadcrumbs__link{text-decoration:none;transition:opacity .2s ease}.breadcrumbs__separator{opacity:.6}.breadcrumbs__current{opacity:.8}.collection-banner__content{padding:3rem 0;display:flex;flex-direction:column;gap:1rem}.collection-banner__content--left{align-items:flex-start;text-align:left}.collection-banner__content--center{align-items:center;text-align:center}.collection-banner__content--right{align-items:flex-end;text-align:right}.collection-banner__title{margin:0;font-weight:700}.collection-banner__description{max-width:700px;margin:0}@media screen and (max-width:749px){.collection-hero--small{min-height:250px}.collection-hero--medium{min-height:350px}.collection-hero--large{min-height:450px}.collection-hero__content{padding:2rem 0}.collection-hero__text{gap:1rem}.collection-banner__content{padding:2rem 0}}@media screen and (max-width:989px){.collection-hero__text--left,.collection-hero__text--right,.collection-banner__content--left,.collection-banner__content--right{align-items:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-banner.css.map */
