:root {
    --dmmm-bg: rgba(10, 13, 17, 0.98);
    --dmmm-text: #f3ede4;
    --dmmm-muted: rgba(243, 237, 228, 0.76);
    --dmmm-subtle: rgba(243, 237, 228, 0.52);
    --dmmm-border: rgba(243, 237, 228, 0.1);
    --dmmm-accent: #f15a29;
    --dmmm-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

body.dmmm-lock-scroll {
    overflow: hidden !important;
    touch-action: none !important;
}

body.dmmm-lock-scroll #page-container {
    overflow: hidden !important;
}

@media (max-width: 980px) {
    body .mobile_nav .et_mobile_menu {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999 !important;
        margin: 0 !important;
        padding: calc(88px + env(safe-area-inset-top, 0px)) 24px calc(36px + env(safe-area-inset-bottom, 0px)) !important;
        border: 0 !important;
        background:
            radial-gradient(circle at top right, rgba(241, 90, 41, 0.14), transparent 28%),
            radial-gradient(circle at top left, rgba(255, 255, 255, 0.05), transparent 24%),
            linear-gradient(180deg, rgba(19, 23, 28, 0.97), rgba(9, 12, 16, 0.99)) !important;
        box-shadow: var(--dmmm-shadow) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-16px) !important;
        transition:
            opacity 220ms ease,
            transform 260ms ease,
            visibility 220ms ease;
    }

    body .mobile_nav.opened > .et_mobile_menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    body .mobile_nav .et_mobile_menu,
    body .mobile_nav .et_mobile_menu ul {
        list-style: none !important;
    }

    body .mobile_nav .et_mobile_menu > li {
        border-bottom: 1px solid var(--dmmm-border) !important;
        margin: 0 !important;
    }

    body .mobile_nav .et_mobile_menu a {
        color: var(--dmmm-text) !important;
        text-transform: none !important;
        letter-spacing: 0.01em !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body .mobile_nav .et_mobile_menu > li > a {
        padding: 18px 56px 18px 0 !important;
        font-size: clamp(1.1rem, 2.8vw, 1.45rem) !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        border: 0 !important;
        opacity: 1 !important;
    }

    body .mobile_nav .et_mobile_menu .menu-item-has-children > a {
        background: transparent !important;
    }

    body .mobile_nav .et_mobile_menu .sub-menu {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        background: transparent !important;
        max-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        list-style: none !important;
    }

    body .mobile_nav .et_mobile_menu .sub-menu li {
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    body .mobile_nav .et_mobile_menu .sub-menu a {
        display: block !important;
        padding: 10px 0 10px 18px !important;
        font-size: 0.95rem !important;
        line-height: 1.35 !important;
        color: var(--dmmm-muted) !important;
        border: 0 !important;
        border-left: 1px solid rgba(243, 237, 228, 0.14) !important;
        background: transparent !important;
        box-shadow: none !important;
        text-transform: none !important;
        opacity: 1 !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-accordion-open > .sub-menu {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        padding: 2px 0 16px !important;
    }

    body .mobile_nav .et_mobile_menu > li.menu-item-has-children {
        position: relative !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-submenu-toggle {
        position: absolute !important;
        top: 10px !important;
        right: 0 !important;
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.06) !important;
        color: var(--dmmm-text) !important;
        cursor: pointer !important;
        transition:
            background 180ms ease,
            transform 180ms ease;
    }

    body .mobile_nav .et_mobile_menu .dmmm-submenu-toggle:hover,
    body .mobile_nav .et_mobile_menu .dmmm-submenu-toggle:focus-visible,
    body .mobile_nav .et_mobile_menu .dmmm-close:hover,
    body .mobile_nav .et_mobile_menu .dmmm-close:focus-visible {
        background: rgba(255, 255, 255, 0.12) !important;
        outline: none !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-submenu-toggle::before,
    body .mobile_nav .et_mobile_menu .dmmm-close::before,
    body .mobile_nav .et_mobile_menu .dmmm-close::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        display: block !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-submenu-toggle::before {
        width: 11px !important;
        height: 11px !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        transform: translate(-50%, -62%) rotate(45deg) !important;
        transform-origin: center !important;
        transition: transform 180ms ease !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-accordion-open > .dmmm-submenu-toggle::before {
        transform: translate(-50%, -28%) rotate(-135deg) !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-close {
        position: sticky !important;
        top: 0 !important;
        left: calc(100% - 48px) !important;
        width: 44px !important;
        height: 44px !important;
        margin: -58px 0 18px auto !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.08) !important;
        color: var(--dmmm-text) !important;
        cursor: pointer !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-close::before,
    body .mobile_nav .et_mobile_menu .dmmm-close::after {
        width: 16px !important;
        height: 1.5px !important;
        background: currentColor !important;
        transform-origin: center !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-close::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-close::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    body .mobile_nav .et_mobile_menu .dmmm-close-label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    body .mobile_nav .et_mobile_menu > li.current-menu-item > a,
    body .mobile_nav .et_mobile_menu > li.current-menu-ancestor > a,
    body .mobile_nav .et_mobile_menu > li.current-menu-parent > a {
        color: var(--dmmm-accent) !important;
    }
}