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