:root {
    --hdi-mega-gold: #b08d3f;
    --hdi-mega-rail: #f6f4ef;
    --hdi-mega-border: #e5e1d8;
    --hdi-mega-text: #242424;
    --hdi-mega-muted: #898989;
}


/* =========================================================
   OLD THEME DROPDOWN
   ========================================================= */

@media (min-width: 1024px) {

    .elementor-2479
    .hdi-megamenu__has-panel
    > ul.sub-menu {
        display: none !important;
    }

}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    #masthead,
    .elementor-2479,
    .elementor-2479 .elementor-element-07e360b,
    .elementor-2479 .elementor-element-07e360b > .elementor-container,
    .elementor-2479 .elementor-element-41495db,
    .elementor-2479 .elementor-element-41495db > .elementor-widget-wrap,
    .elementor-2479 .elementor-element-9658a7a,
    .elementor-2479 .elementor-element-9658a7a .elementor-widget-container,
    .elementor-2479 .elementor-nav-menu-wrapper,
    .elementor-2479 .main-navigation,
    .elementor-2479 .primary-navigation {
        overflow: visible !important;
    }


    .elementor-2479
    .elementor-element-07e360b {
        position: relative !important;
        z-index: 9999 !important;
    }


    /* Existing source anchor remains in HTML for crawlability. */
    .hdi-megamenu__has-panel
    > .hdi-megamenu__source-link {
        display: none !important;
    }


    /* Top-level control generated by JS */
    .hdi-megamenu__trigger {
        appearance: none;
        -webkit-appearance: none;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;

        min-height: 44px;

        margin: 0;
        padding: 0 6px;

        border: 0;
        background: transparent;

        color: #111;

        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;

        cursor: pointer;
    }


    .hdi-megamenu__trigger:hover,
    .hdi-megamenu__trigger[aria-expanded="true"] {
        color: var(--hdi-mega-gold);
    }


    .hdi-megamenu__chevron {
        width: 6px;
        height: 6px;

        margin-top: -3px;

        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;

        transform: rotate(45deg);

        transition: transform 120ms ease;
    }


    .hdi-megamenu__trigger[aria-expanded="true"]
    .hdi-megamenu__chevron {
        margin-top: 3px;
        transform: rotate(225deg);
    }


    /* =====================================================
       FULL-WIDTH ROOM RAIL PANEL
       ===================================================== */

    .hdi-megamenu__desktop-panels {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        z-index: 999999;

        pointer-events: none;
    }


    .hdi-megamenu__panel {
        position: absolute;

        top: 0;
        left: 50%;

        width: min(
            1420px,
            calc(100vw - 44px)
        );

        height: 350px;

        display: grid;

        grid-template-columns:
            230px
            minmax(0, 1fr)
            300px;

        margin: 0;

        background: #fff;

        border:
            1px solid
            var(--hdi-mega-border);

        border-top:
            2px solid
            var(--hdi-mega-gold);

        box-shadow:
            0 20px 48px
            rgba(0,0,0,.11);

        opacity: 0;
        visibility: hidden;

        pointer-events: none;

        transform:
            translate(-50%, 4px);

        transition:
            opacity 120ms ease,
            transform 120ms ease,
            visibility 120ms ease;
    }


    .hdi-megamenu__panel[hidden] {
        display: none !important;
    }


    .hdi-megamenu__panel[data-hdi-open="true"] {
        opacity: 1;
        visibility: visible;

        pointer-events: auto;

        transform:
            translate(-50%, 0);
    }


    /* =====================================================
       LEFT RAIL
       ===================================================== */

    .hdi-megamenu__rail {
        display: flex;
        flex-direction: column;

        min-width: 0;
        min-height: 0;

        padding: 14px 0;

        background:
            var(--hdi-mega-rail);

        border-right:
            1px solid
            var(--hdi-mega-border);
    }


    .hdi-megamenu__rail-groups {
        display: flex;
        flex-direction: column;
    }


    .hdi-megamenu__rail-link {
        display: flex;
        align-items: center;

        min-height: 45px;

        padding:
            8px 18px
            8px 20px;

        border-left:
            3px solid transparent;

        color:
            var(--hdi-mega-text) !important;

        font-family:
            "Futura Book",
            Arial,
            sans-serif;

        font-size:
            13px;

        font-weight:
            400;

        line-height:
            1.3;

        text-decoration:
            none !important;

        transition:
            color 120ms ease,
            background-color 120ms ease,
            border-color 120ms ease;
    }


    .hdi-megamenu__rail-link:hover,
    .hdi-megamenu__rail-link:focus,
    .hdi-megamenu__rail-link.is-active {
        background: #fff;

        border-left-color:
            var(--hdi-mega-gold);

        color:
            #181818 !important;
    }


    .hdi-megamenu__rail-link.is-active {
        font-weight: 600;
    }


    .hdi-megamenu__rail-utility {
        margin-top: auto;

        padding:
            12px 18px 0;

        border-top:
            1px solid
            var(--hdi-mega-border);
    }


    .hdi-megamenu__rail-utility a {
        display: block;

        padding: 4px 2px;

        color: #555 !important;

        font-size: 11px;

        line-height: 1.4;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__rail-utility a:hover {
        color:
            var(--hdi-mega-gold) !important;
    }


    .hdi-megamenu__rail-utility
    .hdi-megamenu__sale-link {
        color:
            #b42318 !important;
    }


    /* =====================================================
       CENTER
       ===================================================== */

    .hdi-megamenu__center {
        min-width: 0;
        min-height: 0;

        padding:
            24px 30px;
    }


    .hdi-megamenu__center-pane {
        height: 100%;

        overflow-y: auto;

        overscroll-behavior:
            contain;

        scrollbar-width:
            thin;
    }


    .hdi-megamenu__center-pane[hidden] {
        display: none !important;
    }


    .hdi-megamenu__center-header {
        display: flex;
        align-items: baseline;

        gap: 6px;

        margin:
            0 0 20px;

        padding:
            0 0 10px;

        border-bottom:
            1px solid
            var(--hdi-mega-border);
    }


    .hdi-megamenu__center-header h3 {
        margin: 0;

        color:
            var(--hdi-mega-gold);

        font-family:
            Arial,
            sans-serif;

        font-size:
            11px;

        font-weight:
            600;

        line-height:
            1.2;

        letter-spacing:
            .11em;

        text-transform:
            uppercase;
    }


    .hdi-megamenu__center-header span {
        color:
            #999;

        font-size:
            10px;
    }


    .hdi-megamenu__category-list {
        columns: 3;

        column-gap: 42px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .hdi-megamenu__category-list li {
        break-inside: avoid;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .hdi-megamenu__category-link {
        position: relative;

        display: inline-block;

        margin:
            0 0 11px;

        color:
            var(--hdi-mega-text) !important;

        font-family:
            "Futura Book",
            Arial,
            sans-serif;

        font-size: 14px;

        font-weight: 400;

        line-height: 1.45;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__category-link::after {
        content: "";

        position: absolute;

        left: 0;
        bottom: -2px;

        width: 0;
        height: 1px;

        background:
            var(--hdi-mega-gold);

        transition:
            width 120ms ease;
    }


    .hdi-megamenu__category-link:hover,
    .hdi-megamenu__category-link:focus {
        color:
            var(--hdi-mega-gold) !important;
    }


    .hdi-megamenu__category-link:hover::after,
    .hdi-megamenu__category-link:focus::after {
        width: 100%;
    }


    /* =====================================================
       RIGHT FEATURE
       ===================================================== */

    .hdi-megamenu__features {
        min-width: 0;
        min-height: 0;

        padding:
            20px;

        border-left:
            1px solid
            var(--hdi-mega-border);
    }


    .hdi-megamenu__feature {
        height: 100%;
    }


    .hdi-megamenu__feature[hidden] {
        display: none !important;
    }


    .hdi-megamenu__feature-media {
        width: 100%;

        aspect-ratio:
            4 / 3;

        overflow: hidden;

        border-radius: 3px;

        background:
            #f2f0eb;
    }


    .hdi-megamenu__feature-image {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }


    .hdi-megamenu__feature-placeholder {
        width: 100%;
        height: 100%;

        background:
            linear-gradient(
                135deg,
                #f4f2ed,
                #e9e5dc
            );
    }


    .hdi-megamenu__feature-title {
        margin:
            12px 0 9px;

        color: #222;

        font-family:
            "Futura Book",
            Arial,
            sans-serif;

        font-size: 16px;

        font-weight: 500;

        line-height: 1.3;
    }


    .hdi-megamenu__feature-cta {
        display: inline-flex;
        align-items: center;

        min-height: 36px;

        padding:
            0 14px;

        background: #222;

        border:
            1px solid #222;

        color:
            #fff !important;

        font-family:
            Arial,
            sans-serif;

        font-size: 9px;

        font-weight: 600;

        letter-spacing:
            .07em;

        text-transform:
            uppercase;

        text-decoration:
            none !important;

        transition:
            color 120ms ease,
            background-color 120ms ease;
    }


    .hdi-megamenu__feature-cta:hover,
    .hdi-megamenu__feature-cta:focus {
        background: #fff;

        color:
            #222 !important;
    }


    /* =====================================================
       FOCUS
       ===================================================== */

    .hdi-megamenu__trigger:focus-visible,
    .hdi-megamenu__rail-link:focus-visible,
    .hdi-megamenu__category-link:focus-visible,
    .hdi-megamenu__feature-cta:focus-visible {

        outline:
            2px solid
            var(--hdi-mega-gold);

        outline-offset:
            3px;
    }

}


/* =========================================================
   MOBILE DRAWER
   ========================================================= */

.hdi-megamenu__drawer {
    display: none;
}


@media (max-width: 1023px) {

    body.hdi-megamenu-mobile-open {
        overflow:
            hidden !important;
    }


    .hdi-megamenu__drawer {
        position: fixed;

        inset: 0;

        z-index: 1000000;

        display: flex;
        flex-direction: column;

        background: #fff;
    }


    .hdi-megamenu__drawer[hidden] {
        display:
            none !important;
    }


    .hdi-megamenu__drawer-header {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            48px;

        gap: 10px;

        align-items: center;

        padding:
            14px 16px;

        border-bottom:
            1px solid
            var(--hdi-mega-border);
    }


    .hdi-megamenu__drawer-search
    input[type="search"] {
        width: 100%;

        min-height: 46px;

        padding:
            0 15px;

        border:
            1px solid #ddd9d1;

        border-radius:
            24px;

        background:
            #f8f7f4;

        font-size: 14px;
    }


    .hdi-megamenu__drawer-close {
        width: 44px;
        height: 44px;

        padding: 0;

        border: 0;

        background:
            transparent;

        font-size: 30px;

        cursor: pointer;
    }


    .hdi-megamenu__drawer-nav {
        flex: 1 1 auto;

        min-height: 0;

        overflow-y: auto;

        overscroll-behavior:
            contain;
    }


    .hdi-megamenu__mobile-direct,
    .hdi-megamenu__mobile-top {
        display: flex;

        align-items: center;
        justify-content:
            space-between;

        width: 100%;

        min-height: 52px;

        padding:
            0 18px;

        border: 0;

        border-bottom:
            1px solid #eeeae4;

        background: #fff;

        color:
            #222 !important;

        font-family:
            "Futura Book",
            Arial,
            sans-serif;

        font-size: 15px;

        font-weight: 500;

        text-align: left;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__mobile-top-panel {
        padding:
            6px 16px 13px;

        background:
            #faf9f6;
    }


    .hdi-megamenu__mobile-top-panel[hidden],
    .hdi-megamenu__mobile-group-panel[hidden] {
        display:
            none !important;
    }


    .hdi-megamenu__mobile-shop-all,
    .hdi-megamenu__mobile-child-direct {
        display: flex;

        align-items: center;

        min-height: 44px;

        color:
            #333 !important;

        font-size: 13px;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__mobile-group {
        border-top:
            1px solid #ebe7df;
    }


    .hdi-megamenu__mobile-group-trigger {
        display: flex;

        align-items: center;
        justify-content:
            space-between;

        width: 100%;

        min-height: 48px;

        padding: 0;

        border: 0;

        background:
            transparent;

        color:
            var(--hdi-mega-gold);

        font-size: 11px;

        font-weight: 600;

        letter-spacing:
            .09em;

        text-align: left;

        text-transform:
            uppercase;
    }


    .hdi-megamenu__mobile-group-panel {
        padding:
            0 0 8px 13px;

        border-left:
            2px solid #ded6c6;
    }


    .hdi-megamenu__mobile-group-panel a {
        display: flex;

        align-items: center;

        min-height: 44px;

        padding:
            0 8px;

        color:
            #333 !important;

        font-size: 13px;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__mobile-see-all {
        color:
            var(--hdi-mega-gold) !important;

        font-weight: 600;
    }


    .hdi-megamenu__drawer-utilities {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        flex: 0 0 auto;

        border-top:
            1px solid
            var(--hdi-mega-border);

        background:
            var(--hdi-mega-rail);
    }


    .hdi-megamenu__drawer-utilities a {
        display: flex;

        align-items: center;
        justify-content: center;

        min-height: 48px;

        padding:
            5px 8px;

        border-right:
            1px solid
            var(--hdi-mega-border);

        border-bottom:
            1px solid
            var(--hdi-mega-border);

        color:
            #333 !important;

        font-size: 12px;

        text-decoration:
            none !important;
    }


    .hdi-megamenu__drawer
    :focus-visible {
        outline:
            2px solid
            var(--hdi-mega-gold);

        outline-offset:
            -2px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (
    prefers-reduced-motion: reduce
) {

    .hdi-megamenu__panel,
    .hdi-megamenu__chevron,
    .hdi-megamenu__category-link::after {
        transition:
            none !important;
    }

}


/* =========================================================
   HDI ROOM RAIL — NAV TRIGGER CLEANUP
   Remove dark Umimo background from mega-menu items
   ========================================================= */

@media (min-width: 1024px) {

    /* Furniture / Decoration / Fabrics wrapper */
    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel,

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel:hover,

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel:focus-within {

        background:
            transparent !important;

        background-color:
            transparent !important;

        box-shadow:
            none !important;

        border:
            0 !important;
    }


    /* Our new accessible button */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:hover,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:focus,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:active {

        background:
            transparent !important;

        background-color:
            transparent !important;

        background-image:
            none !important;

        box-shadow:
            none !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        color:
            #111 !important;
    }


    /* Gold only when hover / keyboard focus / panel open */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:hover,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:focus-visible,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger[aria-expanded="true"] {

        color:
            #b08d3f !important;
    }


    /* Prevent theme pseudo elements adding background */
    .elementor-2479
    .elementor-element-9658a7a
    li.hdi-megamenu__has-panel::before,

    .elementor-2479
    .elementor-element-9658a7a
    li.hdi-megamenu__has-panel::after,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger::before,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger::after {

        background:
            transparent !important;

        box-shadow:
            none !important;
    }

}


/* =========================================================
   HDI HEADER FINAL POLISH
   - Mega triggers no longer bold
   - Remove whitespace between nav and hero
   ========================================================= */

@media (min-width: 1024px) {

    /* =====================================================
       1. MEGA MENU TOP-LEVEL TEXT
       Same appearance as normal navigation links
       ===================================================== */

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger
    .menu-title {

        font-family:
            "Futura Book",
            Arial,
            sans-serif !important;

        font-weight:
            400 !important;

        color:
            #111 !important;
    }


    /* Hover / open = gold, but still not bold */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:hover,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:hover
    .menu-title,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger[aria-expanded="true"],

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger[aria-expanded="true"]
    .menu-title {

        color:
            #b08d3f !important;

        font-weight:
            400 !important;
    }


    /* =====================================================
       2. REMOVE NAV → HERO GAP
       ===================================================== */

    .elementor-2479
    .elementor-element-07e360b {

        margin-top:
            0 !important;

        margin-bottom:
            0 !important;

        padding-top:
            0 !important;

        padding-bottom:
            0 !important;
    }


    .elementor-2479
    .elementor-element-07e360b
    > .elementor-container {

        margin-bottom:
            0 !important;

        padding-bottom:
            0 !important;
    }


    .elementor-2479
    .elementor-element-41495db,

    .elementor-2479
    .elementor-element-41495db
    > .elementor-widget-wrap,

    .elementor-2479
    .elementor-element-9658a7a,

    .elementor-2479
    .elementor-element-9658a7a
    > .elementor-widget-container,

    .elementor-2479
    .elementor-element-9658a7a
    .elementor-nav-menu-wrapper,

    .elementor-2479
    .elementor-element-9658a7a
    .main-navigation,

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation {

        margin-bottom:
            0 !important;

        padding-bottom:
            0 !important;
    }


    /*
     * Remove extra bottom spacing sometimes inherited
     * from Elementor widget.
     */
    .elementor-2479
    .elementor-element-9658a7a {

        margin-bottom:
            0 !important;
    }


    /*
     * Header itself should end exactly after navigation.
     */
    #masthead {

        margin-bottom:
            0 !important;

        padding-bottom:
            0 !important;
    }


    /*
     * Prevent a paragraph/empty spacing after header.
     */
    #masthead + .site-content,
    #masthead + #content {

        margin-top:
            0 !important;

        padding-top:
            0 !important;
    }

}


/* =========================================================
   HDI HEADER REPAIR
   Fix stretched nav spacing + balance sizes
   ========================================================= */

@media (min-width: 1024px) {

    /* =====================================================
       1. NORMALIZE NAV ROW LAYOUT
       ===================================================== */

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.menu-item {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        background: transparent !important;
    }


    /* =====================================================
       2. MAKE ROOM-RAIL ITEMS SAME SIZE AS NORMAL ITEMS
       ===================================================== */

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.menu-item
    > a,

    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.menu-item
    > .hdi-megamenu__trigger {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger .menu-title {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__chevron {
        margin-left: 6px !important;
    }


    /* hide original anchor text only for room-rail items */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__has-panel
    > a.hdi-megamenu__source-link {
        display: none !important;
    }


    /* =====================================================
       3. REMOVE GAP TO HERO, BUT ONLY LOCALLY
       ===================================================== */

    #masthead {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .elementor-2479
    .elementor-element-07e360b {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .elementor-2479
    .elementor-element-9658a7a {
        margin-bottom: 0 !important;
    }

    .elementor-2479
    .elementor-element-9658a7a
    .elementor-widget-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* =====================================================
       4. KEEP PANEL FLUSH UNDER NAV
       ===================================================== */

    .hdi-megamenu__desktop-panels {
        top: calc(100% - 1px) !important;
    }

}


/* =========================================================
   HDI ROOM RAIL — REMOVE DUPLICATE TOP LEVEL LINK
   ========================================================= */

@media (min-width: 1024px) {

    /*
     * Hide original Umimo top-level anchor.
     * Room Rail JS button becomes the visible trigger.
     *
     * Only affects Furniture / Decoration / Fabrics etc
     * that have hdi-megamenu__has-panel.
     */
    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel
    > a {

        display:
            none !important;
    }


    /*
     * Make generated trigger behave exactly
     * like a normal nav item.
     */
    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel
    > .hdi-megamenu__trigger {

        display:
            inline-flex !important;

        align-items:
            center !important;

        gap:
            6px !important;

        min-height:
            54px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        color:
            #111 !important;

        font-family:
            "Futura Book",
            Arial,
            sans-serif !important;

        font-size:
            14px !important;

        font-weight:
            400 !important;

        line-height:
            1.2 !important;

        white-space:
            nowrap !important;
    }


    .elementor-2479
    .elementor-element-9658a7a
    .primary-navigation
    > ul.menu
    > li.hdi-megamenu__has-panel
    > .hdi-megamenu__trigger
    .menu-title {

        font-size:
            inherit !important;

        font-weight:
            400 !important;

        color:
            inherit !important;
    }


    /*
     * Hover / open.
     */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger:hover,

    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__trigger[aria-expanded="true"] {

        color:
            #b08d3f !important;
    }

}

/* =========================================================
   HDI MEGAMENU — COMPACT MODE
   Lighting / Cushions / Rugs / Curtains
   ========================================================= */

@media (min-width: 1024px) {

    /* Compact panels should not inherit the tall rail layout */
    .hdi-megamenu__panel--compact {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        background: #fff !important;
    }

    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-main {
        width: 100% !important;
        max-width: 1420px !important;
        margin: 0 auto !important;
        padding: 28px 38px 32px !important;
        box-sizing: border-box !important;
    }

    /* Header */
    .hdi-megamenu__compact-header {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 32px !important;
        margin: 0 0 22px !important;
        padding: 0 0 20px !important;
        border-bottom: 1px solid #e7e4df !important;
    }

    .hdi-megamenu__compact-eyebrow {
        display: block !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        color: #171717 !important;
    }

    .hdi-megamenu__compact-count {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        color: #777 !important;
    }

    .hdi-megamenu__compact-view-all {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 0 2px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
        color: #222 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        background: transparent !important;
    }

    .hdi-megamenu__compact-view-all:hover {
        text-decoration: underline !important;
        text-underline-offset: 4px !important;
    }

    /* Category cards */
    .hdi-megamenu__compact-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hdi-megamenu__compact-item {
        position: relative !important;
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 18px 24px 18px 0 !important;
        border-right: 1px solid #e7e4df !important;
        text-decoration: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .hdi-megamenu__compact-item + .hdi-megamenu__compact-item {
        padding-left: 24px !important;
    }

    .hdi-megamenu__compact-item:nth-child(4n) {
        border-right: 0 !important;
    }

    .hdi-megamenu__compact-item:hover,
    .hdi-megamenu__compact-item.is-active {
        background: #faf9f7 !important;
    }

    .hdi-megamenu__compact-item
    .hdi-megamenu__category-link {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #191919 !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    .hdi-megamenu__compact-item
    .hdi-megamenu__compact-arrow {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        font-size: 16px !important;
        line-height: 1 !important;
        transition: transform .18s ease !important;
    }

    .hdi-megamenu__compact-item:hover
    .hdi-megamenu__compact-arrow {
        transform: translateX(3px) !important;
    }

    /* Some compact items use the item itself as the link */
    .hdi-megamenu__compact-item {
        color: #191919 !important;
    }

    .hdi-megamenu__compact-grid
    .menu-title,
    .hdi-megamenu__compact-grid
    .hdi-megamenu__category-link {
        font-size: 15px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
    }

    /* Compact menus do not need the rail feature column */
    .hdi-megamenu__panel--compact
    .hdi-megamenu__features--compact {
        display: none !important;
    }

}


/* Slightly tighter desktop widths */
@media (min-width: 1024px) and (max-width: 1250px) {

    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-main {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .hdi-megamenu__compact-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .hdi-megamenu__compact-item:nth-child(4n) {
        border-right: 1px solid #e7e4df !important;
    }

    .hdi-megamenu__compact-item:nth-child(3n) {
        border-right: 0 !important;
    }

}


/* =========================================================
   HDI COMPACT MENU V2
   Reset inherited Room Rail grid
   ========================================================= */

@media (min-width: 1024px) {

    /* IMPORTANT:
       Compact panels must NOT use the 3-column Room Rail grid. */
    .hdi-megamenu__panel.hdi-megamenu__panel--compact {
        display: block !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        background: #fff !important;
    }

    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-main {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 24px 36px 28px !important;

        box-sizing: border-box !important;
    }

    /* Header */
    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-header {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 0 18px !important;
        padding: 0 0 18px !important;

        border-bottom: 1px solid #e5e2dc !important;
    }

    .hdi-megamenu__compact-eyebrow {
        margin: 0 0 4px !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
    }

    .hdi-megamenu__compact-count {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #777 !important;
    }

    .hdi-megamenu__compact-view-all {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
    }

    /* Categories */
    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-grid {
        display: grid !important;
        grid-template-columns: repeat(
            auto-fit,
            minmax(190px, 1fr)
        ) !important;

        gap: 0 !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The item itself IS the anchor */
    .hdi-megamenu__panel--compact
    a.hdi-megamenu__compact-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 24px !important;

        border-right: 1px solid #e5e2dc !important;

        color: #1b1b1b !important;
        text-decoration: none !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;

        box-sizing: border-box !important;
    }

    .hdi-megamenu__panel--compact
    a.hdi-megamenu__compact-item:first-child {
        padding-left: 0 !important;
    }

    .hdi-megamenu__panel--compact
    a.hdi-megamenu__compact-item:last-child {
        border-right: 0 !important;
    }

    .hdi-megamenu__panel--compact
    a.hdi-megamenu__compact-item:hover,
    .hdi-megamenu__panel--compact
    a.hdi-megamenu__compact-item.is-active {
        color: #a87820 !important;
        background: transparent !important;
    }

    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-item > span:first-child {
        display: block !important;
        min-width: 0 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .hdi-megamenu__panel--compact
    .hdi-megamenu__compact-arrow {
        display: inline-block !important;
        flex: 0 0 auto !important;

        margin-left: 14px !important;

        font-size: 15px !important;
        line-height: 1 !important;
    }

    /* Feature column isn't used by compact menus */
    .hdi-megamenu__panel--compact
    .hdi-megamenu__features--compact {
        display: none !important;
    }

}


/* =========================================================
   HDI ROOM RAIL — WIDE DESKTOP PANEL
   Furniture / Decoration / Fabrics
   Centered to viewport, not to individual trigger
   ========================================================= */

@media (min-width: 1024px) {

    /*
     * Expand rail mega menu beyond the navigation container.
     *
     * Target:
     * - max width 1760px
     * - minimum viewport gutter 40px
     * - always centered to viewport
     *
     * Compact panels are intentionally NOT affected.
     */
    .hdi-megamenu__panel.hdi-megamenu__panel--rail {

        width:
            min(
                1760px,
                calc(100vw - 80px)
            ) !important;

        max-width: none !important;

        /*
         * Parent mega-menu container is centered.
         * Pull the wider rail panel equally to the left/right
         * so its center remains aligned with the viewport.
         */
        margin-left:
            calc(
                50% -
                min(
                    880px,
                    calc(50vw - 40px)
                )
            ) !important;

        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

}


/* =========================================================
   HDI MEGAMENU — WIDE WRAPPER V2
   Expand the actual desktop panel container
   ========================================================= */

@media (min-width: 1024px) {

    /*
     * The old limitation is on this parent wrapper.
     * Center it to the same center axis as the header,
     * but allow it to grow close to viewport width.
     */
    .elementor-2479
    .elementor-element-9658a7a
    .hdi-megamenu__desktop-panels {

        left: 50% !important;
        right: auto !important;

        width: calc(100vw - 80px) !important;
        max-width: 1760px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: translateX(-50%) !important;

        box-sizing: border-box !important;
    }


    /*
     * Furniture / Decoration / Fabrics
     * use all available wide-wrapper space.
     */
    .hdi-megamenu__desktop-panels
    > .hdi-megamenu__panel--rail {

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*
     * Keep Lighting / Cushions / Rugs / Curtains
     * at the compact width we already approved.
     */
    .hdi-megamenu__desktop-panels
    > .hdi-megamenu__panel--compact {

        width: min(1420px, 100%) !important;
        max-width: 1420px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}