.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image{min-height:300px;position:relative}.collection-hero--with-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.collection-hero--with-image .collection-hero__inner{position:relative;z-index:2;min-height:300px;display:flex;align-items:baseline;justify-content:end;margin-bottom:30px;padding-bottom:2rem}.collection-hero__text-wrapper--overlay{text-align:center;color:#fff}.collection-hero__text-wrapper--overlay .collection-hero__title{color:#fff;margin:1rem 0 3rem}.collection-hero__text-wrapper--overlay .collection-hero__description{color:#ffffffe6;font-size:1.3rem}@media screen and (min-width: 990px){.collection-hero--with-image{min-height:400px}.collection-hero--with-image .collection-hero__inner{min-height:450px;padding-bottom:0}.collection-hero__text-wrapper--overlay .collection-hero__title{font-size:2rem}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width: 990px){.collection-hero{padding:0}.collection-hero__inner:not(.collection-hero--with-image .collection-hero__inner){align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.2rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 990px){.collection-hero__title+.collection-hero__description{font-size:1.2rem;margin-top:2rem;margin-bottom:2rem}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero__text-wrapper{text-align:center;padding-top:3rem}.collection-hero__title{padding-bottom:2rem}@media screen and (max-width: 989px){.collection-hero--with-image{margin-top:20px;height:200px;min-height:200px}.collection-hero--with-image .collection-hero__title{font-size:1.5rem;margin:0}.collection-hero--with-image .collection-hero__inner{min-height:200px}.collection-hero__title{padding-bottom:1.2rem}.collection-hero__text-wrapper{padding-top:2rem}.collection-hero--with-image .collection-hero__text-wrapper{border:none}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/component-collection-hero.css.map */