@media (max-width: 991px) {
    body.explorer-mobile-menu-open { overflow: hidden; }
    .header-area .header-top_area { display: none !important; }
    .header-area .main-header-area {
        position: relative;
        z-index: 900;
        min-height: 72px;
        padding: 0 !important;
        border-bottom: 1px solid rgba(25, 208, 101, .42);
        background: rgba(5, 13, 27, .96);
        box-shadow: 0 12px 36px rgba(0, 0, 0, .22);
        backdrop-filter: blur(16px);
    }
    .header-area .main-header-area.sticky { background: rgba(5, 13, 27, .98); }
    .header-area .header_bottom_border { border: 0 !important; }
    .header-area .main-header-area .container { max-width: none; padding: 0 18px; }
    .header-area .main-header-area .row { min-height: 72px; }
    .header-area .main-header-area [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0; }
    .header-area .main-header-area .logo { display: flex; width: 100%; align-items: center; gap: 11px; }
    .header-area .main-header-area .logo > a { display: inline-flex; flex: 0 0 auto; align-items: center; }
    .header-area .main-header-area .logo img { width: 44px !important; max-height: 44px; }
    .explorer_mobile_brand {
        display: flex !important;
        min-width: 0;
        margin: 0 !important;
        align-items: baseline;
        color: #f5f8fb !important;
        font-family: "Poppins", sans-serif;
        font-size: 14px !important;
        font-weight: 650 !important;
        letter-spacing: -.01em;
        white-space: nowrap;
    }
    .explorer_mobile_brand::after {
        content: "VALIDATOR";
        margin-left: 8px;
        color: #19d065;
        font: 700 8px/1 monospace;
        letter-spacing: .14em;
    }
    .explorer_mobile_hamburger {
        position: relative;
        display: inline-flex !important;
        width: 44px !important;
        height: 44px !important;
        margin-left: auto;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, .12) !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, .045) !important;
        color: #edf3f7 !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .04);
    }
    .explorer_mobile_hamburger::after {
        position: absolute;
        right: 7px;
        top: 7px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #19d065;
        box-shadow: 0 0 10px rgba(25, 208, 101, .8);
        content: "";
    }
    .explorer_mobile_hamburger:focus-visible,
    .explorer_mobile_header_close:focus-visible,
    .explorer_mobile_header_nav a:focus-visible { outline: 2px solid #19d065; outline-offset: 2px; }
    .explorer_mobile_header_overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 9999 !important;
        display: block !important;
        background: rgba(1, 6, 14, .7) !important;
        opacity: 0;
        visibility: hidden;
        backdrop-filter: blur(6px);
        transition: opacity .25s ease, visibility .25s ease !important;
    }
    .explorer_mobile_header_overlay.is-open { opacity: 1; visibility: visible; }
    .explorer_mobile_header_modal {
        position: absolute !important;
        inset: 0 0 0 auto !important;
        display: flex !important;
        width: min(88vw, 390px) !important;
        max-width: none !important;
        padding: 0 !important;
        flex-direction: column;
        overflow: hidden auto;
        border-left: 1px solid rgba(25, 208, 101, .22);
        background:
            radial-gradient(circle at 100% 0, rgba(25, 208, 101, .12), transparent 34%),
            linear-gradient(160deg, #0c1824 0%, #07111c 58%, #050c15 100%) !important;
        box-shadow: -22px 0 70px rgba(0, 0, 0, .48);
        transform: translateX(104%) !important;
        transition: transform .36s cubic-bezier(.22, 1, .36, 1) !important;
    }
    .explorer_mobile_header_overlay.is-open .explorer_mobile_header_modal { transform: translateX(0) !important; }
    .explorer_mobile_header_modal_header {
        display: flex !important;
        min-height: 92px;
        padding: 24px 22px 18px !important;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
    }
    .explorer_mobile_header_modal_title { display: flex; flex-direction: column; gap: 5px; }
    .explorer_mobile_header_modal_eyebrow { color: #19d065; font: 700 9px/1 monospace; letter-spacing: .2em; }
    .explorer_mobile_header_modal_brand { color: #fff !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: -.02em; }
    .explorer_mobile_header_close {
        display: inline-flex !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, .1) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .04) !important;
        color: #aebbc6 !important;
    }
    .explorer_mobile_header_nav {
        display: flex !important;
        padding: 18px 14px !important;
        flex: 1;
        flex-direction: column;
        counter-reset: mobile-nav;
    }
    .explorer_mobile_header_nav a {
        position: relative;
        display: flex !important;
        min-height: 54px;
        margin: 0 !important;
        padding: 0 14px 0 54px !important;
        align-items: center;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
        border-radius: 9px !important;
        color: #c5d0d9 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-decoration: none;
        counter-increment: mobile-nav;
        transition: color .18s ease, background .18s ease, padding .18s ease !important;
    }
    .explorer_mobile_header_nav a::before {
        position: absolute;
        left: 15px;
        color: #516575;
        content: counter(mobile-nav, decimal-leading-zero);
        font: 600 10px/1 monospace;
        letter-spacing: .08em;
    }
    .explorer_mobile_header_nav a::after {
        position: absolute;
        right: 15px;
        color: #405565;
        content: "›";
        font-size: 21px;
        transition: transform .18s ease, color .18s ease;
    }
    .explorer_mobile_header_nav a:hover,
    .explorer_mobile_header_nav a.active {
        padding-left: 58px !important;
        background: rgba(25, 208, 101, .08) !important;
        color: #fff !important;
    }
    .explorer_mobile_header_nav a:hover::before,
    .explorer_mobile_header_nav a.active::before,
    .explorer_mobile_header_nav a:hover::after,
    .explorer_mobile_header_nav a.active::after { color: #19d065; }
    .explorer_mobile_header_nav a:hover::after { transform: translateX(3px); }
    .explorer_mobile_header_nav a[hidden] { display: none !important; }
    .explorer_mobile_header_footer {
        display: flex;
        padding: 18px 22px 24px;
        align-items: center;
        gap: 9px;
        border-top: 1px solid rgba(255, 255, 255, .06);
        color: #637786;
        font: 600 9px/1.3 monospace;
        letter-spacing: .14em;
    }
    .explorer_mobile_header_footer::before {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #19d065;
        box-shadow: 0 0 10px rgba(25, 208, 101, .7);
        content: "";
    }
    .slicknav_menu, .mobile_menu { display: none !important; }
}

@media (max-width: 370px) {
    .explorer_mobile_brand { font-size: 12px !important; }
    .explorer_mobile_brand::after { display: none; }
    .header-area .main-header-area .container { padding: 0 13px; }
}