/* Keep the six-section navigation in one line without changing hover behavior. */
@media (min-width:801px) {
    html .header .navPages-container.has-header-nav-bar .navPages-list--mobileShop > .navPages-item > .navPages-action[href$="/specials/"]:is(:hover,:focus-visible,[data-vernissage-hover]) {
        --vernissage-hover-color:#ac8844;
        color:#ac8844 !important;
        -webkit-text-fill-color:#ac8844;
        background-image:none;
    }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action {
        font-family:"Vernissage Montaser Titles","Montaser","Bricolage Grotesque",sans-serif;
        font-weight:400 !important;
        font-synthesis:none;
        font-kerning:normal;
        letter-spacing:0;
        text-transform:none;
    }
    .header .navPages-list--mobileShop > .navPages-item--art {
        margin-left:22px;
        padding-left:22px;
        position:relative;
    }
    .header .navPages-list--mobileShop > .navPages-item--art > .navPages-action {
        text-transform:uppercase;
    }
    .header .navPages-list--mobileShop > .navPages-item--art::before {
        content:"";
        position:absolute;
        left:0;
        top:24px;
        height:16px;
        width:1px;
        background:#ffffff38;
    }
    html.is-header-nav-compact-active .header .navPages-inner > .navPages:has(.navPages-item--art) {
        width:max-content;
        max-width:none;
    }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) {
        display:flex;
        flex-wrap:nowrap;
        width:max-content;
        white-space:nowrap;
        align-items:center;
        gap:2px;
    }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) > .navPages-item {
        flex:0 0 auto;
    }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) > .navPages-item > .navPages-action {
        line-height:1 !important;
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
}
@media (min-width:1201px) {
    html.is-header-nav-compact-active .header .navPages-inner > .navPages:has(.navPages-item--art) {
        transform:translate(calc(-50% + 48px),-50%);
    }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) > .navPages-item > .navPages-action {
        font-size:15px !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
}
@media (min-width:801px) and (max-width:1200px) {
    .header .navPages-list--mobileShop > .navPages-item--art { margin-left:14px; padding-left:14px; }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) > .navPages-item > .navPages-action {
        font-size:14px !important;
        padding-left:9px !important;
        padding-right:9px !important;
    }
}
@media (min-width:801px) and (max-width:900px) {
    .header .navPages-list--mobileShop > .navPages-item--art { margin-left:10px; padding-left:10px; }
    html.is-header-nav-compact-active .header .navPages-list--mobileShop:has(> .navPages-item--art) > .navPages-item > .navPages-action {
        font-size:13px !important;
        padding-left:6px !important;
        padding-right:6px !important;
    }
    html.is-header-nav-compact-active .header .navPages-inner > .navPages:has(.navPages-item--art) {
        transform:translate(calc(-50% - 70px),-50%);
    }
}

/* Mobile navigation: a single reading axis from search through language. */
@media(max-width:800px) {
    body.has-activeNavPages { overflow:hidden; }
    .header .navPages-container.is-open .navPages {
        height:calc(100dvh - 54px); max-height:calc(100dvh - 54px);
        background:#101110;
    }
    .header .navPages-container.is-open .navPages-headerTools { display:none !important; }
    .header .navPages-mobilePanel { flex:1 1 auto; min-height:0; }
    .header .navPages-mobilePanel__scroll {
        display:flex; flex-direction:column; padding:24px 28px max(24px,env(safe-area-inset-bottom));
    }
    .header .navPages-mobilePanel__section {
        flex:0 0 auto; margin:0; padding:20px 0; border-radius:0;
    }
    .header .navPages-mobilePanel__section--shop { padding-top:0; border-top:0; }
    .header .navPages-mobilePanel__section--search { padding:20px 0 24px; border-top:1px solid #ffffff24; }
    .header .navPages-mobilePanel__sectionTitle {
        margin:0 0 12px; color:#a7aaa3; font:400 10px/1.4 "Bricolage Grotesque",Arial,sans-serif;
        letter-spacing:.14em;
    }
    .header .navPages-quickSearch > .container { padding:0; }
    .header .navPages-mobilePanel__section--search .form-prefixPostfix.wrap {
        height:48px; min-height:48px; max-height:none; background:#ffffff07; border-color:#ffffff24;
    }
    .header .navPages-mobilePanel__section--search .form-input { padding:0 14px; font-size:16px; }
    .header .navPages-mobilePanel__section--search .form-prefixPostfix-button--postfix {
        order:1; flex:0 0 44px; width:44px; min-width:44px; padding:0; font-size:0; gap:0;
        border-right:0; border-left:1px solid #ffffff1c;
    }
    .header .navPages-mobilePanel__section--search .navPages-mobileSearchPrefix__icon { width:18px; height:18px; }
    .header .navPages-list--mobileShop {
        grid-template-columns:minmax(0,1fr); gap:0; width:100%;
    }
    .header .navPages-list--mobileShop > .navPages-item {
        grid-column:1; padding:0; margin:0; border:0;
        --mobile-menu-accent:#b4b6ae;
    }
    .header .navPages-list--mobileShop > .navPages-item--logoBlue { --mobile-menu-accent:#5b97ca; }
    .header .navPages-list--mobileShop > .navPages-item--logoYellow { --mobile-menu-accent:#e6bc50; }
    .header .navPages-list--mobileShop > .navPages-item--logoRed { --mobile-menu-accent:#e55e53; }
    .header .navPages-list--mobileShop > .navPages-item--logoGold { --mobile-menu-accent:#bfa16a; }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action:not(.has-subMenu) {
        display:flex; justify-content:space-between; align-items:center;
        width:100%; min-height:48px; margin:0; padding:10px 0;
        border:0; border-bottom:1px solid #ffffff17; border-radius:0;
        background:none; background-image:none; box-shadow:none; filter:none;
        color:#eeeee8; -webkit-text-fill-color:currentColor;
        font:400 21px/1.2 "Bricolage Grotesque",Arial,sans-serif;
        letter-spacing:-.015em; text-align:left; text-transform:none;
    }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action:not(.has-subMenu)::after {
        content:""; display:block; flex:0 0 18px; width:18px; height:18px;
        background:var(--mobile-menu-accent);
        mask:url('../img/account-arrow-right.svg') center / contain no-repeat;
        -webkit-mask:url('../img/account-arrow-right.svg') center / contain no-repeat;
    }
    .header .navPages-list--mobileShop > .navPages-item--feature > .navPages-action:not(.has-subMenu) {
        min-height:56px; font-size:26px; font-weight:500;
    }
    .header .navPages-list--mobileShop > .navPages-item--art { padding-top:8px; }
    .header .navPages-list--mobileShop > .navPages-item--art > .navPages-action:not(.has-subMenu) { border-bottom:0; }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action:not(.has-subMenu):is(:hover,:focus-visible) {
        background:none; color:var(--mobile-menu-accent); filter:none;
    }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action:focus-visible {
        outline:1px solid currentColor; outline-offset:3px;
    }
    .header .navPages-mobilePanel__section--account {
        padding:20px 0 16px; margin:0 0 20px;
        border:0; border-top:1px solid #ffffff24; border-radius:0;
        background:none;
    }
    .header .navPages-mobilePanel__section--account .navPages-mobilePanel__sectionTitle { color:#a9c8dd; }
    .header .navPages-accountGate { gap:12px; }
    .header .navPages-accountGate__btn {
        min-height:44px; padding:10px 8px; font:400 14px/1.3 "Bricolage Grotesque",Arial,sans-serif;
        letter-spacing:0; border-color:#ffffff30; color:#eeeee8; background:none;
    }
    .header .navPages-accountGate__btn--primary {
        background:#174b70; border-color:#346886; color:#f3f3ef; font-weight:500;
    }
    .header .navPages-accountGate__btn--primary:is(:hover,:focus-visible) {
        background:#205d86; border-color:#6694b2; color:#fff;
    }
    .header .navPages-accountGate__btn:not(.navPages-accountGate__btn--primary):is(:hover,:focus-visible) {
        background:#ffffff0a; border-color:#8c9ba5; color:#f3f3ef;
    }
    .header .siteLanguageMobile {
        flex:0 0 auto; min-height:60px; margin-top:auto; padding:16px 0 0;
        border-top:1px solid #ffffff24; color:#eeeee8;
    }
    .header .siteLanguageMobile .siteLanguageSwitch > button { min-height:44px; }
}
@media(max-width:360px) {
    .header .navPages-mobilePanel__scroll { padding:20px 22px; }
    .header .navPages-list--mobileShop > .navPages-item > .navPages-action:not(.has-subMenu) { min-height:44px; font-size:20px; }
    .header .navPages-list--mobileShop > .navPages-item--feature > .navPages-action:not(.has-subMenu) { font-size:24px; }
}