.s-collection-page-header{position:relative;display:flex;align-items:var(--align-items);justify-content:center;overflow:hidden}.s-collection-page-header .s-parallax{position:absolute;top:0;right:0;bottom:0;left:0}.s-collection-page-header__background img{width:100%;height:100%;object-fit:cover}.s-collection-page-header__wrapper{position:relative;z-index:8;display:flex;flex-direction:column}.s-collection-page-header__inner{display:flex;flex-direction:column;justify-content:center;padding-left:60px;padding-right:60px}.s-collection-page-header__background+.s-collection-page-header__inner{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:2}.s-collection-page-header__background+.s-collection-page-header__inner .s-collection-page-header__title{color:#fff;font-weight:500}.s-collection-page-header__background+.s-collection-page-header__inner .s-collection-page-header__description{color:#fff}@media screen and (max-width: 1023px){.s-collection-page-header__inner{padding-left:32px;padding-right:32px}}@media screen and (max-width: 767px){.s-collection-page-header__inner{padding-left:24px;padding-right:24px}}.s-collection-page-header__description{max-width:750px;margin-top:16px}.s\:text-center .s-collection-page-header__description{margin-left:auto;margin-right:auto}.s\:text-right .s-collection-page-header__description{margin-left:auto}.s-collection-page-header .s-breadcrumb{margin-bottom:20px}@media screen and (max-width: 767px){.s-collection-page-header .s-breadcrumb{margin-bottom:12px}}.s-collection-page-header [data-enable-parallax=true] .s-collection-page-header__inner{padding-left:0;padding-right:0}.s-collection-page-header--image-bottom .s-collection-page-header__wrapper{flex-direction:column-reverse}@media screen and (min-width: 768px){.s-collection-page-header--image-right .s-collection-page-header__wrapper{flex-direction:row-reverse}}@media screen and (min-width: 768px) and (min-width: 768px){.s-collection-page-header--image-right .s-collection-page-header__background{flex:0 0 50%}}@media screen and (min-width: 768px){.s-collection-page-header--image-right .s-collection-page-header__inner{flex:1}}@media screen and (min-width: 768px){.s-collection-page-header--image-left .s-collection-page-header__wrapper{flex-direction:row}}@media screen and (min-width: 768px) and (min-width: 768px){.s-collection-page-header--image-left .s-collection-page-header__background{flex:0 0 50%}}@media screen and (min-width: 768px){.s-collection-page-header--image-left .s-collection-page-header__inner{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/collection-header.css.map */
