/* Mega Center site chrome
   header, mobile nav, currency switcher, footer, ServiceGroup
   (merged for caching; bump ?v= in Header.php when changing)
*/
/* Stay under Bootstrap modal (1055) and its blur backdrop (1050). */
header .header-nav,
    header .navbar,
    header .dropdown-menu,
    header .onhover-dropdown .onhover-div {
        z-index: 1030;
    }
    @media (min-width: 1200px) {
        header .navbar-expand-xl > .offcanvas,
        #primaryMenu.offcanvas {
            z-index: auto !important;
        }
    }
    body:has(.modal.show) header .header-nav,
    body:has(.modal.show) header .navbar,
    body:has(.modal.show) header .dropdown-menu,
    body:has(.modal.show) header .onhover-dropdown .onhover-div,
    body:has(.modal.show) #primaryMenu.offcanvas {
        z-index: 1020 !important;
    }
    .mc-home-swiper,
    .mc-notification-swiper,
    .mc-slider-4-1,
    .mc-slider-5,
    .mc-slider-user {
        position: relative;
        z-index: 1;
    }
    .mc-notification-swiper {
        height: 28px;
        overflow: hidden;
        flex: 1 1 auto;
        min-width: 0;
    }
    .mc-notification-swiper .swiper-slide {
        display: flex;
        align-items: center;
        height: auto;
    }

    .mc-header-top {
        background: linear-gradient(180deg, #04152f 0%, #07224a 100%);
        border-bottom: 1px solid rgba(121, 243, 255, 0.12);
    }
    .mc-header-topbar {
        display: grid;
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
        align-items: center;
        gap: 0.75rem;
        min-height: 46px;
        padding: 0.35rem 0;
    }
    .mc-header-top-nav {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        flex-shrink: 0;
    }
    .mc-header-top-link {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        min-height: 32px;
        padding: 0.2rem 0.7rem;
        border-radius: 8px;
        color: rgba(231, 248, 255, 0.82);
        text-decoration: none;
        font-size: 0.78rem;
        font-weight: 700;
        white-space: nowrap;
        border: 1px solid transparent;
    }
    .mc-header-top-link i {
        font-size: 0.72rem;
        color: #79f3ff;
    }
    .mc-header-top-link:hover,
    .mc-header-top-link:focus-visible {
        color: #fff;
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(121, 243, 255, 0.22);
        outline: none;
    }
    .mc-header-top-news {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        min-width: 0;
        min-height: 32px;
        padding: 0.15rem 0.7rem 0.15rem 0.45rem;
        border-radius: 8px;
        background: rgba(2, 12, 32, 0.45);
        border: 1px solid rgba(121, 243, 255, 0.16);
    }
    .mc-header-top-pulse {
        width: 8px;
        height: 8px;
        flex-shrink: 0;
        border-radius: 50%;
        background: #79f3ff;
        box-shadow: 0 0 0 0 rgba(121, 243, 255, 0.55);
        animation: mc-header-pulse 1.8s ease-out infinite;
    }
    .mc-header-news-chip .timer-notification .mc-header-news-text {
        color: #e7f8ff !important;
        font-weight: 600;
        font-size: 0.78rem !important;
        line-height: 1.35 !important;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mc-header-top-tools {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.4rem;
        flex-shrink: 0;
    }
    .mc-header-top-place,
    .mc-header-theme-toggle,
    .header-top .mc-header-currency-btn,
    .mc-header-top-wallet,
    .mc-header-top-charge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        min-height: 32px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.06);
        color: #e7f8ff;
        text-decoration: none;
        box-shadow: none !important;
        font-size: 0.78rem;
        font-weight: 700;
        white-space: nowrap;
    }
    .mc-header-top-place {
        padding: 0.2rem 0.7rem;
        color: #a8dbff;
    }
    .mc-header-theme-toggle {
        width: 32px;
        padding: 0;
        cursor: pointer;
    }
    .mc-header-theme-toggle:hover,
    .mc-header-theme-toggle:focus-visible,
    .header-top .mc-header-currency-btn:hover,
    .header-top .mc-header-currency-btn:focus,
    .header-top .mc-header-currency-btn:focus-visible,
    .header-top .mc-header-currency-btn.show,
    .mc-header-top-charge:hover,
    .mc-header-top-charge:focus-visible {
        color: #fff;
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(121, 243, 255, 0.35);
        outline: none;
    }
    .header-top .mc-header-currency-btn {
        padding: 0.15rem 0.5rem 0.15rem 0.25rem;
    }
    .mc-header-currency-code {
        font-weight: 800;
        letter-spacing: 0.02em;
    }
    .header-top .mc-header-currency-btn .fa-chevron-down {
        font-size: 0.62rem;
        opacity: 0.75;
    }
    .mc-currency-badge {
        width: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        background: var(--theme-color, #027cb0);
        border: 0;
    }
    .mc-currency-badge i {
        color: #fff !important;
        font-size: 0.7rem;
        line-height: 1;
    }
    .mc-header-top-balance {
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }
    .mc-header-top-wallet {
        padding: 0.2rem 0.7rem;
        max-width: 11rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mc-header-top-charge {
        padding: 0.2rem 0.75rem;
        background: var(--theme-color, #027cb0);
        border-color: var(--theme-color, #027cb0);
        color: #fff;
    }
    .mc-header-top-charge:hover,
    .mc-header-top-charge:focus-visible {
        filter: brightness(1.06);
        background: var(--theme-color, #027cb0);
        border-color: var(--theme-color, #027cb0);
    }
    @keyframes mc-header-pulse {
        0% { box-shadow: 0 0 0 0 rgba(121, 243, 255, 0.5); }
        70% { box-shadow: 0 0 0 7px rgba(121, 243, 255, 0); }
        100% { box-shadow: 0 0 0 0 rgba(121, 243, 255, 0); }
    }
    @media (prefers-reduced-motion: reduce) {
        .mc-header-top-pulse {
            animation: none;
        }
    }
    @media (max-width: 1199.98px) {
        .mc-header-top-place span,
        .mc-header-top-nav span {
            display: none;
        }
        .mc-header-top-link {
            width: 32px;
            padding: 0;
            justify-content: center;
        }
        .mc-header-top-place {
            width: 32px;
            padding: 0;
            justify-content: center;
        }
        .mc-header-top-place i,
        .mc-header-top-link i {
            margin: 0;
        }
    }
    
    /* Page loader — brand mark + orbit (overrides Fastkart bouncing dots) */
    .fullpage-loader {
        --mc-loader-ink: #e8f4fb;
        --mc-loader-muted: rgba(232, 244, 251, 0.72);
        --mc-loader-accent: #79f3ff;
        --mc-loader-deep: #04152f;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        inset: 0;
        overflow: hidden;
        background:
            radial-gradient(560px 280px at 50% 42%, color-mix(in srgb, var(--theme-color, #027cb0) 34%, transparent), transparent 70%),
            linear-gradient(180deg, #04152f 0%, #07224a 100%);
        z-index: 9999;
        opacity: 1;
        transition: opacity 0.22s ease;
    }

    .fullpage-loader--invisible {
        opacity: 0;
        pointer-events: none;
    }

    .fullpage-loader > span {
        display: none !important;
        animation: none !important;
    }

    .mc-loader-panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        text-align: center;
    }

    .mc-loader {
        position: relative;
        width: 88px;
        height: 88px;
        display: grid;
        place-items: center;
    }

    .mc-loader-orbit {
        position: absolute;
        inset: 0;
        border-radius: 50%;
        border: 2.5px solid rgba(121, 243, 255, 0.16);
        border-top-color: var(--mc-loader-accent);
        border-inline-end-color: color-mix(in srgb, var(--theme-color, #027cb0) 70%, #79f3ff);
        box-shadow: 0 0 0 1px rgba(121, 243, 255, 0.08);
        animation: mc-loader-spin 0.85s linear infinite;
    }

    .mc-loader-mark {
        width: 52px;
        height: 52px;
        object-fit: contain;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.96);
        padding: 6px;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    }

    .mc-loader-text {
        margin: 0;
        color: var(--mc-loader-muted);
        font-size: 0.92rem;
        font-weight: 700;
        letter-spacing: 0.01em;
    }

    /* Compact loader used inside modals / ajax panels */
    .mc-loader--inline {
        width: 64px;
        height: 64px;
        margin-inline: auto;
    }

    .mc-loader--inline .mc-loader-orbit {
        border-width: 2px;
    }

    .mc-loader--inline .mc-loader-mark {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        padding: 4px;
        box-shadow: 0 6px 16px rgba(2, 124, 176, 0.18);
    }

    .mc-loader-caption {
        margin: 0.85rem 0 0;
        color: #5c6d80;
        font-size: 0.9rem;
        font-weight: 700;
        text-align: center;
    }

    body.dark .mc-loader-caption {
        color: #9aabbb;
    }

    @keyframes mc-loader-spin {
        to {
            transform: rotate(360deg);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .mc-loader-orbit {
            animation: none;
            border-color: rgba(121, 243, 255, 0.35);
            border-top-color: var(--mc-loader-accent);
        }
    }
    
    /* Bootstrap 5.3.8 RTL: .offcanvas-end defaults to the left — force menu from the right */
    @media (max-width: 1199.98px) {
        #primaryMenu.offcanvas {
            --bs-offcanvas-width: min(320px, 88vw);
            position: fixed !important;
            top: 0 !important;
            bottom: 0 !important;
            right: 0 !important;
            left: auto !important;
            width: var(--bs-offcanvas-width) !important;
            height: 100% !important;
            max-width: 100%;
            border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
            border-right: 0 !important;
            z-index: 1045 !important;
            background-color: var(--bs-offcanvas-bg, #fff) !important;
            transform: translateX(100%) !important;
            visibility: hidden !important;
        }
        #primaryMenu.offcanvas.show,
        #primaryMenu.offcanvas.showing {
            transform: none !important;
            visibility: visible !important;
        }
        #primaryMenu.offcanvas.hiding {
            transform: translateX(100%) !important;
            visibility: visible !important;
        }
        body.dark #primaryMenu.offcanvas {
            background-color: #2a2d2d !important;
            border-left-color: rgba(255, 255, 255, 0.12) !important;
        }
        .mc-mobile-nav-tools {
            margin-inline-start: auto;
            flex-shrink: 0;
            max-width: calc(100% - 7.5rem);
            gap: 0.4rem;
        }
        .mc-mobile-theme-toggle.mc-header-theme-toggle {
            width: 36px;
            height: 36px;
            min-height: 36px;
            padding: 0;
            border-radius: 10px;
            border: 1px solid rgba(21, 32, 51, 0.12);
            background: #f3f6fa;
            color: #1a2b3c;
            flex-shrink: 0;
        }
        .mc-mobile-theme-toggle.mc-header-theme-toggle:hover,
        .mc-mobile-theme-toggle.mc-header-theme-toggle:focus-visible {
            color: var(--theme-color, #027cb0);
            background: #fff;
            border-color: var(--theme-color, #027cb0);
            outline: none;
        }
        body.dark .mc-mobile-theme-toggle.mc-header-theme-toggle {
            background: #2a2d2d;
            border-color: rgba(255, 255, 255, 0.14);
            color: #eef2f6;
        }
        body.dark .mc-mobile-theme-toggle.mc-header-theme-toggle:hover,
        body.dark .mc-mobile-theme-toggle.mc-header-theme-toggle:focus-visible {
            background: #32363a;
            color: #7dd3fc;
            border-color: rgba(125, 211, 252, 0.45);
        }
        .mc-mobile-nav-tools .mc-mobile-currency-btn .mc-mobile-currency-code {
            max-width: 4.8rem;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        header .top-nav .navbar-top .rightside-box {
            display: none !important;
        }
        .mc-mobile-currency-btn {
            --mc-cur-ink: #1a2b3c;
            --mc-cur-muted: #5b6b7c;
            --mc-cur-bg: #f3f6fa;
            --mc-cur-line: rgba(21, 32, 51, 0.12);
            --mc-cur-accent: var(--theme-color, #027cb0);
            display: inline-flex !important;
            align-items: center;
            gap: 0.4rem;
            min-height: 44px;
            padding: 0.2rem 0.45rem 0.2rem 0.25rem !important;
            border-radius: 10px !important;
            border: 1px solid var(--mc-cur-line) !important;
            background: var(--mc-cur-bg) !important;
            color: var(--mc-cur-ink) !important;
            box-shadow: none !important;
            line-height: 1.1;
            white-space: nowrap;
        }
        .mc-mobile-currency-btn:hover,
        .mc-mobile-currency-btn:focus,
        .mc-mobile-currency-btn.show {
            border-color: var(--mc-cur-accent) !important;
            background: #fff !important;
            color: var(--mc-cur-ink) !important;
        }
        .mc-mobile-currency-btn .mc-mobile-currency-icon {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--mc-cur-accent);
            color: #fff !important;
            font-size: 0.78rem;
            flex-shrink: 0;
        }
        .mc-mobile-currency-btn .mc-mobile-currency-meta {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.05rem;
            min-width: 0;
            padding-inline-end: 0.1rem;
        }
        .mc-mobile-currency-btn .mc-mobile-currency-code {
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.02em;
            color: var(--mc-cur-ink);
            line-height: 1.1;
        }
        .mc-mobile-currency-btn .mc-mobile-currency-hint {
            font-size: 0.62rem;
            font-weight: 600;
            color: var(--mc-cur-muted);
            line-height: 1;
        }
        .mc-mobile-currency-btn .mc-mobile-currency-caret {
            color: var(--mc-cur-muted);
            font-size: 0.65rem;
            margin-inline-start: 0.1rem;
        }
        .mc-mobile-currency-menu {
            min-width: 12.5rem;
            padding: 0.35rem;
            border-radius: 12px;
            border: 1px solid rgba(21, 32, 51, 0.1);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
        }
        .mc-mobile-currency-menu .dropdown-item {
            border-radius: 8px;
            font-size: 0.86rem;
            font-weight: 600;
            padding: 0.55rem 0.7rem;
        }
        .mc-mobile-currency-menu .dropdown-item.active,
        .mc-mobile-currency-menu .dropdown-item:active {
            background: color-mix(in srgb, var(--theme-color, #027cb0) 14%, #fff);
            color: var(--theme-color, #027cb0);
        }
        body.dark .mc-mobile-currency-btn {
            --mc-cur-ink: #eef2f6;
            --mc-cur-muted: #a8b0bc;
            --mc-cur-bg: #2a2d2d;
            --mc-cur-line: rgba(255, 255, 255, 0.14);
        }
        body.dark .mc-mobile-currency-btn:hover,
        body.dark .mc-mobile-currency-btn:focus,
        body.dark .mc-mobile-currency-btn.show {
            background: #32363a !important;
        }
        body.dark .mc-mobile-currency-menu {
            background: #2a2d2d;
            border-color: rgba(255, 255, 255, 0.12);
        }
        body.dark .mc-mobile-currency-menu .dropdown-item {
            color: #e8eaed;
        }
        body.dark .mc-mobile-currency-menu .dropdown-item.active,
        body.dark .mc-mobile-currency-menu .dropdown-item:active {
            background: rgba(255, 255, 255, 0.08);
            color: #7dd3fc;
        }
    }
    .offcanvas-backdrop {
        z-index: 1040 !important;
    }

.mc-menu-offcanvas-header {
    align-items: center !important;
    gap: 0.75rem;
    padding: 1rem 1.1rem !important;
    background: color-mix(in srgb, var(--theme-color, #027cb0) 8%, #fff);
}

.mc-menu-offcanvas-header .h5 {
    font-size: 1.05rem;
    font-weight: 800;
    color: #152033;
}

.mc-menu-offcanvas-sub {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    color: #5b6b7c;
}

.mc-menu-offcanvas-body {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0.85rem 1rem !important;
}

.mc-main-nav {
    gap: 0.2rem;
    width: 100%;
}

.mc-main-nav > .nav-item > .nav-link {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    min-height: 44px;
    padding: 0.55rem 0.75rem !important;
    border-radius: 12px;
    color: #1a2b3c !important;
    font-weight: 700;
    font-size: 0.92rem;
    line-height: 1.35;
}

.mc-main-nav > .nav-item > .nav-link > i {
    width: 1.15rem;
    text-align: center;
    color: var(--theme-color, #027cb0);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.mc-main-nav > .nav-item > .nav-link:hover,
.mc-main-nav > .nav-item > .nav-link:focus,
.mc-main-nav > .nav-item.show > .nav-link {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 10%, #fff) !important;
    color: var(--theme-color, #027cb0) !important;
}

.mc-main-dropdown {
    border: 1px solid rgba(21, 32, 51, 0.1);
    border-radius: 12px;
    padding: 0.35rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.mc-main-dropdown .dropdown-item {
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.55rem 0.7rem;
    color: #1a2b3c;
}

.mc-main-dropdown .dropdown-item:hover,
.mc-main-dropdown .dropdown-item:focus {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 10%, #fff);
    color: var(--theme-color, #027cb0);
}

.mc-main-dropdown .dropdown-header {
    font-size: 0.75rem;
    font-weight: 800;
    color: #5b6b7c;
    margin: 0.25rem 0 0.1rem;
    padding: 0.45rem 0.7rem 0.2rem;
}

.mc-menu-more-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--theme-color, #027cb0) !important;
}

.mc-menu-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-color, #027cb0) 14%, #fff);
    color: var(--theme-color, #027cb0);
    font-size: 0.72rem;
    font-weight: 800;
}

.mc-menu-offcanvas-actions {
    display: grid;
    gap: 0.55rem;
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(21, 32, 51, 0.08);
}

.mc-nav-actions {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.mc-nav-action {
    --mc-action-ink: #1a2b3c;
    --mc-action-line: rgba(21, 32, 51, 0.12);
    --mc-action-bg: #f3f6fa;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 40px;
    padding: 0.45rem 0.85rem !important;
    border-radius: 12px !important;
    border: 1px solid var(--mc-action-line) !important;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none !important;
}

.mc-nav-action i {
    font-size: 0.9rem;
}

.mc-nav-action-ghost {
    background: var(--mc-action-bg) !important;
    color: var(--mc-action-ink) !important;
}

.mc-nav-action-ghost:hover,
.mc-nav-action-ghost:focus {
    border-color: var(--theme-color, #027cb0) !important;
    background: #fff !important;
    color: var(--theme-color, #027cb0) !important;
}

.mc-nav-action-primary {
    background: var(--theme-color, #027cb0) !important;
    border-color: var(--theme-color, #027cb0) !important;
    color: #fff !important;
}

.mc-nav-action-primary:hover,
.mc-nav-action-primary:focus {
    filter: brightness(0.96);
    color: #fff !important;
}

header .top-nav .navbar-top .rightside-box.mc-rightside .right-side-menu.mc-right-tools {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

header .top-nav .navbar-top .rightside-box.mc-rightside .right-side-menu.mc-right-tools > .right-side {
    display: block !important;
    position: relative;
    padding: 0 !important;
}

header .top-nav .navbar-top .rightside-box.mc-rightside .right-side-menu.mc-right-tools > .right-side:before {
    display: none !important;
}

.mc-right-tool {
    --mc-rt-ink: #1a2b3c;
    --mc-rt-muted: #5b6b7c;
    --mc-rt-bg: #f3f6fa;
    --mc-rt-line: rgba(21, 32, 51, 0.12);
    --mc-rt-accent: var(--theme-color, #027cb0);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 40px;
    min-height: 40px;
    padding: 0.35rem !important;
    border-radius: 12px !important;
    border: 1px solid var(--mc-rt-line) !important;
    background: var(--mc-rt-bg) !important;
    color: var(--mc-rt-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1.1;
    cursor: pointer;
}

.mc-right-tool:hover,
.mc-right-tool:focus {
    border-color: var(--mc-rt-accent) !important;
    background: #fff !important;
    color: var(--mc-rt-accent) !important;
}

.mc-right-tool-wide {
    min-width: 0;
    padding: 0.25rem 0.55rem 0.25rem 0.3rem !important;
}

.mc-right-ico {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mc-rt-accent);
    color: #fff !important;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.mc-right-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.05rem;
    min-width: 0;
}

.mc-right-hint {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--mc-rt-muted);
    line-height: 1;
}

.mc-right-title {
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--mc-rt-ink);
    line-height: 1.15;
}

.mc-right-account-menu {
    min-width: 11rem;
    border-radius: 12px;
    border: 1px solid rgba(21, 32, 51, 0.1);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

.mc-right-account-menu .user-box-name {
    margin: 0;
    padding: 0.35rem;
}

.mc-right-account-menu .user-box-name a {
    display: block;
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    font-size: 0.86rem;
    font-weight: 600;
    color: #1a2b3c;
    text-decoration: none;
}

.mc-right-account-menu .user-box-name a:hover {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 10%, #fff);
    color: var(--theme-color, #027cb0);
}

@media (max-width: 1399.98px) {
    .mc-right-tool-wide .mc-right-meta {
        display: none;
    }

    .mc-right-tool-wide {
        padding: 0.35rem !important;
    }
}

body.dark .mc-right-tool {
    --mc-rt-ink: #eef2f6;
    --mc-rt-muted: #a8b0bc;
    --mc-rt-bg: #2a2d2d;
    --mc-rt-line: rgba(255, 255, 255, 0.14);
}

body.dark .mc-right-tool:hover,
body.dark .mc-right-tool:focus {
    background: #32363a !important;
}

body.dark .mc-right-account-menu {
    background: #2a2d2d;
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark .mc-right-account-menu .user-box-name a {
    color: #e8eaed;
}

body.dark .mc-right-account-menu .user-box-name a:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #7dd3fc;
}

@media (min-width: 1200px) {
    .mc-main-nav {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.15rem;
    }

    .mc-main-nav > .nav-item > .nav-link {
        min-height: 38px;
        padding: 0.4rem 0.7rem !important;
        font-size: 0.9rem;
    }

    .mc-main-nav > .nav-item > .nav-link > i {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .header-nav .header-nav-right.mc-nav-actions {
        display: none !important;
    }
}

body.dark .mc-menu-offcanvas-header {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 16%, #1b2330);
}

body.dark .mc-menu-offcanvas-header .h5 {
    color: #eef2f6;
}

body.dark .mc-menu-offcanvas-sub {
    color: #a8b0bc;
}

body.dark .mc-main-nav > .nav-item > .nav-link {
    color: #eef2f6 !important;
}

body.dark .mc-main-nav > .nav-item > .nav-link:hover,
body.dark .mc-main-nav > .nav-item > .nav-link:focus,
body.dark .mc-main-nav > .nav-item.show > .nav-link {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #7dd3fc !important;
}

body.dark .mc-main-dropdown {
    background: #2a2d2d;
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark .mc-main-dropdown .dropdown-item {
    color: #e8eaed;
}

body.dark .mc-main-dropdown .dropdown-item:hover,
body.dark .mc-main-dropdown .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.08);
    color: #7dd3fc;
}

body.dark .mc-main-dropdown .dropdown-header {
    color: #a8b0bc;
}

body.dark .mc-menu-offcanvas-actions {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark .mc-nav-action-ghost {
    --mc-action-ink: #eef2f6;
    --mc-action-line: rgba(255, 255, 255, 0.14);
    --mc-action-bg: #2a2d2d;
}

@media (max-width: 991.98px) {
            .header-top {
                display: none !important;
            }
        }
        .mobile-top-balance-wrap {
            padding-top: 8px;
            padding-bottom: 6px;
            background: linear-gradient(180deg, #03122f 0%, #052257 100%);
        }
        .mobile-top-balance-card {
            background: linear-gradient(145deg, #06245a 0%, #0a3a84 100%);
            border: 1px solid rgba(121, 243, 255, 0.35);
            border-radius: 12px;
            padding: 8px 10px;
            box-shadow: 0 8px 20px rgba(2, 20, 55, 0.3);
        }
        .mobile-balance-value {
            color: #e7f8ff;
            min-width: 0;
            line-height: 1.1;
        }
        .mobile-balance-label {
            display: block;
            font-size: 11px;
            margin-bottom: 2px;
            color: #a8dbff;
        }
        .mobile-balance-value strong {
            display: block;
            font-size: 13px;
            font-weight: 700;
            color: #ffffff;
        }
        .mobile-top-balance-btn {
            background: linear-gradient(145deg, #0a63ff 0%, #21b3ff 100%);
            color: #f4ffff;
            border: 1px solid rgba(121, 243, 255, 0.6);
            border-radius: 9px;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
            padding: 6px 10px;
            box-shadow: 0 0 16px rgba(33, 179, 255, 0.3);
        }
        .mobile-top-account-btn {
            background: rgba(255, 255, 255, 0.1);
            color: #e8f9ff;
            border: 1px solid rgba(168, 219, 255, 0.45);
            border-radius: 9px;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
            padding: 6px 10px;
        }
        .mobile-top-account-btn:hover,
        .mobile-top-account-btn:focus {
            color: #ffffff;
            border-color: #c8f0ff;
            background: rgba(255, 255, 255, 0.16);
        }
        .mobile-top-balance-btn:hover,
        .mobile-top-balance-btn:focus {
            color: #ffffff;
            border-color: #79f3ff;
            box-shadow: 0 0 0 2px rgba(121, 243, 255, 0.2), 0 0 18px rgba(121, 243, 255, 0.35);
        }
        
        .mobile-menu.mobile-cart {
            --mm-bg: #ffffff;
            --mm-ink: #5b6b7c;
            --mm-line: rgba(21, 32, 51, 0.1);
            --mm-soft: #f3f6fa;
            --mm-accent: var(--theme-color, #027cb0);
            background: var(--mm-bg) !important;
            border-top: 1px solid var(--mm-line);
            box-shadow: 0 -6px 18px rgba(15, 30, 50, 0.06);
            padding: 4px 2px calc(4px + env(safe-area-inset-bottom, 0px));
            margin: 0;
            z-index: 1030;
        }
        body.dark .mobile-menu.mobile-cart {
            --mm-bg: #2a2d2d;
            --mm-ink: #c9cdd3;
            --mm-line: rgba(255, 255, 255, 0.12);
            --mm-soft: #1d1d22;
            box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35);
        }
        .mobile-menu.mobile-cart ul {
            width: 100%;
            max-width: 480px;
            margin: 0 auto;
            padding: 0 2px;
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 0;
        }
        .mobile-menu.mobile-cart ul li {
            flex: 1 1 0;
            min-width: 0;
            text-align: center;
        }
        .mobile-menu.mobile-cart ul li.active::before {
            display: none;
        }
        .mobile-menu .mobile-menu-link {
            min-height: 44px;
            color: var(--mm-ink) !important;
            padding: 4px 2px 2px;
            text-decoration: none !important;
            -webkit-tap-highlight-color: transparent;
        }
        .mobile-menu .mobile-menu-link:hover,
        .mobile-menu .mobile-menu-link:focus {
            color: var(--mm-accent) !important;
        }
        .mobile-menu .mobile-menu-icon-wrap {
            width: 30px;
            height: 30px;
            border-radius: 9px;
            background: transparent;
            border: 1px solid transparent;
            box-shadow: none !important;
            transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
        }
        .mobile-menu .mobile-menu-icon {
            color: var(--mm-ink);
            font-size: 17px;
            line-height: 1;
        }
        .mobile-menu .mobile-menu-label {
            display: block;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0;
            color: inherit;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }
        .mobile-menu li.active .mobile-menu-icon-wrap {
            background: var(--mm-soft);
            border-color: color-mix(in srgb, var(--mm-accent) 35%, transparent);
        }
        .mobile-menu li.active .mobile-menu-icon {
            color: var(--mm-accent);
        }
        .mobile-menu li.active .mobile-menu-label {
            color: var(--mm-accent);
        }
        @media (max-width: 767.98px) {
            body:has(.mobile-menu.mobile-cart) {
                padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px));
            }
        }

        
@keyframes pulsing {
  to { box-shadow: 0 0 0 30px rgba(66, 219, 135, 0); }
}

.contact_icon{
  background-color: rgb(0, 181, 82);
  border-radius: 8px;
  font-size: 30px;
  width: 46px;
  height: 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 0 0 0 rgba(66, 219, 135, 0.9);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}

.mc-footer-refine .service-section .service-contain {
  gap: 0.35rem;
}
.mc-footer-refine .service-box {
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.mc-footer-refine .service-box:hover {
  transform: translateY(-2px);
}
.mc-footer-refine .service-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-footer-refine .service-detail .h5 {
  text-rendering: optimizeLegibility;
  letter-spacing: 0.01em;
}

.mc-footer-refine .service-image .mc-footer-fa-icon {
  font-size: clamp(22px, 1.5vw + 16px, 30px);
  line-height: 1;
  color: var(--theme-color, #0da487);
  opacity: 0.92;
  display: block;
}
body.dark .mc-footer-refine .service-image .mc-footer-fa-icon {
  opacity: 0.98;
}

.mc-footer-refine .footer-logo-contain .address li > i.fa-solid,
.mc-footer-refine .footer-contact .footer-number > i.fa-solid {
  flex-shrink: 0;
  width: 18px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #898989;
}
.mc-footer-refine .footer-logo-contain .address li:hover > i.fa-solid {
  color: var(--theme-color, #0da487);
}
body.dark .mc-footer-refine .footer-logo-contain .address li > i.fa-solid,
body.dark .mc-footer-refine .footer-contact .footer-number > i.fa-solid {
  color: #bfc6d1;
}
.mc-footer-refine .mc-footer-play-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.55rem 1rem;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: var(--theme-color, #0da487);
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.mc-footer-refine .mc-footer-play-link .mc-footer-play-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #3a3a3a;
}
.mc-footer-refine .mc-footer-play-link i {
  font-size: 1.35rem;
  flex-shrink: 0;
}
body.dark .mc-footer-refine .mc-footer-play-link .mc-footer-play-text {
  color: #e8eaed;
}
.mc-footer-refine .mc-footer-play-link:hover {
  border-color: var(--theme-color, #0da487);
  background-color: rgba(13, 164, 135, 0.08);
}
body.dark .mc-footer-refine .mc-footer-play-link {
  border-color: rgba(255, 255, 255, 0.18);
}

.mc-footer-refine .sub-footer .social-link ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 50%;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.25s ease;
}
.mc-footer-refine .sub-footer .social-link ul li a i {
  font-size: 1rem;
}
.mc-footer-refine .sub-footer .social-link ul li:hover a {
  transform: translateY(-4px);
  border-color: var(--theme-color, #0da487);
  background-color: rgba(13, 164, 135, 0.06);
}
.mc-footer-refine .sub-footer .social-link ul li:hover a i {
  transform: none;
}
body.dark .mc-footer-refine .sub-footer .social-link ul li a {
  border-color: rgba(255, 255, 255, 0.18);
}
body.dark .mc-footer-refine .sub-footer .social-link ul li:hover a {
  background-color: rgba(255, 255, 255, 0.06);
}

@media (max-width: 767.98px) {
  .theme-option .back-to-top {
    display: none !important;
  }
  .contact_icon {
    width: 44px;
    height: 44px;
    font-size: 22px;
  }
}

.mc-footer-refine .sub-footer .social-link {
  flex-wrap: wrap;
  gap: 0.35rem;
  min-width: 0;
}
.mc-footer-refine .sub-footer .social-link .h6 {
  font-size: clamp(0.68rem, 2.4vw, 0.8125rem);
  line-height: 1.25;
  margin: 0;
  white-space: nowrap;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="rtl"] .mc-footer-refine .sub-footer .social-link .h6 {
  margin-inline-start: 0.45rem;
  margin-inline-end: 0;
}
.mc-footer-refine .sub-footer .social-link ul {
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.mc-footer-refine .sub-footer .social-link ul li a {
  width: 44px;
  height: 44px;
}
.mc-footer-refine .sub-footer .social-link ul li a i {
  font-size: 0.82rem;
}
.mc-footer-refine .sub-footer .social-link ul li + li {
  margin-inline-start: 6px;
  margin-inline-end: 0;
}

footer.mc-footer-refine {
  margin-bottom: 0;
}
.mc-footer-refine .sub-footer {
  margin-bottom: 0 !important;
}
.mc-footer-refine .sub-footer.section-small-space {
  padding-bottom: 16px;
}
@media (max-width: 767.98px) {
  .mc-footer-refine .sub-footer.section-small-space {
    padding-bottom: 10px;
  }
}

.mc-home-promises-board {
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
}

.mc-home-promises-lead {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 9%, var(--bs-body-bg, #fff));
}

.mc-home-promises-lead h2 {
    font-size: 1.35rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.mc-home-promises-mark {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    background: var(--theme-color, #027cb0);
    color: #fff;
    font-size: 1.15rem;
}

.mc-home-promises-list {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mc-home-promises-item {
    padding: 1.15rem 1.25rem;
    border-top: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.12));
}

.mc-home-promises-item h3 {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.25rem;
}

.mc-home-promises-item h3 i {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: var(--theme-color, #027cb0);
    font-size: 0.95rem;
}

.mc-home-promises-item p {
    font-size: 0.92rem;
    line-height: 1.7;
    max-width: 42rem;
}

@media (min-width: 768px) {
    .mc-home-promises-list {
        grid-template-columns: 1fr 1fr;
    }

    .mc-home-promises-item:nth-child(odd) {
        border-inline-end: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.12));
    }

    .mc-home-promises-item-wide {
        grid-column: 1 / -1;
        border-inline-end: 0;
    }
}

@media (min-width: 992px) {
    .mc-home-promises-list {
        border-inline-start: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.12));
    }

    .mc-home-promises-item:nth-child(-n + 2) {
        border-top: 0;
    }
}

body.dark .mc-home-promises-board {
    background: #1b2330;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eef6;
}

body.dark .mc-home-promises-lead {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 18%, #121820);
}

body.dark .mc-home-promises-item {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark .mc-home-promises-board .text-body-secondary {
    color: #b7c3d1 !important;
}

.mc-home-voices-head h2 {
    font-size: 1.45rem;
    line-height: 1.45;
}

.mc-home-voices-head p {
    font-size: 0.95rem;
    line-height: 1.7;
    max-width: 36rem;
}

.mc-home-voices-swiper {
    padding-bottom: 0.25rem;
}

.mc-home-voice-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    padding: 1.25rem 1.2rem 1.15rem;
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 1rem;
    background: var(--bs-body-bg, #fff);
    border-inline-start: 3px solid var(--theme-color, #027cb0);
}

.mc-home-voice-quote {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.85rem;
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--theme-color, #027cb0) 12%, transparent);
    color: var(--theme-color, #027cb0);
    font-size: 0.9rem;
}

.mc-home-voice-text {
    flex: 1 1 auto;
    margin: 0 0 1.1rem;
    font-size: 0.94rem;
    line-height: 1.8;
    color: #4a5568;
}

.mc-home-voice-meta {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.1));
}

.mc-home-voice-avatar {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--theme-color, #027cb0);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
}

.mc-home-voice-meta h3 {
    font-size: 0.95rem;
    line-height: 1.35;
}

.mc-home-voice-role {
    display: block;
    margin-top: 0.1rem;
    font-size: 0.8rem;
    color: #6b7280;
}

.mc-home-voices .swiper-pagination-bullet {
    background: color-mix(in srgb, var(--theme-color, #027cb0) 45%, #9ca3af);
    opacity: 1;
}

.mc-home-voices .swiper-pagination-bullet-active {
    background: var(--theme-color, #027cb0);
}

body.dark .mc-home-voice-card {
    background: #1b2330;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e8eef6;
}

body.dark .mc-home-voice-text {
    color: #c2ccd8;
}

body.dark .mc-home-voice-meta {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark .mc-home-voice-role,
body.dark .mc-home-voices-head .text-body-secondary {
    color: #b7c3d1 !important;
}

.mc-search-page {
    --mc-search-ink: #152033;
    --mc-search-muted: #5b6b7c;
    --mc-search-line: rgba(21, 32, 51, 0.1);
    --mc-search-accent: var(--theme-color, #027cb0);
    --mc-search-soft: #f3f7fb;
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 220px);
    padding: 1.5rem 0 3rem;
    background:
        radial-gradient(1200px 420px at 90% -10%, color-mix(in srgb, var(--mc-search-accent) 18%, transparent), transparent 60%),
        linear-gradient(180deg, #f7fafc 0%, #eef4f8 100%);
}

.mc-search-aurora {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.mc-search-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(8px);
    opacity: 0.55;
    animation: mc-search-float 12s ease-in-out infinite;
}

.mc-search-blob-a {
    width: 220px;
    height: 220px;
    top: 8%;
    right: 6%;
    background: color-mix(in srgb, var(--mc-search-accent) 28%, #fff);
}

.mc-search-blob-b {
    width: 180px;
    height: 180px;
    bottom: 12%;
    left: 8%;
    background: color-mix(in srgb, #0ea5b7 24%, #fff);
    animation-delay: -4s;
}

.mc-search-blob-c {
    width: 140px;
    height: 140px;
    top: 45%;
    left: 45%;
    background: color-mix(in srgb, #035f8a 18%, #fff);
    animation-delay: -7s;
}

.mc-search-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(21, 32, 51, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 32, 51, 0.035) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: radial-gradient(circle at center, #000 35%, transparent 85%);
    animation: mc-search-grid-drift 18s linear infinite;
}

.mc-search-shell {
    position: relative;
    z-index: 1;
    max-width: 880px;
    margin: 0 auto;
}

.mc-search-hero {
    text-align: center;
    padding: 1.25rem 0 1.5rem;
    animation: mc-search-rise 0.7s ease both;
}

.mc-search-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.7rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mc-search-accent) 12%, #fff);
    color: var(--mc-search-accent);
    font-size: 0.78rem;
    font-weight: 800;
}

.mc-search-hero h1 {
    margin: 0 0 0.65rem;
    color: var(--mc-search-ink);
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 900;
    line-height: 1.35;
}

.mc-search-lead {
    max-width: 36rem;
    margin: 0 auto 1.35rem;
    color: var(--mc-search-muted);
    font-size: 0.98rem;
    line-height: 1.8;
}

.mc-search-form {
    max-width: 640px;
    margin: 0 auto;
}

.mc-search-field {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.4rem 0.4rem 0.85rem;
    border: 1px solid var(--mc-search-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 36px rgba(15, 35, 70, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mc-search-field:focus-within {
    border-color: var(--mc-search-accent);
    box-shadow: 0 16px 40px rgba(2, 124, 176, 0.16);
    transform: translateY(-1px);
}

.mc-search-field-icon {
    color: var(--mc-search-accent);
    font-size: 1rem;
}

.mc-search-field .form-control {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: 46px;
    padding: 0.35rem 0.2rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--mc-search-ink);
}

.mc-search-field .form-control:focus {
    box-shadow: none !important;
}

.mc-search-submit {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0.55rem 1rem !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: var(--mc-search-accent) !important;
    color: #fff !important;
    font-weight: 800;
    white-space: nowrap;
}

.mc-search-submit:hover,
.mc-search-submit:focus {
    filter: brightness(0.96);
    color: #fff !important;
}

.mc-search-live {
    margin-top: 0.75rem;
    color: var(--mc-search-muted);
    font-size: 0.86rem;
}

.mc-search-live strong {
    color: var(--mc-search-accent);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.mc-search-live strong.is-swap {
    opacity: 0;
    transform: translateY(4px);
}

.mc-search-block {
    margin-top: 1.35rem;
    padding: 1.1rem 1.1rem 1.15rem;
    border: 1px solid var(--mc-search-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(6px);
    animation: mc-search-rise 0.75s ease both;
    animation-delay: 0.08s;
}

.mc-search-block + .mc-search-block {
    animation-delay: 0.16s;
}

.mc-search-block-title {
    margin: 0 0 0.85rem;
    color: var(--mc-search-ink);
    font-size: 1rem;
    font-weight: 800;
}

.mc-search-chips,
.mc-search-cats,
.mc-search-popular {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.mc-search-chip,
.mc-search-cat,
.mc-search-popular-item {
    animation: mc-search-rise 0.55s ease both;
    animation-delay: calc(var(--mc-delay, 0) * 45ms + 120ms);
}

.mc-search-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 38px;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--mc-search-line);
    background: var(--mc-search-soft);
    color: var(--mc-search-ink);
    font-size: 0.86rem;
    font-weight: 700;
}

.mc-search-chip i {
    color: var(--mc-search-accent);
    font-size: 0.75rem;
}

.mc-search-chip:hover,
.mc-search-chip:focus {
    border-color: var(--mc-search-accent);
    color: var(--mc-search-accent);
    background: #fff;
}

.mc-search-cats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.mc-search-cat {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 58px;
    padding: 0.7rem 0.8rem;
    border-radius: 14px;
    border: 1px solid var(--mc-search-line);
    background: #fff;
    color: var(--mc-search-ink);
    text-decoration: none !important;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.mc-search-cat:hover,
.mc-search-cat:focus {
    border-color: var(--mc-search-accent);
    transform: translateY(-2px);
    color: var(--mc-search-ink);
}

.mc-search-cat-ico {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mc-search-accent) 12%, #fff);
    color: var(--mc-search-accent);
    flex-shrink: 0;
}

.mc-search-cat-name {
    flex: 1 1 auto;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.mc-search-cat-arrow {
    color: var(--mc-search-muted);
    font-size: 0.75rem;
}

.mc-search-popular-item {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.45rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--mc-search-line);
    background: #fff;
    color: var(--mc-search-ink);
    text-decoration: none !important;
    font-size: 0.86rem;
    font-weight: 700;
}

.mc-search-popular-item i {
    color: var(--mc-search-accent);
    font-size: 0.75rem;
}

.mc-search-popular-item:hover,
.mc-search-popular-item:focus {
    border-color: var(--mc-search-accent);
    color: var(--mc-search-accent);
}

@keyframes mc-search-float {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(12px, -18px, 0) scale(1.05); }
}

@keyframes mc-search-grid-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-28px, 28px, 0); }
}

@keyframes mc-search-rise {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (min-width: 768px) {
    .mc-search-cats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .mc-search-field {
        flex-wrap: wrap;
        padding: 0.65rem;
    }

    .mc-search-field .form-control {
        width: calc(100% - 1.5rem);
    }

    .mc-search-submit {
        width: 100%;
        justify-content: center;
    }

    .mc-search-cats {
        grid-template-columns: 1fr;
    }
}

body.dark .mc-search-page {
    --mc-search-ink: #e8eef6;
    --mc-search-muted: #b7c3d1;
    --mc-search-line: rgba(255, 255, 255, 0.12);
    --mc-search-soft: #232833;
    background:
        radial-gradient(1000px 380px at 90% -10%, color-mix(in srgb, var(--mc-search-accent) 22%, transparent), transparent 60%),
        linear-gradient(180deg, #121820 0%, #1b2330 100%);
}

body.dark .mc-search-field,
body.dark .mc-search-block,
body.dark .mc-search-cat,
body.dark .mc-search-popular-item {
    background: #1b2330;
}

body.dark .mc-search-chip {
    background: #232833;
    color: #e8eef6;
}

body.dark .mc-search-cat-ico {
    background: rgba(255, 255, 255, 0.06);
}

@media (prefers-reduced-motion: reduce) {
    .mc-search-blob,
    .mc-search-grid,
    .mc-search-hero,
    .mc-search-block,
    .mc-search-chip,
    .mc-search-cat,
    .mc-search-popular-item {
        animation: none !important;
    }

    .mc-search-field,
    .mc-search-cat {
        transition: none !important;
    }
}

.mc-swal {
    border-radius: 18px !important;
    border: 1px solid rgba(21, 32, 51, 0.08);
    padding: 1.35rem 1.2rem 1.2rem !important;
    font-family: inherit;
    width: min(100%, 26rem) !important;
}

.mc-swal .swal2-icon {
    margin-top: 0.35rem !important;
    margin-bottom: 0.55rem !important;
}

.mc-swal-title {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #152033 !important;
    padding: 0 !important;
}

.mc-swal-body,
.mc-swal-text {
    font-size: 0.95rem !important;
    line-height: 1.75 !important;
    color: #5b6b7c !important;
    margin: 0.35rem 0 0 !important;
}

.mc-swal-actions {
    width: 100%;
    margin: 1.1rem 0 0 !important;
    gap: 0.5rem;
}

.mc-swal-actions-single {
    justify-content: center !important;
}

.mc-swal-actions-single .swal2-cancel,
.mc-swal-actions-single .swal2-deny {
    display: none !important;
}

.mc-swal-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    min-width: 7.5rem;
    margin: 0 !important;
    padding: 0.55rem 1rem !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.mc-swal-btn-primary {
    background: var(--theme-color, #027cb0) !important;
    border-color: var(--theme-color, #027cb0) !important;
    color: #fff !important;
}

.mc-swal-btn-primary:hover {
    filter: brightness(0.96);
}

.mc-order-confirm-btn.mc-swal-btn-primary {
    position: relative;
    overflow: hidden;
    min-width: 0;
    width: 100%;
    gap: 0.35rem;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--theme-color, #027cb0) 28%, transparent) !important;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.mc-order-confirm-btn.mc-swal-btn-primary::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        115deg,
        transparent 25%,
        rgba(255, 255, 255, 0.28) 48%,
        transparent 70%
    );
    transform: translateX(-120%);
    animation: mc-order-confirm-shine 2.4s ease-in-out infinite;
    pointer-events: none;
}

.mc-order-confirm-btn.mc-swal-btn-primary:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px color-mix(in srgb, var(--theme-color, #027cb0) 36%, transparent) !important;
}

.mc-order-confirm-btn.mc-swal-btn-primary:active {
    transform: translateY(0);
    filter: brightness(0.96);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--theme-color, #027cb0) 24%, transparent) !important;
}

.mc-order-confirm-btn.mc-swal-btn-primary:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--theme-color, #027cb0) 55%, #fff);
    outline-offset: 2px;
}

@keyframes mc-order-confirm-shine {
    0%, 55% { transform: translateX(-120%); }
    80%, 100% { transform: translateX(120%); }
}

@media (prefers-reduced-motion: reduce) {
    .mc-order-confirm-btn.mc-swal-btn-primary::after {
        animation: none;
    }

    .mc-order-confirm-btn.mc-swal-btn-primary {
        transition: none;
    }
}

.mc-swal-btn-ghost {
    background: #f3f6fa !important;
    border-color: rgba(21, 32, 51, 0.12) !important;
    color: #1a2b3c !important;
}

.mc-swal-btn-ghost:hover {
    border-color: var(--theme-color, #027cb0) !important;
    color: var(--theme-color, #027cb0) !important;
    background: #fff !important;
}

.mc-swal-toast {
    border-radius: 14px !important;
    border: 1px solid rgba(21, 32, 51, 0.08);
    font-family: inherit;
    font-weight: 700;
    box-shadow: 0 10px 28px rgba(15, 35, 70, 0.12) !important;
}

body.dark .mc-swal,
body.dark .mc-swal-toast {
    background: #1b2330 !important;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e8eef6;
}

body.dark .mc-swal-title {
    color: #eef2f6 !important;
}

body.dark .mc-swal-body,
body.dark .mc-swal-text {
    color: #b7c3d1 !important;
}

body.dark .mc-swal-btn-ghost {
    background: #2a2d2d !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #eef2f6 !important;
}

/* ShowModal (ServiceInfo / ServiceOrder / OrderView): centered sheet, not fullscreen */
#ShowModal.mc-show-modal .modal-dialog {
    margin: 0.75rem auto;
    width: calc(100% - 1.5rem);
    max-width: 32rem;
}

#ShowModal.mc-show-modal .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(2, 124, 176, 0.18);
    overflow: hidden;
    max-height: calc(100dvh - 1.5rem);
}

#ShowModal.mc-show-modal .modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body:has(#ShowModal.show) .modal-backdrop {
    background-color: rgba(30, 35, 42, 0.3);
    opacity: 1 !important;
    backdrop-filter:  blur(4px);
    -webkit-backdrop-filter:  blur(4px);
}

body.dark #ShowModal.mc-show-modal .modal-content {
    background: #1b2330;
    color: #e8eef6;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}

/* Order form inputs: modal inherits light text; keep field bg dark so typing stays visible */
body.dark #ShowModal.mc-show-modal .form-control,
body.dark #ShowModal.mc-show-modal .form-select,
body.dark #ShowModal.mc-show-modal .input-group .form-control {
    background-color: #2a2d2d !important;
    color: #e8eef6 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    caret-color: #e8eef6;
}

body.dark #ShowModal.mc-show-modal .form-control::placeholder,
body.dark #ShowModal.mc-show-modal .form-select::placeholder {
    color: #a8b0bc !important;
    opacity: 1;
}

body.dark #ShowModal.mc-show-modal .form-control:focus,
body.dark #ShowModal.mc-show-modal .form-select:focus,
body.dark #ShowModal.mc-show-modal .input-group .form-control:focus {
    background-color: #32363a !important;
    color: #e8eef6 !important;
    border-color: var(--theme-color, #027cb0) !important;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--theme-color, #027cb0) 22%, transparent);
}

body.dark #ShowModal.mc-show-modal .input-group-text {
    background-color: #23282f;
    color: #e8eef6;
    border-color: rgba(255, 255, 255, 0.14);
}

body.dark #ShowModal.mc-show-modal .form-label,
body.dark #ShowModal.mc-show-modal .form-text,
body.dark #ShowModal.mc-show-modal .text-content {
    color: #b7c3d1;
}

body.dark #ShowModal.mc-show-modal .form-label .fw-semibold {
    color: #e8eef6;
}

.mc-order-placed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 220px;
    padding: 1.75rem 1rem 2rem;
    text-align: center;
}

.mc-order-check {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 0.85rem;
    border: 3px solid #14804a;
    background: #fff;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
    animation: mc-order-check-fill 0.5s ease forwards;
}

.mc-order-check i {
    opacity: 0;
    transform: scale(0.45);
    animation: mc-order-check-mark 0.28s 0.28s ease forwards;
}

.mc-order-placed-title {
    margin: 0.45rem 0 0;
    font-weight: 800;
    font-size: 1.05rem;
    color: #152033;
}

.mc-order-placed-note {
    margin: 0;
    color: #5b6b7c;
    font-weight: 700;
    font-size: 0.9rem;
}

.mc-order-new-tag {
    display: inline-block;
    margin-inline-start: 0.4rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: #14804a;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.5;
    vertical-align: middle;
}

.mc-run-order.is-new {
    background: rgba(20, 128, 74, 0.1);
    border-radius: 10px;
}

body.dark .mc-order-check {
    background: #1b2330;
    border-color: #3dce74;
}

body.dark .mc-order-placed-title {
    color: #eef2f6;
}

body.dark .mc-order-placed-note {
    color: #b7c3d1;
}

body.dark .mc-order-new-tag {
    background: #1f9d55;
}

body.dark .mc-run-order.is-new {
    background: rgba(61, 206, 116, 0.14);
}

@keyframes mc-order-check-fill {
    0% { background: transparent; transform: scale(0.86); }
    50% { background: transparent; transform: scale(1); }
    100% { background: #14804a; transform: scale(1); }
}

@keyframes mc-order-check-mark {
    to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .mc-order-check,
    .mc-order-check i {
        animation: none;
    }
    .mc-order-check {
        background: #14804a;
    }
    .mc-order-check i {
        opacity: 1;
        transform: none;
    }
}

/* Dark mode: logo is dark artwork — lift to white + soft glow */
body.dark .web-logo img,
body.dark .nav-logo img,
body.dark .theme-logo img,
body.dark .footer-logo .theme-logo img,
body.dark .mc-menu-offcanvas-header img {
    filter:
        brightness(0) invert(1)
        drop-shadow(0 0 6px rgba(255, 255, 255, 0.55))
        drop-shadow(0 0 14px rgba(255, 255, 255, 0.35));
}

/* AllServices catalog */
.mc-as-page {
    --mc-as-ink: #152033;
    --mc-as-muted: #5b6b7c;
    --mc-as-line: rgba(21, 32, 51, 0.1);
    --mc-as-soft: #f3f7fb;
    --mc-as-panel: #ffffff;
    --mc-as-accent: var(--theme-color, #027cb0);
    --mc-as-deep: #07224a;
}

.mc-as-panel {
    position: relative;
    isolation: isolate;
    margin-bottom: 1.15rem;
    padding: 1.25rem;
    border: 1px solid color-mix(in srgb, var(--mc-as-accent) 18%, var(--mc-as-line));
    border-radius: 1.25rem;
    background:
        linear-gradient(135deg, rgba(7, 34, 74, 0.06) 0%, transparent 38%),
        radial-gradient(55rem 20rem at 100% -25%, color-mix(in srgb, var(--mc-as-accent) 24%, transparent), transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, var(--mc-as-soft) 100%);
    box-shadow: 0 18px 42px rgba(15, 35, 70, 0.09);
    overflow: hidden;
}

.mc-as-panel::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 0.36rem;
    background: linear-gradient(180deg, var(--mc-as-accent), #79f3ff);
    z-index: -1;
}

.mc-as-panel::after {
    content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    inset-inline-end: -5rem;
    top: -6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mc-as-accent) 12%, transparent);
    z-index: -1;
}

.mc-as-panel-top {
    display: flex;
    flex-wrap: wrap;
    gap: 1.1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.1rem;
}

.mc-as-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    padding: 0.24rem 0.58rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mc-as-accent) 11%, #fff);
    color: var(--mc-as-accent);
    font-size: 0.76rem;
    font-weight: 800;
    border: 1px solid color-mix(in srgb, var(--mc-as-accent) 16%, transparent);
}

.mc-as-title {
    margin: 0;
    color: var(--mc-as-ink);
    font-size: clamp(1.25rem, 2.4vw, 1.7rem);
    font-weight: 900;
    line-height: 1.35;
}

.mc-as-sub {
    margin-top: 0.35rem;
    color: var(--mc-as-muted);
    font-size: 0.92rem;
    font-weight: 600;
    max-width: 36rem;
}

.mc-as-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.mc-as-stat {
    min-width: 8.25rem;
    padding: 0.68rem 0.85rem;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--mc-as-accent) 20%, var(--mc-as-line));
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 10px 24px rgba(15, 35, 70, 0.07);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mc-as-stat-label {
    display: block;
    color: var(--mc-as-muted);
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
}

.mc-as-stat-value {
    color: var(--mc-as-deep);
    font-size: 1rem;
    font-weight: 900;
}

.mc-as-tools {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.mc-as-label {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--mc-as-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.mc-as-search-field {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    padding: 0.35rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--mc-as-accent) 12%, var(--mc-as-line));
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 20px rgba(15, 35, 70, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.mc-as-search-field:focus-within {
    border-color: var(--mc-as-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-as-accent) 15%, transparent), 0 12px 26px rgba(2, 124, 176, 0.12);
    transform: translateY(-1px);
}

.mc-as-search-field > i {
    color: var(--mc-as-accent);
}

.mc-as-search-field .form-control {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: 40px;
    padding: 0;
    font-weight: 700;
    color: var(--mc-as-ink);
}

.mc-as-currency-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
}

.mc-as-control {
    min-height: 46px;
    border-radius: 12px !important;
    border-color: color-mix(in srgb, var(--mc-as-accent) 12%, var(--mc-as-line)) !important;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(15, 35, 70, 0.04);
}

.mc-as-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.mc-as-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 46px;
    padding: 0.55rem 1rem;
    border-radius: 12px;
    font-weight: 800;
}

.mc-as-btn-primary {
    background: linear-gradient(135deg, var(--mc-as-accent), #06628c) !important;
    border-color: var(--mc-as-accent) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--mc-as-accent) 28%, transparent);
}

.mc-as-btn-ghost {
    background: #fff !important;
    border: 1px solid var(--mc-as-line) !important;
    color: var(--mc-as-ink) !important;
}

.mc-as-btn-ghost:hover,
.mc-as-btn-ghost:focus {
    border-color: var(--mc-as-accent) !important;
    color: var(--mc-as-accent) !important;
}

.mc-as-table-wrap {
    border: 1px solid var(--mc-as-line);
    border-radius: 1rem;
    background: var(--mc-as-panel);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(15, 35, 70, 0.05);
}

.mc-as-table {
    --bs-table-bg: transparent;
    margin: 0;
    vertical-align: middle;
}

.mc-as-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0b2a4a;
    color: #eaf6ff;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
    border: 0;
    padding: 0.85rem 0.9rem;
}

.mc-as-table > tbody > tr > th,
.mc-as-table > tbody > tr > td {
    border-color: var(--mc-as-line);
    padding: 0.75rem 0.9rem;
}

.mc-as-group > th {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.mc-as-group-bar {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.9rem;
    background: linear-gradient(90deg, var(--mc-as-deep) 0%, var(--mc-as-accent) 100%);
    color: #fff;
}

.mc-as-group-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.12);
    flex: 0 0 auto;
}

.mc-as-group-name {
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.4;
}

.mc-as-service:nth-child(even) {
    background: color-mix(in srgb, var(--mc-as-accent) 4%, #fff);
}

.mc-as-service:hover {
    background: color-mix(in srgb, var(--mc-as-accent) 9%, #fff);
}

.mc-as-code {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    background: var(--mc-as-soft);
    color: var(--mc-as-deep);
    font-weight: 800;
    font-size: 0.84rem;
}

.mc-as-service-name {
    color: var(--mc-as-ink);
    font-weight: 800;
    font-size: 0.92rem;
}

.mc-as-price {
    color: var(--mc-as-accent);
    font-weight: 900;
    white-space: nowrap;
}

.mc-as-time {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--mc-as-muted);
    font-weight: 700;
    font-size: 0.86rem;
}

.mc-as-time.is-direct {
    color: #14804a;
}

.mc-as-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.mc-as-field {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mc-as-accent) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--mc-as-accent) 18%, transparent);
    color: var(--mc-as-deep);
    font-size: 0.75rem;
    font-weight: 700;
}

.mc-as-field small {
    color: var(--mc-as-muted);
    font-weight: 600;
}

.mc-as-muted {
    color: var(--mc-as-muted);
}

.mc-as-empty {
    display: none;
}

.mc-as-empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 2rem 1rem;
    color: var(--mc-as-muted);
    text-align: center;
}

.mc-as-empty-box i {
    color: var(--mc-as-accent);
    font-size: 1.2rem;
}

.mc-as-empty-box strong {
    color: var(--mc-as-ink);
}

.mc-as-hidden-search {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.results tr[visible='false'] {
    display: none !important;
}

.results tr[visible='true'] {
    display: table-row;
}

@media (min-width: 992px) {
    .mc-as-tools {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        align-items: end;
    }

    .mc-as-currency-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .mc-as-actions {
        grid-column: auto;
        flex-direction: column;
        min-width: 11.5rem;
    }

    .mc-as-actions .btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .mc-as-table thead {
        display: none;
    }

    .mc-as-table > tbody > tr.mc-as-service {
        display: block;
        margin: 0.65rem;
        border: 1px solid var(--mc-as-line);
        border-radius: 12px;
        overflow: hidden;
    }

    .mc-as-table > tbody > tr.mc-as-service > td {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        border: 0;
        border-bottom: 1px solid var(--mc-as-line);
        padding: 0.65rem 0.8rem;
    }

    .mc-as-table > tbody > tr.mc-as-service > td:last-child {
        border-bottom: 0;
    }

    .mc-as-table > tbody > tr.mc-as-service > td::before {
        content: attr(data-label);
        color: var(--mc-as-muted);
        font-size: 0.78rem;
        font-weight: 800;
        flex: 0 0 auto;
    }

    .mc-as-table > tbody > tr.mc-as-group {
        display: block;
        margin: 0.65rem 0.65rem 0;
    }

    .mc-as-table > tbody > tr.mc-as-group > th {
        display: block;
        border-radius: 12px;
        overflow: hidden;
    }

    .results tr.mc-as-service[visible='true'] {
        display: block;
    }

    .results tr.mc-as-group[visible='true'] {
        display: block;
    }
}

body.dark .mc-as-page {
    --mc-as-ink: #eef2f6;
    --mc-as-muted: #a8b0bc;
    --mc-as-line: rgba(255, 255, 255, 0.12);
    --mc-as-soft: #23282f;
    --mc-as-panel: #1b2330;
    --mc-as-deep: #9ad8f5;
}

body.dark .mc-as-panel {
    background:
        linear-gradient(135deg, rgba(121, 243, 255, 0.07) 0%, transparent 38%),
        radial-gradient(55rem 20rem at 100% -25%, color-mix(in srgb, var(--mc-as-accent) 26%, transparent), transparent 60%),
        linear-gradient(180deg, #1f2733 0%, #171d27 100%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

body.dark .mc-as-stat,
body.dark .mc-as-search-field,
body.dark .mc-as-btn-ghost,
body.dark .mc-as-table-wrap {
    background: #1b2330;
}

body.dark .mc-as-kicker {
    background: rgba(121, 243, 255, 0.08);
    border-color: rgba(121, 243, 255, 0.18);
}

body.dark .mc-as-tools {
    background: rgba(27, 35, 48, 0.68);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.dark .mc-as-control {
    background: #23282f;
    color: #eef2f6;
}

body.dark .mc-as-service:nth-child(even),
body.dark .mc-as-service:hover {
    background: rgba(255, 255, 255, 0.04);
}

body.dark .mc-as-code,
body.dark .mc-as-field {
    background: rgba(255, 255, 255, 0.06);
    color: #eef2f6;
}

/* ==========================================================================
   Mega Center Auth & Signup Flow (.mc-auth-*)
   ========================================================================== */
.mc-auth-page {
    --mc-auth-ink: #152033;
    --mc-auth-muted: #5b6b7c;
    --mc-auth-line: rgba(21, 32, 51, 0.11);
    --mc-auth-soft: #f3f7fb;
    --mc-auth-panel: #ffffff;
    --mc-auth-accent: var(--theme-color, #027cb0);
    --mc-auth-deep: #07224a;
    --mc-auth-ok: #14804a;
    --mc-auth-warn: #b45309;
    --mc-auth-danger: #dc2626;
    padding-top: 1rem;
    background:
        radial-gradient(42rem 18rem at 85% 0%, rgba(2, 124, 176, 0.07), transparent 68%),
        #f8fafc;
}

.mc-auth-card {
    position: relative;
    isolation: isolate;
    border-radius: 1.35rem;
    border: 1px solid color-mix(in srgb, var(--mc-auth-accent) 18%, var(--mc-auth-line));
    background: var(--mc-auth-panel);
    box-shadow: 0 14px 36px rgba(7, 34, 74, 0.08);
    overflow: hidden;
}

.mc-auth-banner {
    position: relative;
    padding: 1.25rem 1.5rem 1.1rem;
    background: linear-gradient(135deg, #ffffff 0%, #f1f8fc 100%);
    color: var(--mc-auth-ink);
    border-bottom: 1px solid var(--mc-auth-line);
}

.mc-auth-heading {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.mc-auth-heading-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #fff;
    background: var(--mc-auth-accent);
    box-shadow: 0 8px 18px rgba(2, 124, 176, 0.2);
}

.mc-auth-title {
    color: var(--mc-auth-ink);
    font-size: clamp(1.2rem, 2.3vw, 1.5rem);
    font-weight: 900;
    margin-bottom: 0.15rem;
    line-height: 1.35;
}

.mc-auth-subtitle {
    color: var(--mc-auth-muted);
    font-size: 0.84rem;
    font-weight: 600;
    margin: 0;
}

/* 2-Step Progress Indicator */
.mc-auth-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    padding: 0.3rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--mc-auth-line);
}

.mc-auth-step {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    color: var(--mc-auth-muted);
    font-size: 0.82rem;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mc-auth-step-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.76rem;
    font-weight: 900;
    background: var(--mc-auth-soft);
    color: var(--mc-auth-muted);
    flex-shrink: 0;
}

.mc-auth-step.is-active {
    background: color-mix(in srgb, var(--mc-auth-accent) 8%, #fff);
    color: var(--mc-auth-deep);
    border: 1px solid color-mix(in srgb, var(--mc-auth-accent) 24%, transparent);
}

.mc-auth-step.is-active .mc-auth-step-num {
    background: var(--mc-auth-accent);
    color: #fff;
}

.mc-auth-step.is-done {
    color: var(--mc-auth-ok);
}

.mc-auth-step.is-done .mc-auth-step-num {
    background: #10b981;
    color: #fff;
}

.mc-auth-body {
    padding: 1.25rem 1.5rem 1.4rem;
}

@media (max-width: 575.98px) {
    .mc-auth-banner {
        padding: 1.2rem 1.1rem 1.05rem;
    }
    .mc-auth-body {
        padding: 1.15rem 1rem;
    }
}

/* Google + Email Method Switcher */
.mc-auth-methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.mc-auth-methods-title {
    grid-column: 1 / -1;
    margin: 0 0 0.2rem;
    color: var(--mc-auth-ink);
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
}

@media (max-width: 575.98px) {
    .mc-auth-methods {
        grid-template-columns: 1fr;
    }
}

.mc-auth-method-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 48px;
    padding: 0.65rem 1rem;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.18s ease;
    border: 1.5px solid var(--mc-auth-line);
    background: #fff;
    color: var(--mc-auth-ink);
}

.mc-auth-method-btn:hover,
.mc-auth-method-btn:focus-visible {
    border-color: var(--mc-auth-accent);
    color: var(--mc-auth-accent);
    background: color-mix(in srgb, var(--mc-auth-accent) 6%, var(--mc-auth-panel));
}

.mc-auth-method-btn.is-active {
    background: color-mix(in srgb, var(--mc-auth-accent) 7%, #fff);
    border-color: var(--mc-auth-accent);
    color: var(--mc-auth-deep);
    box-shadow: 0 6px 16px rgba(2, 124, 176, 0.12);
}

.mc-auth-selected-method {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.8rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mc-auth-accent) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--mc-auth-accent) 20%, transparent);
    color: var(--mc-auth-deep);
    font-size: 0.82rem;
    font-weight: 800;
}

.mc-auth-selected-method .btn-link {
    color: var(--mc-auth-accent);
    font-weight: 800;
    text-decoration: none;
}

/* Form Controls & Labels */
.mc-auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.mc-auth-label {
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--mc-auth-ink);
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.mc-auth-label i {
    color: var(--mc-auth-accent);
    font-size: 0.85rem;
}

.mc-auth-badge-req {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 0.12rem 0.48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mc-auth-accent) 11%, transparent);
    color: var(--mc-auth-accent);
    border: 1px solid color-mix(in srgb, var(--mc-auth-accent) 22%, transparent);
}

.mc-auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.mc-auth-input {
    min-height: 48px !important;
    border-radius: 12px !important;
    border: 1.5px solid var(--mc-auth-line) !important;
    background: #fff !important;
    color: var(--mc-auth-ink) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    padding: 0.6rem 0.9rem !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
}

.mc-auth-input:focus {
    background: var(--mc-auth-panel) !important;
    border-color: var(--mc-auth-accent) !important;
    box-shadow: 0 0 0 3.5px color-mix(in srgb, var(--mc-auth-accent) 16%, transparent) !important;
    outline: none !important;
}

.mc-auth-input.is-valid-field {
    border-color: rgba(20, 128, 74, 0.55) !important;
    background: color-mix(in srgb, #14804a 4%, var(--mc-auth-panel)) !important;
}

.mc-auth-input.is-invalid-field {
    border-color: rgba(220, 38, 38, 0.65) !important;
    background: color-mix(in srgb, #dc2626 4%, var(--mc-auth-panel)) !important;
}

.mc-auth-pw-toggle {
    position: absolute;
    inset-inline-end: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--mc-auth-muted);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
}

.mc-auth-pw-toggle:hover {
    color: var(--mc-auth-accent);
    background: rgba(2, 124, 176, 0.08);
}

.mc-auth-input.has-pw-toggle {
    padding-inline-end: 2.6rem !important;
}

.mc-auth-hint {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.38rem;
    font-size: 0.77rem;
    font-weight: 600;
    color: var(--mc-auth-muted);
}

.mc-auth-hint:not(.is-ok):not(.is-err) {
    display: none;
}

.mc-auth-hint.is-ok {
    color: var(--mc-auth-ok);
    font-weight: 700;
}

.mc-auth-hint.is-err {
    color: var(--mc-auth-danger);
    font-weight: 700;
}

.mc-auth-domain-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.mc-auth-domain-chip {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: var(--mc-auth-soft);
    border: 1px solid var(--mc-auth-line);
    color: var(--mc-auth-muted);
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease;
}

.mc-auth-domain-chip:hover {
    border-color: var(--mc-auth-accent);
    color: var(--mc-auth-accent);
    background: color-mix(in srgb, var(--mc-auth-accent) 8%, var(--mc-auth-panel));
}

.mc-auth-currency-note {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.45rem;
    padding: 0.5rem 0.7rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid var(--mc-auth-line);
    color: var(--mc-auth-muted);
    font-size: 0.77rem;
    font-weight: 700;
}

.mc-auth-terms-box {
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--mc-auth-line);
}

.mc-auth-submit-btn {
    min-height: 50px;
    border-radius: 12px !important;
    font-size: 0.96rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, var(--mc-auth-accent) 0%, #055a82 100%) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(2, 124, 176, 0.24);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.mc-auth-submit-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(2, 124, 176, 0.32);
}

.mc-auth-submit-btn:disabled {
    opacity: 0.72;
    cursor: not-allowed;
}

/* OTP Step 2 */
.mc-auth-otp-card {
    padding: 1rem;
    border-radius: 14px;
    background: #f8fbfd;
    border: 1px solid var(--mc-auth-line);
    margin-bottom: 1rem;
}

.mc-auth-otp-slots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    direction: ltr;
    margin: 0.75rem 0 0.5rem;
}

.mc-auth-otp-slot {
    width: 48px;
    height: 56px;
    border-radius: 12px;
    border: 1.5px solid var(--mc-auth-line);
    background: var(--mc-auth-panel);
    color: var(--mc-auth-ink);
    font-size: 1.35rem;
    font-weight: 900;
    text-align: center;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mc-auth-otp-slot:focus {
    border-color: var(--mc-auth-accent);
    box-shadow: 0 0 0 3.5px color-mix(in srgb, var(--mc-auth-accent) 18%, transparent);
    transform: translateY(-1px);
    outline: none;
}

.mc-auth-otp-slot.is-filled {
    border-color: var(--mc-auth-accent);
    background: color-mix(in srgb, var(--mc-auth-accent) 6%, var(--mc-auth-panel));
}

@media (max-width: 400px) {
    .mc-auth-otp-slot {
        width: 42px;
        height: 50px;
        font-size: 1.15rem;
    }
}

/* Registration Success Banner on Signin.php */
.mc-signin-registered-banner {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.13) 0%, rgba(20, 128, 74, 0.06) 100%);
    border: 1.5px solid rgba(16, 185, 129, 0.42);
    color: #065f46;
    margin-bottom: 1.15rem;
    box-shadow: none;
}

.mc-signin-registered-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #10b981;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
    box-shadow: none;
}

.mc-signin-registered-title {
    font-size: 0.96rem;
    font-weight: 900;
    color: #064e3b;
    margin-bottom: 0.2rem;
}

.mc-signin-registered-text {
    font-size: 0.83rem;
    font-weight: 700;
    color: #047857;
    margin: 0;
    line-height: 1.5;
}

.mc-signin-banner {
    padding-bottom: 0.35rem;
}

.mc-signin-banner .mc-auth-heading {
    margin-bottom: 0.75rem;
}

.mc-signin-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem;
    padding: 0.3rem;
    margin-bottom: 0.85rem;
    border-radius: 14px;
    background: var(--mc-auth-soft);
    border: 1px solid var(--mc-auth-line);
}

.mc-signin-switch-btn {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mc-auth-muted);
    border-radius: 11px;
    min-height: 46px;
    padding: 0.4rem 0.45rem;
    font-weight: 800;
    font-size: 0.8rem;
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    text-align: center;
}

.mc-signin-switch-btn i {
    color: var(--mc-auth-accent);
    font-size: 0.95rem;
}

.mc-signin-switch-btn.is-active {
    background: var(--mc-auth-panel);
    color: var(--mc-auth-deep);
    border-color: color-mix(in srgb, var(--mc-auth-accent) 42%, var(--mc-auth-line));
    box-shadow: 0 6px 14px rgba(7, 34, 74, 0.06);
}

.mc-signin-switch-btn:focus-visible {
    outline: 2px solid var(--mc-auth-accent);
    outline-offset: 2px;
}

.mc-signin-field-note {
    margin: 0.4rem 0 0;
    font-size: 0.77rem;
    font-weight: 600;
    color: var(--mc-auth-muted);
    line-height: 1.45;
}

.mc-signin-field-note.is-err {
    color: var(--mc-auth-danger);
    font-weight: 700;
}

.mc-signin-identity.is-phone {
    display: flex;
    direction: ltr;
    align-items: stretch;
    min-height: 48px;
    border: 1.5px solid var(--mc-auth-line);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.mc-signin-identity.is-phone:focus-within {
    border-color: var(--mc-auth-accent);
    box-shadow: 0 0 0 3.5px color-mix(in srgb, var(--mc-auth-accent) 16%, transparent);
}

.mc-signin-identity.is-phone.is-invalid {
    border-color: rgba(220, 38, 38, 0.65);
    box-shadow: 0 0 0 3.5px color-mix(in srgb, #dc2626 14%, transparent);
}

.mc-signin-country {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    border-right: 1px solid var(--mc-auth-line);
    background: var(--mc-auth-soft);
}

.mc-signin-country select {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    background-color: transparent;
    color: var(--mc-auth-ink);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.2;
    min-height: 48px;
    max-width: 7.4rem;
    padding: 0 1.15rem 0 0.55rem;
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position:
        calc(100% - 0.48rem) calc(50% - 1px),
        calc(100% - 0.38rem) calc(50% - 1px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.mc-signin-country select:focus {
    outline: none;
}

.mc-signin-country select:focus-visible {
    outline: 2px solid var(--mc-auth-accent);
    outline-offset: -2px;
}

.mc-signin-identity.is-phone .mc-auth-input,
.mc-signin-identity.is-phone .mc-auth-input:focus,
.mc-signin-identity.is-phone .mc-auth-input.is-invalid-field {
    flex: 1 1 auto;
    width: auto;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

@media (max-width: 420px) {
    .mc-signin-switch-btn {
        font-size: 0.74rem;
        min-height: 52px;
    }
}

.mc-auth-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0;
    color: var(--mc-auth-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.mc-auth-divider::before,
.mc-auth-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--mc-auth-line);
}

@media (prefers-reduced-motion: reduce) {
    .mc-auth-method-btn,
    .mc-auth-input,
    .mc-auth-submit-btn,
    .mc-auth-otp-slot,
    .mc-signin-switch-btn {
        transition: none !important;
    }
}

/* Dark Mode Support for .mc-auth-* */
body.dark .mc-auth-page {
    --mc-auth-ink: #eef2f6;
    --mc-auth-muted: #9aa6b5;
    --mc-auth-line: rgba(255, 255, 255, 0.12);
    --mc-auth-soft: #232a36;
    --mc-auth-panel: #1b222d;
    --mc-auth-deep: #9ad8f5;
    --mc-auth-ok: #34d399;
}

body.dark .mc-auth-card {
    background: #1b222d;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
}

body.dark .mc-auth-banner {
    background: #202833;
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark .mc-auth-title {
    color: #f4f7fa;
}

body.dark .mc-auth-steps,
body.dark .mc-auth-terms-box {
    background: #252e3a;
}

body.dark .mc-auth-method-btn {
    background: #232a36;
    color: #eef2f6;
}

body.dark .mc-auth-method-btn.is-active {
    background: rgba(2, 124, 176, 0.2);
    color: #79f3ff;
    border-color: #027cb0;
}

body.dark .mc-auth-input {
    background: #232a36 !important;
    color: #eef2f6 !important;
}

body.dark .mc-auth-input:focus {
    background: #1b222d !important;
}

body.dark .mc-auth-currency-note {
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.3);
    color: #fcd34d;
}

body.dark .mc-auth-otp-slot {
    background: #1b222d;
    color: #eef2f6;
}

body.dark .mc-signin-registered-banner {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(6, 95, 70, 0.18) 100%);
    border-color: rgba(52, 211, 153, 0.4);
    color: #a7f3d0;
}

body.dark .mc-signin-registered-title {
    color: #ecfdf5;
}

body.dark .mc-signin-registered-text {
    color: #a7f3d0;
}

body.dark .mc-signin-identity.is-phone {
    background: #232a36;
}

body.dark .mc-signin-identity.is-phone .mc-auth-input,
body.dark .mc-signin-identity.is-phone .mc-auth-input:focus {
    background: transparent !important;
    color: #eef2f6 !important;
}

body.dark .mc-signin-country select {
    color: #eef2f6;
}

/* Account statement: one passbook sheet, running balance is the marked column */
.mc-statement {
    --mc-st-ink: #12243a;
    --mc-st-muted: #5c6d80;
    --mc-st-line: #d3e0ea;
    --mc-st-paper: #f4f8fb;
    --mc-st-sheet: #ffffff;
    --mc-st-credit: #0d6a46;
    --mc-st-credit-wash: #e7f6ee;
    --mc-st-debit: #8d342c;
    --mc-st-debit-wash: #fbeceb;
    --mc-st-accent: var(--theme-color, #027cb0);
    padding: 1.25rem 0 4.5rem;
    background-color: var(--mc-st-paper);
    background-image: repeating-linear-gradient(
        to bottom,
        transparent,
        transparent 27px,
        rgba(18, 36, 58, 0.045) 28px
    );
}

.mc-statement-sheet {
    background: var(--mc-st-sheet);
    border: 1px solid var(--mc-st-line);
    border-inline-start: 7px solid #0c2344;
    border-radius: 2px;
    padding: 1.25rem 1.15rem 1.1rem;
}

.mc-statement-trail {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: var(--mc-st-muted);
    font-size: 0.82rem;
}

.mc-statement-trail a {
    color: var(--mc-st-accent);
    text-decoration: none;
}

.mc-statement-trail a:hover {
    text-decoration: underline;
}

.mc-statement-head h1 {
    margin: 0;
    color: var(--mc-st-ink);
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.3;
    border-bottom: 2px solid var(--mc-st-accent);
    width: fit-content;
    padding-bottom: 0.2rem;
}

.mc-statement-head p {
    max-width: 38rem;
    margin: 0.7rem 0 0;
    color: var(--mc-st-muted);
    font-size: 0.95rem;
    line-height: 1.7;
}

.mc-statement-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 0.85rem 1rem;
    align-items: end;
    margin-top: 1.15rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mc-st-line);
}

.mc-statement-field label {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--mc-st-ink);
    font-size: 0.86rem;
    font-weight: 700;
}

.mc-statement-field .form-control {
    min-height: 46px;
    border: 1px solid var(--mc-st-line);
    border-radius: 8px;
    color: var(--mc-st-ink);
    background: #fff;
}

.mc-statement-field .form-control:focus {
    border-color: var(--mc-st-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-st-accent) 18%, transparent);
}

.mc-statement-go,
.mc-statement-export {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.45rem 1.15rem;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.mc-statement-go {
    border: 0;
    background: var(--mc-st-accent);
    color: #fff;
}

.mc-statement-go:hover {
    background: color-mix(in srgb, var(--mc-st-accent) 86%, #04152f);
    color: #fff;
}

.mc-statement-go:focus-visible,
.mc-statement-export:focus-visible,
.mc-statement-trail a:focus-visible,
.mc-statement-field .form-control:focus-visible {
    outline: 2px solid var(--mc-st-accent);
    outline-offset: 2px;
}

.mc-statement-result {
    margin-top: 1.15rem;
}

.mc-statement-note {
    margin: 0.35rem 0 0.2rem;
    padding: 1.35rem 0.25rem 1.1rem;
    color: var(--mc-st-muted);
    text-align: center;
}

.mc-statement-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.mc-statement-toolbar p {
    margin: 0;
    color: var(--mc-st-muted);
    font-size: 0.9rem;
}

.mc-statement-toolbar strong {
    color: var(--mc-st-ink);
}

.mc-statement-export {
    min-height: 46px;
    padding: 0.45rem 1.25rem;
    border: 1px solid var(--mc-st-accent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--mc-st-accent) 12%, #fff);
    color: var(--mc-st-accent);
    font-size: 0.95rem;
}

.mc-statement-export:hover {
    border-color: var(--mc-st-accent);
    background: var(--mc-st-accent);
    color: #fff;
}

.mc-statement-open,
.mc-statement-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.mc-statement-open {
    padding: 0.7rem 0.15rem;
    border-top: 1px solid var(--mc-st-line);
    border-bottom: 1px solid var(--mc-st-ink);
    color: var(--mc-st-ink);
}

.mc-statement-open strong {
    font-size: 1.05rem;
}

.mc-statement-scroll {
    overflow-x: auto;
}

.mc-statement-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    color: var(--mc-st-ink);
    background: transparent;
}

.mc-statement-table th,
.mc-statement-table td {
    padding: 0.72rem 0.45rem;
    border-bottom: 1px solid var(--mc-st-line);
    text-align: start;
    vertical-align: middle;
    background: transparent;
}

.mc-statement-table th {
    color: var(--mc-st-muted);
    font-size: 0.8rem;
    font-weight: 700;
}

.mc-statement-table td:nth-child(5) {
    min-width: 9rem;
}

.mc-statement-num {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mc-statement-balance {
    background: color-mix(in srgb, var(--mc-st-accent) 8%, #fff) !important;
    font-weight: 700;
}

.mc-statement-kind {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.mc-statement-table tr.is-credit .mc-statement-kind {
    background: var(--mc-st-credit-wash);
    color: var(--mc-st-credit);
}

.mc-statement-table tr.is-debit .mc-statement-kind {
    background: var(--mc-st-debit-wash);
    color: var(--mc-st-debit);
}

.mc-statement-empty {
    color: var(--mc-st-muted);
    text-align: center !important;
}

.mc-statement-close {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.15rem;
    border-top: 2px solid var(--mc-st-ink);
}

.mc-statement-close > div {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 0.7rem 0.35rem;
}

.mc-statement-close > div + div {
    border-inline-start: 1px solid var(--mc-st-line);
}

.mc-statement-close span {
    color: var(--mc-st-muted);
    font-size: 0.8rem;
}

.mc-statement-close strong {
    color: var(--mc-st-ink);
    font-size: 1rem;
}

.mc-statement-close .is-closing strong {
    color: var(--mc-st-accent);
    font-size: 1.45rem;
    line-height: 1.2;
}

@media (max-width: 767.98px) {
    .mc-statement-filter,
    .mc-statement-close {
        grid-template-columns: 1fr;
    }

    .mc-statement-close > div + div {
        border-inline-start: 0;
        border-top: 1px solid var(--mc-st-line);
    }

    .mc-statement-go {
        width: 100%;
    }

    .mc-statement-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .mc-statement-table,
    .mc-statement-table tbody,
    .mc-statement-table tr,
    .mc-statement-table td {
        display: block;
        width: 100%;
    }

    .mc-statement-table tr {
        padding: 0.65rem 0 0.4rem;
        border-bottom: 1px solid var(--mc-st-line);
    }

    .mc-statement-table td {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.18rem 0;
        border-bottom: 0;
    }

    .mc-statement-table td::before {
        content: attr(data-label);
        color: var(--mc-st-muted);
        font-size: 0.78rem;
        font-weight: 700;
    }

    .mc-statement-table td.mc-statement-empty {
        display: block;
        text-align: center !important;
    }

    .mc-statement-table td.mc-statement-empty::before {
        content: none;
    }

    .mc-statement-balance {
        background: transparent !important;
        color: var(--mc-st-accent);
    }
}

body.dark .mc-statement {
    --mc-st-ink: #e8eef4;
    --mc-st-muted: #9aabbb;
    --mc-st-line: rgba(255, 255, 255, 0.12);
    --mc-st-paper: #141c27;
    --mc-st-sheet: #1b2430;
    --mc-st-credit: #7ddeb4;
    --mc-st-credit-wash: rgba(13, 106, 70, 0.35);
    --mc-st-debit: #f0a8a2;
    --mc-st-debit-wash: rgba(141, 52, 44, 0.35);
    background-image: repeating-linear-gradient(
        to bottom,
        transparent,
        transparent 27px,
        rgba(255, 255, 255, 0.035) 28px
    );
}

body.dark .mc-statement-sheet {
    border-inline-start-color: #79f3ff;
}

body.dark .mc-statement-field .form-control {
    background: #232c38;
    color: var(--mc-st-ink);
}

body.dark .mc-statement-export {
    background: rgba(2, 124, 176, 0.22);
    border-color: var(--mc-st-accent);
    color: #9ad8f5;
}

body.dark .mc-statement-export:hover {
    background: var(--mc-st-accent);
    color: #fff;
}

body.dark .mc-statement-balance {
    background: rgba(2, 124, 176, 0.22) !important;
}

@media (prefers-reduced-motion: reduce) {
    .mc-statement-go,
    .mc-statement-export {
        transition: none;
    }
}


/* Keep theme color transitions without animating page geometry. */
body {
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

/* Home banner geometry and accessible controls. */
.mc-app-banner{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:contain;border-radius:20px}
.mc-header-news-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.mc-home-main .mc-home-card-title{font-size:calc(15px + 3*(100vw - 320px)/1600);line-height:1.5;font-weight:600;color:inherit}
.mc-home-main .blog-detail .mc-home-video-channel{color:var(--bs-secondary-color,#4a5568);margin-bottom:3px;font-weight:600}
.mc-home-main .blog-box:hover .mc-home-card-title,.mc-home-main .top-selling-contain:hover .mc-home-card-title{color:var(--theme-color)}
footer.mc-footer-refine .footer-title .mc-footer-title{font-size:calc(17px + 3*(100vw - 320px)/1600);font-weight:600;margin-bottom:0}
.mc-footer-refine .service-detail .h5{font-weight:500;margin-bottom:0}
.mc-footer-refine .footer-contain a.text-content{display:inline-flex;align-items:center;min-height:44px}
.mc-home-main a.btn,.theme-option button,.theme-option .contact_icon>a,.theme-option #back-to-top,header .navbar-menu-button,header .mc-header-theme-toggle{min-width:44px;min-height:44px}
.theme-option .contact_icon>a{display:flex;align-items:center;justify-content:center}
.mc-home-main .mc-slider-user-pagination .swiper-pagination-bullet{width:24px;height:24px;border:8px solid transparent;box-sizing:border-box;background-clip:content-box}
.mc-home-main :is(a,button):focus-visible,.mc-footer-refine a:focus-visible,.theme-option :is(a,button):focus-visible{outline:2px solid var(--theme-color,#027cb0);outline-offset:3px}

/* Page styles moved from About.php; zero-specificity page scope. */
:where([data-mc-page="About"]) .mc-about{
            --ab-bg: #ffffff;
            --ab-soft: #f3f6fa;
            --ab-soft-2: #eaf3f8;
            --ab-ink: #152033;
            --ab-muted: #5a6878;
            --ab-line: rgba(21, 32, 51, 0.1);
            --ab-accent: var(--theme-color, #027cb0);
        }body:where([data-mc-page="About"]).dark .mc-about{
            --ab-bg: #2a2d2d;
            --ab-soft: #1d1d22;
            --ab-soft-2: #24262b;
            --ab-ink: #ffffff;
            --ab-muted: #dddddd;
            --ab-line: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="About"]) .mc-about-page{
            background: var(--ab-soft);
            color: var(--ab-ink);
        }:where([data-mc-page="About"]) .mc-about h1,
:where([data-mc-page="About"]) .mc-about h2,
:where([data-mc-page="About"]) .mc-about h3,
:where([data-mc-page="About"]) .mc-about .mc-about-title{
            color: var(--ab-ink) !important;
        }:where([data-mc-page="About"]) .mc-about p,
:where([data-mc-page="About"]) .mc-about .mc-about-copy,
:where([data-mc-page="About"]) .mc-about .mc-about-lead,
:where([data-mc-page="About"]) .mc-about .mc-about-note,
:where([data-mc-page="About"]) .mc-about small{
            color: var(--ab-muted) !important;
            line-height: 1.85;
        }:where([data-mc-page="About"]) .mc-about strong{
            color: var(--ab-ink);
            font-weight: 800;
        }:where([data-mc-page="About"]) .mc-about-kicker{
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border: 1px solid var(--ab-line);
            background: var(--ab-bg);
            color: var(--ab-accent);
            border-radius: 999px;
            padding: 0.3rem 0.85rem;
            font-size: 0.78rem;
            font-weight: 800;
        }:where([data-mc-page="About"]) .mc-about-panel,
:where([data-mc-page="About"]) .mc-about-card,
:where([data-mc-page="About"]) .mc-about-stat,
:where([data-mc-page="About"]) .mc-about-reason,
:where([data-mc-page="About"]) .mc-about-trust,
:where([data-mc-page="About"]) .mc-about-hero{
            background: var(--ab-bg);
            color: var(--ab-ink);
            border: 1px solid var(--ab-line);
            border-radius: 1rem;
        }:where([data-mc-page="About"]) .mc-about-panel{
            padding: 1.35rem 1.4rem 1.5rem;
            position: relative;
            overflow: hidden;
        }:where([data-mc-page="About"]) .mc-about-panel::before{
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 4px;
            background: var(--ab-accent);
        }:where([data-mc-page="About"]) .mc-about-quote{
            border: 1px solid var(--ab-line);
            background: var(--ab-soft-2);
            border-radius: 0.9rem;
            padding: 1rem 1.1rem;
            margin: 1.1rem 0 1.25rem;
            border-right: 3px solid var(--ab-accent);
        }:where([data-mc-page="About"]) .mc-about-quote p{
            margin: 0;
            color: var(--ab-ink) !important;
            font-size: 1.02rem;
            font-weight: 600;
            line-height: 1.8;
        }:where([data-mc-page="About"]) .mc-about-hero{
            min-height: 100%;
            padding: 1.75rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: var(--ab-accent) !important;
            color: #fff !important;
            border: 0;
            box-shadow: 0 16px 36px rgba(2, 80, 120, 0.22);
            position: relative;
            overflow: hidden;
        }:where([data-mc-page="About"]) .mc-about-hero::before{
            content: "";
            position: absolute;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            left: -70px;
            top: -80px;
            background: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="About"]) .mc-about-hero::after{
            content: "";
            position: absolute;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            right: -40px;
            bottom: -50px;
            background: rgba(0, 0, 0, 0.12);
        }:where([data-mc-page="About"]) .mc-about-hero-inner{
            position: relative;
            z-index: 1;
        }:where([data-mc-page="About"]) .mc-about-hero-icon{
            width: 56px;
            height: 56px;
            border-radius: 1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.16);
            border: 1px solid rgba(255, 255, 255, 0.25);
            margin-bottom: 1rem;
            font-size: 1.4rem;
            color: #fff;
        }:where([data-mc-page="About"]) .mc-about-hero h2{
            color: #fff !important;
            font-size: 1.35rem;
            font-weight: 800;
            margin-bottom: 0.45rem;
        }:where([data-mc-page="About"]) .mc-about-hero p{
            color: rgba(255, 255, 255, 0.9) !important;
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.7;
        }:where([data-mc-page="About"]) .mc-about-hero-list{
            margin: 1.15rem 0 0;
            padding: 0;
            list-style: none;
        }:where([data-mc-page="About"]) .mc-about-hero-list li{
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            color: rgba(255, 255, 255, 0.92);
            font-size: 0.88rem;
            margin-bottom: 0.45rem;
        }:where([data-mc-page="About"]) .mc-about-hero-list li:last-child{
            margin-bottom: 0;
        }:where([data-mc-page="About"]) .mc-about-hero-list i{
            margin-top: 0.2rem;
            color: #fff;
        }:where([data-mc-page="About"]) .mc-about-card{
            height: 100%;
            padding: 1.15rem 1.05rem;
            text-align: center;
            transition: transform 0.2s ease, border-color 0.2s ease;
        }:where([data-mc-page="About"]) .mc-about-card:hover,
:where([data-mc-page="About"]) .mc-about-reason:hover,
:where([data-mc-page="About"]) .mc-about-stat:hover{
            transform: translateY(-3px);
            border-color: var(--ab-accent);
        }:where([data-mc-page="About"]) .mc-about-ico{
            width: 48px;
            height: 48px;
            margin: 0 auto 0.85rem;
            border-radius: 0.85rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--ab-soft);
            color: var(--ab-accent);
            border: 1px solid var(--ab-line);
            font-size: 1.2rem;
        }:where([data-mc-page="About"]) .mc-about-card h3,
:where([data-mc-page="About"]) .mc-about-reason h3{
            font-size: 1rem;
            font-weight: 800;
            margin-bottom: 0.35rem;
        }:where([data-mc-page="About"]) .mc-about-card p,
:where([data-mc-page="About"]) .mc-about-reason p{
            margin: 0;
            font-size: 0.86rem;
        }:where([data-mc-page="About"]) .mc-about-section-head{
            text-align: center;
            max-width: 36rem;
            margin: 0 auto 1.75rem;
        }:where([data-mc-page="About"]) .mc-about-section-head h2{
            font-size: clamp(1.35rem, 2.4vw, 1.75rem);
            font-weight: 900;
            margin-bottom: 0.4rem;
        }:where([data-mc-page="About"]) .mc-about-section-head p{
            margin: 0;
            font-size: 1rem;
        }:where([data-mc-page="About"]) .mc-about-band{
            background: var(--ab-bg);
            border-block: 1px solid var(--ab-line);
        }:where([data-mc-page="About"]) .mc-about-stat{
            height: 100%;
            padding: 1.25rem 1rem;
            text-align: center;
        }:where([data-mc-page="About"]) .mc-about-num{
            font-size: clamp(1.7rem, 3vw, 2.2rem);
            font-weight: 900;
            color: var(--ab-accent) !important;
            margin-bottom: 0.25rem;
            line-height: 1.1;
        }:where([data-mc-page="About"]) .mc-about-label{
            font-weight: 800;
            color: var(--ab-ink) !important;
            margin-bottom: 0.2rem;
        }:where([data-mc-page="About"]) .mc-about-reason{
            height: 100%;
            padding: 1.1rem;
            display: flex;
            gap: 0.85rem;
            text-align: start;
            transition: transform 0.2s ease, border-color 0.2s ease;
        }:where([data-mc-page="About"]) .mc-about-reason .mc-about-ico{
            margin: 0;
            flex-shrink: 0;
        }:where([data-mc-page="About"]) .mc-about-trust{
            padding: 1.5rem;
            display: grid;
            gap: 1.25rem;
            align-items: center;
            background:
                linear-gradient(135deg, color-mix(in srgb, var(--ab-accent) 10%, transparent), transparent 45%),
                var(--ab-bg);
        }
        @media (min-width: 992px) {:where([data-mc-page="About"]) .mc-about-trust{
                grid-template-columns: auto 1fr;
                padding: 1.75rem 1.85rem;
            }
        }:where([data-mc-page="About"]) .mc-about-trust-badge{
            width: 96px;
            height: 96px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--ab-accent);
            color: #fff;
            font-size: 2.2rem;
            box-shadow: 0 14px 30px rgba(8, 40, 60, 0.2);
            margin: 0 auto;
        }:where([data-mc-page="About"]) .mc-about-checks{
            display: grid;
            grid-template-columns: 1fr;
            gap: 0.55rem;
            margin: 1rem 0 1.25rem;
        }
        @media (min-width: 576px) {:where([data-mc-page="About"]) .mc-about-checks{
                grid-template-columns: 1fr 1fr;
            }
        }:where([data-mc-page="About"]) .mc-about-check{
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            font-weight: 700;
            font-size: 0.9rem;
            color: var(--ab-ink);
        }:where([data-mc-page="About"]) .mc-about-check i{
            color: var(--ab-accent);
            margin-top: 0.2rem;
        }:where([data-mc-page="About"]) .mc-about-cta{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.4rem;
            border-radius: 0.7rem;
            padding: 0.7rem 1.15rem;
            font-weight: 800;
            text-decoration: none !important;
            transition: filter 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        }:where([data-mc-page="About"]) .mc-about-cta-primary{
            background: var(--ab-accent);
            color: #fff !important;
            border: 0;
        }:where([data-mc-page="About"]) .mc-about-cta-primary:hover,
:where([data-mc-page="About"]) .mc-about-cta-primary:focus{
            color: #fff !important;
            filter: brightness(1.06);
        }:where([data-mc-page="About"]) .mc-about-cta-ghost{
            background: transparent;
            color: var(--ab-ink) !important;
            border: 1px solid var(--ab-line);
        }:where([data-mc-page="About"]) .mc-about-cta-ghost:hover,
:where([data-mc-page="About"]) .mc-about-cta-ghost:focus{
            border-color: var(--ab-accent);
            color: var(--ab-accent) !important;
        }:where([data-mc-page="About"]) .mc-about-reveal{
            animation: mcAboutIn 0.55s ease both;
        }:where([data-mc-page="About"]) .mc-about-reveal-2{ animation-delay: 0.08s; }:where([data-mc-page="About"]) .mc-about-reveal-3{ animation-delay: 0.16s; }:where([data-mc-page="About"]) .mc-about-reveal-4{ animation-delay: 0.24s; }
        @keyframes mcAboutIn {
            from { opacity: 0; transform: translateY(12px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @media (prefers-reduced-motion: reduce) {:where([data-mc-page="About"]) .mc-about-reveal,
:where([data-mc-page="About"]) .mc-about-card,
:where([data-mc-page="About"]) .mc-about-reason,
:where([data-mc-page="About"]) .mc-about-stat{
                animation: none !important;
                transition: none !important;
            }
        }
        @media (max-width: 575.98px) {:where([data-mc-page="About"]) .mc-about-actions .mc-about-cta{
                width: 100%;
            }:where([data-mc-page="About"]) .mc-about-hero{
                min-height: 260px;
            }
        }
    

/* Page styles moved from AccountMain.php; zero-specificity page scope. */
/* نفس البلوك السابق - تم فقط تحسين الأحجام والوضوح بدون إضافة ملفات/مكتبات */
:where([data-mc-page="AccountMain"]) .dash-card{border:1px solid rgba(0,0,0,.06); border-radius:16px;  box-shadow:0 6px 18px rgba(0,0,0,.04);}:where([data-mc-page="AccountMain"]) .dash-muted{color:#6c757d}:where([data-mc-page="AccountMain"]) .sticky-sidebar{position:sticky; top:90px}:where([data-mc-page="AccountMain"]) .nav-pills.user-nav-pills .nav-link{display:flex;gap:10px;align-items:center; font-size:14px; padding:.65rem .8rem}:where([data-mc-page="AccountMain"]) .nav-pills.user-nav-pills .nav-link i{font-size:16px}:where([data-mc-page="AccountMain"]) .chip{border:1px solid rgba(0,0,0,.08); border-radius:999px; padding:.40rem .70rem; display:inline-flex; gap:8px; align-items:center;  font-size:13px}:where([data-mc-page="AccountMain"]) .icon-pill{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04)}:where([data-mc-page="AccountMain"]) .kpi h5{font-size:13px;margin:0;color:#6c757d}:where([data-mc-page="AccountMain"]) .kpi h3{margin:0;font-size:22px}:where([data-mc-page="AccountMain"]) .table > :not(caption) > * > *{vertical-align: middle; font-size:15px;}:where([data-mc-page="AccountMain"]) .small-note{font-size:12px;color:#6c757d}:where([data-mc-page="AccountMain"]) .perm-row{border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:12px 14px}:where([data-mc-page="AccountMain"]) .perm-row + .perm-row{margin-top:10px}:where([data-mc-page="AccountMain"]) .perm-row h6{margin:0;font-size:14px}:where([data-mc-page="AccountMain"]) .perm-row p{margin:4px 0 0;font-size:12px;color:#6c757d}:where([data-mc-page="AccountMain"]) .perm-state{font-size:12px}:where([data-mc-page="AccountMain"]) .badge-soft{background:rgba(0,0,0,.04); color:#333; border:1px solid rgba(0,0,0,.06)}:where([data-mc-page="AccountMain"]) .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
    

/* Page styles moved from AllServices-old.php; zero-specificity page scope. */
:where([data-mc-page="AllServices-old"]) .centered-header{
  text-align: center; /* Horizontally center the text */
  background: var(--theme-color) !important;  
}:where([data-mc-page="AllServices-old"]) .centered-header img{ 
  float: right;
  width: 48px;
  border-radius: 10%;
 
}body:where([data-mc-page="AllServices-old"]).dark .custom-table{
    background-color: #444; /* Dark background for the table */
    color: #fff; /* White text for readability */
}body:where([data-mc-page="AllServices-old"]).dark .custom-table th,
body:where([data-mc-page="AllServices-old"]).dark .custom-table td{
    border-color: #555; /* Border color for dark theme */
}body:where([data-mc-page="AllServices-old"]).dark .custom-table tbody tr:hover{
    background-color: #555; /* Highlight color on hover */
}:where([data-mc-page="AllServices-old"]) .results tr[visible='false'],
:where([data-mc-page="AllServices-old"]) .no-result{
  display:none;
}:where([data-mc-page="AllServices-old"]) .results tr[visible='true']{
  display:table-row;
}:where([data-mc-page="AllServices-old"]) .counter{
  color: black;
  text-align: center;
  font-size: larger;
  margin: 10px;
}
 


/* Page styles moved from BalanceCharge.php; zero-specificity page scope. */
:where([data-mc-page="BalanceCharge"]) .mc-pay{
            --pay-bg: #ffffff;
            --pay-soft: #f3f6fa;
            --pay-ink: #152033;
            --pay-muted: #5a6878;
            --pay-line: rgba(21, 32, 51, 0.1);
            --pay-accent: var(--theme-color, #027cb0);
        }body:where([data-mc-page="BalanceCharge"]).dark .mc-pay{
            --pay-bg: #2a2d2d;
            --pay-soft: #1d1d22;
            --pay-ink: #ffffff;
            --pay-muted: #dddddd;
            --pay-line: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-panel,
:where([data-mc-page="BalanceCharge"]) .mc-pay-method,
:where([data-mc-page="BalanceCharge"]) .mc-pay-lane{
            background: var(--pay-bg) !important;
            color: var(--pay-ink) !important;
            border: 1px solid var(--pay-line);
            border-radius: 1rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-panel{
            padding: 1.15rem 1.2rem 1.25rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-kicker{
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border: 1px solid var(--pay-line);
            background: var(--pay-soft);
            color: var(--pay-ink);
            border-radius: 999px;
            padding: 0.28rem 0.75rem;
            font-size: 0.75rem;
            font-weight: 700;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-cta{
            background: var(--pay-accent);
            color: #fff !important;
            border: 0;
            font-weight: 700;
            border-radius: 0.7rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-cta:hover,
:where([data-mc-page="BalanceCharge"]) .mc-pay-cta:focus{
            color: #fff !important;
            filter: brightness(1.06);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay h1,
:where([data-mc-page="BalanceCharge"]) .mc-pay h2,
:where([data-mc-page="BalanceCharge"]) .mc-pay h3,
:where([data-mc-page="BalanceCharge"]) .mc-pay .mc-pay-title{
            color: var(--pay-ink) !important;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lead,
:where([data-mc-page="BalanceCharge"]) .mc-pay-copy,
:where([data-mc-page="BalanceCharge"]) .mc-pay-note{
            color: var(--pay-muted) !important;
            line-height: 1.8;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lead strong{
            color: var(--pay-ink);
            font-weight: 800;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lanes{
            display: grid;
            grid-template-columns: 1fr;
            gap: 0.75rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lane{
            display: flex;
            gap: 0.8rem;
            padding: 0.9rem;
            background: var(--pay-soft);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lane h2{
            font-size: 0.95rem;
            font-weight: 800;
            margin: 0 0 0.2rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-lane p{
            margin: 0;
            font-size: 0.82rem;
            color: var(--pay-muted) !important;
            line-height: 1.7;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-ico{
            width: 40px;
            height: 40px;
            border-radius: 0.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            background: var(--pay-bg);
            color: var(--pay-accent);
            border: 1px solid var(--pay-line);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-notes{
            margin-top: 1rem;
            padding-top: 0.95rem;
            border-top: 1px solid var(--pay-line);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-notes-label{
            font-size: 0.75rem;
            font-weight: 800;
            color: var(--pay-ink) !important;
            margin-bottom: 0.55rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-note{
            display: flex;
            align-items: flex-start;
            gap: 0.55rem;
            margin: 0 0 0.45rem;
            font-size: 0.82rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-note:last-child{
            margin-bottom: 0;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-note i{
            color: var(--pay-accent);
            margin-top: 0.2rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-heading{
            font-size: 1.35rem;
            font-weight: 800;
            margin-bottom: 0.35rem;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay a:not(.mc-pay-cta):not(.mc-pay-yt){
            color: var(--pay-accent);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-method{
            height: 100%;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            transition: transform 0.2s ease, border-color 0.2s ease;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-method:hover{
            transform: translateY(-3px);
            border-color: var(--pay-accent);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-logo{
            width: 48px;
            height: 48px;
            border-radius: 0.75rem;
            object-fit: contain;
            background: var(--pay-soft);
            border: 1px solid var(--pay-line);
            padding: 4px;
            flex-shrink: 0;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-logo-fallback{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--pay-muted);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-method h3{
            font-size: 0.95rem;
            font-weight: 800;
            margin: 0;
            line-height: 1.45;
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-chip{
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: 0.18rem 0.55rem;
            font-size: 0.72rem;
            font-weight: 600;
            background: var(--pay-soft);
            color: var(--pay-ink);
            border: 1px solid var(--pay-line);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-yt{
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            border-radius: 0.55rem;
            padding: 0.28rem 0.65rem;
            font-size: 0.78rem;
            font-weight: 700;
            color: #c82333;
            border: 1px solid rgba(200, 35, 51, 0.45);
            background: transparent;
            text-decoration: none;
        }body:where([data-mc-page="BalanceCharge"]).dark .mc-pay-yt{
            color: #ff8ea0;
            border-color: rgba(255, 142, 160, 0.4);
        }:where([data-mc-page="BalanceCharge"]) .mc-pay-yt:hover{
            color: #a71d2a;
        }body:where([data-mc-page="BalanceCharge"]).dark .mc-pay-yt:hover{
            color: #ffc1cb;
        }
        @media (min-width: 768px) {:where([data-mc-page="BalanceCharge"]) .mc-pay-lanes{
                grid-template-columns: repeat(3, 1fr);
            }:where([data-mc-page="BalanceCharge"]) .mc-pay-panel{
                padding: 1.4rem 1.5rem 1.5rem;
            }
        }
        @media (max-width: 575.98px) {:where([data-mc-page="BalanceCharge"]) .mc-pay-cta{
                width: 100%;
            }
        }:where([data-mc-page="BalanceCharge"]) .mc-pay .border-top{
            border-color: var(--pay-line) !important;
        }
    

/* Page styles moved from FAQ.php; zero-specificity page scope. */
:where([data-mc-page="FAQ"]) .mc-faq{
            --fq-bg: #ffffff;
            --fq-soft: #f3f6fa;
            --fq-ink: #152033;
            --fq-muted: #5a6878;
            --fq-line: rgba(21, 32, 51, 0.1);
            --fq-accent: var(--theme-color, #027cb0);
        }body:where([data-mc-page="FAQ"]).dark .mc-faq{
            --fq-bg: #2a2d2d;
            --fq-soft: #1d1d22;
            --fq-ink: #ffffff;
            --fq-muted: #dddddd;
            --fq-line: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="FAQ"]) .mc-faq-page{ background: var(--fq-soft); color: var(--fq-ink); }:where([data-mc-page="FAQ"]) .mc-faq h1,
:where([data-mc-page="FAQ"]) .mc-faq h2,
:where([data-mc-page="FAQ"]) .mc-faq h3{ color: var(--fq-ink) !important; }:where([data-mc-page="FAQ"]) .mc-faq p,
:where([data-mc-page="FAQ"]) .mc-faq .mc-faq-muted,
:where([data-mc-page="FAQ"]) .mc-faq small{ color: var(--fq-muted) !important; line-height: 1.8; }:where([data-mc-page="FAQ"]) .mc-faq-panel,
:where([data-mc-page="FAQ"]) .mc-faq-group,
:where([data-mc-page="FAQ"]) .mc-faq .accordion-item{
            background: var(--fq-bg);
            border: 1px solid var(--fq-line);
            border-radius: 1rem;
            color: var(--fq-ink);
        }:where([data-mc-page="FAQ"]) .mc-faq-panel{ padding: 1.2rem; }:where([data-mc-page="FAQ"]) .mc-faq-group{
            padding: 0.85rem 1rem;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.55rem;
        }:where([data-mc-page="FAQ"]) .mc-faq-group i{ color: var(--fq-accent); }:where([data-mc-page="FAQ"]) .mc-faq-group h2{ font-size: 1rem; font-weight: 800; margin: 0; }:where([data-mc-page="FAQ"]) .mc-faq .accordion{ display: flex; flex-direction: column; gap: 0.55rem; }:where([data-mc-page="FAQ"]) .mc-faq .accordion-item{ overflow: hidden; }:where([data-mc-page="FAQ"]) .mc-faq .accordion-button{
            background: var(--fq-bg) !important;
            color: var(--fq-ink) !important;
            box-shadow: none !important;
            font-weight: 700;
            gap: 0.75rem;
        }:where([data-mc-page="FAQ"]) .mc-faq .accordion-button:not(.collapsed){
            background: var(--fq-soft) !important;
            color: var(--fq-ink) !important;
        }:where([data-mc-page="FAQ"]) .mc-faq .accordion-button::after{ display: none; }:where([data-mc-page="FAQ"]) .mc-faq .accordion-button i{
            margin-right: auto;
            color: var(--fq-accent);
            transition: transform 0.2s ease;
        }:where([data-mc-page="FAQ"]) .mc-faq .accordion-button:not(.collapsed) i{ transform: rotate(180deg); }:where([data-mc-page="FAQ"]) .mc-faq .accordion-body{
            background: var(--fq-bg);
            border-top: 1px solid var(--fq-line);
            color: var(--fq-muted);
            line-height: 1.85;
        }:where([data-mc-page="FAQ"]) .mc-faq-search{
            display: flex;
            align-items: center;
            gap: 0.55rem;
            border: 1px solid var(--fq-line);
            background: var(--fq-soft);
            border-radius: 0.85rem;
            padding: 0.55rem 0.8rem;
            margin-bottom: 0.85rem;
        }:where([data-mc-page="FAQ"]) .mc-faq-search i{ color: var(--fq-accent); }:where([data-mc-page="FAQ"]) .mc-faq-search input{
            border: 0;
            outline: 0;
            background: transparent;
            width: 100%;
            color: var(--fq-ink);
        }:where([data-mc-page="FAQ"]) .mc-faq-search input::placeholder{ color: var(--fq-muted); }:where([data-mc-page="FAQ"]) .mc-faq-tag{
            border: 1px solid var(--fq-line);
            background: var(--fq-bg);
            color: var(--fq-ink);
            border-radius: 999px;
            padding: 0.28rem 0.75rem;
            font-size: 0.78rem;
            font-weight: 700;
        }:where([data-mc-page="FAQ"]) .mc-faq-tag.is-active,
:where([data-mc-page="FAQ"]) .mc-faq-tag:hover{
            border-color: var(--fq-accent);
            color: var(--fq-accent);
        }:where([data-mc-page="FAQ"]) .mc-faq-cta{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.35rem;
            border-radius: 0.7rem;
            padding: 0.65rem 0.9rem;
            font-weight: 800;
            text-decoration: none !important;
        }:where([data-mc-page="FAQ"]) .mc-faq-cta-primary{
            background: var(--fq-accent);
            color: #fff !important;
            border: 0;
        }:where([data-mc-page="FAQ"]) .mc-faq-cta-primary:hover{ color: #fff !important; filter: brightness(1.06); }:where([data-mc-page="FAQ"]) .mc-faq-cta-ghost{
            background: transparent;
            color: var(--fq-ink) !important;
            border: 1px solid var(--fq-line);
        }:where([data-mc-page="FAQ"]) .mc-faq-cta-ghost:hover{
            border-color: var(--fq-accent);
            color: var(--fq-accent) !important;
        }:where([data-mc-page="FAQ"]) .mc-faq-empty{
            border: 1px solid var(--fq-line);
            background: var(--fq-soft);
            color: var(--fq-ink);
            border-radius: 0.85rem;
            padding: 0.85rem 1rem;
        }
        @media (min-width: 1200px) {:where([data-mc-page="FAQ"]) .mc-faq-side{ position: sticky; top: 90px; }
        }
    

/* Page styles moved from Fore-Yemen.php; zero-specificity page scope. */
:where([data-mc-page="Fore-Yemen"]) .results tr[visible='false'],
:where([data-mc-page="Fore-Yemen"]) .no-result{
  display:none;
}:where([data-mc-page="Fore-Yemen"]) .results tr[visible='true']{
  display:table-row;
}:where([data-mc-page="Fore-Yemen"]) .counter{
  color: black;
  text-align: center;
  font-size: larger;
  margin: 10px;
}:where([data-mc-page="Fore-Yemen"]) td,
:where([data-mc-page="Fore-Yemen"]) th{
  border: 1px solid #ddd;
  padding: 8px;
}:where([data-mc-page="Fore-Yemen"]) tr:nth-child(even){background-color: #f2f2f2;}:where([data-mc-page="Fore-Yemen"]) tr:hover{background-color: #ddd;}:where([data-mc-page="Fore-Yemen"]) th{
  text-align: center !important;
  background-color: #A1D1FF !important;
}


/* Page styles moved from index.php; zero-specificity page scope. */
/* Swiper: شريحة وسطى أوضح، جوانب أخف شفافية */
:where([data-mc-page="index"]) .mc-home-swiper{
      --mc-hero-side-opacity: 0.4;
      padding-bottom: 0.25rem;
    }:where([data-mc-page="index"]) .mc-home-swiper .swiper-wrapper{
      align-items: stretch;
    }:where([data-mc-page="index"]) .mc-home-swiper .swiper-slide{
      height: auto;
      opacity: var(--mc-hero-side-opacity);
      transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
      transform: scale(0.96);
    }:where([data-mc-page="index"]) .mc-home-swiper .swiper-slide-active{
      opacity: 1;
      transform: scale(1);
      z-index: 1;
    }:where([data-mc-page="index"]) .mc-home-swiper .swiper-slide:not(.swiper-slide-active) .mc-home-hero-slide a{
      pointer-events: none;
    }:where([data-mc-page="index"]) .mc-home-swiper .mc-home-hero-slide{
      display: flex;
      justify-content: center;
    }:where([data-mc-page="index"]) .mc-home-swiper .mc-home-hero-slide img{
      border-radius: inherit;
      width: auto !important;
      height: auto !important;
      max-width: 100%;
      max-height: 180px;
      object-fit: contain;
      object-position: center;
    }:where([data-mc-page="index"]) .mc-home-swiper-pagination{
      position: static !important;
      margin-top: 0.65rem !important;
      display: flex;
      justify-content: center;
      gap: 0.35rem;
      flex-wrap: wrap;
    }:where([data-mc-page="index"]) .mc-home-swiper-pagination .swiper-pagination-bullet{
      width: 24px;
      height: 24px;
      border: 8px solid transparent;
      box-sizing: border-box;
      background-clip: content-box;
      margin: 0 3px !important;
      opacity: 0.55;
      background: var(--bs-secondary-bg, #ced4da);
      transition: transform 0.2s ease, opacity 0.2s ease;
    }:where([data-mc-page="index"]) .mc-home-swiper-pagination .swiper-pagination-bullet-active{
      opacity: 1;
      background: var(--bs-primary, #0d6efd);
      transform: none;
    }:where([data-mc-page="index"]) .mc-home-swiper-pagination.swiper-pagination-lock{
      display: none;
    }
    
/* Square image ratio */
:where([data-mc-page="index"]) .ratio_100{
  position: relative;
  width: 100%;
  padding-top: 100%;
}:where([data-mc-page="index"]) .ratio_100 > a{
  position: absolute;
  inset: 0;
  border-radius: 12px;
  overflow: hidden;
}/* Stars look clean (FA4) */
:where([data-mc-page="index"]) .product-rating .rating{
  list-style: none;
  padding: 0;
  display: flex;
  gap: 4px;
}:where([data-mc-page="index"]) .product-rating .rating i.fa-star{
  font-size: 14px;
  color: #f5b301;
}/* Heart icon nicer */
:where([data-mc-page="index"]) .heart-icon{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}




/* Page styles moved from MaintenanceMode.php; zero-specificity page scope. */
body:where([data-mc-page="MaintenanceMode"]){
  background-color: #2F3242;
  direction:rtl;
}:where([data-mc-page="MaintenanceMode"]) svg{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -400px;
}:where([data-mc-page="MaintenanceMode"]) .message-box{
  height: 200px;
  width: 380px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: 50px;
  color: #FFF;
  font-family: Roboto;
  font-weight: 300;
}:where([data-mc-page="MaintenanceMode"]) .message-box h1{
  font-size: 60px;
  line-height: 46px;
  margin-bottom: 40px;
}:where([data-mc-page="MaintenanceMode"]) .buttons-con .action-link-wrap{
  margin-top: 40px;
}:where([data-mc-page="MaintenanceMode"]) .buttons-con .action-link-wrap a{
  background: #68c950;
  padding: 8px 25px;
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  transition: all 0.3s linear;
  cursor: pointer;
  text-decoration: none;
  margin-right: 10px
}:where([data-mc-page="MaintenanceMode"]) .buttons-con .action-link-wrap a:hover{
  background: #5A5C6C;
  color: #fff;
}:where([data-mc-page="MaintenanceMode"]) #Polygon-1,
:where([data-mc-page="MaintenanceMode"]) #Polygon-2,
:where([data-mc-page="MaintenanceMode"]) #Polygon-3,
:where([data-mc-page="MaintenanceMode"]) #Polygon-4,
:where([data-mc-page="MaintenanceMode"]) #Polygon-4,
:where([data-mc-page="MaintenanceMode"]) #Polygon-5{
  animation: mcMaintenanceFloat 1s infinite ease-in-out alternate;
}:where([data-mc-page="MaintenanceMode"]) #Polygon-2{
  animation-delay: .2s; 
}:where([data-mc-page="MaintenanceMode"]) #Polygon-3{
  animation-delay: .4s; 
}:where([data-mc-page="MaintenanceMode"]) #Polygon-4{
  animation-delay: .6s; 
}:where([data-mc-page="MaintenanceMode"]) #Polygon-5{
  animation-delay: .8s; 
}

@keyframes mcMaintenanceFloat {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {:where([data-mc-page="MaintenanceMode"]) svg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }:where([data-mc-page="MaintenanceMode"]) .message-box{
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}


/* Page styles moved from PrivacyPloicy.php; zero-specificity page scope. */
:where([data-mc-page="PrivacyPloicy"]) .mc-privacy{
            --pv-bg: #ffffff;
            --pv-soft: #f3f6fa;
            --pv-ink: #152033;
            --pv-muted: #5a6878;
            --pv-line: rgba(21, 32, 51, 0.1);
            --pv-accent: var(--theme-color, #027cb0);
            --pv-note: #eef6fb;
            --pv-card: #f7fafc;
        }body:where([data-mc-page="PrivacyPloicy"]).dark .mc-privacy{
            --pv-bg: #2a2d2d;
            --pv-soft: #1d1d22;
            --pv-ink: #ffffff;
            --pv-muted: #dddddd;
            --pv-line: rgba(255, 255, 255, 0.12);
            --pv-note: #243038;
            --pv-card: #23262b;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-page{ background: var(--pv-soft); color: var(--pv-ink); }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-wrap{
            background: var(--pv-bg);
            border: 1px solid var(--pv-line);
            border-radius: 1rem;
            padding: 1.35rem 1.25rem 1.6rem;
        }
        @media (min-width: 768px) {:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-wrap{ padding: 1.75rem 1.85rem 2rem; }
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy h1,
:where([data-mc-page="PrivacyPloicy"]) .mc-privacy h2,
:where([data-mc-page="PrivacyPloicy"]) .mc-privacy h3{ color: var(--pv-ink) !important; }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy p,
:where([data-mc-page="PrivacyPloicy"]) .mc-privacy li,
:where([data-mc-page="PrivacyPloicy"]) .mc-privacy .mc-privacy-muted{ color: var(--pv-muted) !important; line-height: 1.85; }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy strong{ color: var(--pv-ink); }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-kicker{
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border: 1px solid var(--pv-line);
            background: var(--pv-soft);
            color: var(--pv-accent);
            border-radius: 999px;
            padding: 0.28rem 0.75rem;
            font-size: 0.78rem;
            font-weight: 800;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section{
            padding-top: 1.15rem;
            margin-top: 1.15rem;
            border-top: 1px solid var(--pv-line);
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section:first-of-type{
            border-top: 0;
            margin-top: 0;
            padding-top: 0.35rem;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section h2{
            font-size: 1.05rem;
            font-weight: 800;
            margin-bottom: 0.65rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section h2 i{ color: var(--pv-accent); }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section ul{ padding-right: 1.1rem; margin-bottom: 0.75rem; }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-section li{ margin-bottom: 0.35rem; }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-note{
            border: 1px solid var(--pv-line);
            border-radius: 0.85rem;
            padding: 0.9rem 1rem;
            margin: 0.85rem 0;
            background: var(--pv-note);
            color: var(--pv-ink) !important;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-note i{
            color: var(--pv-accent);
            margin-left: 0.35rem;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-card{
            border: 1px solid var(--pv-line);
            border-radius: 0.85rem;
            overflow: hidden;
            margin-bottom: 0.85rem;
            background: var(--pv-card);
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-card-head{
            display: flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.7rem 0.95rem;
            background: var(--pv-soft);
            border-bottom: 1px solid var(--pv-line);
            color: var(--pv-ink);
            font-weight: 800;
            font-size: 0.92rem;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-card-head i{ color: var(--pv-accent); }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-card-body{
            padding: 0.85rem 0.95rem 0.95rem;
        }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-card-body ul{ margin-bottom: 0; }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy a{ color: var(--pv-accent); }:where([data-mc-page="PrivacyPloicy"]) .mc-privacy-footer{
            text-align: center;
            margin-top: 1.5rem;
            padding-top: 1.15rem;
            border-top: 1px solid var(--pv-line);
            font-weight: 800;
            color: var(--pv-ink) !important;
        }
    

/* Page styles moved from RestApi.php; zero-specificity page scope. */
:where([data-mc-page="RestApi"]) .mc-api{
            --api-bg: #ffffff;
            --api-soft: #f3f6fa;
            --api-ink: #152033;
            --api-muted: #5a6878;
            --api-line: rgba(21, 32, 51, 0.1);
            --api-accent: var(--theme-color, #027cb0);
        }body:where([data-mc-page="RestApi"]).dark .mc-api{
            --api-bg: #2a2d2d;
            --api-soft: #1d1d22;
            --api-ink: #ffffff;
            --api-muted: #dddddd;
            --api-line: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="RestApi"]) .mc-api-page{ background: var(--api-soft); color: var(--api-ink); }:where([data-mc-page="RestApi"]) .mc-api h1,
:where([data-mc-page="RestApi"]) .mc-api h2,
:where([data-mc-page="RestApi"]) .mc-api h3,
:where([data-mc-page="RestApi"]) .mc-api h5{ color: var(--api-ink) !important; }:where([data-mc-page="RestApi"]) .mc-api p,
:where([data-mc-page="RestApi"]) .mc-api .mc-api-muted,
:where([data-mc-page="RestApi"]) .mc-api small,
:where([data-mc-page="RestApi"]) .mc-api li,
:where([data-mc-page="RestApi"]) .mc-api ol{ color: var(--api-muted) !important; line-height: 1.8; }:where([data-mc-page="RestApi"]) .mc-api strong{ color: var(--api-ink); }:where([data-mc-page="RestApi"]) .mc-api-kicker{
            display: inline-flex; align-items: center; gap: 0.4rem;
            border: 1px solid var(--api-line); background: var(--api-bg);
            color: var(--api-accent); border-radius: 999px;
            padding: 0.3rem 0.85rem; font-size: 0.78rem; font-weight: 800;
        }:where([data-mc-page="RestApi"]) .mc-api-card,
:where([data-mc-page="RestApi"]) .mc-api-endpoint{
            background: var(--api-bg); border: 1px solid var(--api-line);
            border-radius: 1rem; color: var(--api-ink);
        }:where([data-mc-page="RestApi"]) .mc-api-card{ height: 100%; padding: 1.15rem; transition: border-color 0.2s ease, transform 0.2s ease; }:where([data-mc-page="RestApi"]) .mc-api-card:hover{ border-color: var(--api-accent); transform: translateY(-2px); }:where([data-mc-page="RestApi"]) .mc-api-endpoint{ padding: 1rem 1.1rem; display: flex; gap: 0.85rem; align-items: flex-start; }:where([data-mc-page="RestApi"]) .mc-api-endpoint a{ color: var(--api-accent); word-break: break-all; font-weight: 700; }:where([data-mc-page="RestApi"]) .mc-api-stat-val{ font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 900; color: var(--api-accent) !important; }:where([data-mc-page="RestApi"]) .mc-api-ico{
            width: 48px; height: 48px; margin: 0 auto 0.85rem; border-radius: 0.85rem;
            display: inline-flex; align-items: center; justify-content: center;
            background: var(--api-soft); color: var(--api-accent); border: 1px solid var(--api-line); font-size: 1.2rem;
        }:where([data-mc-page="RestApi"]) .mc-api-ico-inline{ margin: 0 0 0.75rem; }:where([data-mc-page="RestApi"]) .mc-api-check{ display: flex; gap: 0.45rem; align-items: flex-start; margin-bottom: 0.55rem; }:where([data-mc-page="RestApi"]) .mc-api-check i{ color: var(--api-accent); margin-top: 0.2rem; }:where([data-mc-page="RestApi"]) .mc-api-cta{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
            border-radius: 0.7rem; padding: 0.65rem 1rem; font-weight: 800; text-decoration: none !important;
        }:where([data-mc-page="RestApi"]) .mc-api-cta-primary{ background: var(--api-accent); color: #fff !important; border: 0; }:where([data-mc-page="RestApi"]) .mc-api-cta-primary:hover{ color: #fff !important; filter: brightness(1.06); }:where([data-mc-page="RestApi"]) .mc-api-cta-ghost{
            background: transparent; color: var(--api-ink) !important; border: 1px solid var(--api-line);
        }:where([data-mc-page="RestApi"]) .mc-api-cta-ghost:hover{ border-color: var(--api-accent); color: var(--api-accent) !important; }:where([data-mc-page="RestApi"]) .mc-api-cta-danger{
            background: #c82333; color: #fff !important; border: 0;
        }:where([data-mc-page="RestApi"]) .mc-api-cta-danger:hover{ color: #fff !important; filter: brightness(1.06); }body:where([data-mc-page="RestApi"]).dark .mc-api-cta-danger{ background: #a71d2a; }:where([data-mc-page="RestApi"]) .mc-api a:not(.mc-api-cta){ color: var(--api-accent); }:where([data-mc-page="RestApi"]) .mc-api-head-icon{ color: var(--api-accent); margin-left: 0.35rem; }
    

/* Page styles moved from Terms.php; zero-specificity page scope. */
:where([data-mc-page="Terms"]) .mc-terms{
            --tm-bg: #ffffff;
            --tm-soft: #f3f6fa;
            --tm-ink: #152033;
            --tm-muted: #5a6878;
            --tm-line: rgba(21, 32, 51, 0.1);
            --tm-accent: var(--theme-color, #027cb0);
            --tm-note: #eef6fb;
            --tm-warn: #fff5f5;
        }body:where([data-mc-page="Terms"]).dark .mc-terms{
            --tm-bg: #2a2d2d;
            --tm-soft: #1d1d22;
            --tm-ink: #ffffff;
            --tm-muted: #dddddd;
            --tm-line: rgba(255, 255, 255, 0.12);
            --tm-note: #243038;
            --tm-warn: #3a2424;
        }:where([data-mc-page="Terms"]) .mc-terms-page{ background: var(--tm-soft); color: var(--tm-ink); }:where([data-mc-page="Terms"]) .mc-terms-wrap{
            background: var(--tm-bg);
            border: 1px solid var(--tm-line);
            border-radius: 1rem;
            padding: 1.35rem 1.25rem 1.6rem;
        }
        @media (min-width: 768px) {:where([data-mc-page="Terms"]) .mc-terms-wrap{ padding: 1.75rem 1.85rem 2rem; }
        }:where([data-mc-page="Terms"]) .mc-terms h1,
:where([data-mc-page="Terms"]) .mc-terms h2,
:where([data-mc-page="Terms"]) .mc-terms h3,
:where([data-mc-page="Terms"]) .mc-terms h4{ color: var(--tm-ink) !important; }:where([data-mc-page="Terms"]) .mc-terms p,
:where([data-mc-page="Terms"]) .mc-terms li,
:where([data-mc-page="Terms"]) .mc-terms .mc-terms-muted{ color: var(--tm-muted) !important; line-height: 1.85; }:where([data-mc-page="Terms"]) .mc-terms strong{ color: var(--tm-ink); }:where([data-mc-page="Terms"]) .mc-terms-kicker{
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border: 1px solid var(--tm-line);
            background: var(--tm-soft);
            color: var(--tm-accent);
            border-radius: 999px;
            padding: 0.28rem 0.75rem;
            font-size: 0.78rem;
            font-weight: 800;
        }:where([data-mc-page="Terms"]) .mc-terms-section{
            padding-top: 1.15rem;
            margin-top: 1.15rem;
            border-top: 1px solid var(--tm-line);
        }:where([data-mc-page="Terms"]) .mc-terms-section:first-of-type{
            border-top: 0;
            margin-top: 0;
            padding-top: 0.35rem;
        }:where([data-mc-page="Terms"]) .mc-terms-section h2{
            font-size: 1.05rem;
            font-weight: 800;
            margin-bottom: 0.65rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }:where([data-mc-page="Terms"]) .mc-terms-section h2 i{ color: var(--tm-accent); }:where([data-mc-page="Terms"]) .mc-terms-section ul{ padding-right: 1.1rem; margin-bottom: 0.75rem; }:where([data-mc-page="Terms"]) .mc-terms-section li{ margin-bottom: 0.35rem; }:where([data-mc-page="Terms"]) .mc-terms-note,
:where([data-mc-page="Terms"]) .mc-terms-alert{
            border: 1px solid var(--tm-line);
            border-radius: 0.85rem;
            padding: 0.9rem 1rem;
            margin: 0.85rem 0;
            background: var(--tm-note);
            color: var(--tm-ink) !important;
        }:where([data-mc-page="Terms"]) .mc-terms-alert{
            background: var(--tm-warn);
            border-color: rgba(200, 60, 60, 0.25);
        }:where([data-mc-page="Terms"]) .mc-terms-note i,
:where([data-mc-page="Terms"]) .mc-terms-alert i{
            color: var(--tm-accent);
            margin-left: 0.35rem;
        }:where([data-mc-page="Terms"]) .mc-terms-alert i{ color: #d9534f; }body:where([data-mc-page="Terms"]).dark .mc-terms-alert i{ color: #ff8e8e; }:where([data-mc-page="Terms"]) .mc-terms a{ color: var(--tm-accent); }:where([data-mc-page="Terms"]) .mc-terms-footer{
            text-align: center;
            margin-top: 1.5rem;
            padding-top: 1.15rem;
            border-top: 1px solid var(--tm-line);
            font-weight: 800;
            color: var(--tm-ink) !important;
        }
:where([data-mc-page="Terms"]) .mc-terms-wrap{ max-width: 1060px; margin-inline: auto; }
:where([data-mc-page="Terms"]) .mc-terms p,
:where([data-mc-page="Terms"]) .mc-terms li{ overflow-wrap: anywhere; }
:where([data-mc-page="Terms"]) .mc-terms-lang{ display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 0 0 1.25rem; }
:where([data-mc-page="Terms"]) .mc-terms-lang a{
            display: inline-flex; align-items: center; gap: 0.4rem;
            border: 1px solid var(--tm-line); background: var(--tm-soft);
            color: var(--tm-ink) !important; border-radius: 999px;
            padding: 0.4rem 1rem; font-size: 0.85rem; font-weight: 800; text-decoration: none;
            transition: border-color 0.2s ease, color 0.2s ease;
        }
:where([data-mc-page="Terms"]) .mc-terms-lang a:hover{ border-color: var(--tm-accent); color: var(--tm-accent) !important; }
:where([data-mc-page="Terms"]) .mc-terms-lang a i{ color: var(--tm-accent); }
:where([data-mc-page="Terms"]) .mc-terms-language{ scroll-margin-top: 100px; }
:where([data-mc-page="Terms"]) .mc-terms-language + .mc-terms-language{ margin-top: 2rem; padding-top: 1.75rem; border-top: 2px dashed var(--tm-line); }
:where([data-mc-page="Terms"]) .mc-terms-section{ scroll-margin-top: 100px; }
:where([data-mc-page="Terms"]) .mc-terms-note ul{ margin: 0.5rem 0 0; padding-right: 1.1rem; }
:where([data-mc-page="Terms"]) .mc-terms-note li{ margin-bottom: 0.3rem; }
:where([data-mc-page="Terms"]) .mc-terms-links{ display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin-top: 0.85rem; }
:where([data-mc-page="Terms"]) .mc-terms-links a{ font-weight: 800; }
:where([data-mc-page="Terms"]) .mc-terms [dir="ltr"]{ text-align: left; }
:where([data-mc-page="Terms"]) .mc-terms [dir="ltr"] .mc-terms-section ul,
:where([data-mc-page="Terms"]) .mc-terms [dir="ltr"] .mc-terms-note ul{ padding-right: 0; padding-left: 1.1rem; }
:where([data-mc-page="Terms"]) .mc-terms [dir="ltr"] .mc-terms-note i,
:where([data-mc-page="Terms"]) .mc-terms [dir="ltr"] .mc-terms-alert i{ margin-left: 0; margin-right: 0.35rem; }
    

/* Page styles moved from YemenRobot.php; zero-specificity page scope. */
:where([data-mc-page="YemenRobot"]) .mc-yr{
            --yr-bg: #ffffff;
            --yr-soft: #f3f6fa;
            --yr-ink: #152033;
            --yr-muted: #5a6878;
            --yr-line: rgba(21, 32, 51, 0.1);
            --yr-accent: var(--theme-color, #027cb0);
        }body:where([data-mc-page="YemenRobot"]).dark .mc-yr{
            --yr-bg: #2a2d2d;
            --yr-soft: #1d1d22;
            --yr-ink: #ffffff;
            --yr-muted: #dddddd;
            --yr-line: rgba(255, 255, 255, 0.12);
        }:where([data-mc-page="YemenRobot"]) .mc-yr-page{ background: var(--yr-soft); color: var(--yr-ink); }:where([data-mc-page="YemenRobot"]) .mc-yr h1,
:where([data-mc-page="YemenRobot"]) .mc-yr h2,
:where([data-mc-page="YemenRobot"]) .mc-yr h3,
:where([data-mc-page="YemenRobot"]) .mc-yr h5{ color: var(--yr-ink) !important; }:where([data-mc-page="YemenRobot"]) .mc-yr p,
:where([data-mc-page="YemenRobot"]) .mc-yr .mc-yr-muted,
:where([data-mc-page="YemenRobot"]) .mc-yr small,
:where([data-mc-page="YemenRobot"]) .mc-yr li{ color: var(--yr-muted) !important; line-height: 1.8; }:where([data-mc-page="YemenRobot"]) .mc-yr strong{ color: var(--yr-ink); }:where([data-mc-page="YemenRobot"]) .mc-yr-kicker{
            display: inline-flex; align-items: center; gap: 0.4rem;
            border: 1px solid var(--yr-line); background: var(--yr-bg);
            color: var(--yr-accent); border-radius: 999px;
            padding: 0.3rem 0.85rem; font-size: 0.78rem; font-weight: 800;
        }:where([data-mc-page="YemenRobot"]) .mc-yr-card,
:where([data-mc-page="YemenRobot"]) .mc-yr-endpoint{
            background: var(--yr-bg); border: 1px solid var(--yr-line);
            border-radius: 1rem; color: var(--yr-ink);
        }:where([data-mc-page="YemenRobot"]) .mc-yr-card{ height: 100%; padding: 1.15rem; transition: border-color 0.2s ease, transform 0.2s ease; }:where([data-mc-page="YemenRobot"]) .mc-yr-card:hover{ border-color: var(--yr-accent); transform: translateY(-2px); }:where([data-mc-page="YemenRobot"]) .mc-yr-endpoint{ padding: 1rem 1.1rem; display: flex; gap: 0.85rem; align-items: flex-start; }:where([data-mc-page="YemenRobot"]) .mc-yr-endpoint code{ color: var(--yr-accent); font-weight: 700; word-break: break-all; }:where([data-mc-page="YemenRobot"]) .mc-yr-num{
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 2rem; height: 2rem; border-radius: 0.55rem;
            background: var(--yr-accent); color: #fff; font-weight: 800; margin-bottom: 0.75rem;
        }:where([data-mc-page="YemenRobot"]) .mc-yr-stat-val{ font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 900; color: var(--yr-accent) !important; }:where([data-mc-page="YemenRobot"]) .mc-yr-ico{
            width: 48px; height: 48px; margin: 0 auto 0.85rem; border-radius: 0.85rem;
            display: inline-flex; align-items: center; justify-content: center;
            background: var(--yr-soft); color: var(--yr-accent); border: 1px solid var(--yr-line); font-size: 1.2rem;
        }:where([data-mc-page="YemenRobot"]) .mc-yr-check{ display: flex; gap: 0.45rem; align-items: flex-start; margin-bottom: 0.55rem; }:where([data-mc-page="YemenRobot"]) .mc-yr-check i{ color: var(--yr-accent); margin-top: 0.2rem; }:where([data-mc-page="YemenRobot"]) .mc-yr-cta{
            display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
            border-radius: 0.7rem; padding: 0.65rem 1rem; font-weight: 800; text-decoration: none !important;
        }:where([data-mc-page="YemenRobot"]) .mc-yr-cta-primary{ background: var(--yr-accent); color: #fff !important; border: 0; }:where([data-mc-page="YemenRobot"]) .mc-yr-cta-primary:hover{ color: #fff !important; filter: brightness(1.06); }:where([data-mc-page="YemenRobot"]) .mc-yr-cta-ghost{
            background: transparent; color: var(--yr-ink) !important; border: 1px solid var(--yr-line);
        }:where([data-mc-page="YemenRobot"]) .mc-yr-cta-ghost:hover{ border-color: var(--yr-accent); color: var(--yr-accent) !important; }:where([data-mc-page="YemenRobot"]) .mc-yr-img{ border-radius: 1rem 1rem 0 0; overflow: hidden; background: var(--yr-soft); }:where([data-mc-page="YemenRobot"]) .mc-yr-img img{ object-fit: cover; width: 100%; height: 100%; }:where([data-mc-page="YemenRobot"]) .mc-yr-badge{
            display: inline-block; border-radius: 999px; padding: 0.2rem 0.7rem;
            font-size: 0.75rem; font-weight: 800; background: var(--yr-soft);
            color: var(--yr-accent); border: 1px solid var(--yr-line); margin-bottom: 0.5rem;
        }:where([data-mc-page="YemenRobot"]) .mc-yr a:not(.mc-yr-cta){ color: var(--yr-accent); }