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