/* Virtual Mart Mobile Menu Final - isolated override */

@media (max-width: 767px) {
    .nav-open .nav-sections,
    .nav-sections {
        background: #ffffff !important;
        width: 86vw !important;
        max-width: 390px !important;
        min-width: 300px !important;
        z-index: 2147483000 !important;
        border-right: 1px solid #e5e7eb !important;
        box-shadow: 8px 0 30px rgba(0,0,0,.25) !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    .nav-sections .section-items,
    .nav-sections .nav-sections-items {
        display: block !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    .nav-sections .section-item-title,
    .nav-sections .nav-sections-item-title {
        float: left !important;
        width: 33.333333% !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f5f7fa !important;
        border: 0 !important;
        border-right: 1px solid #e4e9f0 !important;
        border-bottom: 1px solid #e4e9f0 !important;
        color: #062b55 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 54px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-sections .section-item-title.active,
    .nav-sections .nav-sections-item-title.active {
        background: #062b55 !important;
        color: #ffffff !important;
    }

    .nav-sections .section-item-title a,
    .nav-sections .section-item-title span,
    .nav-sections .nav-sections-item-title a,
    .nav-sections .nav-sections-item-title span {
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-sections .section-item-content,
    .nav-sections .nav-sections-item-content {
        clear: both !important;
        float: none !important;
        display: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 14px !important;
        background: #ffffff !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .nav-sections .section-item-title.active + .section-item-content,
    .nav-sections .nav-sections-item-title.active + .nav-sections-item-content {
        display: block !important;
    }

    .nav-sections .navigation,
    .nav-sections .navigation ul,
    .nav-sections .navigation li {
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    .nav-sections .navigation a,
    .nav-sections .navigation .level-top,
    .nav-sections-item-content a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 56px !important;
        margin: 0 0 11px 0 !important;
        padding: 0 16px !important;
        background: #ffffff !important;
        border: 1px solid #e4e9f0 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 9px rgba(0,0,0,.05) !important;
        color: #062b55 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    .nav-sections .navigation .level0:first-child > .level-top,
    .nav-sections .navigation li:first-child > a {
        background: #062b55 !important;
        border-color: #062b55 !important;
        color: #ffffff !important;
        box-shadow: 0 3px 10px rgba(6,43,85,.24) !important;
    }

    .nav-sections .navigation .level0:first-child > .level-top *,
    .nav-sections .navigation li:first-child > a * {
        color: #ffffff !important;
    }

    .nav-sections .navigation a .fa,
    .nav-sections .navigation .level-top .fa,
    .nav-sections-item-content a .fa {
        color: #f01822 !important;
        font-size: 17px !important;
        width: 22px !important;
        min-width: 22px !important;
        text-align: center !important;
    }

    .nav-sections .navigation .level0:first-child > .level-top .fa,
    .nav-sections .navigation li:first-child > a .fa {
        color: #ffffff !important;
    }

    .nav-open .intercom-lightweight-app,
    .nav-open iframe[src*="intercom"],
    .nav-open iframe[src*="tawk"],
    .nav-open iframe[src*="tidio"],
    .nav-open .crisp-client,
    .nav-open #chat-widget-container,
    .nav-open .zsiq_floatmain {
        display: none !important;
        pointer-events: none !important;
    }
}