.collection-hero__inner{display:flex;flex-direction:column;padding:32px 0}.collection-hero__inner:has(.collection-hero__image-container){padding:0}.collection-hero .icon-line{color:var(--color-border)}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding:0}@media screen and (min-width: 750px){.collection-hero__inner.page-width{padding-right:0}.collection-hero.collection-hero--with-image{padding:0;overflow:hidden}}.collection-hero__text-wrapper{text-align:center;align-items:center;display:flex;flex-direction:column}.collection-hero__inner:has(.collection-hero__image-container) .collection-hero__text-wrapper{flex-basis:100%;text-align:center}@media screen and (min-width: 750px){.collection-hero__inner:has(.collection-hero__image-container) .collection-hero__text-wrapper{text-align:left}.collection-hero{padding:0}.collection-hero__inner{align-items:center}.collection-hero__inner:has(.collection-hero__image-container){flex-direction:row}}.collection-hero__title{margin:2.5rem 0}.collection-hero__description{max-width:100%;padding:0 15px}.collection-hero--with-image .collection-hero__description{padding:0}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__description{max-width:100%}.collection-hero__description{max-width:80%;margin:0 auto}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:2.4rem 3.9rem}.collection-hero__image-container{min-height:28rem}.collection-hero__text-wrapper img{display:block}.collection-hero__text-wrapper *:not(:last-child){margin-bottom:16px;margin-top:0}.collection-hero__title{font-size:30px;font-weight:700;letter-spacing:0;line-height:40px}@media screen and (max-width: 749px){.collection-hero__image-container{min-height:20rem;order:-1}.collection-hero__title{font-size:24px;line-height:32px}.collection-hero__text-wrapper *:not(:last-child){margin-bottom:12px}.collection-hero--with-image .collection-hero__text-wrapper{text-align:center}.collection-hero__text-wrapper img{margin-left:auto;margin-right:auto;max-width:34px}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4.8rem 2.4rem;flex-basis:36%}.collection-hero__image-container{align-self:stretch;flex:1 0 64%;min-height:28rem}}@media screen and (min-width: 1440px){.collection-hero--with-image .collection-hero__text-wrapper{padding-left:52px}}@media screen and (max-width: 479px){.collection-hero__image-container{min-height:12.5rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-hero.css.map */