.madame-header-editorial{
padding:28px 0 22px;
position:relative;
z-index:50;
}
.madame-header-inner{
max-width:1400px;
margin:0 auto;
padding:0 56px;
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
}
.madame-header-left,
.madame-header-right{
display:flex;
align-items:center;
gap:38px;
}
.madame-header-right{
justify-content:flex-end;
} .mh-icon{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
transition:transform .25s ease;
text-decoration:none;
}
.mh-icon img{
width:27px;
height:27px;
display:block;
filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(520%) hue-rotate(350deg) brightness(92%) contrast(95%);
transition:filter .25s ease, transform .25s ease;
}
.mh-icon:hover img{
transform:translateY(-2px);
filter: brightness(0) saturate(100%) invert(14%) sepia(28%) saturate(900%) hue-rotate(338deg) brightness(92%) contrast(95%);
} .mh-tooltip{
position:absolute;
top:calc(100% + 14px);
left:50%;
transform:translateX(-50%);
background:#3C2A21;
color:#F3E8D9;
font-family:"Cormorant Garamond", serif;
font-size:14px;
font-weight:500;
line-height:1.2;
padding:8px 16px;
border-radius:10px;
white-space:nowrap;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:all .25s ease;
z-index:9999;
} .mh-tooltip::after{
content:"";
position:absolute;
top:-6px;
left:50%;
transform:translateX(-50%);
border-width:6px;
border-style:solid;
border-color:transparent transparent #3C2A21 transparent;
} .mh-icon:hover .mh-tooltip{
opacity:1;
visibility:visible;
transform:translateX(-50%) translateY(6px);
} .madame-header-editorial,
.madame-header-inner{
overflow:visible !important;
} .madame-header-logo a{
display:flex;
align-items:center;
justify-content:center;
}
.madame-header-logo img{
width:70px;
height:70px;
display:block;
filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(520%) hue-rotate(350deg) brightness(92%) contrast(95%);
transition:transform .35s ease, filter .35s ease;
}
.madame-header-logo a:hover img{
transform:translateY(-2px);
filter: brightness(0) saturate(100%) invert(14%) sepia(28%) saturate(900%) hue-rotate(338deg) brightness(92%) contrast(95%);
} .mh-cart-count{
position:absolute;
top:-6px;
right:-8px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:50px;
background:#5A1C2A;
color:#fff;
font-size:11px;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}