.collection-hero__inner{display:flex;flex-direction:column}.collection-hero__inner.full-width .page-width{max-width:var(--page-width, 100%);z-index:2;position:relative}.collection-hero__inner.full-width .page-width,.collection-hero__inner.page-width{padding:0;width:100%}.collection-hero--with-image .collection-hero__inner{margin-bottom:0}.collection-hero__inner.full-width{width:100%}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:0;overflow:hidden}.collection-hero__inner.full-width .page-width{display:flex;align-items:center}.collection-hero__inner.full-width .page-width,.collection-hero__inner.page-width{padding:0 2rem;width:100%}}@media (min-width: 1918px){.collection-hero__inner.full-width .page-width,.collection-hero__inner.page-width{padding:0 1rem}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row}}.collection-hero__title{margin:2.5rem 0;font-size:var(--section-heading-font-size, inherit)}.collection-hero__title+.collection-hero__description{margin-top:.4rem;margin-bottom:2.4rem;font-size:var(--section-description-font-size, inherit);font-family:var(--section-description-font-family, var(--font-body-family));font-weight:var(--section-description-font-weight, 400);line-height:normal}.collection-hero--with-image .collection-hero__description{max-width:var(--section-description-max-width, 100%)}.collection-hero--with-image .collection-hero__description p{margin:0}@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-top:0;padding-bottom:0;z-index:1;display:grid!important;grid-auto-flow:row;align-items:center;grid-template-rows:min-content min-content;top:0;bottom:0;margin:auto;height:min-content!important}.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--left{text-align:left;padding-left:2.75rem;padding-right:0}.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--center{text-align:center;padding-left:2.75rem;padding-right:2.75rem}.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--right{text-align:right;padding-left:0;padding-right:2.75rem}@media all and (min-width: 750px){.collection-hero--with-image .full-width .page-width>.collection-hero__text-wrapper{padding-inline:0}}@media all and (max-width: 1440px) and (min-width: 990px){.collection-hero--with-image .full-width .page-width{max-width:calc(var(--page-width, 100%) + 1.5rem)!important}.collection-hero--with-image .full-width .page-width>.collection-hero__text-wrapper{padding-inline:.75rem}}@media all and (max-width: 989px) and (min-width: 750px){.collection-hero--with-image .full-width .page-width{padding-inline:1.75rem!important}}@media all and (max-width: 749px){.collection-hero--with-image .full-width .page-width>.collection-hero__text-wrapper{max-width:100%;position:absolute;top:0;left:0;width:100%}}.collection-hero__image-container{border:none;border-radius:var(--media-radius);box-shadow:none}.collection-hero-horizontal-menu{justify-content:flex-start;align-items:center;column-gap:clamp(.5rem,3vw,2rem);display:none;max-width:max-content;overflow-x:auto;overflow-y:hidden;padding-bottom:1.6rem;margin:2.5rem auto 1.6rem;-webkit-overflow-scrolling:touch;scroll-padding-left:clamp(1rem,2.22vw,3.2rem);scrollbar-width:thin;scrollbar-color:rgb(var(--color-button)) transparent}.collection-hero-horizontal-menu>li:first-child{margin-left:clamp(1rem,2.22vw,3.2rem)}.collection-hero-horizontal-menu>li:last-child{margin-right:clamp(1rem,2.22vw,3.2rem)}.collection-hero-horizontal-menu::-webkit-scrollbar{height:6px}.collection-hero-horizontal-menu::-webkit-scrollbar-thumb:horizontal{min-width:50px}.collection-hero-horizontal-menu::-webkit-scrollbar-track{background:transparent}.collection-hero-horizontal-menu::-webkit-scrollbar-thumb{background-color:rgba(var(--color-button),.5);border-radius:3px;transition:background-color .2s ease,opacity .2s ease;opacity:.7}.collection-hero-horizontal-menu:hover::-webkit-scrollbar-thumb,.collection-hero-horizontal-menu::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-button));opacity:1}.collection-hero-horizontal-menu__item{color:var(--color-foreground);font-size:clamp(1.6rem,1.4rem + .5vw,1.8rem);font-weight:400;padding:.8rem clamp(1rem,2.22vw,3.2rem);text-align:center;border-radius:1.2rem;background:rgb(var(--color-button-text));text-decoration:none;text-transform:uppercase;white-space:nowrap;display:inline-block;line-height:1.2}.collection-hero-horizontal-menu__item:hover,.collection-hero-horizontal-menu__item--active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}@media screen and (max-width: 749px){.collection-hero--with-image .collection-hero__description,.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--left .collection-hero__description{margin-left:0;margin-right:auto}.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--center .collection-hero__description{margin-left:auto;margin-right:auto}.collection-hero--with-image .collection-hero__text-wrapper.collection-hero__text-wrapper-align--right .collection-hero__description{margin-left:auto;margin-right:0}.collection-hero--with-image .collection-hero__description p{display:inline}}.collection-hero__image-container{min-height:var(--banner-height, 26.7rem);height:var(--banner-height, 26.7rem)}@media all and (max-width: 749px){.collection-hero--with-image .menu:has(.collection-hero-horizontal-menu){display:none}}@media screen and (min-width: 750px){.collection-hero-horizontal-menu{display:flex;margin-top:3.5rem}.collection-hero--with-image .collection-hero__text-wrapper{padding-inline:7%}.collection-hero--with-image .menu{display:flex;justify-content:center}.collection-hero--with-image .menu.page-width{padding:0 min(2.5vw,5rem)}.collection-hero__image-container{align-self:stretch;flex:1 0 100%;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-collection-hero.css.map */