.m-collection-page-header{position:relative;display:flex;align-items:var(--align-items);justify-content:center;overflow:hidden}.m-collection-page-header .m-parallax{position:absolute;inset: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-left:60px;padding-right:60px}@media screen and (max-width: 1023px){.m-collection-page-header__inner{padding-left:32px;padding-right:32px}}@media screen and (max-width: 767px){.m-collection-page-header__inner{padding-left:24px;padding-right:24px}}.m-collection-page-header__description{max-width:750px;margin-top:16px}.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}.m-collection-page-header__description .read-more__toggle{margin-top:16px}.m-collection-page-header .m-breadcrumb{margin-bottom:20px}@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;inset: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}}


css.m-collection-page-header--image-background .m-collection-page-header__background {
  position: absolute;
  inset: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0; 
}

.m-collection-page-header__inner {
  position: relative; 
  z-index: 1;         
}

.m-collection-page-header--image-background .m-collection-page-header__background::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #222222;
  opacity: 0.8;
  z-index: 1;
}