.collection-hero{padding:6rem 0 0}.collection-hero .breadcrumbs{margin:0 0 1.2rem}.collection-hero__description{margin-top:4rem}.collection-hero.collection-hero--with-image{padding:6rem 0;overflow:hidden;position:relative;min-height:30rem;display:flex;align-items:flex-end}.collection-hero--with-image .collection-hero__inner{width:100%}.collection-hero--with-image .collection-hero__text-wrapper{z-index:1;position:relative;--color-link: var(--color-background);--color-button: var(--color-background);--color-foreground: var(--color-background)}.collection-hero__image-container{position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero__image-container img{width:100%;height:100%;object-fit:cover}.collection-hero__image-container:after{content:"";background:linear-gradient(267.39deg,rgba(var(--color-black),0) 28.29%,rgba(var(--color-black),.6) 69%);position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero--with-image .collection-hero__title{max-width:50%}.collection-hero__title{margin:0}.coll-sublinks{display:flex;margin-top:1.6rem;gap:1.4rem 2.4rem;flex-wrap:wrap}.coll-sublinks .button{background-color:rgba(var(--color-foreground),.6);border-width:0rem;padding:.1rem 1.6rem 0;min-width:max-content;min-height:4.2rem;gap:.5rem}.coll-sublinks .button:hover{background-color:rgba(var(--color-foreground),.15)}.coll-sublinks .button .icon-wrap{line-height:0}.coll-sublinks .button .icon-arrow{width:2rem}.collection-hero--with-image .coll-sublinks .button{backdrop-filter:blur(2rem);-webkit-backdrop-filter:blur(2rem);background-color:rgba(var(--color-foreground),.35)}.collection-hero--with-image .coll-sublinks .button:hover{background-color:rgba(var(--color-foreground),.2)}@media only screen and (max-width:1199px){.coll-sublinks{flex-wrap:nowrap;overflow:auto;padding-inline:var(--page-width-padding);margin-inline:calc(var(--page-width-padding) * -1);scrollbar-width:none;-ms-overflow-style:none}.coll-sublinks::-webkit-scrollbar{display:none}}@media only screen and (max-width:749px){.collection-hero.collection-hero--with-image{padding:3.5rem 0}.collection-hero__description{margin-top:3rem;font-size:var(--font-size-14)}.collection-hero .breadcrumbs{margin:0 0 1.8rem}.collection-hero__image-container img{object-position:65% 50%}.coll-sublinks{margin-top:2.32rem}.coll-sublinks .button{padding:.1rem 2rem 0;min-height:5.8rem;gap:.7rem}.collection-hero--with-image .collection-hero__title{max-width:100%}.collection-hero__image-container:after{background:linear-gradient(183.39deg,#0000 -25.1%,#0009 84.17%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */
