.collection-hero{position:relative;margin-bottom:2rem}@media screen and (max-width: 989px){.collection-hero.gradient-mobile{background-image:var(--banner-gradient-mobile);color:var(--hh-color-day)}}.collection-hero__inner{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem}.collection-hero__breadcrumb-inner{font-weight:600}.collection-hero__text-wrapper{flex-basis:100%}.collection-hero__media-container{height:30rem}@media screen and (min-width: 990px){.collection-hero{margin-bottom:0}.collection-hero.gradient-desktop{background-image:var(--banner-gradient);color:var(--hh-color-day)}.collection-hero--with-image{margin-top:0;margin-bottom:4.5rem;overflow:hidden}.collection-hero__inner{align-items:center;flex-direction:row;margin-bottom:0;padding-top:4rem;padding-bottom:5vw;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}}.collection-hero__title{margin:5rem 0 0}.collection-hero__title+.collection-hero__description{margin-top:2rem}@media screen and (min-width: 990px){.collection-hero__title+.collection-hero__description{margin-top:2rem}.collection-hero__description{max-width:66.67%;font-size:20px;line-height:32px;letter-spacing:.5px}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero__product-count{display:block;margin-top:30px}@media screen and (max-width: 899px){.collection-hero--with-image .collection-hero__text-wrapper{text-align:center}}@media screen and (min-width: 990px){.collection-hero__breadcrumbs{display:block!important}.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:45%}.collection-hero__text-holder{margin-top:5vw}.collection-hero__media-container{z-index:-1}.collection-hero__media-container{height:auto;aspect-ratio:3.84}.collection-hero__media-container:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;background-blend-mode:screen;background-image:linear-gradient(90deg,#fff 27%,#f5f5f500 51%)}}@media screen and (min-width: 990px) and (max-width: 1439px){.collection-hero__title.h1{font-size:6rem;line-height:1}.collection-hero__text-holder{margin-top:3vw}.collection-hero__description{line-height:1.2;font-size:1.6rem}.collection-hero__description p{margin:0}}@media screen and (min-width: 1500px){.collection-hero__inner{padding-bottom:3vw}.collection-hero__text-holder{margin-top:3vw}}@media screen and (min-width: 1800px){.collection-hero__inner{padding-bottom:16.5rem}.collection-hero__text-holder{margin-top:18rem}}
/*# sourceMappingURL=/cdn/shop/t/745/assets/section-main-collection-banner.css.map */