.collection-hero__title{margin:0}.collection-hero__title+.collection-hero__description{font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgba(var(--color-foreground),.75);padding-top:2rem}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem}.collection-hero__description{max-width:66.67%}.center .collection-hero__description{margin-inline-start:auto;margin-inline-end:auto}.right .collection-hero__description{margin-inline-start:auto}}.collection-hero--with-image{padding-top:0}.collection-hero--with-image .collection-hero__title{position:absolute;z-index:1;width:100%;bottom:100%;margin-bottom:3rem;color:#fff}.collection-hero--with-image .collection-hero__description{margin-top:0}.collection-hero--with-image .collection-hero__title+.collection-hero__description{padding-top:3rem}.collection-hero--with-image .collection-hero__text-wrapper,.collection-hero__image-container{position:relative}.collection-hero--contrast .collection-hero__image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(to bottom,transparent 0%,rgba(54,54,54,.2) 40%,rgba(4,4,4,.46) 100%)}.collection-hero__image{min-height:100%}[data-heading-center] .collection-hero__text-wrapper{text-align:center}[data-heading-center] .collection-hero__description{margin:auto}.collection-hero--title-outside{padding-top:0}.collection-hero--title-outside .collection-hero__header{margin-bottom:3rem}.collection-hero--title-outside .collection-hero__title{color:rgb(var(--color-heading));margin-bottom:1.5rem}.collection-hero--title-outside .collection-hero__description{color:rgba(var(--color-foreground),.75)}.collection-hero__title-wrapper{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.collection-hero__title-wrapper .collection-hero__title{flex:1;min-width:0}.collection-hero__subcollections{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.collection-hero__subcollections::-webkit-scrollbar{height:4px}.collection-hero__subcollections::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:2px}.collection-hero__subcollections::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:2px}.collection-hero__subcollections::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.collection-hero__subcollections--desktop{display:none;flex-shrink:0;align-items:flex-start}.collection-hero__subcollections--mobile{display:flex;margin-bottom:1.5rem}.collection-hero__subcollections .button{white-space:nowrap;font-size:1.4rem;padding:.8rem 1.6rem}@media screen and (min-width:750px){.collection-hero__subcollections--desktop{display:flex}.collection-hero__subcollections--mobile{display:none}.collection-hero__title-wrapper{align-items:center}.collection-hero--title-outside .collection-hero__header{margin-bottom:4rem}.collection-hero--title-outside .collection-hero__title{margin-bottom:2rem}.collection-hero__subcollections .button{font-size:1.6rem;padding:1rem 2rem}}.collection-hero--title-outside .left .collection-hero__title-wrapper{justify-content:flex-start}.collection-hero--title-outside .center .collection-hero__title-wrapper{justify-content:center;text-align:center}.collection-hero--title-outside .right .collection-hero__title-wrapper{justify-content:flex-end;text-align:right}@media screen and (max-width:749px){.collection-hero--title-outside .mobile-left .collection-hero__title-wrapper{justify-content:flex-start;text-align:left}.collection-hero--title-outside .mobile-center .collection-hero__title-wrapper{justify-content:center;text-align:center}.collection-hero--title-outside .mobile-right .collection-hero__title-wrapper{justify-content:flex-end;text-align:right}.collection-hero--title-outside .mobile-left .collection-hero__description,.collection-hero--title-outside .mobile-center .collection-hero__description,.collection-hero--title-outside .mobile-right .collection-hero__description{text-align:inherit}}@media screen and (max-width:749px){.collection-hero--mobile-bottom .collection-hero__title{position:static;color:rgb(var(--color-heading));margin:3rem 0 0}.collection-hero--mobile-bottom .collection-hero__title+.collection-hero__description{padding-top:1.5rem}#MainContent .collection-hero--mobile-bottom .collection-hero__image-container:before,.collection-hero--mobile-bottom .collection-hero__image-container:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-hero.css.map */
