html{scroll-behavior:smooth}.collection-hero{height:10rem;background-color:#fff;display:flex;align-items:center;justify-content:center}.collection-hero__inner{display:flex;flex-direction:column;text-align:center}.collection-hero--with-image{position:relative}.breadcrumbs{display:none}@media screen and (min-width: 990px){.breadcrumbs{height:40px;background-color:#171717;display:flex;align-items:center;justify-content:center}.breadcrumbs .breadcrumb{display:flex;flex-direction:row;margin:10px 0;gap:10px;padding:0 15px}}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 3em;z-index:1;max-width:200px}.collection-hero__image{position:absolute;width:100%;left:0;height:100%;object-fit:cover}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:calc(1rem + var(--page-width-margin)) 0 calc(1rem + 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{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:0;font-weight:700;font-size:25px;color:#242424}.collection-hero__description{font-size:12px}.collection-hero__title,.collection-hero__description{color:#000}.arrow-down{display:none}@media screen and (min-width: 750px){.collection-hero__title{margin:0;font-weight:700;font-size:35px}.collection-hero__description{font-size:15px}.collection-hero--with-image .collection-hero__description{max-width:100%}.arrow-down{display:block;cursor:pointer}.breadcrumbs .breadcrumb{width:var(--page-width);font-size:13px}.breadcrumbs .breadcrumb a{color:#2e8ee2}.breadcrumbs .breadcrumb span{color:#d9d8d8}.collection-hero__text-wrapper{max-width:100%}.collection-hero{height:10rem}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:1rem 0}@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:1rem 0}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}
/*# sourceMappingURL=/cdn/shop/t/324/assets/component-collection-hero.css.map */