@media (min-width: 1200px) {
    /* The modern/simple desktop bar creates its own stacking context. Keep the
       topbar language card above that bar while it is open. */
    .dynamic-header-layout-cosmetic .dynamic-store-topbar,
    .dynamic-header-layout-furniture .dynamic-store-topbar {
        position: relative;
        z-index: 1100;
        overflow: visible;
    }

    .dynamic-header-layout-cosmetic .storefront-language-topbar,
    .dynamic-header-layout-cosmetic .storefront-language-host,
    .dynamic-header-layout-furniture .storefront-language-topbar,
    .dynamic-header-layout-furniture .storefront-language-host {
        z-index: 1101;
    }

    .dynamic-header-layout-cosmetic .storefront-language-menu .sub-menu,
    .dynamic-header-layout-furniture .storefront-language-menu .sub-menu {
        z-index: 1102 !important;
    }

    /* Modern and simple headers keep the language trigger in the topbar.
       Place the card below that trigger instead of reserving an empty row
       inside the dropdown. */
    .dynamic-header-layout-cosmetic .storefront-language-menu--desktop
        .storefront-language-dropdown > .sub-menu,
    .dynamic-header-layout-furniture .storefront-language-menu--desktop
        .storefront-language-dropdown > .sub-menu {
        padding: 7px !important;
        top: calc(100% - 4px) !important;
    }

    .dynamic-header-layout-cosmetic .dynamic-header-base-main,
    .dynamic-header-layout-cosmetic .dynamic-header-base-nav,
    .dynamic-header-layout-furniture .dynamic-header-base-main,
    .dynamic-header-layout-furniture .dynamic-header-base-nav {
        display: none !important;
    }

    .dynamic-header-variant {
        position: relative;
        z-index: 1001;
        min-height: 76px;
    }

    .dynamic-header-variant__row {
        display: flex;
        align-items: center;
        min-height: 76px;
        gap: clamp(18px, 2vw, 36px);
    }

    .dynamic-header-variant__logo {
        flex: 0 0 auto;
        line-height: 0;
    }

    .dynamic-header-variant__logo img {
        display: block;
        max-height: 48px;
        object-fit: contain;
    }

    .dynamic-header-variant__navigation {
        flex: 1 1 auto;
        min-width: 0;
    }

    .dynamic-header-variant__navigation .dynamic-header-navigation > .mainmenu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: clamp(12px, 1.4vw, 28px);
    }

    .dynamic-header-variant__navigation .dynamic-header-navigation > .mainmenu > li {
        flex: 0 0 auto;
    }

    .dynamic-header-variant__navigation .dynamic-header-navigation > .mainmenu > li > a {
        padding: 27px 8px !important;
        white-space: nowrap;
    }

    /* Keep the menu hover badges at the same comfortable width as the
       classic header. The shared theme rule draws the badge at 100% of the
       anchor, so removing horizontal padding made it stick to the text. */
    .dynamic-header-variant--cosmetic
        .dynamic-header-navigation > .mainmenu.has-nav-bg-shape-hover > li > a::after {
        background: rgba(255, 255, 255, 0.15);
    }

    .dynamic-header-variant--cosmetic
        .dynamic-header-navigation > .mainmenu.has-nav-bg-shape-hover > li.active > a,
    .dynamic-header-variant--cosmetic
        .dynamic-header-navigation > .mainmenu.has-nav-bg-shape-hover > li:hover > a {
        color: #fff !important;
    }

    .dynamic-header-actions {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        gap: 8px;
        margin: 0;
    }

    .dynamic-header-actions > li {
        margin: 0 !important;
    }

    .dynamic-header-actions .rbt-round-btn {
        position: relative;
    }

    /* The dynamic search trigger does not use the legacy trigger class. Hide
       the close glyph completely while idle so one of its bars cannot sit on
       top of the magnifier, then draw the full X only while search is open. */
    .dynamic-header-search-trigger .modern-close-wrapper::before,
    .dynamic-header-search-trigger .modern-close-wrapper::after {
        background: currentColor !important;
        opacity: 0;
        visibility: hidden;
    }

    .dynamic-header-search-trigger.open .search-icon::before {
        opacity: 0;
        visibility: hidden;
    }

    .dynamic-header-search-trigger.open .modern-close-wrapper::before,
    .dynamic-header-search-trigger.open .modern-close-wrapper::after {
        opacity: 1;
        visibility: visible;
    }

    .dynamic-header-search-trigger.open .modern-close-wrapper::before {
        transform: rotate(45deg);
    }

    .dynamic-header-search-trigger.open .modern-close-wrapper::after {
        transform: rotate(-45deg);
    }

    .dynamic-header-actions .rbt-round-btn::after,
    .dynamic-header-actions .rbt-round-btn:hover::after,
    .dynamic-header-actions .rbt-round-btn:focus::after,
    .dynamic-header-actions .rbt-round-btn.open::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        transform: none !important;
    }

    .dynamic-header-actions .access-box-count {
        position: absolute;
        top: -6px;
        right: -5px;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border-radius: 999px;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        color: #fff;
        background: #ff4c0d;
    }

    .dynamic-header-variant--cosmetic {
        color: #fff;
        background: var(--color-primary, #215ada);
    }

    .dynamic-header-variant--cosmetic .dynamic-header-navigation > .mainmenu > li > a,
    .dynamic-header-variant--cosmetic .dynamic-header-actions .rbt-round-btn {
        color: #fff !important;
    }

    .dynamic-header-variant--cosmetic .dynamic-header-actions .rbt-round-btn {
        background: rgba(255, 255, 255, 0.12);
    }

    .dynamic-header-variant--cosmetic .dynamic-header-actions .rbt-round-btn:hover,
    .dynamic-header-variant--cosmetic .dynamic-header-actions .rbt-round-btn:focus-visible {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.12) !important;
    }

    .dynamic-header-account {
        width: 42px;
        max-width: 42px;
        overflow: hidden;
        border-radius: 999px;
    }

    .dynamic-header-account__link {
        display: flex;
        width: 42px;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        border-radius: inherit;
    }

    .dynamic-header-account__icon {
        flex: 0 0 42px;
        width: 42px !important;
        height: 42px !important;
        background: transparent !important;
    }

    .dynamic-header-account__icon::after,
    .dynamic-header-account__icon:hover::after,
    .dynamic-header-account__icon:focus::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        transform: none !important;
    }

    .dynamic-header-variant--cosmetic .dynamic-header-account__link {
        color: #fff;
        background: rgba(255, 255, 255, 0.12);
    }

    .dynamic-header-variant--cosmetic .dynamic-header-account__link:hover,
    .dynamic-header-variant--cosmetic .dynamic-header-account__link:focus-visible {
        color: #fff;
        background: rgba(255, 255, 255, 0.12);
    }

    .dynamic-header-variant--furniture {
        color: #111;
        background: #fff;
        border-bottom: 1px solid #e6e6e6;
    }

    .dynamic-header-variant--furniture .dynamic-header-navigation > .mainmenu > li > a,
    .dynamic-header-variant--furniture .dynamic-header-actions .rbt-round-btn {
        color: #111 !important;
    }

    .dynamic-header-variant--furniture .dynamic-header-actions .rbt-round-btn:hover,
    .dynamic-header-variant--furniture .dynamic-header-actions .rbt-round-btn:focus-visible {
        color: #111 !important;
        background: transparent !important;
    }

    .dynamic-header-variant--furniture .dynamic-header-account__link {
        color: #111;
        background: var(--color-gray-100, #f3f3f3);
    }

    .dynamic-header-variant--furniture .dynamic-header-account__link:hover,
    .dynamic-header-variant--furniture .dynamic-header-account__link:focus-visible {
        color: #111;
        background: var(--color-gray-100, #f3f3f3);
    }

    .dynamic-header-variant .dynamic-header-actions .dynamic-header-account .dynamic-header-account__icon,
    .dynamic-header-variant .dynamic-header-actions .dynamic-header-account .dynamic-header-account__icon:hover,
    .dynamic-header-variant .dynamic-header-actions .dynamic-header-account .dynamic-header-account__icon:focus {
        background: transparent !important;
    }

    .dynamic-header-category {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        gap: 9px;
        color: #111;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }

    .dynamic-header-category:hover {
        color: var(--color-primary, #215ada);
    }

    .dynamic-header-layout-cosmetic .rbt-header-common-sticky-activation {
        background: var(--color-primary, #215ada) !important;
    }

    .dynamic-header-layout-cosmetic .rbt-header-common-sticky-activation .dynamic-header-navigation > .mainmenu > li > a,
    .dynamic-header-layout-cosmetic .rbt-header-common-sticky-activation .rbt-round-btn {
        color: #fff !important;
    }

    .dynamic-header-layout-cosmetic .rbt-header-common-sticky-activation
        .dynamic-header-actions .rbt-round-btn,
    .dynamic-header-layout-cosmetic .rbt-header-common-sticky-activation
        .dynamic-header-actions .dynamic-header-account__link {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.12) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dynamic-header-variant__row {
        gap: 14px;
    }

    .dynamic-header-variant__navigation .dynamic-header-navigation > .mainmenu {
        gap: 12px;
    }

    .dynamic-header-variant--furniture .dynamic-header-category span {
        display: none;
    }
}