/* Holdenim header style using native Kadence builder items. */
body.hdn-header-template {
    --hdn-header-accent: #c99339;
    --hdn-header-nav-size: 12px;
    --hdn-header-nav-gap-desktop: 14px;
    --hdn-header-right-gap: 10px;
    --hdn-header-right-offset: 16px;
    --hdn-logo-desktop-width: 180px;
    --hdn-logo-mobile-width: 140px;
    --hdn-logo-desktop-width-transparent: 180px;
    --hdn-logo-mobile-width-transparent: 140px;
    --hdn-header-drawer-menu-size: 20px;
    --hdn-header-solid-desktop-bg: #0f172a;
    --hdn-header-solid-mobile-bg: #0f172a;
    --hdn-header-drawer-bg: #0f172a;
    --hdn-header-drawer-text: #f6f2ea;
    --hdn-header-drawer-accent: #c99339;
    --hdn-header-nav-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hdn-header-display-font: "DM Serif Display", Georgia, serif;
    --hdn-trigger-size: 52px;
    --hdn-trigger-icon-size: 18px;
    --hdn-trigger-border-width: 1px;
    --hdn-trigger-radius: 999px;
    --hdn-trigger-color: #f6f2ea;
    --hdn-trigger-border-color: #f6f2ea;
    --hdn-trigger-bg: #0f172a;
    --hdn-trigger-hover-color: #c99339;
    --hdn-trigger-hover-border: #c99339;
    --hdn-trigger-hover-bg: #0f172a;
    --hdn-trigger-custom-icon: none;
}

body.hdn-header-template.transparent-header {
    --hdn-logo-desktop-width: var(--hdn-logo-desktop-width-transparent);
}

body.hdn-header-template.mobile-transparent-header {
    --hdn-logo-mobile-width: var(--hdn-logo-mobile-width-transparent);
}

body.hdn-header-template:not(.transparent-header) #main-header .site-top-header-wrap .site-header-row-container-inner,
body.hdn-header-template:not(.transparent-header) #main-header .site-main-header-wrap .site-header-row-container-inner {
    background: var(--hdn-header-solid-desktop-bg) !important;
}

body.hdn-header-template:not(.mobile-transparent-header) #mobile-header .site-main-header-wrap .site-header-row-container-inner {
    background: var(--hdn-header-solid-mobile-bg) !important;
}

body.hdn-header-template #main-header .header-html-inner > p,
body.hdn-header-template #mobile-drawer .mobile-html-inner > p {
    margin: 0;
}

@media (min-width: 1025px) {
    body.hdn-header-template #main-header .site-top-header-inner-wrap {
        min-height: 76px !important;
        column-gap: clamp(0.5rem, 1vw, 1.1rem);
        flex-wrap: nowrap;
    }

    body.hdn-header-template #main-header .site-branding .custom-logo {
        width: auto;
        height: auto;
        max-height: none;
    }

    body.hdn-header-template #main-header .site-header-top-section-left,
    body.hdn-header-template #main-header .site-header-top-section-center,
    body.hdn-header-template #main-header .site-header-top-section-right {
        min-width: 0;
    }

    body.hdn-header-template #main-header .site-header-top-section-center {
        flex: 1 1 0;
        margin-inline: clamp(0.4rem, 0.7vw, 0.75rem);
    }

    body.hdn-header-template #main-header .site-header-top-section-center .site-header-item-main-navigation,
    body.hdn-header-template #main-header .main-navigation,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container {
        width: 100%;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: clamp(0.48rem, 0.8vw, var(--hdn-header-nav-gap-desktop));
        max-width: 100%;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item {
        flex: 0 0 auto;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a {
        position: relative;
        padding: 0.3rem 0 0.42rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        white-space: nowrap;
        font-family: var(--hdn-header-nav-font);
        font-size: var(--hdn-header-nav-size);
        font-weight: 600;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        color: rgba(246, 242, 234, 0.98) !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a .dropdown-nav-toggle,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a .kadence-svg-iconset {
        color: inherit !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.06rem;
        height: 1px;
        background: currentColor;
        transform: scaleX(0.35);
        opacity: 0;
        transition: transform 0.24s ease, opacity 0.24s ease;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.current_page_item > a::after {
        opacity: 1;
        transform: scaleX(1);
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.current-menu-item > a,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.current_page_item > a {
        color: var(--hdn-header-accent) !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children {
        position: relative;
        z-index: 8;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children::after {
        content: "";
        position: absolute;
        left: -1.15rem;
        right: -1.15rem;
        top: 100%;
        height: 34px;
        pointer-events: auto;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu {
        display: flex;
        flex-direction: column;
        gap: 0;
        list-style: none;
        margin: 0;
        padding: 0.45rem 0;
        min-width: 176px;
        border: 0 !important;
        border-radius: 0 !important;
        border-top: 1px solid rgba(176, 141, 87, 0.78) !important;
        background: rgba(15, 23, 42, 0.94) !important;
        box-shadow: 0 24px 54px rgba(2, 6, 23, 0.34) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        position: absolute;
        left: 50%;
        top: calc(100% + 1.55rem);
        transform: translate(-50%, -8px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
        z-index: 92;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > a {
        position: relative;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children.is-open > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
        transition-delay: 0s;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li {
        margin: 0;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li + li > a {
        border-top: 1px solid rgba(246, 242, 234, 0.08) !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 40px;
        padding: 0.72rem 1rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: var(--hdn-header-nav-font);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: rgba(246, 242, 234, 0.94) !important;
        transition: color 0.16s ease, background-color 0.16s ease;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li.hdn-auto-collection-homme > a {
        color: rgba(176, 141, 87, 0.97) !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li.current-menu-item > a,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li > a:hover,
    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item-has-children > ul.sub-menu > li > a:focus-visible {
        background: rgba(246, 242, 234, 0.06) !important;
        color: var(--hdn-header-accent) !important;
    }

    body.hdn-header-template #main-header .site-header-top-section-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        gap: 0;
        margin-left: var(--hdn-header-right-offset);
        white-space: nowrap;
    }

    body.hdn-header-template #main-header .site-header-top-section-right .site-header-item {
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.hdn-header-template #main-header .site-header-item[data-item="html"],
    body.hdn-header-template #main-header .site-header-item[data-section="kadence_customizer_header_html"] {
        margin-left: var(--hdn-header-right-gap) !important;
    }

    body.hdn-header-template #main-header .header-button-wrap,
    body.hdn-header-template #main-header .header-cart-wrap,
    body.hdn-header-template #main-header .header-html {
        margin: 0 !important;
    }

    body.hdn-header-template #main-header .site-header-item[data-item="button"] + .site-header-item[data-item="cart"] {
        margin-left: 0 !important;
    }

    body.hdn-header-template #main-header .site-header-item[data-section="kadence_customizer_header_button"] + .site-header-item[data-section="kadence_customizer_cart"] {
        margin-left: 0 !important;
    }

    body.hdn-header-template #main-header .header-button-wrap .header-button,
    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        height: 36px;
        min-height: 36px;
        padding: 0.34rem 1.2rem;
        border: 1px solid rgba(246, 242, 234, 0.62) !important;
        background: transparent !important;
        color: rgba(246, 242, 234, 0.98) !important;
        font-family: var(--hdn-header-nav-font);
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.115em;
        text-transform: uppercase;
        line-height: 1;
        text-decoration: none;
        box-shadow: none !important;
        transition: border-color 0.22s ease, color 0.22s ease, background-color 0.22s ease;
    }

    body.hdn-header-template #main-header .header-button-wrap .header-button {
        border-radius: 999px 0 0 999px !important;
        border-right-width: 0 !important;
        padding-right: 0.9rem;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        position: relative;
        border-radius: 0 999px 999px 0 !important;
        margin-left: 0 !important;
        padding-left: 1.05rem;
        padding-right: 1.05rem;
        border-left-width: 0 !important;
        gap: 0.42rem;
        overflow: visible;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 0.92em;
        transform: translateY(-50%);
        background: currentColor;
        opacity: 0.44;
    }

    body.hdn-header-template #main-header .header-button-wrap .header-button:hover,
    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button:hover {
        border-color: var(--hdn-header-accent) !important;
        color: var(--hdn-header-accent) !important;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button .kadence-svg-iconset,
    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button .header-cart-icon {
        display: none !important;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-total {
        position: static !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 16px;
        box-sizing: border-box;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(246, 242, 234, 0.96) !important;
        color: #0f172a !important;
        font-size: 9px !important;
        font-weight: 800;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-align: center;
        transform: none !important;
        box-shadow: none !important;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-total::before {
        content: none !important;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-total::after {
        content: none !important;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button:hover .header-cart-total {
        background: var(--hdn-header-accent) !important;
        color: #0f172a !important;
    }

    body.hdn-header-template #main-header .header-html .hdn-header-language {
        display: inline-flex;
        align-items: center;
        gap: 0.48rem;
        font-family: var(--hdn-header-nav-font);
        font-size: 0.78rem;
        letter-spacing: 0.115em;
        text-transform: uppercase;
        white-space: nowrap;
        color: rgba(246, 242, 234, 0.98);
    }

    body.hdn-header-template #main-header .header-html .hdn-header-language a {
        color: inherit;
        text-decoration: none;
    }

    body.hdn-header-template #main-header .header-html .hdn-header-language a:hover {
        color: var(--hdn-header-accent);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    body.hdn-header-template #main-header .site-top-header-inner-wrap {
        min-height: 74px !important;
    }

    body.hdn-header-template #main-header .site-branding .custom-logo {
        max-height: none !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul {
        gap: clamp(0.36rem, 0.68vw, calc(var(--hdn-header-nav-gap-desktop) * 0.8));
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a {
        font-size: max(11px, calc(var(--hdn-header-nav-size) - 1px));
        letter-spacing: 0.095em;
    }

    body.hdn-header-template #main-header .site-header-top-section-right {
        margin-left: max(0px, calc(var(--hdn-header-right-offset) * 0.72));
        gap: 0;
    }

    body.hdn-header-template #main-header .header-button-wrap .header-button,
    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        min-height: 34px;
        padding: 0.24rem 0.82rem;
        font-size: 0.7rem;
        letter-spacing: 0.095em;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        padding-left: 0.9rem;
    }

    body.hdn-header-template #main-header .header-html .hdn-header-language {
        font-size: 0.72rem;
        letter-spacing: 0.095em;
    }

    body.hdn-header-template #main-header .site-header-top-section-right [data-section="kadence_customizer_header_html"] {
        margin-left: max(0px, calc(var(--hdn-header-right-gap) * 0.58)) !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    body.hdn-header-template #main-header .site-top-header-inner-wrap {
        min-height: 70px !important;
    }

    body.hdn-header-template #main-header .site-branding .custom-logo {
        max-height: none !important;
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul {
        gap: max(0.26rem, calc(var(--hdn-header-nav-gap-desktop) * 0.58));
    }

    body.hdn-header-template #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a {
        font-size: max(10px, calc(var(--hdn-header-nav-size) - 2px));
        letter-spacing: 0.09em;
    }

    body.hdn-header-template #main-header .site-header-top-section-right {
        margin-left: max(0px, calc(var(--hdn-header-right-offset) * 0.45));
        gap: 0;
    }

    body.hdn-header-template #main-header .header-button-wrap .header-button,
    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        min-height: 32px;
        padding: 0.2rem 0.64rem;
        font-size: 0.66rem;
        letter-spacing: 0.09em;
    }

    body.hdn-header-template #main-header .header-cart-wrap .header-cart-button {
        padding-left: 0.78rem;
    }

    body.hdn-header-template #main-header .header-html {
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1499px) {
    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .site-top-header-inner-wrap {
        min-height: 72px !important;
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .main-navigation .primary-menu-container > ul {
        gap: clamp(0.32rem, 0.58vw, calc(var(--hdn-header-nav-gap-desktop) * 0.72));
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a {
        font-size: max(10px, calc(var(--hdn-header-nav-size) - 1px));
        letter-spacing: 0.095em;
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .site-header-top-section-right {
        margin-left: max(0px, calc(var(--hdn-header-right-offset) * 0.56));
        gap: 0;
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-button-wrap .header-button,
    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-cart-wrap .header-cart-button {
        min-height: 33px;
        padding: 0.2rem 0.74rem;
        font-size: 0.68rem;
        letter-spacing: 0.095em;
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-cart-wrap .header-cart-button {
        padding-left: 0.86rem;
    }
}

@media (max-width: 1024px) {
    body.hdn-header-template.hdn-mobile-logo-hidden #mobile-header .site-header-main-section-left,
    body.hdn-header-template.hdn-mobile-logo-hidden #mobile-header .mobile-site-branding {
        display: none !important;
    }

    body.hdn-header-template.hdn-mobile-logo-hidden #mobile-header .site-main-header-inner-wrap {
        justify-content: flex-end;
    }

    body.hdn-header-template #mobile-header .site-main-header-inner-wrap {
        min-height: 82px !important;
        align-items: center;
    }

    body.hdn-header-template #mobile-header .mobile-site-branding .custom-logo,
    body.hdn-header-template #mobile-header .site-branding .custom-logo {
        width: auto !important;
        max-height: none !important;
        height: auto !important;
    }

    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-open,
    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus {
        width: var(--hdn-trigger-size);
        height: var(--hdn-trigger-size);
        min-height: var(--hdn-trigger-size);
        padding: 0;
        border-radius: var(--hdn-trigger-radius);
        border: var(--hdn-trigger-border-width) solid var(--hdn-trigger-border-color) !important;
        background: var(--hdn-trigger-bg) !important;
        color: var(--hdn-trigger-color) !important;
        box-shadow: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-open:hover {
        color: var(--hdn-trigger-hover-color) !important;
        border-color: var(--hdn-trigger-hover-border) !important;
        background: var(--hdn-trigger-hover-bg) !important;
    }

    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-icon svg {
        width: var(--hdn-trigger-icon-size);
        height: var(--hdn-trigger-icon-size);
    }
}

/* Force readable contrast on transparent and solid headers for marketing/journal contexts. */
body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-button-wrap .header-button,
body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-cart-wrap .header-cart-button,
body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #main-header .header-html .hdn-header-language {
    color: rgba(246, 242, 234, 0.98) !important;
}

@media (max-width: 1024px) {
    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #mobile-header .site-main-header-inner-wrap {
        min-height: 74px !important;
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #mobile-header .mobile-toggle-open-container .menu-toggle-open,
    body.hdn-header-template:is(.hdn-journal-page, .hdn-editorial-page, .hdn-legal-page, .hdn-support-page) #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus {
        background: rgba(7, 16, 36, 0.34) !important;
        backdrop-filter: blur(3px);
    }
}

body.hdn-header-template.hdn-custom-trigger-icon #mobile-header .mobile-toggle-open-container .menu-toggle-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.hdn-header-template.hdn-custom-trigger-icon-inline #mobile-header .mobile-toggle-open-container .menu-toggle-icon .kadence-svg-iconset {
    display: none !important;
}

body.hdn-header-template.hdn-custom-trigger-icon #mobile-header .mobile-toggle-open-container .menu-toggle-icon::before {
    content: "";
    width: var(--hdn-trigger-icon-size);
    height: var(--hdn-trigger-icon-size);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background-image: var(--hdn-trigger-custom-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

body.hdn-header-template.hdn-custom-trigger-icon-media #mobile-header .mobile-toggle-open-container .menu-toggle-icon .kadence-svg-iconset {
    opacity: 0.72;
}

body.hdn-header-template.hdn-custom-trigger-icon-media #mobile-header .mobile-toggle-open-container .menu-toggle-open:hover .menu-toggle-icon .kadence-svg-iconset {
    opacity: 0.88;
}

body.hdn-header-template #mobile-drawer {
    z-index: 100000;
}

body.hdn-header-template #mobile-drawer .drawer-overlay {
    background: rgba(0, 8, 24, 0.5);
}

body.hdn-header-template #mobile-drawer.popup-drawer-layout-sidepanel .drawer-inner,
body.hdn-header-template #mobile-drawer.popup-drawer-layout-fullwidth .drawer-inner {
    width: 100vw;
    max-width: 100vw;
    min-height: 100dvh;
}

body.hdn-header-template #mobile-drawer .drawer-inner,
body.hdn-header-template #mobile-drawer .drawer-header,
body.hdn-header-template #mobile-drawer .drawer-content {
    background: var(--hdn-header-drawer-bg) !important;
    color: var(--hdn-header-drawer-text);
}

body.hdn-header-template #mobile-drawer .drawer-header {
    display: flex;
    justify-content: flex-end;
    padding: 0.9rem 0.9rem 0.5rem;
}

body.hdn-header-template #mobile-drawer .menu-toggle-close {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    border: 1px solid rgba(246, 242, 234, 0.52);
    background: transparent;
    color: var(--hdn-header-drawer-text) !important;
}

body.hdn-header-template #mobile-drawer .menu-toggle-close:hover {
    border-color: var(--hdn-header-drawer-accent);
    color: var(--hdn-header-drawer-accent) !important;
}

body.hdn-header-template #mobile-drawer .drawer-header .toggle-close-bar {
    width: 17px;
    height: 1.6px;
    background-color: currentColor !important;
}

body.hdn-header-template #mobile-drawer .drawer-content {
    padding: 0 1.5rem 1.1rem;
    text-align: center;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .drawer-content {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-content: flex-start;
    justify-content: center;
    min-height: calc(100dvh - 106px);
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_navigation"] {
    grid-column: 1 / -1;
    width: min(calc(100vw - 48px), 338px);
    margin: clamp(3.4rem, 10.5vh, 5.8rem) auto 0;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation {
    width: 100%;
}

body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li {
    margin: 0 0 0.28rem;
}

body.hdn-header-template #mobile-drawer .mobile-navigation .mobile-menu-container > ul.menu {
    display: grid;
    justify-items: center;
}

body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > a,
body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a {
    border-bottom: 0 !important;
    color: var(--hdn-header-drawer-text) !important;
    font-family: var(--hdn-header-display-font);
    font-size: clamp(18px, var(--hdn-header-drawer-menu-size), 40px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    padding: 0.18rem 0;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation .mobile-menu-container > ul.menu {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid rgba(176, 141, 87, 0.4);
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation ul.menu > li {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid rgba(246, 242, 234, 0.12);
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation ul.menu > li > a,
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 59px;
    padding: 1.08rem 0;
    color: var(--hdn-header-drawer-text) !important;
    font-family: var(--hdn-header-nav-font);
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.18em;
    text-align: left;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation .drawer-nav-drop-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation .drawer-nav-drop-wrap > .drawer-sub-toggle {
    flex: 0 0 42px;
    min-height: 59px;
    margin-left: auto;
    border: 0 !important;
    background: transparent !important;
    color: rgba(246, 242, 234, 0.74) !important;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation .drawer-nav-drop-wrap > .drawer-sub-toggle:hover,
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation .drawer-nav-drop-wrap > .drawer-sub-toggle:focus-visible {
    color: var(--hdn-header-drawer-accent) !important;
}

body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li.current-menu-item > a,
body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li.current_page_item > a,
body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > a:hover,
body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a:hover {
    color: var(--hdn-header-drawer-accent) !important;
}

body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li.hdn-collection-parent-menu > ul.sub-menu {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li.hdn-collection-parent-menu > ul.sub-menu > li {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
}

body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open .mobile-navigation .mobile-menu-container > ul.menu > li:not(.hdn-collection-parent-menu),
body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open .hdn-collection-parent-menu > .drawer-nav-drop-wrap,
body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open [data-section="kadence_customizer_mobile_button"],
body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open [data-section="kadence_customizer_mobile_cart"],
body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open [data-section="kadence_customizer_mobile_html"] {
    display: none !important;
}

body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open .mobile-navigation .mobile-menu-container > ul.menu,
body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open .mobile-navigation ul.menu > li.hdn-collection-parent-menu {
    display: block;
    width: 100%;
}

body.hdn-header-template #mobile-drawer.hdn-mobile-collection-open .hdn-collection-parent-menu > ul.sub-menu {
    display: block !important;
    width: 100% !important;
}

.hdn-mobile-collection {
    width: min(100%, 480px);
    margin: 0 auto;
    color: var(--hdn-header-drawer-text);
    text-align: left;
}

.hdn-mobile-collection__view[hidden] {
    display: none !important;
}

.hdn-mobile-collection__back {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(246, 242, 234, 0.74);
    font: 600 0.7rem/1.2 var(--hdn-header-nav-font);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hdn-mobile-collection__back:hover,
.hdn-mobile-collection__back:focus-visible,
.hdn-mobile-collection__links a:hover,
.hdn-mobile-collection__links a:focus-visible,
.hdn-mobile-collection__cta:hover,
.hdn-mobile-collection__cta:focus-visible,
.hdn-mobile-collection__universe:hover,
.hdn-mobile-collection__universe:focus-visible {
    color: var(--hdn-header-drawer-accent);
}

.hdn-mobile-collection__heading {
    margin: 0 0 1.55rem;
    color: var(--hdn-header-drawer-text);
    font: 600 clamp(1.6rem, 7vw, 2.2rem)/1.12 var(--hdn-header-display-font);
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.hdn-mobile-collection__universes {
    border-top: 1px solid rgba(176, 141, 87, 0.34);
}

.hdn-mobile-collection__universe {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 1.1rem 0;
    border: 0;
    border-bottom: 1px solid rgba(246, 242, 234, 0.13);
    background: transparent !important;
    color: var(--hdn-header-drawer-text);
    text-align: left;
    font: 600 1.05rem/1.25 var(--hdn-header-nav-font);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.hdn-mobile-collection__universe small,
.hdn-mobile-collection__status {
    display: inline-flex;
    padding: 0.25rem 0.42rem;
    border: 1px solid rgba(176, 141, 87, 0.42);
    color: var(--hdn-header-drawer-accent);
    font: 700 0.59rem/1 var(--hdn-header-nav-font);
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.hdn-mobile-collection__universe:hover,
.hdn-mobile-collection__universe:focus,
.hdn-mobile-collection__universe:focus-visible {
    background: rgba(176, 141, 87, 0.06) !important;
}

.hdn-mobile-collection__arrow {
    color: var(--hdn-header-drawer-accent);
    font-size: 1rem;
}

.hdn-mobile-collection__view-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.35rem;
}

.hdn-mobile-collection__view-head .hdn-mobile-collection__heading {
    margin: 0;
}

.hdn-mobile-collection__intro,
.hdn-mobile-collection__empty {
    margin: 0 0 1.35rem;
    color: rgba(246, 242, 234, 0.66);
    font: 400 0.86rem/1.5 var(--hdn-header-nav-font);
}

.hdn-mobile-collection__links {
    display: grid;
    margin: 1.6rem 0 1.8rem;
    padding: 0;
    border-top: 1px solid rgba(176, 141, 87, 0.34);
    list-style: none;
}

.hdn-mobile-collection__links li {
    margin: 0 !important;
}

.hdn-mobile-collection__links a {
    display: block;
    padding: 0.82rem 0;
    border-bottom: 1px solid rgba(246, 242, 234, 0.13);
    color: var(--hdn-header-drawer-text);
    font: 500 0.92rem/1.35 var(--hdn-header-nav-font);
    letter-spacing: 0.025em;
    text-decoration: none;
}

.hdn-mobile-collection__cta {
    display: inline-flex;
    padding: 0.85rem 1rem;
    border: 1px solid var(--hdn-header-drawer-accent);
    color: var(--hdn-header-drawer-accent);
    font: 700 0.68rem/1.2 var(--hdn-header-nav-font);
    letter-spacing: 0.13em;
    text-decoration: none;
    text-transform: uppercase;
}

.hdn-mobile-collection button:focus-visible,
.hdn-mobile-collection a:focus-visible {
    outline: 2px solid var(--hdn-header-drawer-accent);
    outline-offset: 4px;
}

body.hdn-header-template #mobile-drawer [data-section="kadence_customizer_mobile_button"],
body.hdn-header-template #mobile-drawer [data-section="kadence_customizer_mobile_cart"],
body.hdn-header-template #mobile-drawer [data-section="kadence_customizer_mobile_html"] {
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(176, 141, 87, 0.28);
    text-align: center;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_button"],
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_cart"],
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_html"] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    box-sizing: border-box;
    margin-top: clamp(2.7rem, 7vh, 4rem);
    padding: 0 0.88rem;
    border-top: 1px solid rgba(176, 141, 87, 0.32);
    border-bottom: 1px solid rgba(176, 141, 87, 0.32);
    border-right: 1px solid rgba(176, 141, 87, 0.34);
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_html"] {
    border-right: 0;
}

body.hdn-header-template #mobile-drawer .mobile-header-button,
body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-button {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: var(--hdn-header-drawer-accent) !important;
    font-family: var(--hdn-header-nav-font);
    font-size: 0.94rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none !important;
}

body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-header-button,
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .header-mobile-cart-wrap .header-cart-button,
body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-html .hdn-mobile-language {
    font-size: 0.72rem;
    letter-spacing: 0.13em;
}

body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-button .kadence-svg-iconset,
body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-button .header-cart-icon {
    display: none !important;
}

body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-total {
    margin-left: 0.08rem;
    font-size: inherit;
}

body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-total::before {
    content: "(";
}

body.hdn-header-template #mobile-drawer .header-mobile-cart-wrap .header-cart-total::after {
    content: ")";
}

body.hdn-header-template #mobile-drawer .mobile-html .hdn-mobile-language {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    font-family: var(--hdn-header-nav-font);
    font-size: 0.94rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.hdn-header-template #mobile-drawer .mobile-html .hdn-mobile-language,
body.hdn-header-template #mobile-drawer .mobile-html .hdn-mobile-language a {
    color: var(--hdn-header-drawer-text) !important;
    text-decoration: none;
}

@media (max-width: 767px) {
  body.hdn-header-template:has(#mobile-drawer.show-drawer) #ht-ctc-chat,
  body.hdn-header-template:has(#mobile-drawer.active) #ht-ctc-chat,
  body.hdn-header-template:has(.hdn-contact-page-final) #ht-ctc-chat,
  body.hdn-header-template.woocommerce-cart #ht-ctc-chat,
  body.hdn-header-template.woocommerce-checkout #ht-ctc-chat {
    display: none !important;
  }

    body.hdn-header-template:not(.single-product) #ht-ctc-chat {
        right: max(1rem, env(safe-area-inset-right)) !important;
        bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    }

    body.hdn-header-template #mobile-header .mobile-site-branding .custom-logo,
    body.hdn-header-template #mobile-header .site-branding .custom-logo {
        max-height: none !important;
    }

    body.hdn-header-template #mobile-header .site-main-header-inner-wrap {
        min-height: 76px !important;
    }

    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-open,
    body.hdn-header-template #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus {
        width: calc(var(--hdn-trigger-size) - 6px);
        height: calc(var(--hdn-trigger-size) - 6px);
        min-height: calc(var(--hdn-trigger-size) - 6px);
    }

    body.hdn-header-template #mobile-drawer .drawer-content {
        padding: 0 1.2rem 0.95rem;
    }

    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_navigation"] {
        width: min(calc(100vw - 42px), 338px);
        margin-top: clamp(2.85rem, 9vh, 4.6rem);
    }

    body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > a,
    body.hdn-header-template #mobile-drawer .mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a {
        font-size: clamp(17px, calc(var(--hdn-header-drawer-menu-size) * 0.95), 28px);
    }

    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation ul.menu > li > a,
    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) .mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a {
        font-size: 0.82rem;
    }

    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_button"],
    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_cart"],
    body.hdn-header-template #mobile-drawer:not(.hdn-mobile-collection-open) [data-section="kadence_customizer_mobile_html"] {
        margin-top: clamp(2.25rem, 5.6vh, 3.1rem);
        padding-inline: clamp(0.58rem, 2.4vw, 0.82rem);
    }
}