.collection-hero-banner{position:relative;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.collection-hero-banner__image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center 40%}.collection-hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:2}.collection-hero-banner__content{position:relative;z-index:3;text-align:center;padding:0 2rem;width:100%}.collection-hero-banner__text-wrapper{max-width:800px;margin:0 auto}.collection-hero-banner__title{color:#fff;font-size:3rem;font-weight:700;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.8);line-height:1.2}.collection-hero-banner__description{color:#fff;font-size:1.2rem;margin-top:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.4}@media screen and (max-width: 749px){.collection-hero-banner__title{font-size:2.2rem}.collection-hero-banner__description{font-size:1rem}.collection-hero-banner__content{padding:0 1rem}}@media screen and (min-width: 750px) and (max-width: 989px){.collection-hero-banner__title{font-size:2.6rem}}@media screen and (min-width: 990px){.collection-hero-banner__title{font-size:3.5rem}.collection-hero-banner__description{font-size:1.3rem}}.collection-hero-banner:not(:has(.collection-hero-banner__image-container)){background:linear-gradient(135deg,#667eea,#764ba2)}.collection-hero-banner:not(:has(.collection-hero-banner__image-container)) .collection-hero-banner__title{text-shadow:2px 2px 4px rgba(0,0,0,.3)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-hero-banner.css.map */