/* Same compact layout as the approved preview; geometry follows the site container. */
.header > .header-sticky-panel.fixed {
    max-width: none;
    right: auto;
    margin: 0;
    transform: translate3d(0, calc(-100% - 30px), 0);
    transition: transform 220ms cubic-bezier(.22, .61, .36, 1), visibility 0s linear 220ms;
    visibility: hidden;
    pointer-events: none;
    z-index: 20;
}
.header > .header-sticky-panel.fixed.is-visible {
    transform: translate3d(0, 0, 0);
    transition: transform 220ms cubic-bezier(.22, .61, .36, 1), visibility 0s;
    visibility: visible;
    pointer-events: auto;
}
@media (max-width: 1024px) {
    .header > .header-sticky-panel.fixed { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .header > .header-sticky-panel.fixed,
    .header > .header-sticky-panel.fixed.is-visible { transition: none; }
}
/* Keep all navigation and tools inside the same grid just above the mobile breakpoint. */
@media (min-width: 1025px) and (max-width: 1200px) {
    .header > .header-sticky-panel.fixed { gap: 16px; }
    .header-sticky-panel.fixed .header-bottom__logo { width: 130px; }
    .header-sticky-panel.fixed .nav-menu { gap: 18px; }
    .header-sticky-panel.fixed .header-tools { gap: 18px; }
}

/* Slightly quieter desktop navigation; preserve dropdown typography. */
@media(min-width:1025px){
.header .header-row .nav-menu>li>a,
.header .header-row .nav-menu__trigger,
.header .header-row .header-city__current{font-size:14px}
}

/* Selected brands panel; catalog dropdowns use their original header.css?fonts=onest-20261027. */
@media(min-width:1025px){
.header .header-keyboard__popup{background:#fcfcfa;border:1px solid #e6e9e3;border-radius:4px;box-shadow:0 12px 30px #183e3210}
.header .header-keyboard__popup{padding:19px 24px;transition:opacity .15s;visibility:hidden}
.header .header-keyboard__popup.active{visibility:visible}
.header .header-keyboard__popup-list{gap:4px 26px}
.header .header-keyboard__popup-item{font:400 14px/1.5 'Onest',sans-serif;padding:7px 0;transition:color .15s;text-underline-offset:5px}
.header .header-keyboard__popup-item:is(:hover,:focus-visible){color:#08795c;text-decoration:underline}
.header .header-keyboard__button:is(:hover,.active,:focus-visible){background:transparent;color:#173e32;font-weight:500;box-shadow:inset 0 -1px #173e32}
.header .nav-menu__dropdown.open:after{content:'';position:absolute;top:100%;left:0;width:100%;height:14px}
.header .header-keyboard__popup:before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:14px}
}
@media(prefers-reduced-motion:reduce){.header .mega-menu,.header .header-keyboard__popup{transition:none}}

/* Selected brand grid, anchored to the hovered letter. */
@media(min-width:1025px){
.header .header-keyboard__popup.brand-grid-popup{background:#f9f9f9;border:0;width:640px;max-width:100%;padding:22px 26px;gap:12px;transform:none;box-sizing:border-box}
.brand-grid-heading{display:flex;align-items:baseline;gap:12px;color:#173e32}
.brand-grid-letter{font:400 26px/1 'Anticva',serif}
.brand-grid-count{font:400 12px/1.4 'Onest',sans-serif;color:#7c867e}
.header .brand-grid-popup .header-keyboard__popup-list{display:grid;grid-template-columns:repeat(var(--brand-columns,3),minmax(0,1fr));gap:4px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.header .brand-grid-popup .header-keyboard__popup-item{padding:12px 8px;border-bottom:0;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.header .brand-grid-popup .header-keyboard__popup-item:is(:hover,:focus-visible){background:transparent;color:#252e2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.header .brand-grid-popup .header-keyboard__popup-item:focus-visible{outline:1px solid #77817b;outline-offset:-1px}
.header .header-keyboard__button:is(:hover,.active,:focus-visible){background:transparent;color:#303b36;box-shadow:inset 0 -1px #77817b}
.header .brand-grid-popup .header-keyboard__popup-empty{grid-column:1/-1}
}

/* Cosmetics: two category columns, retaining the original panel design. */
@media(min-width:1025px){
.header .mega-menu.mega-menu_simple{width:660px}
.header .mega-menu_simple .mega-menu__col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 16px}
.header .mega-menu_simple .mega-menu__title,
.header .mega-menu_simple .mega-menu__link_main{grid-column:1/-1}
}

/* Cosmetics overview link follows the category grid. */
.header .mega-menu_simple .mega-menu__link_main{
    justify-self:start;width:auto;margin:14px 0 0 14px;padding:6px 0;
    border:0;color:#3b4e50;font-weight:400;text-decoration:underline;
    text-decoration-thickness:1px;text-underline-offset:5px;
}
.header .mega-menu_simple .mega-menu__link_main:hover{
    padding:6px 0;border:0;background:transparent;color:#252e2b;
}

/* Perfume families: two columns within the existing menu. */
@media(min-width:1025px){
.header .mega-menu:not(.mega-menu_simple){width:960px}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__links{display:grid;grid-template-columns:1fr 1fr 1.8fr}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__col:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 12px}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__col:last-child .mega-menu__title{grid-column:1/-1}
.header .mega-menu__family-column{display:flex;flex-direction:column;gap:2px;min-width:0}
}

/* Align perfume links and section labels on a consistent inset. */
@media(min-width:1025px){
.header .mega-menu:not(.mega-menu_simple) .mega-menu__title{padding-left:14px;height:38px;box-sizing:border-box}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__title:after{left:14px}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__col:first-child{padding-top:0}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__col:last-child{align-items:start;grid-auto-rows:min-content}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__col:last-child .mega-menu__title{margin-bottom:6px}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__link_main{justify-self:start;width:auto;align-self:flex-start;margin:14px 0 0 14px;padding:6px 0;border:0;color:#3b4e50;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.header .mega-menu:not(.mega-menu_simple) .mega-menu__link_main:hover{padding:6px 0;border:0;background:transparent;color:#252e2b}
}

/* Full-width desktop surface, with content kept on the shared site grid. */
@media(min-width:1025px){
.header > .header-sticky-panel.fixed{box-sizing:border-box;border-radius:0;box-shadow:none}
}


.header-info__socials a.header-info__instagram{position:relative}
.header-social-marker{position:absolute;right:-4px;top:-5px;font-size:11px;line-height:1;color:#3b4e50}

/* Each cosmetics column flows independently when a label wraps. */
.header .mega-menu_simple .mega-menu__cosmetics-column{display:flex;flex-direction:column;gap:2px;min-width:0;align-self:start}