.collection-hero__inner:not(.collection-hero--cover){display:flex;flex-direction:column}.collection-hero--cover .collection-hero__inner{display:grid;grid-auto-flow:row}.collection-hero--cover .collection-hero__image-container{grid-column:1 / span 1;grid-row:1 / span 1}.collection-hero--cover.collection-hero--with-image .collection-hero__title{padding:0 1.5rem;color:rgb(var(--color-background))}.collection-hero__title{font-family:inherit}[dir=ltr] .collection-hero--cover.collection-hero--with-image .collection-hero__title{text-shadow:1px 1px 1px rgb(0 0 0 / 50%)}[dir=rtl] .collection-hero--cover.collection-hero--with-image .collection-hero__title{text-shadow:-1px 1px 1px rgb(0 0 0 / 50%)}.collection-hero--cover .collection-hero__title{align-self:center;z-index:1;grid-column:1 / span 1;grid-row:1 / span 1}.collection-hero--cover .collection-hero__inner{flex-direction:column-reverse}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image:not(.collection-hero--cover){padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner:not(.collection-hero--cover){align-items:center;flex-direction:row;padding-bottom:0}.collection-hero--side-by-side-reverse .collection-hero__inner{flex-direction:row-reverse}}.collection-hero__title{margin:2.5rem 0}.collection-hero__description__read-more>p:first-child{margin-top:0}.collection-hero__description__read-more{max-height:20px;overflow:hidden;transition:.4s all}.collection-hero__description__read-more.open{display:-webkit-box;-webkit-line-clamp:initial;-webkit-box-orient:vertical;max-height:500px}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;line-height:calc(1 + .5 / var(--font-body-scale))}.collection-hero__title.text-center+.collection-hero__description{margin:0 auto}.collection-hero--cover .collection-hero__description{margin:0 auto}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{margin-top:2rem;margin-bottom:2rem}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:2rem 0 1rem}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width: 749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero--cover.collection-hero--with-image .collection-hero__text-wrapper{padding:1.6rem 0}.collection-hero--with-image:not(.collection-hero--cover) .collection-hero__text-wrapper{flex-basis:50%}[dir=ltr] .collection-hero--with-image:not(.collection-hero--cover) .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0}[dir=rtl] .collection-hero--with-image:not(.collection-hero--cover) .collection-hero__text-wrapper{padding:4rem 0 4rem 2rem}.collection-hero__image-container{align-self:stretch;min-height:20rem;flex:1 0 50%}.collection-hero--side-by-side .collection-hero__image-container,.collection-hero--side-by-side-reverse .collection-hero__image-container{flex:1 0 50%}[dir=ltr] .collection-hero--side-by-side .collection-hero__image-container{margin-left:3rem}[dir=rtl] .collection-hero--side-by-side .collection-hero__image-container,[dir=ltr] .collection-hero--side-by-side-reverse .collection-hero__image-container{margin-right:3rem}[dir=rtl] .collection-hero--side-by-side-reverse .collection-hero__image-container{margin-left:3rem}.collection-hero--cover .collection-hero__image-container{max-height:50vh;height:100vh;box-shadow:none}.collection-hero--cover .collection-hero__image-container>img{object-fit:cover;object-position:center;width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/component-collection-hero.css.map */