:root {
    --native-safe-top: env(safe-area-inset-top, 0px);
    --native-safe-right: env(safe-area-inset-right, 0px);
    --native-safe-bottom: env(safe-area-inset-bottom, 0px);
    --native-safe-left: env(safe-area-inset-left, 0px)
}

.native-mobile-brand {
    display: none
}

@media (max-width:1120px) {
    html.native-edge-to-edge {
        --native-app-header-height: 78px;
        --native-app-nav-height: 66px;
        background: #f4f8f5;
        scroll-padding-top: calc(var(--native-app-header-height) + var(--native-safe-top));
        scroll-padding-bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 20px)
    }

    html.native-edge-to-edge body {
        min-height: 100dvh !important;
        background:
            radial-gradient(circle at 12% 0, rgba(76, 175, 80, .08), transparent 34%),
            #f4f8f5;
        overscroll-behavior-y: none
    }

    html.native-edge-to-edge #rtsMobileHeader {
        display: block !important;
        height: calc(var(--native-app-header-height) + var(--native-safe-top));
        min-height: calc(var(--native-app-header-height) + var(--native-safe-top));
        padding:
            var(--native-safe-top)
            max(8px, var(--native-safe-right))
            0
            max(8px, var(--native-safe-left));
        overflow: hidden;
        isolation: isolate;
        border: 0;
        border-radius: 0;
        background:
            radial-gradient(circle at 78% 8%, rgba(59, 197, 112, .18), transparent 30%),
            radial-gradient(circle at 18% 110%, rgba(76, 175, 80, .12), transparent 34%),
            linear-gradient(145deg, #19221e 0%, #0f1512 55%, #090d0b 100%) !important;
        box-shadow:
            0 14px 30px rgba(3, 10, 6, .24),
            inset 0 -1px 0 rgba(255, 255, 255, .05);
        -webkit-backdrop-filter: blur(24px) saturate(1.18);
        backdrop-filter: blur(24px) saturate(1.18);
        transition:
            height .28s cubic-bezier(.16, 1, .3, 1),
            background .28s ease,
            box-shadow .28s ease
    }

    html.native-edge-to-edge #rtsMobileHeader::before,
    html.native-edge-to-edge #rtsMobileHeader::after {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none
    }

    html.native-edge-to-edge #rtsMobileHeader::before {
        width: 180px;
        height: 180px;
        top: -118px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        background: rgba(120, 242, 164, .12);
        filter: blur(22px)
    }

    html.native-edge-to-edge #rtsMobileHeader::after {
        right: 0;
        bottom: 0;
        left: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(79, 214, 127, .5), transparent)
    }

    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        position: relative;
        z-index: 1;
        width: 100%;
        height: var(--native-app-header-height);
        min-height: var(--native-app-header-height);
        margin: 0 !important;
        padding: 3px 8px 6px
    }

    html.native-edge-to-edge #rtsMobileHeader .native-mobile-brand {
        display: block;
        margin-bottom: 4px;
        color: rgba(132, 232, 168, .72);
        font-size: .52rem;
        font-weight: 850;
        letter-spacing: .2em;
        line-height: 1
    }

    html.native-edge-to-edge #rtsMobileHeader .headerText {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: #fff !important;
        font-size: .96rem;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: ellipsis;
        text-shadow: 0 2px 12px rgba(0, 0, 0, .16);
        white-space: nowrap
    }

    html.native-edge-to-edge #mobileLiveBtn,
    html.native-edge-to-edge #backArea,
    html.native-edge-to-edge #rightMobileNavArea > .icon-btn {
        min-height: 40px;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        box-shadow: none
    }

    html.native-edge-to-edge #mobileLiveBtn {
        padding: 0 9px !important;
        color: #fff !important;
        font-size: .65rem !important
    }

    html.native-edge-to-edge #mobileLiveBtn > span {
        width: 7px !important;
        height: 7px !important;
        margin-right: 6px !important;
        background: #ff5c66 !important;
        box-shadow: 0 0 0 4px rgba(255, 92, 102, .16)
    }

    html.native-edge-to-edge #backArea {
        width: auto;
        max-width: 100%;
        padding: 0 5px;
        color: #fff;
        cursor: pointer
    }

    html.native-edge-to-edge #backArea .backUrlItem,
    html.native-edge-to-edge #rightMobileNavArea i,
    html.native-edge-to-edge #rightMobileNavArea span {
        color: #fff !important
    }

    html.native-edge-to-edge #backArea .backText {
        margin-left: 2px;
        color: #fff;
        font-size: .68rem;
        font-weight: 800
    }

    html.native-edge-to-edge #rightMobileNavArea {
        gap: 5px
    }

    html.native-edge-to-edge #rightMobileNavArea > .icon-btn {
        display: inline-flex;
        width: auto;
        min-width: 40px;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        align-items: center;
        justify-content: center
    }

    html.native-edge-to-edge #rightMobileNavArea .mobile-chat-btn {
        min-width: 58px;
        color: #fff !important;
        font-size: .62rem !important;
        letter-spacing: .02em
    }

    html.native-edge-to-edge #rightMobileNavArea .mobile-chat-btn-text {
        color: #fff !important
    }

    html.native-edge-to-edge #_partialBody {
        box-sizing: border-box;
        min-height: calc(100dvh - var(--native-app-header-height) - var(--native-safe-top));
        margin-top: calc(var(--native-app-header-height) + var(--native-safe-top) + 10px) !important;
        margin-bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 28px) !important;
        padding-right: var(--native-safe-right);
        padding-left: var(--native-safe-left)
    }

    html.native-edge-to-edge #_partialBody > .banner.banner1 {
        display: none !important
    }

    html.native-edge-to-edge #_partialBody > .container-bg {
        min-height: calc(100dvh - var(--native-app-header-height) - var(--native-safe-top) - 10px)
    }

    html.native-edge-to-edge #DesktopContainer {
        padding-bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 24px)
    }

    html.native-edge-to-edge #mobileFooterBar {
        display: flex !important;
        left: max(12px, var(--native-safe-left));
        right: max(12px, var(--native-safe-right));
        bottom: max(10px, var(--native-safe-bottom));
        width: auto;
        max-width: 560px;
        height: var(--native-app-nav-height) !important;
        margin: 0 auto;
        padding: 7px 8px;
        align-items: center;
        justify-content: space-between;
        overflow: visible;
        border: 1px solid rgba(255, 255, 255, .72);
        border-radius: 24px;
        background: rgba(255, 255, 255, .86) !important;
        box-shadow:
            0 18px 46px rgba(20, 36, 27, .18),
            0 5px 14px rgba(20, 36, 27, .08),
            inset 0 1px 0 rgba(255, 255, 255, .92);
        -webkit-backdrop-filter: blur(24px) saturate(1.28);
        backdrop-filter: blur(24px) saturate(1.28)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn {
        position: relative;
        display: flex;
        width: auto;
        min-width: 48px;
        height: 50px;
        flex: 1 1 20%;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 17px;
        background: transparent;
        -webkit-tap-highlight-color: transparent;
        transition:
            color .22s cubic-bezier(.16, 1, .3, 1),
            background .22s cubic-bezier(.16, 1, .3, 1),
            transform .22s cubic-bezier(.16, 1, .3, 1)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn i {
        color: #718078;
        font-size: 1.22rem;
        transition:
            color .22s cubic-bezier(.16, 1, .3, 1),
            transform .22s cubic-bezier(.16, 1, .3, 1)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink {
        border: 0;
        background: linear-gradient(145deg, #e4f8eb, #f1fff5);
        box-shadow: inset 0 0 0 1px rgba(76, 175, 80, .12)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active i,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink i {
        color: #118449;
        transform: translateY(-1px) scale(1.06)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active::after,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink::after {
        content: "";
        position: absolute;
        right: 50%;
        bottom: 4px;
        width: 4px;
        height: 4px;
        transform: translateX(50%);
        border-radius: 50%;
        background: #149957;
        box-shadow: 0 0 0 3px rgba(20, 153, 87, .09)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn:active {
        transform: scale(.92)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn-large img {
        width: 30px !important;
        height: 30px !important;
        object-fit: contain;
        filter: saturate(.82);
        transition: transform .22s cubic-bezier(.16, 1, .3, 1), filter .22s ease
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn-large.active img,
    html.native-edge-to-edge #mobileFooterBar .icon-btn-large.active-pageLink img {
        filter: saturate(1.05);
        transform: translateY(-1px) scale(1.06)
    }

    html.native-edge-to-edge #storeGeneralDiv {
        right: max(12px, var(--native-safe-right));
        bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 20px);
        left: max(12px, var(--native-safe-left));
        width: auto;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .72);
        border-radius: 20px;
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 16px 38px rgba(20, 36, 27, .16);
        -webkit-backdrop-filter: blur(22px);
        backdrop-filter: blur(22px)
    }

    html.native-edge-to-edge #quickActionBtn {
        right: max(18px, calc(var(--native-safe-right) + 12px));
        bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 28px)
    }

    html.native-edge-to-edge #pullRefreshIndicator {
        top: var(--native-safe-top)
    }

    html.native-edge-to-edge #sticky-header {
        top: calc(var(--native-app-header-height) + var(--native-safe-top)) !important
    }

    html.native-edge-to-edge .modal,
    html.native-edge-to-edge .swal2-container {
        padding:
            max(10px, var(--native-safe-top))
            max(10px, var(--native-safe-right))
            max(10px, var(--native-safe-bottom))
            max(10px, var(--native-safe-left)) !important
    }

    html.native-edge-to-edge .modal-content,
    html.native-edge-to-edge .swal2-popup {
        border: 1px solid rgba(255, 255, 255, .64);
        border-radius: 24px !important;
        box-shadow: 0 26px 70px rgba(15, 29, 21, .24)
    }

    html.native-edge-to-edge footer {
        display: none !important
    }

    html.native-edge-to-edge body.dark-mode {
        background:
            radial-gradient(circle at 12% 0, rgba(76, 175, 80, .1), transparent 34%),
            #0b110e
    }

    html.native-edge-to-edge body.dark-mode #rtsMobileHeader {
        background:
            radial-gradient(circle at 78% 8%, rgba(59, 197, 112, .15), transparent 30%),
            radial-gradient(circle at 18% 110%, rgba(76, 175, 80, .1), transparent 34%),
            linear-gradient(145deg, #151c18 0%, #0c110e 55%, #070a08 100%) !important;
        box-shadow: 0 18px 46px rgba(0, 0, 0, .4)
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar {
        border-color: rgba(255, 255, 255, .08);
        background: rgba(15, 23, 19, .88) !important;
        box-shadow:
            0 20px 50px rgba(0, 0, 0, .48),
            inset 0 1px 0 rgba(255, 255, 255, .05)
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn i {
        color: #a5b2ab
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active-pageLink {
        background: linear-gradient(145deg, rgba(36, 111, 70, .45), rgba(23, 72, 47, .35));
        box-shadow: inset 0 0 0 1px rgba(109, 226, 151, .12)
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active i,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active-pageLink i {
        color: #75e49c
    }

    html.native-edge-to-edge body.dark-mode #storeGeneralDiv {
        border-color: rgba(255, 255, 255, .08);
        background: rgba(16, 24, 20, .94)
    }
}

@media (max-width:1120px) and (orientation:landscape) and (max-height:520px) {
    html.native-edge-to-edge {
        --native-app-header-height: 68px
    }

    html.native-edge-to-edge #rtsMobileHeader {
        border-radius: 0
    }

    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        padding-bottom: 4px
    }

    html.native-edge-to-edge #rtsMobileHeader .native-mobile-brand {
        display: none
    }
}

@media (max-width:360px) {
    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        padding-right: 3px;
        padding-left: 3px
    }

    html.native-edge-to-edge #rtsMobileHeader .headerText {
        font-size: .9rem
    }

    html.native-edge-to-edge #rightMobileNavArea .mobile-chat-btn {
        min-width: 48px;
        padding: 0 6px !important;
        font-size: .56rem !important
    }

    html.native-edge-to-edge #mobileFooterBar {
        right: max(8px, var(--native-safe-right));
        left: max(8px, var(--native-safe-left))
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn {
        min-width: 42px
    }
}

@media (prefers-reduced-motion:reduce) {
    html.native-edge-to-edge #rtsMobileHeader,
    html.native-edge-to-edge #mobileFooterBar .icon-btn,
    html.native-edge-to-edge #mobileFooterBar .icon-btn i,
    html.native-edge-to-edge #mobileFooterBar .icon-btn img {
        transition: none !important
    }
}

.native-nav-label {
    display: none
}

.native-edge-test-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    min-height: 76px;
    padding: 12px;
    align-items: center;
    border: 1px solid rgba(20, 36, 27, .08);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 250, 246, .94));
    box-shadow:
        0 12px 32px rgba(20, 36, 27, .08),
        inset 0 1px 0 rgba(255, 255, 255, .92)
}

.native-edge-test-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #e5f7eb, #f3fff7);
    color: #147d47;
    box-shadow: inset 0 0 0 1px rgba(20, 125, 71, .08)
}

.native-edge-test-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px
}

.native-edge-test-title {
    color: #17231c !important;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: -.015em;
    line-height: 1.2
}

.native-edge-test-description {
    color: #748078 !important;
    font-size: .61rem;
    font-weight: 650;
    line-height: 1.35
}

.native-edge-test-control {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px
}

.native-edge-test-status {
    color: #8b958f !important;
    font-size: .52rem;
    font-weight: 800;
    line-height: 1
}

.native-edge-test-status.is-active {
    color: #13804a !important
}

.native-edge-test-switch {
    position: relative;
    display: inline-flex;
    width: 46px;
    height: 27px;
    margin: 0;
    cursor: pointer
}

.native-edge-test-switch input {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}

.native-edge-test-slider {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(20, 36, 27, .08);
    border-radius: 999px;
    background: #dce3df;
    box-shadow: inset 0 2px 5px rgba(20, 36, 27, .1);
    transition: background .22s ease, box-shadow .22s ease
}

.native-edge-test-slider::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgba(20, 36, 27, .2);
    transition: transform .24s cubic-bezier(.16, 1, .3, 1)
}

.native-edge-test-switch input:checked + .native-edge-test-slider {
    background: linear-gradient(135deg, #28ad66, #158249);
    box-shadow:
        inset 0 1px 2px rgba(6, 78, 39, .2),
        0 0 0 3px rgba(40, 173, 102, .1)
}

.native-edge-test-switch input:checked + .native-edge-test-slider::after {
    transform: translateX(19px)
}

.native-edge-test-switch input:focus-visible + .native-edge-test-slider {
    outline: 3px solid rgba(40, 173, 102, .2);
    outline-offset: 2px
}

body.dark-mode .native-edge-test-card {
    border-color: rgba(255, 255, 255, .07);
    background: linear-gradient(145deg, rgba(25, 34, 30, .98), rgba(13, 19, 16, .96));
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .05)
}

body.dark-mode .native-edge-test-icon {
    background: linear-gradient(145deg, rgba(42, 148, 88, .28), rgba(29, 99, 61, .2));
    color: #73dfa0
}

body.dark-mode .native-edge-test-title {
    color: #f2f7f4 !important
}

body.dark-mode .native-edge-test-description,
body.dark-mode .native-edge-test-status {
    color: #93a199 !important
}

body.dark-mode .native-edge-test-status.is-active {
    color: #73dfa0 !important
}

@media (max-width:1120px) {
    html.native-edge-to-edge {
        --native-app-header-height: 56px;
        --native-app-nav-height: 58px;
        background: #f5f8f6;
        scroll-padding-top: calc(var(--native-app-header-height) + var(--native-safe-top));
        scroll-padding-bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 12px)
    }

    html.native-edge-to-edge body {
        background: #f5f8f6;
        overscroll-behavior-y: none
    }

    html.native-edge-to-edge #rtsMobileHeader {
        box-sizing: border-box;
        height: calc(var(--native-app-header-height) + var(--native-safe-top));
        min-height: calc(var(--native-app-header-height) + var(--native-safe-top));
        padding:
            var(--native-safe-top)
            max(10px, var(--native-safe-right))
            0
            max(10px, var(--native-safe-left));
        overflow: hidden;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .06);
        border-radius: 0;
        background: linear-gradient(180deg, #111a15 0%, #0a100d 100%) !important;
        box-shadow:
            0 10px 28px rgba(4, 10, 7, .18),
            inset 0 1px 0 rgba(255, 255, 255, .035);
        -webkit-backdrop-filter: blur(20px) saturate(1.12);
        backdrop-filter: blur(20px) saturate(1.12)
    }

    html.native-edge-to-edge #rtsMobileHeader::before {
        inset: 0;
        width: auto;
        height: auto;
        transform: none;
        border-radius: 0;
        background:
            radial-gradient(circle at 18% 0, rgba(68, 196, 115, .12), transparent 34%),
            linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .025) 50%, transparent 62%);
        filter: none
    }

    html.native-edge-to-edge #rtsMobileHeader::after {
        right: 12%;
        bottom: 0;
        left: 12%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(88, 224, 138, .36), transparent)
    }

    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        position: relative;
        z-index: 1;
        display: grid !important;
        grid-template-columns: minmax(76px, 1fr) minmax(0, 1.55fr) minmax(76px, 1fr);
        grid-template-rows: 1fr;
        gap: 6px;
        width: 100%;
        height: var(--native-app-header-height);
        min-height: var(--native-app-header-height);
        margin: 0 !important;
        padding: 6px 2px 7px;
        align-items: center
    }

    html.native-edge-to-edge #rtsMobileHeader .native-header-leading {
        grid-column: 1;
        grid-row: 1;
        width: auto;
        max-width: none;
        padding: 0 !important
    }

    html.native-edge-to-edge #rtsMobileHeader .native-header-title {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        max-width: none;
        padding: 0 !important
    }

    html.native-edge-to-edge #rtsMobileHeader .native-header-actions {
        grid-column: 3;
        grid-row: 1;
        width: auto;
        max-width: none;
        padding: 0 !important
    }

    html.native-edge-to-edge #rtsMobileHeader .native-mobile-brand {
        display: block;
        margin: 0 0 3px;
        color: rgba(112, 226, 153, .72);
        font-size: .45rem;
        font-weight: 850;
        letter-spacing: .22em;
        line-height: 1
    }

    html.native-edge-to-edge #rtsMobileHeader .headerText {
        max-width: 100% !important;
        color: #f6faf7 !important;
        font-size: .9rem;
        font-weight: 800;
        letter-spacing: -.018em;
        line-height: 1.1;
        text-shadow: 0 2px 10px rgba(0, 0, 0, .18)
    }

    html.native-edge-to-edge #mobileLiveBtn,
    html.native-edge-to-edge #backArea,
    html.native-edge-to-edge #rightMobileNavArea > .icon-btn {
        min-height: 36px;
        border: 1px solid rgba(255, 255, 255, .07) !important;
        border-radius: 13px !important;
        background: rgba(255, 255, 255, .055) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
        -webkit-tap-highlight-color: transparent
    }

    html.native-edge-to-edge #mobileLiveBtn {
        padding: 0 9px !important;
        color: #ff7780 !important;
        font-size: .59rem !important;
        letter-spacing: .035em
    }

    html.native-edge-to-edge #mobileLiveBtn > span {
        width: 6px !important;
        height: 6px !important;
        margin-right: 6px !important;
        background: #ff626d !important;
        box-shadow: 0 0 0 3px rgba(255, 98, 109, .13)
    }

    html.native-edge-to-edge #backArea {
        min-width: 36px;
        width: fit-content;
        padding: 0 8px !important
    }

    html.native-edge-to-edge #backArea .backUrlItem,
    html.native-edge-to-edge #rightMobileNavArea i,
    html.native-edge-to-edge #rightMobileNavArea span {
        color: #f3f8f5 !important
    }

    html.native-edge-to-edge #backArea .backText {
        margin-left: 1px;
        font-size: .62rem;
        font-weight: 750
    }

    html.native-edge-to-edge #rightMobileNavArea {
        gap: 5px
    }

    html.native-edge-to-edge #rightMobileNavArea > .icon-btn {
        min-width: 36px;
        height: 36px !important;
        min-height: 36px;
        margin: 0 !important;
        padding: 0 7px !important
    }

    html.native-edge-to-edge #rightMobileNavArea .mobile-chat-btn {
        min-width: 52px;
        font-size: .56rem !important;
        letter-spacing: .025em
    }

    html.native-edge-to-edge #_partialBody {
        box-sizing: border-box;
        min-height: calc(100dvh - var(--native-app-header-height) - var(--native-safe-top));
        margin-top: calc(var(--native-app-header-height) + var(--native-safe-top)) !important;
        margin-bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 12px) !important;
        padding-right: var(--native-safe-right);
        padding-left: var(--native-safe-left)
    }

    html.native-edge-to-edge #_partialBody > .container-bg {
        min-height: calc(100dvh - var(--native-app-header-height) - var(--native-safe-top))
    }

    html.native-edge-to-edge #DesktopContainer {
        padding-bottom: 12px
    }

    html.native-edge-to-edge #mobileFooterBar {
        display: flex !important;
        right: max(14px, var(--native-safe-right));
        bottom: max(8px, var(--native-safe-bottom));
        left: max(14px, var(--native-safe-left));
        width: auto;
        max-width: 430px;
        height: var(--native-app-nav-height) !important;
        margin: 0 auto;
        padding: 5px 6px;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        border: 1px solid rgba(20, 36, 27, .08);
        border-radius: 21px;
        background:
            linear-gradient(155deg, rgba(255, 255, 255, .97), rgba(241, 247, 243, .94)) !important;
        box-shadow:
            0 18px 42px rgba(20, 36, 27, .14),
            0 4px 12px rgba(20, 36, 27, .08),
            inset 0 1px 0 rgba(255, 255, 255, .9);
        -webkit-backdrop-filter: blur(22px) saturate(1.18);
        backdrop-filter: blur(22px) saturate(1.18)
    }

    html.native-edge-to-edge #mobileFooterBar::before {
        content: "";
        position: absolute;
        top: 0;
        right: 12%;
        left: 12%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(116, 228, 156, .3), transparent);
        pointer-events: none
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn {
        position: relative;
        display: flex;
        min-width: 0;
        height: 46px;
        flex: 1 1 20%;
        gap: 3px;
        padding: 3px 2px 4px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 1px solid transparent !important;
        border-radius: 15px;
        background: transparent !important;
        box-shadow: none !important;
        color: #66746c;
        -webkit-tap-highlight-color: transparent
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn i {
        color: #66746c;
        font-size: 1.02rem;
        line-height: 1;
        transform: none
    }

    html.native-edge-to-edge #mobileFooterBar .native-nav-label {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: #6f7c74 !important;
        font-size: .48rem;
        font-weight: 720;
        letter-spacing: -.01em;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink {
        border-color: rgba(34, 142, 78, .12) !important;
        background:
            linear-gradient(145deg, rgba(63, 183, 107, .16), rgba(34, 142, 78, .1)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .7),
            0 5px 14px rgba(18, 96, 51, .1) !important
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active i,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink i,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active .native-nav-label,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink .native-nav-label {
        color: #23804d !important;
        transform: none
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn.active::after,
    html.native-edge-to-edge #mobileFooterBar .icon-btn.active-pageLink::after {
        display: none
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn:active {
        transform: scale(.94)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn-large img {
        width: 22px !important;
        height: 22px !important;
        object-fit: contain;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .24)) saturate(.9)
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn-large.active img,
    html.native-edge-to-edge #mobileFooterBar .icon-btn-large.active-pageLink img {
        filter: drop-shadow(0 3px 6px rgba(30, 128, 69, .3)) saturate(1.08);
        transform: none
    }

    html.native-edge-to-edge #storeGeneralDiv {
        right: max(14px, var(--native-safe-right));
        bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 14px);
        left: max(14px, var(--native-safe-left))
    }

    html.native-edge-to-edge #quickActionBtn {
        right: max(18px, calc(var(--native-safe-right) + 12px));
        bottom: calc(var(--native-app-nav-height) + var(--native-safe-bottom) + 18px)
    }

    html.native-edge-to-edge #sticky-header {
        top: calc(var(--native-app-header-height) + var(--native-safe-top)) !important
    }

    html.native-edge-to-edge.native-home #rtsMobileHeader {
        border-bottom-color: rgba(19, 40, 27, .065);
        background: rgba(248, 251, 249, .9) !important;
        box-shadow:
            0 6px 18px rgba(20, 36, 27, .055),
            inset 0 1px 0 rgba(255, 255, 255, .8)
    }

    html.native-edge-to-edge.native-home #rtsMobileHeader::before {
        background:
            radial-gradient(circle at 12% 0, rgba(55, 177, 99, .075), transparent 32%),
            linear-gradient(100deg, transparent 40%, rgba(255, 255, 255, .65) 50%, transparent 60%)
    }

    html.native-edge-to-edge.native-home #rtsMobileHeader::after {
        background: linear-gradient(90deg, transparent, rgba(31, 132, 72, .16), transparent)
    }

    html.native-edge-to-edge.native-home #rtsMobileHeader .native-mobile-brand {
        color: #278758
    }

    html.native-edge-to-edge.native-home #rtsMobileHeader .headerText {
        color: #17231c !important;
        text-shadow: none
    }

    html.native-edge-to-edge.native-home #mobileLiveBtn,
    html.native-edge-to-edge.native-home #backArea,
    html.native-edge-to-edge.native-home #rightMobileNavArea > .icon-btn {
        border-color: rgba(20, 36, 27, .06) !important;
        background: rgba(255, 255, 255, .68) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important
    }

    html.native-edge-to-edge.native-home #backArea .backUrlItem,
    html.native-edge-to-edge.native-home #rightMobileNavArea i,
    html.native-edge-to-edge.native-home #rightMobileNavArea span {
        color: #26352c !important
    }

    html.native-edge-to-edge.native-home #mobileLiveBtn {
        color: #d9414d !important
    }

    html.native-edge-to-edge body.dark-mode {
        background: #0b100e
    }

    html.native-edge-to-edge body.dark-mode #rtsMobileHeader,
    html.native-edge-to-edge.native-home body.dark-mode #rtsMobileHeader {
        border-bottom-color: rgba(255, 255, 255, .055);
        background: linear-gradient(180deg, rgba(18, 26, 22, .97), rgba(8, 13, 10, .96)) !important;
        box-shadow:
            0 12px 30px rgba(0, 0, 0, .34),
            inset 0 1px 0 rgba(255, 255, 255, .035)
    }

    html.native-edge-to-edge.native-home body.dark-mode #rtsMobileHeader .native-mobile-brand {
        color: rgba(112, 226, 153, .72)
    }

    html.native-edge-to-edge.native-home body.dark-mode #rtsMobileHeader .headerText,
    html.native-edge-to-edge.native-home body.dark-mode #backArea .backUrlItem,
    html.native-edge-to-edge.native-home body.dark-mode #rightMobileNavArea i,
    html.native-edge-to-edge.native-home body.dark-mode #rightMobileNavArea span {
        color: #f3f8f5 !important
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar {
        border-color: rgba(255, 255, 255, .085);
        background:
            linear-gradient(155deg, rgba(20, 28, 24, .97), rgba(6, 10, 8, .96)) !important;
        box-shadow:
            0 20px 46px rgba(0, 0, 0, .52),
            inset 0 1px 0 rgba(255, 255, 255, .055)
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn i {
        color: #a9b4ae
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .native-nav-label {
        color: #8e9993 !important
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active-pageLink {
        border-color: rgba(102, 225, 146, .11) !important;
        background:
            linear-gradient(145deg, rgba(65, 190, 111, .22), rgba(34, 121, 73, .14)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .06),
            0 5px 14px rgba(7, 47, 24, .18) !important
    }

    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active i,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active-pageLink i,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active .native-nav-label,
    html.native-edge-to-edge body.dark-mode #mobileFooterBar .icon-btn.active-pageLink .native-nav-label {
        color: #76e49e !important
    }
}

@media (max-width:1120px) and (orientation:landscape) and (max-height:520px) {
    html.native-edge-to-edge {
        --native-app-header-height: 50px;
        --native-app-nav-height: 54px
    }

    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        padding-top: 4px;
        padding-bottom: 5px
    }

    html.native-edge-to-edge #mobileFooterBar .icon-btn {
        height: 42px
    }
}

@media (max-width:360px) {
    .native-edge-test-card {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 8px;
        padding: 10px
    }

    .native-edge-test-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px
    }

    .native-edge-test-description {
        font-size: .56rem
    }

    html.native-edge-to-edge #rtsMobileHeader .mobileHeaderDiv {
        grid-template-columns: minmax(68px, 1fr) minmax(0, 1.45fr) minmax(68px, 1fr);
        gap: 4px
    }

    html.native-edge-to-edge #rightMobileNavArea .mobile-chat-btn {
        min-width: 46px;
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    html.native-edge-to-edge #mobileFooterBar {
        right: max(9px, var(--native-safe-right));
        left: max(9px, var(--native-safe-left))
    }

    html.native-edge-to-edge #mobileFooterBar .native-nav-label {
        font-size: .44rem
    }
}