.header-ma{display:contents;position:relative;color:var(--hh-color-reverse)}.header-ma__overlay:empty{display:block;position:absolute;content:"";background-color:var(--bg-color);top:0;right:0;bottom:0;left:0;z-index:-1}.header-ma__header{position:sticky;top:0;padding-top:var(--hh-space-xs);padding-bottom:calc(var(--hh-space-sm-mobile) * 1px);padding-left:calc(var(--hh-space-sm-desktop) * 1px);padding-right:calc(var(--hh-space-sm-desktop) * 1px);background-color:var(--bg-color);z-index:10}.header-ma__back{align-items:center;display:flex;gap:var(--hh-space-sm);left:var(--hh-space-sm);position:absolute;top:50%;transform:translateY(-50%)}.header-ma__back svg{transform:scaleX(-1);width:var(--hh-icon-size-sm)}@media screen and (max-width: 749px){.header-ma__back svg{margin:var(--hh-space-sm)}.header-ma__back span{display:none}}.header-ma__header-logo{display:flex;height:calc(var(--hh-space-xl-mobile) * 1px);max-height:calc(var(--hh-space-xl-mobile) * 1px);visibility:hidden;opacity:0}.header-ma__header-logo:empty{display:block}.header-ma__header-logo svg{height:auto;width:auto}.header-ma__house-logo-wrapper{margin-bottom:var(--hh-space-lg);display:flex;align-items:center;justify-content:center;padding-left:var(--hh-space-lg);padding-right:var(--hh-space-lg)}.header-ma__house-logo-wrapper svg{width:120px}.header-ma__house-logo-wrapper .logo-maison-riyadh{height:auto}.logo-maison-riyadh,.logo-maison-arabic{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.header-ma__banner-wrapper{position:sticky;top:var(--hh-space-xs);padding-bottom:var(--hh-space-3xl);padding-left:var(--hh-space-lg);padding-right:var(--hh-space-lg);display:grid;z-index:10;pointer-events:none}.header-ma__banner-wrapper:has(.logo-maison-arabic){padding-left:var(--hh-space-xl);padding-right:var(--hh-space-xl)}.header-ma__banner-logo{position:sticky;top:var(--hh-space-md);top:0;z-index:5;width:100%;transform-origin:center 0;grid-area:1 / 1}.header-ma__banner-logo--placeholder{opacity:0}.header-ma__banner-logo svg{width:100%;height:100%}@media screen and (min-width: 750px){.header-ma__banner__logo-wrapper svg{max-width:calc(100vw - var(--hh-space-3xl-mobile) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/474/assets/section-header-ma.css.map */