@media (max-width: 921px) {
    #ast-mobile-header .ast-button-wrap .menu-toggle.apex-menu-toggle {
        --apex-menu-red: #df303b;
        --apex-menu-ink: #f4f0eb;
        position: relative !important;
        display: grid !important;
        place-items: center !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 !important;
        overflow: hidden;
        isolation: isolate;
        color: var(--apex-menu-ink) !important;
        background: #151314 !important;
        border: 1px solid #3b3032 !important;
        border-radius: 0 !important;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.36), inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
        transition:
            transform 140ms cubic-bezier(0.25, 1, 0.5, 1),
            background-color 260ms cubic-bezier(0.16, 1, 0.3, 1),
            border-color 260ms cubic-bezier(0.16, 1, 0.3, 1),
            box-shadow 260ms cubic-bezier(0.16, 1, 0.3, 1) !important;
        -webkit-tap-highlight-color: transparent;
    }

    #ast-mobile-header .apex-menu-toggle::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--apex-menu-red);
        transform: translateX(-104%);
        transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    #ast-mobile-header .apex-menu-toggle:hover {
        border-color: #6f3338 !important;
        background: #1b1718 !important;
        transform: translateY(-1px);
    }

    #ast-mobile-header .apex-menu-toggle:active {
        transform: scale(0.94);
    }

    #ast-mobile-header .apex-menu-toggle:focus-visible {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(223, 48, 59, 0.28), 0 10px 28px rgba(0, 0, 0, 0.42) !important;
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] {
        background: #1b1516 !important;
        border-color: var(--apex-menu-red) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.44), 0 0 24px rgba(223, 48, 59, 0.14) !important;
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open']::before {
        transform: translateX(0);
    }

    .apex-menu-toggle__frame {
        position: absolute;
        inset: 8px;
        border: 1px solid rgba(244, 240, 235, 0.18);
        clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
        transition:
            transform 340ms cubic-bezier(0.16, 1, 0.3, 1),
            opacity 220ms ease-out,
            border-color 220ms ease-out;
    }

    .apex-menu-toggle__glyph {
        position: relative;
        z-index: 2;
        width: 24px;
        height: 18px;
    }

    .apex-menu-toggle__rail {
        position: absolute;
        left: 1px;
        display: block;
        width: 22px;
        height: 2px;
        background: var(--apex-menu-ink);
        transform-origin: center;
        transition:
            transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
            opacity 150ms ease-out,
            width 240ms cubic-bezier(0.16, 1, 0.3, 1),
            left 240ms cubic-bezier(0.16, 1, 0.3, 1),
            background-color 220ms ease-out;
    }

    .apex-menu-toggle__rail--top {
        top: 1px;
    }

    .apex-menu-toggle__rail--middle {
        top: 8px;
        left: 8px;
        width: 15px;
        background: var(--apex-menu-red);
    }

    .apex-menu-toggle__rail--bottom {
        top: 15px;
    }

    .apex-menu-toggle__signal {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 3;
        width: 4px;
        height: 4px;
        background: var(--apex-menu-red);
        box-shadow: 0 0 0 2px #151314;
        transition:
            transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
            background-color 180ms ease-out,
            box-shadow 180ms ease-out;
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__frame {
        transform: rotate(45deg) scale(0.72);
        border-color: rgba(244, 240, 235, 0.44);
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__rail {
        left: 1px;
        width: 22px;
        background: #fff8f1;
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__rail--top {
        transform: translateY(7px) rotate(45deg);
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__rail--middle {
        opacity: 0;
        transform: scaleX(0.1);
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__rail--bottom {
        transform: translateY(-7px) rotate(-45deg);
    }

    #ast-mobile-header .apex-menu-toggle[data-state='open'] .apex-menu-toggle__signal {
        transform: scale(0.72);
        background: #fff8f1;
        box-shadow: 0 0 0 2px var(--apex-menu-red);
    }

    .ast-mobile-header-content {
        max-height: calc(100dvh - 80px);
        overflow-y: auto;
        overscroll-behavior: contain;
        background: #0c0b0c !important;
        border: 1px solid #262123 !important;
        border-top-color: #3a2a2d !important;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.54) !important;
    }

    .apex-mobile-nav-open .ast-mobile-header-content {
        animation: apexMobilePanelIn 300ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    .ast-header-break-point #ast-hf-mobile-menu > .menu-item {
        position: relative;
        border-bottom: 1px solid #211d1e;
    }

    .ast-header-break-point #ast-hf-mobile-menu > .menu-item > .menu-link {
        min-height: 62px;
        display: flex !important;
        align-items: center;
        padding: 0 76px 0 22px !important;
        border: 0 !important;
        color: #d8d3cf !important;
        font-size: 0.82rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.14em !important;
        transition: color 180ms ease-out, background-color 180ms ease-out !important;
    }

    .ast-header-break-point #ast-hf-mobile-menu > .menu-item.current-menu-item > .menu-link,
    .ast-header-break-point #ast-hf-mobile-menu > .menu-item > .menu-link:hover {
        color: #fff8f1 !important;
        background: #141112 !important;
    }

    .ast-header-break-point #ast-hf-mobile-menu > .menu-item.current-menu-item > .menu-link::before {
        content: '';
        width: 5px;
        height: 5px;
        margin-right: 12px;
        background: var(--apex-red, #df303b);
        transform: rotate(45deg);
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
        top: 9px !important;
        right: 14px !important;
        display: grid !important;
        place-items: center !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        color: #d8d3cf !important;
        background: #151314 !important;
        border: 1px solid #30292b !important;
        border-radius: 0 !important;
        clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
        transition:
            background-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
            border-color 220ms ease-out,
            transform 140ms ease-out !important;
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle:hover {
        color: #fff8f1 !important;
        border-color: #6f3338 !important;
        background: #1d1718 !important;
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle:active {
        transform: scale(0.94);
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle[aria-expanded='true'] {
        color: #fff8f1 !important;
        border-color: #df303b !important;
        background: #df303b !important;
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle .ast-arrow-svg {
        width: 12px !important;
        height: 8px !important;
        transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle[aria-expanded='true'] .ast-arrow-svg {
        transform: rotate(180deg);
    }

    .apex-mobile-nav-open #ast-hf-mobile-menu > .menu-item {
        animation: apexMobileItemIn 360ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    .apex-mobile-nav-open #ast-hf-mobile-menu > .menu-item:nth-child(2) { animation-delay: 35ms; }
    .apex-mobile-nav-open #ast-hf-mobile-menu > .menu-item:nth-child(3) { animation-delay: 70ms; }
    .apex-mobile-nav-open #ast-hf-mobile-menu > .menu-item:nth-child(4) { animation-delay: 105ms; }

    @keyframes apexMobilePanelIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @keyframes apexMobileItemIn {
        from { opacity: 0; transform: translateX(10px); }
        to { opacity: 1; transform: translateX(0); }
    }
}

@media (max-width: 380px) {
    #ast-mobile-header .ast-primary-header-bar .ast-container {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    #ast-mobile-header .ast-builder-grid-row {
        column-gap: 8px !important;
    }

    #ast-mobile-header .site-branding .custom-logo,
    #ast-mobile-header .site-branding .site-logo-img img {
        width: 128px !important;
        max-width: 128px !important;
    }

    #ast-mobile-header [data-section='section-header-mobile-trigger'] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #ast-mobile-header .ast-button-wrap .menu-toggle.apex-menu-toggle {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #ast-mobile-header .apex-menu-toggle,
    #ast-mobile-header .apex-menu-toggle *,
    .apex-mobile-nav-open .ast-mobile-header-content,
    .apex-mobile-nav-open #ast-hf-mobile-menu > .menu-item,
    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,
    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle .ast-arrow-svg {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}
