@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/200-bbd67c29ca.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/300-1724266c39.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/400-450d518a6b.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/500-e3401d76c1.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/600-29368e1be4.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/700-5323f0c7d9.woff) format('woff')
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2'),url(../fonts/manrope/v13/800-92c36492e3.woff) format('woff')
}

@supports(font-variation-settings:normal) {
    @font-face {
        font-family: Manrope;
        src: url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2 supports variations'),url(../fonts/manrope/v13/manrope-b3dd0ecff8.woff2) format('woff2-variations');
        font-weight: 200 800;
        font-stretch: 25% 151%;
        font-style: normal;
        font-display: swap
    }
}

:root {
    --theme-color: rgb(255, 165, 0);
    --theme-color-rgb: 253, 142, 18;
    --theme-color-light: #ffb400;
    --theme-color-light-rgba: 255 179 14;
    --header-height: 79px;
}


body,
main,
header #MainHeader {
    font-family: 'Manrope', 'Arial', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
}

body,
main {
    background-color: rgb(19, 25, 56);
}

    main h1, main h2, main h3, main h4, main h5, main h6 {
        font-family: inherit;
        font-weight: 600;
        margin: 0;
        line-height: 1.5;
        color: rgb(255, 255, 255, 1);
    }

    main ul,
    main ol,
    header #MainHeader #HeaderMenu ul,
    footer ul {
        padding: 0;
    }

    main li,
    header #MainHeader #HeaderMenu li,
    footer li {
        list-style-type: none;
        margin-bottom: 0;
    }

    main table,
    main table th,
    main table td {
        font-family: 'Manrope', 'Arial', system-ui, sans-serif;
        font-size: 12px;
        font-weight: 600;
        margin: 0;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.75);
        text-transform: unset;
        border: 0;
    }

button {
    font-family: 'Manrope', 'Arial', system-ui, sans-serif;
    font-weight: 800;
    font-size: 1em;
    width: 100%;
    border: 0;
    border-radius: 0.375rem;
    box-sizing: border-box;
    cursor: pointer;
}

    button[disabled] {
        opacity: .6 !important;
        cursor: default !important;
    }

.nice-toast {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto !important;
}

    .nice-toast .nice-toast-content {
        font-weight: 700;
    }

    .nice-toast .nice-toast-close {
        min-height: unset;
        opacity: .5;
        width: unset;
    }

        .nice-toast .nice-toast-close:hover {
            background-color: unset;
            color: currentColor;
        }

.nice-toast-wrapper {
    width: 100vw !important;
}

    .nice-toast-wrapper[class$=center] {
        left: unset !important;
        margin-left: unset !important;
    }
/* <!-- ARTICLE HTML STYLE CUSTOMISE CSS START HERE  --!> */
article {
    color: rgba(255 255 255/65%);
}

    article > :first-child {
        margin-block-start: 0;
    }

    article h2 {
        font-weight: 800;
        font-size: 1.5em;
        margin: 2em 0 1em;
    }

    article h3 {
        font-weight: 600;
        font-size: 1.2em;
        margin: 2em 0 1em;
    }

    article p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: 600;
        line-height: 1.5;
    }

    article ol, article ul {
        margin: 1em 0;
        margin-inline-start: 2em
    }

        article ul > li {
            list-style: disc outside;
            margin: 1em 0
        }

        article ol > li {
            list-style: decimal outside;
            margin: 1em 0
        }

            article ol > li::marker,
            article ul > li::marker {
                color: rgba(255 255 255/50%);
            }

    article a {
        font-weight: 800;
        color: var(--theme-color-light);
    }

        article a:hover {
            text-decoration: underline
        }

    article img {
        vertical-align: top;
        max-width: 100% !important;
        max-height: 40em;
        width: auto;
        height: auto
    }

    article table {
        width: auto !important;
        vertical-align: top;
        border-collapse: collapse;
        border: none !important;
        text-align: center;
        margin: 2em 0
    }

        article table td,
        article table th {
            border: 1px #ddd solid;
            padding: .5em 1em !important
        }

        article table p {
            margin: 0 !important
        }

    article iframe {
        margin: 1em auto;
        max-width: 60em
    }
/* <!-- ARTICLE HTML STYLE CUSTOMISE CSS END HERE  --!> */

/* <!-- HEADER CSS START HERE  --!> */
header {
    position: relative;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.05) 0 0 1em;
    background-color: #040b2d;
}

    header #HeaderAnnoucement {
        width: 100%;
        background-color: rgba(255 70 70);
    }

        header #HeaderAnnoucement .AnnoucementContent {
            color: #fff;
            padding-block: 1em;
            text-align: center;
            padding-inline: 1.5em;
            max-width: 120em;
            font-weight: 700;
        }

            header #HeaderAnnoucement .AnnoucementContent b {
                font-weight: 900;
                color: #2f4f4f;
            }

    header:not(#OrderPaymentHeader) {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    header #MainHeader {
        display: flex;
        max-width: 120em;
        margin: 0 auto;
        padding: 1.3em 2em;
        box-sizing: border-box;
        position: relative;
        background-color: #040b2d;
        ;
        align-items: center;
        gap: 1.5em;
    }

        header #MainHeader #ProductClassificationMenu {
            display: none;
        }

        header #MainHeader #HeaderLogo a {
            display: flex;
            justify-content: center;
            align-items: center;
            max-height: 9em;
            width: 10.5em;
        }

            header #MainHeader #HeaderLogo a img {
                width: 100%;
                height: 100%;
                vertical-align: top;
            }

        header #MainHeader #HeaderMenu {
            margin-inline: 2em auto;
            text-transform: uppercase;
            font-weight: 800;
        }

            header #MainHeader #HeaderMenu ul {
                display: flex;
                align-items: stretch;
                position: relative;
                margin-bottom: 0;
                gap: 2em;
            }

                header #MainHeader #HeaderMenu ul a {
                    color: #fff;
                }

                    header #MainHeader #HeaderMenu ul a:hover {
                        color: var(--theme-color-light);
                    }

                    header #MainHeader #HeaderMenu ul a.ActiveHomeTab {
                        color: var(--theme-color-light);
                    }


    header #SearchMenu #SearchIconDisplay::after {
        content: "\f002";
        font-family: "Font Awesome 6 Free";
        font-size: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding-inline: 0.85em;
    }

    header #SearchMenu #SearchIconDisplay::after {
        content: "\f002";
        font-family: "Font Awesome 6 Free";
        font-size: 0.91em;
        display: flex;
        width: 2.5em;
        height: 2.5em;
        border-radius: .7em;
        background-color: #ffffff1a;
        padding: 0.85em;
        margin: 0.50em 0.50em 0.50em 0;
    }

    header #SearchMenu:has(input:focus) #SearchIconDisplay::after {
        background-color: var(--theme-color);
    }

    header #SearchMenu {
        display: flex;
        border-radius: .7em;
        background-color: #ffffff1a;
        border: 2px solid transparent;
    }

        header #SearchMenu:has(input:focus) {
            border: 2px solid var(--theme-color-light);
        }

        header #SearchMenu a {
            min-width: unset;
        }

        header #SearchMenu input {
            all: unset;
            font-weight: 700;
            font-size: 1em;
            line-height: 1.4;
            margin-inline: 1.3em 1em;
            max-width: 12em;
            transform: translateX(0);
        }


    header #HeaderNav {
        display: flex;
        align-items: center;
        gap: 1em;
    }

        header #HeaderNav #HeaderCart {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            header #HeaderNav #HeaderCart a {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                width: 4em;
                border-radius: 50%;
            }

                header #HeaderNav #HeaderCart a i {
                    font-size: 1.7em;
                    color: #fff;
                }

                header #HeaderNav #HeaderCart a:not(a[data-cart-count=""], a[data-cart-count="0"])::after {
                    content: attr(data-cart-count);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 1.335em;
                    min-width: 1.335em;
                    background-color: var(--theme-color-light);
                    color: #fff;
                    padding: 0 .25em;
                    border-radius: 0.34em;
                    inset-block-start: -0.65em;
                    inset-inline-end: 4px;
                    position: absolute;
                    transform-origin: right top;
                    transform: scale(.777778);
                }

    header #MainHeader #HeaderNav #UserLoginBtn {
        display: none;
    }

    header #HeaderNav #HeaderProfilePreview {
        display: flex;
        height: 3.15em;
        padding: 0.5em;
        align-items: center;
        gap: 1em;
        border-radius: .7em;
        color: #fff;
        cursor: pointer;
        border: 2px solid var(--theme-color-light);
    }

        header #HeaderNav #HeaderProfilePreview[data-is-logged-in="true"] {
            height: 3.2em;
            width: 3.2em;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            background-color: var(--theme-color);
        }


        header #HeaderNav #HeaderProfilePreview[data-is-logged-in="true"] {
            position: relative;
        }

            header #HeaderNav #HeaderProfilePreview[data-is-logged-in="true"][data-unread-notifications]:not([data-unread-notifications=""])::after {
                content: attr(data-unread-notifications);
                position: absolute;
                top: -8px;
                right: -8px;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                min-width: 20px;
                height: 20px;
                padding: 0 4px;
                border: 2px solid #040b2d;
                border-radius: 999px;
                background-color: #f4455d;
                color: #fff;
                font-size: 11px;
                font-weight: 800;
                line-height: 1;
                white-space: nowrap;
                pointer-events: none;
            }

        header #HeaderNav #HeaderProfilePreview .ProfileImage {
            width: 2.4em;
            height: 2.4em;
            overflow: hidden;
            border-radius: 50%;
        }

            header #HeaderNav #HeaderProfilePreview .ProfileImage img {
                vertical-align: middle;
                width: 100%;
                height: 100%;
            }

        header #HeaderNav #HeaderProfilePreview i {
            font-size: 1.35em;
            padding-right: 0.5em;
        }

        header #HeaderNav #HeaderProfilePreview #LoginSignUpSection {
            cursor: pointer;
            padding: 0.9em 1em;
            color: var(--theme-color-light);
            font-weight: 600;
        }

    header #HeaderNav #AccountDropDown .WelcomeSection {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 1.5em
    }

        header #HeaderNav #AccountDropDown .WelcomeSection::before {
            content: "";
            display: block;
            width: 9.5em;
            height: 12.5em;
            background-image: url(/assets-website/images/SuprimxBranIcon.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }


        header #HeaderNav #AccountDropDown .WelcomeSection .T {
            font-size: 1.1em;
            font-weight: 800;
            line-height: 1.3;
        }

    header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper .Action {
        display: flex;
        gap: 0.5em;
    }

        header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper .Action a {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--theme-color);
            border-radius: 0.5rem;
            padding: 1em 2em;
            text-transform: uppercase;
            font-weight: 800;
            line-height: 1;
            color: var(--theme-color);
            min-width: 9em;
        }

        header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper .Action #HeaderLoginBtn {
            background-color: var(--theme-color);
            color: #fff;
        }


    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection #AccountDropProfileImageSection {
        position: relative;
    }

    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection #AccountDropAccountProfileImage {
        width: 4em;
        height: 4em;
        overflow: hidden;
        border-radius: 1em;
    }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection #AccountDropAccountProfileImage img {
            vertical-align: top;
            width: 100%;
            height: 100%;
        }

    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection #AccountDropProfileImageSection[data-is-verified="true" i]::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1.5em;
        height: 1.5em;
        background-image: url(../images/VerifiedBadge.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(25%, 10%);
    }

    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection #AccountDropProfileImageSection[data-is-verified="true" i] #AccountDropAccountProfileImage {
        border: 3px solid var(--theme-color-light);
    }

    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection .AccountName {
        font-weight: 800;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        font-size: 1.1em;
        max-width: 14em;
    }

    header #HeaderNav #ProfileImageSection ul {
        padding: 0.5em 0.8em;
        margin-bottom: 0;
    }

        header #HeaderNav #ProfileImageSection ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.8em 1em;
            border-radius: 1em;
            list-style-type: none;
            margin-bottom: 0;
        }

            header #HeaderNav #ProfileImageSection ul li a {
                text-decoration: none;
                display: grid;
                grid-template-columns: 2em 1fr;
                align-items: center;
                gap: 1em;
                width: 100%;
            }

                header #HeaderNav #ProfileImageSection ul li a::before {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    font-family: "Font Awesome 6 Free";
                    font-weight: 600;
                    font-size: 1.6em;
                    line-height: 1;
                    overflow: visible;
                    width: 1em;
                    height: 1em;
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="SuprimxProfile" i]::before {
                    content: "\f2c1";
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="Purchases" i]::before {
                    content: "\f543";
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="Cards" i]::before {
                    content: "\f09d";
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="SuprimxCredit" i]::before {
                    content: "\f555";
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="Notification" i]::before {
                    content: "\f0f3";
                }

                header #HeaderNav #ProfileImageSection ul li a[icon="Logout" i]::before {
                    content: "\f08b";
                }

                header #HeaderNav #ProfileImageSection ul li a:is([data-couter]):not([data-couter="0"],[data-couter=""]) {
                    grid-template-columns: 2em minmax(0, 1fr) auto;
                }


                    header #HeaderNav #ProfileImageSection ul li a:is([data-couter]):not([data-couter="0"],[data-couter=""])::after {
                        content: attr(data-couter);
                        font-size: 11px;
                        font-weight: 800;
                        min-width: 20px;
                        height: 20px;
                        padding-inline: 4px;
                        box-sizing: border-box;
                        line-height: 20px;
                        text-align: center;
                        white-space: nowrap;
                        border-radius: 999px;
                        color: #fff;
                        background-color: #f4455d;
                    }

    header #ProductClassificationMenuList {
        display: none;
    }

@media only screen and (min-width: 1001px) {
    header #HeaderNav #AccountDropDown {
        position: absolute;
        z-index: 1;
        inset-inline-end: 0;
        top: calc(100% + 1em);
        width: 35em;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-1em);
        color: rgba(0, 0, 0, 0.75);
    }

        header #HeaderNav #AccountDropDown[data-display="show" i] {
            opacity: 1;
            visibility: visible;
            transform: none;
            transition: .3s;
        }

    header #HeaderNav #LoginSignUpSection #AccountDropDown {
        width: 25em;
    }

        header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper {
            background: #fff;
            border-radius: 1em;
            box-shadow: rgb(0 0 0 / 7%) 0 1em 1.3em;
            padding: 2.5em 1.5em;
            cursor: default;
        }


    header #HeaderNav #ProfileImageSection #AccountDropDown {
        width: 22.5em;
    }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper {
            background-color: #3F4476;
            color: #fff;
            border-radius: 1.5em;
            overflow: hidden;
            box-shadow: rgb(255 255 255 / 7%) 0 1em 2.3em;
            cursor: default;
        }

            header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection {
                display: none;
            }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection {
            display: flex;
            align-items: center;
            gap: .8em;
            padding: 1.2em 1em;
            border-block-end: 1px solid rgba(255 255 255 / 10%);
        }

            header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection .AccountDetails {
                color: #adb0bc;
                opacity: .7;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 14em;
            }

    header #HeaderNav #ProfileImageSection .LogoutSection {
        padding: 0.3em 0;
        border-block-start: 1px solid rgba(255 255 255 / 10%);
    }

    header #HeaderNav #ProfileImageSection ul li a {
        color: currentColor;
        opacity: 0.8;
    }


    header #HeaderNav #ProfileImageSection ul li:hover {
        background: rgba(0 0 0/5%);
    }

        header #HeaderNav #ProfileImageSection ul li:hover a {
            opacity: 1;
            color: var(--theme-color-light)
        }
}

@media only screen and (max-width: 1000px) {


    header #HeaderNav #LoginSignUpSection #AccountDropDown {
        display: flex;
        align-items: end;
        color: rgba(0, 0, 0, 0.75);
    }

    header #HeaderNav #LoginSignUpSection #AccountDropDown,
    header #HeaderNav #ProfileImageSection #AccountDropDown {
        position: fixed;
        inset: 0;
        z-index: 999;
        background: rgb(0 0 0 / .53);
        backdrop-filter: blur(.5em);
        -webkit-backdrop-filter: blur(.5em);
        visibility: hidden;
        opacity: 0;
    }

        header #HeaderNav #LoginSignUpSection #AccountDropDown[data-display="show" i],
        header #HeaderNav #ProfileImageSection #AccountDropDown[data-display="show" i] {
            visibility: visible;
            opacity: 1;
        }

            header #HeaderNav #LoginSignUpSection #AccountDropDown[data-display="show" i] .exit-overlay,
            header #HeaderNav #ProfileImageSection #AccountDropDown[data-display="show" i] > .exit-overlay {
                position: absolute;
                inset: 0;
                z-index: -1;
            }

            header #HeaderNav #LoginSignUpSection #AccountDropDown[data-display="show" i] .AccountDropDownWrapper {
                width: 100%;
                max-width: 40em;
                max-height: calc(100vh - var(--header-height));
                margin: 0 auto;
                background: #fff;
                box-shadow: rgba(0 0 0 / 13%) 0 0 2em;
                border-radius: 2em 2em 0 0;
                display: flex;
                flex-direction: column;
                overflow: hidden;
                animation: slideUp 0.5s ease-out forwards;
            }

        header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper .Action {
            flex-direction: column;
            width: 100%;
            max-width: 25em;
            gap: 1em;
        }

            header #HeaderNav #LoginSignUpSection #AccountDropDown .AccountDropDownWrapper .Action a {
                font-size: 1.166667em;
                padding: 1em 3em;
            }


    header #HeaderNav #AccountDropDown .WelcomeSection {
        padding: 5em 3em 2em;
    }

        header #HeaderNav #AccountDropDown .WelcomeSection::before {
            width: 14.5em;
            height: 18.5em;
        }

        header #HeaderNav #AccountDropDown .WelcomeSection .T {
            font-size: 1.5em;
        }

    header #HeaderNav #ProfileImageSection #AccountDropDown[data-display="show" i] > .AccountDropDownWrapper {
        display: flex;
        flex-direction: column;
        width: calc(100% - 5em);
        max-width: 25em;
        height: 100%;
        margin-inline-start: auto;
        box-sizing: border-box;
        border-radius: 0;
        background: #040b2d;
        box-shadow: rgba(0 0 0 / 10%) 0 0 2em;
        position: relative;
        animation: slideIn 0.5s ease forwards;
    }

    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 1.5em;
        padding: 1.66666em;
    }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection .SideBarLogo {
            max-height: 9em;
            width: 10.5em;
        }

            header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection .SideBarLogo img {
                width: 100%;
                height: 100%;
                vertical-align: top;
            }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection .SideBarCloseAction {
            cursor: pointer;
            font-family: "Font Awesome 6 Free";
            font-weight: 800;
            font-size: 1.7em;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection .SideBarCloseAction::after {
                content: "\f00d";
                transition: transform 0.3s ease-in-out;
            }

            header #HeaderNav #ProfileImageSection #AccountDropDown .AccountDropDownWrapper .SideBarLogoSection .SideBarCloseAction[data-display="closed" i]::after {
                content: "\f00d";
                color: var(--theme-color-light);
                transform: rotate(180deg);
            }


    header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection {
        display: flex;
        align-items: center;
        gap: .8em;
        padding: 1.4em 1.2em;
        background-color: #ffffff1a;
        border-radius: 1.2em;
        margin-block-end: 2em;
    }

        header #HeaderNav #ProfileImageSection #AccountDropDown .AccountInfoSection .AccountDetails {
            color: #adb0bc;
        }

    header #HeaderNav #ProfileImageSection ul {
        padding: 0;
    }

        header #HeaderNav #ProfileImageSection ul li {
            padding: 1.2em;
            margin: 0.3em 1em;
        }

            header #HeaderNav #ProfileImageSection ul li a {
                color: #adb0bc;
            }

            header #HeaderNav #ProfileImageSection ul li.ActiveTab {
                background-color: var(--theme-color);
            }

                header #HeaderNav #ProfileImageSection ul li.ActiveTab a {
                    color: #fff;
                }



    body.overlay-content-activated {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        touch-action: none;
    }
}


@media only screen and (max-width: 860.98px) {

    header #MainHeader #HeaderMenu {
        left: 45%;
    }

        header #MainHeader #HeaderMenu ul li a {
            min-width: 9em;
        }

    header #SearchMenu span {
        gap: 1.3em;
    }

    header #HeaderNav #HeaderProfilePreview #LoginSignUpSection {
        padding: 0.9em 0.5em;
    }

    header #SearchMenu input {
        max-width: 9em;
    }

    header #MainHeader #HeaderNav {
        gap: 0.5em;
    }

        header #MainHeader #HeaderNav[isLoggedIn="true" i]:not([mobile-search-display-mode="show" i]) {
            border-radius: 1em 2em 2em 1em;
            background-color: #ffffff1a;
            padding: .5em;
            gap: .7em;
            margin-inline-end: -0.5em;
        }

        header #MainHeader #HeaderNav #HeaderProfilePreview {
            margin-inline-start: 0.5em;
        }

        header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview {
            height: 3em;
            width: 3em;
        }

            header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview .ProfileImage {
                width: 2.35em;
                height: 2.35em;
            }

    header #HeaderNav:not([mobile-search-display-mode="show" i]) #ProductClassificationMenuList > .InnerContent a {
        font-size: 1em;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i]) #SearchMenu input {
        display: none;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i]) #SearchMenu #SearchIconDisplay::after {
        height: 3em;
        width: 3em;
        background-color: transparent;
        padding: 0.85em;
        margin: 0;
        font-size: 1em;
    }

    header #HeaderNav[mobile-search-display-mode="show" i] #HeaderCart,
    header #HeaderNav[mobile-search-display-mode="show" i] #HeaderProfilePreview {
        display: none;
    }

    header #HeaderNav[mobile-search-display-mode="show" i] #SearchMenu #SearchIconDisplay::after {
        width: 2.5em;
        height: 2.5em;
    }
}

@media only screen and (max-width: 795px) {

    header #MainHeader {
        justify-content: unset;
        gap: 0.7em;
        padding: 1em 2em;
    }

        header #MainHeader #HeaderLogo {
            margin-inline-end: auto;
        }

        header #MainHeader #ProductClassificationMenu {
            display: block;
            cursor: pointer;
        }

            header #MainHeader #ProductClassificationMenu::before {
                content: "\f0c9";
                font-family: "Font Awesome 6 Free";
                font-size: 1.8em;
                font-weight: 900;
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: transform 0.3s ease-in-out;
                padding-inline: .8em;
                margin-inline-start: -0.5em;
                transition: transform 0.3s ease-in-out;
            }

            header #MainHeader #ProductClassificationMenu[display-mode="show" i]::before {
                content: '\f00d';
                color: var(--theme-color-light);
                transform: rotate(180deg);
            }

        header #MainHeader #HeaderMenu {
            display: none;
        }

    header #ProductClassificationMenuList[display-mode="show" i] {
        display: block;
    }

        header #ProductClassificationMenuList[display-mode="show" i]::before {
            content: '';
            position: absolute;
            display: block;
            background: rgb(25 31 62);
            width: 1.5em;
            height: 1.5em;
            z-index: 100;
            margin: -.5em 3.5% 0;
            transform: rotate(45deg);
        }

        header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            overflow: hidden;
            background-color: rgb(25 31 62);
            color: #fff;
            gap: 1.8em;
            padding: 1.5em 1.8em;
        }

            header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent a {
                display: grid;
                grid-template-columns: auto 1fr;
                gap: .3em;
                align-items: center;
                opacity: unset;
                color: #e6e6e6;
                font-weight: 600;
                font-size: 1em;
            }

                header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent a::before {
                    font-family: "Font Awesome 6 Free";
                    font-size: 1em;
                    font-weight: 900;
                    color: #fff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 1.4em;
                    width: 1.4em;
                }

            header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent #GiftCardMenu::before {
                content: "\f06b";
            }

            header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent #DirectTopUpMenu::before {
                content: "\f135";
            }

            header #ProductClassificationMenuList[display-mode="show" i] > .InnerContent #MobileRechargeMenu::before {
                content: "\f10b";
            }
}

@media only screen and (max-width: 580px) {

    header #MainHeader {
        gap: .5em;
    }

        header #MainHeader #ProductClassificationMenu::before {
            padding-inline: .6em;
            margin-inline-start: -0.7em;
        }

        header #MainHeader #ProductClassificationMenu::before {
            font-size: 1.6em;
        }

        header #MainHeader #HeaderLogo a {
            max-height: 7em;
            width: 9.9em;
        }

    header #HeaderNav:not([mobile-search-display-mode="show" i]) #SearchMenu #SearchIconDisplay::after {
        height: 2.7em;
        width: 2.7em;
        background-color: transparent;
        padding: 0;
        margin: 0;
        font-size: 1em;
        line-height: 1;
    }

    header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview {
        height: 2.7em;
        width: 2.7em;
    }

        header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview .ProfileImage {
            width: 2.1em;
            height: 2.1em;
        }

    header #HeaderNav #HeaderCart a {
        width: 3em;
    }
}

@media only screen and (max-width: 500px) {

    header #MainHeader #HeaderNav #UserLoginBtn {
        display: flex;
        height: 3.2em;
        width: 3.2em;
        justify-content: center;
        align-items: center;
    }

        header #MainHeader #HeaderNav #UserLoginBtn::before {
            content: "\f2be";
            font-family: "Font Awesome 6 Free";
            font-size: 2.1em;
            font-weight: 700;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            cursor: pointer;
            line-height: 1;
        }

    header #MainHeader #ProductClassificationMenu::before {
        font-size: 1.9em;
    }


    header #MainHeader #HeaderNav #HeaderProfilePreview #ActionInstruction {
        display: none;
    }

    header #MainHeader #HeaderNav #HeaderProfilePreview[is-logged-in="false" i] {
        background-color: transparent;
        margin-inline-start: 0;
        border-radius: unset;
        gap: 0;
        padding: 0;
        border: none;
    }

    header #HeaderNav #HeaderProfilePreview[is-logged-in="false" i] #LoginSignUpSection {
        padding: 0;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i],[isLoggedIn="true" i]) #SearchMenu {
        background-color: transparent;
    }

        header #HeaderNav:not([mobile-search-display-mode="show" i],[isLoggedIn="true" i]) #SearchMenu a {
            width: 3.2em;
        }

        header #HeaderNav:not([mobile-search-display-mode="show" i],[isLoggedIn="true" i]) #SearchMenu #SearchIconDisplay::after {
            height: unset;
            width: unset;
            padding: 0;
            margin: 0;
            font-size: 1.8em;
            line-height: 1;
        }


    header #HeaderNav:not([mobile-search-display-mode="show" i]) #SearchMenu #SearchIconDisplay::after {
        height: 2.5em;
        width: 2.5em;
    }

    header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview {
        height: 2.5em;
        width: 2.5em;
    }

        header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview .ProfileImage {
            width: 1.8em;
            height: 1.8em;
        }

    header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderCart a i {
        font-size: 1.5em;
    }

    header #MainHeader #HeaderNav[isLoggedIn="true" i]:not([mobile-search-display-mode="show" i]) {
        gap: .5em;
    }


    header #HeaderNav #HeaderCart a:not(a[data-cart-count=""], a[data-cart-count="0"])::after {
        transform: scale(.677778);
    }
}

@media only screen and (max-width: 440px) {

    header #MainHeader {
        padding: 1em 1.5em;
    }

        header #MainHeader #HeaderLogo a {
            width: 9em;
        }

        header #MainHeader #ProductClassificationMenu::before {
            font-size: 1.5em;
        }

        header #MainHeader #HeaderNav {
            gap: 0.4em;
        }

            header #MainHeader #HeaderNav #UserLoginBtn {
                height: 3em;
                width: 3em;
            }

                header #MainHeader #HeaderNav #UserLoginBtn::before {
                    font-size: 1.7em;
                }

        header #MainHeader #ProductClassificationMenu::before {
            padding-inline: .55em;
        }

    header #HeaderNav:not([mobile-search-display-mode="show" i], [isLoggedIn="true" i]) #SearchMenu a {
        width: 3em;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i], [isLoggedIn="true" i]) #SearchMenu #SearchIconDisplay::after {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 390px) {

    header #MainHeader #HeaderLogo a {
        width: 8em;
    }

    header #HeaderNav #HeaderProfilePreview .ProfileImage {
        width: 2.3em;
        height: 2.3em;
    }

    header #MainHeader #HeaderNav #HeaderProfilePreview {
        margin-inline-start: 0.3em;
        gap: 0.3rem;
        height: 3.3em;
    }

    header #HeaderNav #HeaderProfilePreview .ProfileImage {
        width: 2.3em;
        height: 2.3em;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i], [isLoggedIn="true" i]) #SearchMenu a {
        width: 2.5em;
    }

    header #HeaderNav:not([mobile-search-display-mode="show" i]) #SearchMenu #SearchIconDisplay::after {
        height: 2.2em;
        width: 2.2em;
    }

    header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview {
        height: 2.2em;
        width: 2.2em;
    }

        header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderProfilePreview .ProfileImage {
            width: 1.65em;
            height: 1.65em;
        }

    header #MainHeader #ProductClassificationMenu::before,
    header #MainHeader #HeaderNav[isLoggedIn="true" i] #HeaderCart a i {
        font-size: 1.35em;
    }

    header #HeaderNav #HeaderCart a {
        width: 2.5em;
    }

        header #HeaderNav #HeaderCart a:not(a[data-cart-count=""], a[data-cart-count="0"])::after {
            inset-block-start: -0.55em;
            inset-inline-end: 2px;
            transform: scale(.577778);
        }
}


/* <!-- HEADER CSS END HERE  --!> */
/* <!-- FOOTER CSS START HERE  --!> */
footer {
    display: block;
    background-color: #040b2d;
    border-radius: 0 10em 0 0;
}

    footer li,
    footer ul,
    footer a,
    footer #MainFooterWrapper,
    footer #FooterCopyRightWrapper {
        font-family: 'Manrope', 'Arial', system-ui, sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #adb0bc;
        line-height: 1.5;
    }

    footer #MainFooterWrapper {
        max-width: 120em;
        display: grid;
        grid-template-columns: 26em 1fr 23em;
        grid-template-areas:
            "BrandIntro FooterNav BusinessInfo"
            "BrandIntro FooterNav BusinessInfo"
            "SocialMedia FooterNav BusinessInfo"
            "PaymentMethod PaymentMethod BusinessInfo";
        gap: 2em 7em;
        align-items: flex-start;
        position: relative;
        margin: 0 auto;
        padding: 7em 2em 2em;
        box-sizing: border-box;
        margin-top: 3em !important;
    }

        footer #MainFooterWrapper #BrandIntroductionSection {
            display: flex;
            flex-direction: column;
            gap: 2em;
            justify-content: center;
            align-items: start;
            grid-area: BrandIntro;
            line-height: 2;
        }

            footer #MainFooterWrapper #BrandIntroductionSection .FooterLogoDisplay {
                width: 15em;
            }

                footer #MainFooterWrapper #BrandIntroductionSection .FooterLogoDisplay img {
                    vertical-align: top;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    z-index: 1;
                }

            footer #MainFooterWrapper #BrandIntroductionSection .FooterBrandDescription {
                font-size: 1.1em;
            }

        footer #MainFooterWrapper #FooterNavSection {
            grid-area: FooterNav;
            z-index: 10;
        }

            footer #MainFooterWrapper #FooterNavSection #FooterNavList {
                display: flex;
                gap: 2.5em 4.5em;
                flex-wrap: wrap;
            }

            footer #MainFooterWrapper #FooterNavSection .FooterNav {
                display: flex;
                flex-direction: column;
                gap: 0.8em;
                flex: 0 0 auto;
            }

                footer #MainFooterWrapper #FooterNavSection .FooterNav ul {
                    margin-bottom: 0;
                }

                footer #MainFooterWrapper #FooterNavSection .FooterNav .FooterNav-Title {
                    text-transform: uppercase;
                    font-weight: 800;
                    font-size: 1.3em;
                    line-height: 2;
                    color: #fff;
                }

                footer #MainFooterWrapper #FooterNavSection .FooterNav li {
                    margin-block-start: 0.6em;
                }

                    footer #MainFooterWrapper #FooterNavSection .FooterNav li a:hover {
                        color: #adb0bc;
                        text-decoration: underline;
                    }

    footer #ContactSection {
        grid-area: BusinessInfo;
        display: flex;
        flex-direction: column;
        font-size: 1.1em;
    }

        footer #ContactSection .FooterContactItem {
            display: flex;
            gap: 1em;
        }


            footer #ContactSection .FooterContactItem .T {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: .7em;
            }

            footer #ContactSection .FooterContactItem .C {
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: 700;
                color: #fff;
            }

    footer #PaymentMethodSection {
        grid-area: PaymentMethod;
        overflow: hidden;
    }

        footer #PaymentMethodSection #FooterPaymentDisplayList {
            display: flex;
            flex-wrap: wrap;
            gap: 0.7em;
            margin-bottom: 0;
            overflow: hidden;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            justify-content: start;
        }

        footer #PaymentMethodSection #FooterPaymentDisplayWrapper {
            overflow: hidden;
        }

            footer #PaymentMethodSection #FooterPaymentDisplayWrapper #FooterPaymentDisplayList .PaymentMethodLogo {
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: rgb(247, 247, 247);
                border: 0;
                /*            border: 1px solid #d5dfff;*/
                overflow: hidden;
                border-radius: 0.5em;
                height: 3.334em;
                width: 5em;
                flex: 0 0 auto;
            }

        footer #PaymentMethodSection #FooterPaymentDisplayList .PaymentMethodLogo img {
            width: 100%;
            object-fit: contain;
        }

    footer #SocialMediaSection {
        grid-area: SocialMedia;
        display: flex;
        flex-direction: column;
        gap: .8em;
        font-weight: 700;
    }

        footer #SocialMediaSection .SocialMediaTitle {
            color: rgb(255, 255, 255, 1);
            font-weight: 700;
            font-size: 1.2em;
            line-height: 1.5;
        }

        footer #SocialMediaSection #footer-SocialMediaSectionList {
            display: flex;
            gap: .7em;
        }

            footer #SocialMediaSection #footer-SocialMediaSectionList .footer-SocialMediaItem {
                display: flex;
                background: rgba(255, 255, 255, .1);
                width: 2.3em;
                height: 2.3em;
                border-radius: .6em;
                justify-content: center;
                align-items: center;
                color: rgb(255, 255, 255, 1);
                font-size: 1.3em;
            }


    footer #FooterCopyRightWrapper {
        background-color: #9377ff26;
    }

        footer #FooterCopyRightWrapper #Content {
            max-width: 120em;
            position: relative;
            margin: 0 auto;
            padding: 1.67em 2em;
            box-sizing: border-box;
            text-align: center;
        }

            footer #FooterCopyRightWrapper #Content #WebsiteCopyRight #CompanyName {
                color: #e6e6e6;
                font-weight: 800;
            }

    footer #BusinessInfoSection {
        grid-area: BusinessInfo;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

        footer #BusinessInfoSection .BusinessInfoItem {
            display: flex;
            flex-direction: column;
            gap: 1em;
            background-color: #ffffff1a;
            border-radius: 1.5em;
            padding: 1.5em;
            color: rgb(255, 255, 255, 1);
            border-bottom: 2px solid var(--theme-color-light);
        }

            footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection {
                display: flex;
                gap: .8em;
                align-items: center;
            }

                footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection::before {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--theme-color);
                    color: #fff;
                    font-size: 1em;
                    font-weight: 800;
                    width: 2.3em;
                    height: 2.3em;
                    border-radius: .6em;
                    font-family: "Font Awesome 6 Free";
                    font-weight: 900;
                    flex: none;
                }

                footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection[footer-businessinfo="Telephone"]::before {
                    content: "\f095";
                }

                footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection[footer-businessinfo="EmailAddress"]::before {
                    content: "\f0e0";
                }

                footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection .InfoTitle {
                    font-weight: 800;
                    font-size: 1.1em;
                    text-transform: capitalize;
                    line-height: 1.5;
                }

            footer #BusinessInfoSection .BusinessInfoItem .ItemContentSection {
                background-color: rgb(67 71 102);
                padding: 1em;
                border-radius: .8em;
            }

@media (any-hover) {
    footer #SocialMediaSection #footer-SocialMediaSectionList .footer-SocialMediaItem:hover {
        transform: scale(1.06);
    }
}

@media only screen and (max-width: 1300px) {

    footer #MainFooterWrapper {
        gap: 3em;
    }

        footer #MainFooterWrapper #FooterNavSection #FooterNavList {
            gap: 2.5em 3em;
        }
}

@media (min-width: 890px) and (max-width: 1050px) {

    footer #MainFooterWrapper {
        grid-template-columns: 24em 1fr 17em;
    }
}

@media only screen and (max-width: 890.98px) {

    footer #MainFooterWrapper {
        grid-template-columns: 27em 1fr;
        grid-template-areas:
            "BrandIntro FooterNav"
            "SocialMedia FooterNav"
            "BusinessInfo BusinessInfo"
            "PaymentMethod PaymentMethod";
    }

    footer #BusinessInfoSection {
        flex-direction: row;
        flex-wrap: wrap;
    }

        footer #BusinessInfoSection .BusinessInfoItem {
            min-width: 22em;
        }
}

@media only screen and (max-width: 680px) {
    footer #MainFooterWrapper {
        grid-template-columns: 19em 1fr;
        gap: 2.5em 1.5em;
    }
}

@media only screen and (max-width: 609.98px) {

    footer #MainFooterWrapper #FooterNavSection #FooterNavList {
        all: unset;
        /*z-index: 10;*/
        position: relative;
    }

    footer #MainFooterWrapper #FooterNavSection .FooterNav {
        gap: 0;
        border-top: 1px rgba(255 255 255 / 8%) solid;
    }

        footer #MainFooterWrapper #FooterNavSection .FooterNav:last-of-type {
            border-bottom: 1px rgba(255 255 255 / 8%) solid;
        }

        footer #MainFooterWrapper #FooterNavSection .FooterNav .FooterNav-Title {
            all: unset;
            display: grid;
            grid-template-columns: 1fr auto;
            align-items: center;
            text-transform: capitalize;
            margin: 0;
            padding: 1em 0.5em;
            font-weight: 700;
            color: #fff;
        }

            footer #MainFooterWrapper #FooterNavSection .FooterNav .FooterNav-Title::after {
                content: "\2b";
                display: block;
                font-family: "Font Awesome 6 Free";
                font-size: 0.833333em;
                width: 1em;
                height: 1em;
                line-height: 1;
                overflow: hidden;
                transition: transform 0.3s ease-in-out;
            }

        footer #MainFooterWrapper #FooterNavSection .FooterNav li {
            display: none;
            margin: 0;
            padding: .4em 0;
        }

        footer #MainFooterWrapper #FooterNavSection .FooterNav[nav-display="true" i] ul {
            padding: 0 1em .5em;
        }

        footer #MainFooterWrapper #FooterNavSection .FooterNav[nav-display="true" i] li {
            display: block;
        }

        footer #MainFooterWrapper #FooterNavSection .FooterNav[nav-display="true" i] .FooterNav-Title::after {
            content: '\f00d';
            color: var(--theme-color);
            transform: rotate(180deg);
        }

    footer #BusinessInfoSection .BusinessInfoItem {
        min-width: 17em;
    }
}

@media only screen and (max-width: 480px) {

    footer #MainFooterWrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
            "BrandIntro"
            "FooterNav"
            "BusinessInfo"
            "SocialMedia"
            "PaymentMethod";
        padding-top: 2em;
        gap: 2em;
    }

        footer #MainFooterWrapper #BrandIntroductionSection {
            gap: 1em;
            margin-bottom: 2em;
        }

            footer #MainFooterWrapper #BrandIntroductionSection .FooterLogoDisplay {
                margin-block-start: 1.5em;
            }

    footer #FooterCopyRightWrapper #Content {
        max-width: 100%;
        padding-bottom: 4.3em;
        text-align: left;
    }

    footer #ContactSection {
        margin-block: 1em;
    }

    footer #BusinessInfoSection {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

        footer #BusinessInfoSection .BusinessInfoItem {
            border-radius: 1em;
            padding: 1em;
            min-width: unset;
            justify-content: space-between;
        }

            footer #BusinessInfoSection .BusinessInfoItem .ItemContentSection {
                background-color: rgb(67 71 102);
                padding: .8em;
                border-radius: .8em;
            }

            footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection::before {
                width: 2em;
                height: 2em;
            }

            footer #BusinessInfoSection .BusinessInfoItem .ItemTitleSection .InfoTitle {
                font-size: 1em;
            }
}

@media only screen and (max-width: 390px) {

    footer #BusinessInfoSection {
        display: grid;
        grid-template-columns: unset;
    }
}
/* <!-- FOOTER CSS END HERE  --!> */


/* <!-- LIVE CHAT WIDGETS CSS START HERE  --!> */
#LiveChatWidgetSection {
    position: fixed;
    inset-inline-end: 0;
    inset-block-end: 0;
    z-index: 999;
    margin-inline: 2em;
}

    #LiveChatWidgetSection #TriggerLiveChatBtn {
        all: unset;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .7em;
        background-color: var(--theme-color);
        border-radius: 1em 1em 0 0;
        color: #fff;
        font-weight: 800;
        font-size: 1em;
        padding: .85em 1.5em;
        box-shadow: rgb(255 165 0 / 10%) 0 0 0 1px, rgb(255 165 0 / 10%) 0 0 0 .5em;
    }

        #LiveChatWidgetSection #TriggerLiveChatBtn[action-status=""] #LiveChatIcon::after,
        #LiveChatWidgetSection #TriggerLiveChatBtn[action-status="closed"] #LiveChatIcon::after {
            content: '';
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1em;
            height: 1em;
            font-size: 1.5em;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url(../images/CustomerService.svg);
        }

        #LiveChatWidgetSection #TriggerLiveChatBtn[action-status="opened"] #LiveChatIcon::after {
            content: "\f00d";
            font-family: "Font Awesome 6 Free";
            font-size: 1em;
            display: flex;
            align-items: center;
            justify-content: center;
        }

@media only screen and (max-width: 1000px) {

    #LiveChatWidgetSection {
        margin-inline: 0;
    }

        #LiveChatWidgetSection #TriggerLiveChatBtn {
            border-radius: 1em 0 0 0;
            padding: .85em 1em;
        }

            #LiveChatWidgetSection #TriggerLiveChatBtn[action-status=""] #LiveChatIcon::after,
            #LiveChatWidgetSection #TriggerLiveChatBtn[action-status="closed"] #LiveChatIcon::after {
                font-size: 2.2em;
            }

            #LiveChatWidgetSection #TriggerLiveChatBtn #LiveChatActionDisplay {
                display: none;
            }
}

@media only screen and (max-width: 480px) {

    #LiveChatWidgetSection #TriggerLiveChatBtn {
        padding: .75em 1em;
    }

        #LiveChatWidgetSection #TriggerLiveChatBtn[action-status=""] #LiveChatIcon::after,
        #LiveChatWidgetSection #TriggerLiveChatBtn[action-status="closed"] #LiveChatIcon::after {
            font-size: 2em;
        }
}

/* <!-- LIVE CHAT WIDGETS CSS END HERE  --!> */

/* <!-- LOADER LOADING ANIMATION CSS START HERE  --!> */
.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--ct-spinner-width);
    height: var(--ct-spinner-height);
    vertical-align: var(--ct-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--ct-spinner-animation-speed) linear infinite var(--ct-spinner-animation-name);
    animation: var(--ct-spinner-animation-speed) linear infinite var(--ct-spinner-animation-name)
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    --ct-spinner-width: 2rem;
    --ct-spinner-height: 2rem;
    --ct-spinner-vertical-align: -0.25em;
    --ct-spinner-animation-speed: 0.75s;
    --ct-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --ct-spinner-width: 1rem;
    --ct-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --ct-spinner-animation-speed: 1.5s
    }
}
/* <!-- LOADER LOADING ANIMATION CSS END HERE  --!> */
/* <!--  EMPTY RESULT CSS START HERE  --!> */

#EmptyResultDisplay {
    width: 100%;
    max-width: 40em;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    padding: 4em;
}

    #EmptyResultDisplay img {
        height: auto;
        width: 100%;
        max-width: 8em;
        vertical-align: top;
        aspect-ratio: 4 / 3;
        object-fit: contain;
    }

    #EmptyResultDisplay h3 {
        font-size: 1em;
        font-weight: 800;
        margin: 1em 0;
        text-transform: capitalize;
    }
/* <!-- EMPTY RESULT CSS END HERE  --!> */

@keyframes slideIn {
    from {
        left: 100%; /* Start from off-screen (right) */
    }

    to {
        left: 0; /* End at the left edge (in view) */
    }
}

@keyframes slideOut {
    from {
        left: 0; /* Start from the visible position */
    }

    to {
        left: 100%; /* End off-screen (right side) */
    }
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}



@keyframes card-bounce {
    0% {
        animation-timing-function: cubic-bezier(.17,.17,.32,1);
        -webkit-translate: 0 -60%;
        -moz-translate: 0 -60%;
        -ms-translate: 0 -60%;
        translate: 0 -60%
    }

    9.70874% {
        animation-timing-function: cubic-bezier(.41,0,.49,1);
        -webkit-translate: 0 8.5%;
        -moz-translate: 0 8.5%;
        -ms-translate: 0 8.5%;
        translate: 0 8.5%
    }

    23.4466% {
        animation-timing-function: cubic-bezier(.29,0,.26,1);
        -webkit-translate: 0 -22.5%;
        -moz-translate: 0 -22.5%;
        -ms-translate: 0 -22.5%;
        translate: 0 -22.5%
    }

    47.7184% {
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    63.8835% {
        animation-timing-function: cubic-bezier(1,0,.78,1);
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    86.5534% {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }

    to {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }
}

@keyframes card-fade-100 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: 1
    }

    78.4466% {
        opacity: 1
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-60 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .6
    }

    78.4466% {
        opacity: .6
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-20 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .2
    }

    78.4466% {
        opacity: .2
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}
/* <!-- PAGINATION CSS START HERE  --!> */
.Pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1.5em;
}

    .Pagination .whj_jqueryPaginationCss-1 {
        display: flex;
        -webkit-user-select: none;
    }


        .Pagination .whj_jqueryPaginationCss-1 div {
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background-color: rgb(67 71 102);
            vertical-align: middle;
            line-height: 24px;
            margin: 2px;
            min-width: 3em;
            height: 3em;
            font-size: 1em;
            font-weight: 600;
            border-radius: .5em;
            padding: .5em;
            color: #fff;
        }

        .Pagination .whj_jqueryPaginationCss-1 .whj_checked {
            pointer-events: none;
            opacity: .4;
        }


        .Pagination .whj_jqueryPaginationCss-1 .whj_bgc:first-child,
        .Pagination .whj_jqueryPaginationCss-1 .whj_bgc:last-child {
            background-color: transparent !important;
        }

        .Pagination .whj_jqueryPaginationCss-1 .whj_hoverDisable {
            opacity: 0.5;
        }

        .Pagination .whj_jqueryPaginationCss-1 .whj_hover:hover,
        #PurchasesWrapper #OrderSection .Pagination .whj_jqueryPaginationCss-1 div:hover {
            cursor: pointer;
            background-color: var(--theme-color-light);
            color: #fff;
        }

        .Pagination .whj_jqueryPaginationCss-1 .whj_bgc:first-child:hover,
        .Pagination .whj_jqueryPaginationCss-1 .whj_bgc:last-child:hover {
            background-color: var(--theme-color-light) !important;
            border-radius: 50% !important;
        }

/* <!-- PAGINATION HERE  --!> */

/* Temporarily hide Mobile Recharge from desktop and mobile navigation. */
header #MainHeader #HeaderMenu li:has(> a[href$="/mobile-recharge"]),
header #ProductClassificationMenuList #MobileRechargeMenu {
    display: none !important;
}


/* ===== 2026-10-14 浅色新设计 ===== */
/* ===== global ===== */
html,body{background:#F3F4F6!important}
 #MainHeader{background:#1A1D24!important}
 main h1,main h2,main h3,main h5,.GroupTitle h2,.ContentTitle,.SectionTitle h5{text-transform:none!important;letter-spacing:-.01em!important}
 #HomePageContent .ProductGroupWrapper .GroupTitle a::after{background:linear-gradient(135deg,#FFD861,#FFA600)!important;border:0!important;color:#1D1400!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(255,166,0,.35)!important}
 .SectionTitle::before,.ItemTitleSection::before{box-sizing:border-box!important;border:2px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;color:#F29A00!important;border-radius:999px!important;box-shadow:none!important}
 .ProductRegion,.RelatedRegion{background:#FFF4D6!important;color:#8A5A00!important;border:0!important;border-radius:999px!important;padding:.15em .6em!important;font-weight:600!important}
 #TriggerLiveChatBtn{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;box-shadow:0 8px 20px rgba(201,122,0,.35)!important}
 #TriggerLiveChatBtn *{color:#fff!important}#LiveChatIcon{filter:brightness(0) invert(1)!important}
 #BuyNowBtn,#LoginBtn,#SendSMSotpBtn,#FormActionSection button{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(201,122,0,.3)!important}
 #BuyNowBtn *,#LoginBtn *{color:#fff!important}
 #AddToCartBtn{background:#fff!important;border:1.5px solid #E0A526!important;border-radius:999px!important}#AddToCartBtn,#AddToCartBtn *{color:#F29A00!important}
 .VariantItemOption{background:#fff!important;border:2px solid #E2E5EA!important;box-shadow:none!important}
 .VariantItemOption:hover{border-color:#D3D7DE!important}
 .VariantItemOption *{color:#1A1D24}
 /* Selected package: gradient gold frame (same gold as Buy Now) */
 .VariantItemOption[is-selected=true i]{border-color:transparent!important;border-width:2px!important;background-image:linear-gradient(#FFFBF1,#FFFBF1),linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 6px 18px rgba(201,122,0,.18)!important}
 .VariantItemOption::after{background-color:#F1F2F4!important;color:#1A1D24!important}
 .DirectTopUpField input,.CustomInput input{background:transparent!important}
 .CustomInput::before,.CustomInput::after{color:#9AA0AA!important}
 .LtHead{margin:var(--lt-m)!important;padding:var(--lt-p)!important;box-sizing:border-box;position:relative;background:radial-gradient(240px 110px at 0% 50%,rgba(255,176,0,.30),transparent 70%),linear-gradient(90deg,rgba(255,190,40,.12),transparent 65%)!important;border-bottom:1px solid #EEF0F3!important}
 .LtHead::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#F2B32A,rgba(242,179,42,.25) 50%,transparent);pointer-events:none}
 .CustomInput,.DirectTopUpField,input,textarea,select{background:#F7F8FA!important;color:#1A1D24!important}
 /* Phone bottom tab bar */
 #MainHeader input{background:transparent!important;color:#fff!important}
 /* Header (same as dark final): normal-case menu with gold icons, login icon gold circle + white person */
 header nav a span,#GiftCardMenu span,#DirectTopUpMenu span{text-transform:none!important}
 .SxIc{color:#FFC233;font-size:.95em}
 /* Desktop login button (F): dark fill, frame in our gold gradient (left light -> right dark), white text, gold person icon */
 @media (min-width:801px){#HeaderProfilePreview{border-radius:999px!important;border:1.5px solid transparent!important;background:linear-gradient(#14161C,#14161C) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}#HeaderProfilePreview #ActionInstruction{color:#fff!important}#ActionInstruction::before{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:8px;font-size:14px;color:#FFB400;vertical-align:middle}}
 /* Phone header: 2026-10-17 头像跟电脑一样（不再变成铃铛）；菜单按钮 see main.extra.css */
 @media (max-width:800px){
  #UserLoginBtn{background:transparent!important;border:0!important;box-shadow:none!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;font-size:0!important}
  #UserLoginBtn *{display:none!important}
  #UserLoginBtn::before{content:'\f0f3'!important;font-family:'Font Awesome 6 Free'!important;font-weight:900!important;font-size:20px!important;color:#fff!important;background:none!important;display:block!important;width:auto!important;height:auto!important;mask:none!important;-webkit-mask:none!important}
  #UserLoginBtn::after{display:none!important}
  #HeaderProfilePreview{background:transparent!important;border:0!important;box-shadow:none!important}
  #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage::before{content:'\f0f3'!important;font-family:'Font Awesome 6 Free'!important;font-weight:900!important;font-size:20px!important;color:#fff!important}
 }
 /* Phone denomination sheet: neutral background, title not pushed off the left edge */
 .ProductVariantList{background:transparent!important}
 /* 手机选面额弹出层专用；电脑按面额也会加 data-display=show，所以只限手机（Jacky 2026-10-15 电脑按了标题条缩进、底色变灰） */
@media (max-width:800px){.ProductVariantSection[data-display="show" i] .ProductVariantList{background:#F3F4F6!important}
 .ProductVariantSection[data-display="show" i] .ProductVariantListWrapper>.LtHead{margin:0!important;padding:16px 20px!important}}
 /* Order summary + ID fields (option B): light grey fill, no frame, dashed line above Total, bigger total */
 #SummaryDetail{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;row-gap:12px!important;column-gap:0!important;border:0!important;border-radius:14px!important;padding:16px 18px!important}
 #SummaryDetail .C{text-align:right!important;padding-left:16px!important}
 #SummaryDetail .Sep{grid-column:1/-1;height:0;border-top:1px dashed #CDD1D8}
 #TotalPriceDisplay{font-size:18px!important;font-weight:800!important}
 .DirectTopUpField{border:1.5px solid #E3E5E8!important;border-radius:14px!important}
 .DirectTopUpField>span{flex:0 0 84px!important;min-width:84px!important}
 .DirectTopUpField:focus-within{box-shadow:none!important;background-color:#fff!important;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;border-color:transparent!important}
 /* Desktop search (B): pill like the login button, soft grey, magnifier on the right */
 @media (min-width:801px){#SearchMenu{box-sizing:border-box!important;border-radius:999px!important;height:38px!important;align-items:center!important;align-self:center!important;margin:0!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;padding:0 12px 0 18px!important}#SearchMenu input{height:36px!important;padding-left:0!important;margin-left:0!important;text-indent:0!important}#SearchIconDisplay::after{display:none!important}#SearchIconDisplay::before{content:"\f002";font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px;color:rgba(255,255,255,.65);display:block!important}#SearchMenu a{display:grid!important;place-items:center!important;height:36px!important}}
 /* Header search (A): round button inside; typing = gold gradient frame + gold round button (Jacky 2026-10-10) */
 @media (min-width:801px){#SearchMenu{padding:0 4px 0 18px!important}#SearchMenu a{width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;flex:0 0 30px}#SearchIconDisplay::before{color:#1A1D24!important;font-size:13px!important}#SearchMenu:focus-within{border:1px solid transparent!important;background-image:linear-gradient(#262a33,#262a33),linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 0 14px rgba(255,180,0,.22)!important}#SearchMenu:focus-within a{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;box-shadow:0 4px 12px rgba(242,154,0,.35)}#SearchMenu:focus-within #SearchIconDisplay::before{color:#fff!important}}@media(max-width:800px){#HeaderNav #SearchMenu:focus-within{height:38px;box-sizing:border-box;border-radius:999px!important;padding:0 4px 0 14px!important;align-items:center;border:1px solid transparent!important;background-image:linear-gradient(#262a33,#262a33),linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important}#HeaderNav #SearchMenu:focus-within input{background:transparent!important;border:0!important;color:#fff!important;padding:0!important;height:100%!important}#HeaderNav #SearchMenu:focus-within input:focus{outline:0}#HeaderNav #SearchMenu:focus-within #SearchIconDisplay::after{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(242,154,0,.35)!important}}
 /* Phone buy bar: Add to cart = light grey round button, dark cart-plus icon; Buy Now stays the only gold (Jacky 2026-10-10) */
 .SxBuy a#SxC{background:#F1F2F4!important;border:0!important;box-shadow:none!important;background-image:none!important}.SxBuy a#SxC i{color:#1A1D24!important;background:none!important;-webkit-text-fill-color:#1A1D24!important}
 /* Header icons: desktop = dark round buttons (cart, solid user icon 2), grey search button; phone = plain icons, small badge (Jacky 2026-10-10) */
 @media (min-width:801px){#SearchMenu a{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important;box-sizing:border-box}#SearchIconDisplay::before{color:#fff!important}#HeaderCart a{width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;box-sizing:border-box}#HeaderCart i{color:#fff!important;font-size:16px!important}#HeaderProfilePreview[data-is-logged-in=true]{width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;box-sizing:border-box;display:grid!important;place-items:center!important;position:relative}#HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:40px!important;height:40px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important}#HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:has(.sxIni) img{display:none!important}#HeaderProfilePreview[data-is-logged-in=true] .ProfileImage::before{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:900;font-size:16px;color:#fff}#HeaderProfilePreview[data-is-logged-in=true]::after{top:-6px!important;right:-9px!important;left:auto!important;min-width:18px!important;height:18px!important;padding:0 5px!important;box-sizing:border-box!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;line-height:18px!important;box-shadow:0 0 0 2px #1A1D24!important;text-align:center!important}}
 /* Header icons (D): glass search + cart, avatar = gold gradient ring + soft glow (Jacky 2026-10-10) */
 @media (min-width:801px){#SearchMenu,#HeaderCart a{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.35)!important}#SearchMenu a{background:rgba(255,255,255,.12)!important;border:0!important}#HeaderProfilePreview[data-is-logged-in=true]{background:linear-gradient(#20232B,#20232B) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;border:2px solid transparent!important;box-shadow:0 0 14px rgba(255,180,0,.25)!important}#HeaderProfilePreview[data-is-logged-in=true] .ProfileImage::before{color:#FFC233!important}}
 /* Notification badge: no dark border ring, just a clean red pill (Jacky 2026-10-10) */
 #HeaderProfilePreview::after{border:0!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;background:#E5484D!important}
@media(max-width:800px){#HeaderProfilePreview::after{min-width:17px!important;width:auto!important;height:17px!important;padding:0 4px!important;box-sizing:border-box!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;line-height:17px!important;top:-7px!important;right:-9px!important;left:auto!important;box-shadow:0 0 0 2px #1A1D24!important;display:block!important;text-align:center!important}}
 /* Bottom-bar Buy Now with an empty ID: scroll to the ID box and highlight it */
 
 .DirectTopUpField.SxNeed input::placeholder{color:#F29A00!important;opacity:1}
 .DirectTopUpField.SxNeed{animation:sxNudge .35s ease 1}
 @keyframes sxNudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
 #FooterCopyRightWrapper{background:rgba(255,255,255,.04)!important}
 /* Step numbers 1 2 3 instead of 01 02 03 */
 .SectionTitle[section-puchase-steps="01"]::before{content:"1"!important}.SectionTitle[section-puchase-steps="02"]::before{content:"2"!important}.SectionTitle[section-puchase-steps="03"]::before{content:"3"!important}
 /* Text (Jacky 2026-10-10, option A): body stays 12px but dark grey, bold words black, card titles 15px, original price mid grey */
 #ProductDescriptionContent p,#ProductDescriptionContent li,#ProductGuidance p,#ProductGuidance li,#ProductFAQ p,#ProductFAQ li{color:#3F4350!important}
 #ProductDescriptionContent p *,#ProductDescriptionContent li *,#ProductGuidance p *,#ProductGuidance li *,#ProductFAQ p *,#ProductFAQ li *{color:#1A1D24!important}
 .SectionTitle h5,.ContentTitle{font-size:15px!important}
 .VariantPrice>div:last-child,.OriginalPrice{color:#6B7280!important}
 /* Content titles (Description, Guidance, FAQ): no gold bar, glow only */
 .ContentTitle::before{display:none!important}
 /* Lists: gold ticks only for the 'Why ...' selling points, small gold dots elsewhere; tighter heading spacing */
 #ProductDescriptionContent h2:not(:first-child),#ProductGuidance h2:not(:first-child){margin-top:24px!important}
 #ProductDescriptionContent h2,#ProductGuidance h2{margin-bottom:12px!important}
 #ProductDescriptionContent ul,#ProductGuidance ul{padding-left:0!important;margin-left:0!important;list-style:none!important}
 #ProductDescriptionContent ul li,#ProductGuidance ul li{position:relative;padding-left:20px!important;list-style:none!important;margin:0 0 10px!important}
 #ProductDescriptionContent ul li::before,#ProductGuidance ul li::before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:#E0A526}
 #ProductDescriptionContent ul.SxWhy li{padding-left:26px!important}
 #ProductDescriptionContent ul.SxWhy li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;left:0;top:1px;width:18px;height:18px;display:grid;place-items:center;font-size:9px;color:#F29A00;background:#FFF4D6}
 /* Home: Shop now = gold gradient button like Buy Now */
 .WhyShopNow{border:0!important;color:#fff!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;box-shadow:0 8px 20px rgba(201,122,0,.3)!important;border-radius:999px!important;padding:12px 32px!important;font-weight:800!important}
 .WhyCard p{color:#3F4350!important}
 /* Home "Why choose" icons: gold gradient ring, all four icons same size and stroke, drawn in our gold gradient */
 .WhyIcon{width:52px!important;height:52px!important;border-radius:50%!important;border:2px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important;display:grid!important;place-items:center!important}
 .WhyIcon svg{width:24px!important;height:24px!important;stroke:none!important}
 /* » button and bottom-bar cart: same gold-gradient ring as the other icon circles */
 #HomePageContent .ProductGroupWrapper .GroupTitle a::after{border:2px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important;color:#F29A00!important;box-sizing:border-box!important}
 .SxBuy .c{border:2px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important;color:#F29A00!important}
 /* Header + footer: dark grey-black #1A1D24 (same as the title text colour) */
 footer{background:#1A1D24!important}
 /* Footer contacts (E): compact cards, gold-ring icon, label small + value big, gold glow behind icon */
 #BusinessInfoSection{display:grid!important;gap:10px!important}
 #BusinessInfoSection .BusinessInfoItem{display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;padding:14px 16px!important;border:0!important;border-radius:14px!important;box-shadow:none!important;background:rgba(255,255,255,.06)!important}
 #BusinessInfoSection .ItemTitleSection{display:contents!important}
 #BusinessInfoSection .ItemTitleSection::before{grid-row:1/3;grid-column:1;width:40px!important;height:40px!important;margin:0!important;border:2px solid transparent!important;background:linear-gradient(#262A33,#262A33) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;color:#FFC233!important;box-shadow:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}
 #BusinessInfoSection .InfoTitle{grid-column:2;font-size:12px!important;color:rgba(255,255,255,.55)!important;font-weight:500!important;margin:0!important}
 #BusinessInfoSection .ItemContentSection{grid-column:2;padding:0!important;margin:0!important;background:none!important;border:0!important}
 #BusinessInfoSection .ItemContentSection .Info,#BusinessInfoSection .ItemContentSection .Info a{padding:0!important;background:none!important;font-size:15px!important;font-weight:700!important;color:#fff!important}
 #BusinessInfoSection .BusinessInfoItem::after,#BusinessInfoSection .BusinessInfoItem::before{display:none!important}
 #BusinessInfoSection .BusinessInfoItem{border:1px solid transparent!important;background:radial-gradient(140px 90px at 0% 50%,rgba(255,180,0,.22),transparent 70%) padding-box,linear-gradient(180deg,#2A2E37,#22262E) padding-box,linear-gradient(110deg,rgba(255,210,74,.55),rgba(255,255,255,.06) 45%,rgba(156,90,0,.35)) border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.25)!important}
 /* Page depth: warm light grey, gold glow under the header, no pattern (Jacky 2026-10-11), grain, warm card shadows, type polish */
 html,body{background-color:#F3F2EF!important}
 body{background-image:radial-gradient(1100px 520px at 50% -120px,rgba(255,186,50,.30),transparent 72%),radial-gradient(700px 500px at 100% 40%,rgba(255,200,90,.08),transparent 70%)!important;background-attachment:fixed!important}
 body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
 #HomePageContent .ProductGroupWrapper,.WhyCard,#ProductContentWrapper .ProductVariantListWrapper,#OrderDetailSection,#ProductDescriptionContent,#ProductGuidance,#ProductFAQ{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 10px 30px rgba(120,80,10,.08),0 0 0 1px rgba(201,122,0,.08)!important}
 .GroupTitle h2,.SectionTitle h5,.ContentTitle{font-weight:800!important;letter-spacing:-.02em!important}
 #LatestNewsSection .SectionTitle h3,.WhyTitle,h2.WhyHeading{letter-spacing:-.03em!important}
 .SellingPrice,#TotalPriceDisplay,.SxBuy b,.VariantPrice{font-variant-numeric:tabular-nums!important}
 .ProductName,.VariantName,#HomePageContent .GroupProductList a .T .ProductName{font-weight:600!important}
 /* Feel: hover lift + press, light sweep on gold buttons (CSS only, no library) */
 .VariantItemOption,#HomePageContent .GroupProductList a,.WhyCard,#BuyNowBtn,.SxBuy .n,.SxBuy .c,.WhyShopNow,#LoginBtn,#HomePageContent .ProductGroupWrapper .GroupTitle a::after{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,filter .2s!important}
 @media (hover:hover){
  .VariantItemOption:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(120,80,10,.12)!important}
  #HomePageContent .GroupProductList a:hover{transform:translateY(-2px)}
  #HomePageContent .GroupProductList a .ProductImageIcon,#HomePageContent .GroupProductList a img{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  #HomePageContent .GroupProductList a:hover img{transform:scale(1.06)}
  .WhyCard:hover{transform:translateY(-3px)}
  #BuyNowBtn:hover,.SxBuy .n:hover,.WhyShopNow:hover,#LoginBtn:hover{transform:translateY(-2px);filter:brightness(1.06)}
 }
 .VariantItemOption:active,#HomePageContent .GroupProductList a:active{transform:scale(.97)!important}
 #BuyNowBtn:active,.SxBuy .n:active,.SxBuy .c:active,.WhyShopNow:active,#LoginBtn:active{transform:scale(.97)!important}
 #BuyNowBtn,.SxBuy .n,.WhyShopNow{position:relative;overflow:hidden}
 #BuyNowBtn::before,.SxBuy .n::before,.WhyShopNow::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
 #BuyNowBtn:hover::before,.SxBuy .n:hover::before,.WhyShopNow:hover::before{transform:translateX(120%)}
 @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
 /* Footer Follow Us (C): same card as the contacts (glow + gold hairline), gold-gradient icons */
 #footer-SocialMediaSectionList .footer-SocialMediaItem{width:46px!important;height:46px!important;border-radius:14px!important;border:1px solid transparent!important;background:radial-gradient(40px 40px at 0% 0%,rgba(255,180,0,.25),transparent 70%) padding-box,linear-gradient(180deg,#2A2E37,#22262E) padding-box,linear-gradient(110deg,rgba(255,210,74,.55),rgba(255,255,255,.06) 45%,rgba(156,90,0,.35)) border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.25)!important}
 #footer-SocialMediaSectionList .footer-SocialMediaItem i{background:linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-size:18px!important}
 /* Title gold line (option 2): thin line that fades out — footer titles (left) and category page titles (centred) */
 .FooterNav-Title{text-transform:none!important;letter-spacing:0!important;position:relative;padding-bottom:12px!important;margin-bottom:6px!important}
 .FooterNav-Title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FFB400,rgba(255,180,0,0))}@media(max-width:767px){#MainFooterWrapper .FooterNav-Title{display:flex!important;width:100%!important;box-sizing:border-box;justify-content:space-between!important;align-items:center!important;padding:16px 12px!important;margin-bottom:0!important}#MainFooterWrapper .FooterNav-Title::after{content:"+"!important;position:static!important;width:auto!important;height:auto!important;background:none!important;color:#FFB400!important;font-size:22px!important;font-weight:400!important;line-height:1!important;margin-left:auto!important}#MainFooterWrapper .FooterNav[nav-display=true] .FooterNav-Title::after{content:"−"!important}}
 .FooterNav ul li a{transition:color .2s!important}
 @media (hover:hover){.FooterNav ul li a:hover{color:#FFC233!important}}
 main .Title::after{width:140px!important;height:2px!important;border-radius:2px!important;background:linear-gradient(90deg,rgba(255,180,0,0),#F29A00,rgba(255,180,0,0))!important;box-shadow:none!important}
 /* Account pages */
 .ProductItemDeliveryStatus{display:inline-flex!important;align-items:center;justify-content:center;padding:5px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;background:#F1F2F4!important;color:#6B7280!important}
 .ProductItemDeliveryStatus.Completed{background:#E7F6EC!important;color:#1F8A4C!important}
 .ProductItemDeliveryStatus.PendingReceive,.ProductItemDeliveryStatus.WaitSend,.ProductItemDeliveryStatus.Processing{background:#FFF4D6!important;color:#B87700!important}
 .ProductItemDeliveryStatus.Failed,.ProductItemDeliveryStatus.Cancelled{background:#FDECEC!important;color:#C0392B!important}
 .PaymentStatus .C{font-weight:700!important}
 .SxGold,.ViewCardActionSection a,.ShowCardInfoBtn{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 6px 16px rgba(201,122,0,.25)!important;font-weight:700!important}
 .SxGold *,.ViewCardActionSection a *,.ShowCardInfoBtn *{color:#fff!important}
 .ViewCardActionSection a{padding:8px 16px!important}
 .AccountMenu .ActiveTab,ul .ActiveTab{position:relative;background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important}
 @media(max-width:800px){#HeaderNav,#SearchMenu{background:transparent!important;box-shadow:none!important;border:0!important}}
 #CartWrapper:has(#EmptyResultDisplay){display:block!important}#EmptyResultDisplay{grid-column:1/-1!important;margin:0 auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:40px 0 20px}
 #EmptyResultDisplay h3{font-size:16px!important;color:#1A1D24!important;margin-top:10px!important}
 .SxEmptyBtn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 26px;border-radius:999px;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);box-shadow:0 8px 20px rgba(201,122,0,.3)}
 /* Account side menu: active item = cream fill + gold bar on the left */
 #SideBarMenu .ActiveTab{background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important;border:0!important;border-radius:12px!important}
 /* Order filter (F, no icons): white pills, selected = gold-gradient frame + soft halo, count in a small pill */
 #SideBarContent,#PurchasesWrapper,#FilterSection{min-width:0!important;max-width:100%!important}#FilterTab{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start!important;margin-left:0!important}#FilterTab::-webkit-scrollbar{display:none}div#FilterTab{padding:8px 18px 10px!important;margin:-8px -18px -10px!important;max-width:calc(100% + 36px)!important}#FilterTab ul{width:max-content}#FilterTab,#FilterTab ul{display:flex!important;gap:10px!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}#FilterTab li{background:none!important;box-shadow:none!important;border:0!important}#FilterTab a{display:flex!important;align-items:center;gap:8px;padding:10px 18px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 0 0 1px #E6E8EC!important;border:0!important;color:#3F4350!important;font-weight:700!important}#FilterTab a::after{display:none!important}#FilterTab a span::after{position:static!important;display:inline-grid!important;place-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;font-size:10px!important;font-weight:700;background:#F1F2F4;color:#6B7280;vertical-align:middle;content:attr(result-count)!important;opacity:1!important;transform:none!important;line-height:20px!important}#FilterTab a.ActiveTab{border:2px solid transparent!important;padding:8px 16px!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.25)!important;color:#1A1D24!important}#FilterTab a.ActiveTab span::after{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff}@media(max-width:800px){#FilterTab{width:100%!important;overflow:auto;padding:4px 2px!important}#FilterTab a{white-space:nowrap}}
 /* Phone: all 4 filters in one row, count on top (C1) */
 @media(max-width:767px){div#FilterTab{display:block!important;overflow:visible!important;margin:0 18px!important;padding:0!important;flex:0 0 calc(100% - 36px)!important;width:calc(100% - 36px)!important;max-width:none!important}div#FilterTab ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;width:100%!important;max-width:none!important}#FilterTab li{padding:0!important;margin:0!important;min-width:0!important;width:auto!important}div#FilterTab ul li a{width:100%!important;box-sizing:border-box;justify-content:center;padding:10px 0!important;border-radius:16px!important;white-space:nowrap}div#FilterTab ul li a.ActiveTab{padding:8px 0!important}div#FilterTab ul li a span{display:flex!important;flex-direction:column-reverse;align-items:center!important;justify-content:center!important;gap:6px;width:100%;margin:0!important;padding:0!important;text-align:center!important;font-size:11.5px!important;letter-spacing:-.01em}#FilterTab a span::after{margin:0!important;min-width:28px!important;height:24px!important;line-height:24px!important;font-size:14px!important;font-weight:800;align-self:center!important;transform:none!important}}
 .SxTab{display:none}
 /* 底部栏：2026-10-17 Jacky 不要了（改右上角头像菜单，跟电脑一样）→ 这段停用 */
 @media not all{
  .SxTab{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:99990;grid-template-columns:repeat(4,1fr);padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 #E6E8EC}
  .SxTab a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#8B909A;text-decoration:none}
  .SxTab a.sxNt{position:relative}.SxTab a.sxNt em{display:none;position:absolute;top:-3px;left:calc(50% + 3px);min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#E23B3B;color:#fff;font:800 10.5px/17px Manrope,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:none}.SxTab a.sxNt em:not(:empty){display:block}
  .SxTab a i{font-size:23px;line-height:1}.SxTab a i.ph-fill,.SxTab a.on i.ph{display:none}.SxTab a.on i.ph-fill{display:inline-block}.SxTab a.on{color:#C98500}
  /* 底部栏盖住的位置由黑色页尾补满（原本 body 留 70px，底部栏只有约 60px，页尾下面露出一条米色）Jacky 2026-10-15 */
  body:has(.SxTab){padding-bottom:0!important}
  body:has(.SxTab) #FooterCopyRightWrapper{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
  #LiveChatWidgetSection,#TriggerLiveChatBtn{bottom:80px!important}
 }
main .ProductTitle{color:#1A1D24!important;font-weight:700!important}@media(min-width:768px){main .ProductTitle{font-size:13px!important;line-height:1.35!important;margin-top:8px!important}}
.sxw input:focus,.sxw textarea:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;outline:0}
.VerificationFailedReason{background:#F7F7F5!important;box-shadow:none!important;border-radius:14px!important}
.VerificationFailedReason *{color:#3F4350!important}
#TryKYCAgainBtn,#ContactFormContent button,#ContactFormContent [type=submit],.ViewCardBtn{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(242,154,0,.3)!important;text-transform:none!important;letter-spacing:0!important;font-weight:800!important;padding:12px 26px!important}
.sxw .ViewCardBtn{color:#fff!important}
.Pagination[data-total-page="1"],.Pagination[data-total-page="0"]{display:none!important}
html body header #SearchMenu{background:#fff!important;border:0!important;box-shadow:none!important}html body header #SearchMenu input{color:#1A1D24!important}html body header #SearchMenu input::placeholder{color:#9AA0AA!important}html body header #SearchMenu>a{background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%)!important;box-shadow:none!important}html body header #SearchIconDisplay::after{color:#1A1D24!important}html body header #HeaderCart>a{background:none!important;border:0!important;box-shadow:none!important}html body header #HeaderCart i{font-size:20px!important;color:#fff!important}html body header #sxBell{display:flex;align-items:center}html body header #sxBell a{position:relative;display:grid;place-items:center;width:40px;height:40px;color:#fff!important;font-size:20px;text-decoration:none!important}html body header #sxBell em{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#E23B3B;color:#fff;font:800 10.5px/17px Manrope,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #1A1D24}html body header #HeaderProfilePreview::after{background:#E23B3B!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 2px #1A1D24!important}@media(min-width:768px){html body header #sxBell{display:none!important}}html body header #HeaderProfilePreview:has(.sxIni) .ProfileImage::before{display:none!important}html body header #HeaderProfilePreview:has(.sxIni) .ProfileImage img{display:none!important}html body header #HeaderProfilePreview:has(.sxIni){background:none!important;border:0!important;box-shadow:none!important;padding:0!important}html body header .sxIni{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%);color:#fff;font:800 15px/1 Manrope,system-ui,sans-serif}@media(max-width:767px){html body header #HeaderNav{gap:6px!important;align-items:center!important}html body header #SearchMenu{background:none!important}html body header #SearchMenu>a{background:none!important}html body header #SearchIconDisplay::after{color:#fff!important;font-size:18px!important}html body header #SearchMenu>a,html body header #HeaderCart>a,html body header #sxBell a{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important}html body header #SearchIconDisplay{width:auto!important;height:auto!important}html body header #HeaderCart i{font-size:18px!important}html body header #sxBell a{font-size:18px}}
html body header #SearchMenu{border:1.5px solid #F2A900!important;background:#fff!important}html body header #SearchIconDisplay::after{color:#fff!important;-webkit-text-fill-color:#fff!important}@media(max-width:767px){html body header#MainHeader{gap:14px!important;padding:0 16px!important}html body header #HeaderLogo,html body header #HeaderLogo a{flex:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important}html body header #HeaderLogo img{width:auto!important;height:26px!important;object-fit:contain!important;max-width:none!important}html body header #HeaderNav{flex:1!important;min-width:0!important;gap:14px!important;justify-content:flex-end!important;align-items:center!important}html body header #SearchMenu{flex:0 1 220px!important;min-width:0!important;width:auto!important;height:34px!important;border-radius:999px!important;padding:0 3px 0 14px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:6px!important;box-shadow:none!important}html body header #SearchMenu input{display:block!important;flex:1!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#1A1D24!important;font-size:12px!important;height:auto!important;outline:0!important}html body header #SearchMenu input::placeholder{color:#9AA0AA!important}html body header #SearchMenu>a{flex:none!important;margin:0 0 0 auto!important;width:26px!important;height:26px!important;border-radius:50%!important;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%)!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important}html body header #SearchIconDisplay{width:auto!important;height:auto!important;display:grid!important;place-items:center!important}html body header #SearchIconDisplay::after{font-size:12px!important}html body header #HeaderCart>a{width:auto!important;height:auto!important;padding:0!important}html body header #HeaderCart i{font-size:20px!important}}
html body header #SearchMenu:focus-within{background:#fff!important;background-image:none!important;border-color:#E08A00!important;box-shadow:0 0 0 3px rgba(242,169,0,.18)!important}html body header #SearchMenu input{background:none!important;color:#1A1D24!important}@media(min-width:768px){html body #AccountDropDown .AccountDropDownWrapper{background:#fff!important;color:#1A1D24!important;border-radius:16px!important;box-shadow:0 0 0 1px #ECEDEF,0 18px 40px rgba(26,29,36,.18)!important;padding:6px 0 8px!important;overflow:hidden}html body #AccountDropDown .AccountDropDownWrapper *{color:inherit}html body #AccountDropDown .AccountInfoSection{border-bottom:1px solid #F1F2F4!important;padding:12px 16px!important;margin:0!important}html body #AccountDropDown #AccountDropAccountProfileImage{position:relative;border-radius:50%!important;overflow:hidden;background:none!important;border:0!important}html body #AccountDropDown #AccountDropAccountProfileImage:has(.sxIni2) img{opacity:0}html body #AccountDropDown .sxIni2{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%);color:#fff!important;font:800 18px/1 Manrope,system-ui,sans-serif}html body #AccountDropDown .AccountName{color:#1A1D24!important;font-size:14px!important;font-weight:800!important;text-transform:none!important}html body #AccountDropDown .AccountDetails,html body #AccountDropDown .AccountDetails *{color:#6B7280!important;font-size:12px!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{border-radius:10px;margin:0 8px!important;width:auto!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .AccountMenu a *{color:#1A1D24!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown .AccountMenu a::before,html body #AccountDropDown .AccountMenu a i,html body #AccountDropDown .AccountMenu li::before{color:#8B909A!important;-webkit-text-fill-color:#8B909A!important}html body #AccountDropDown .LogoutSection{border-top:1px solid #F1F2F4!important;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *,html body #AccountDropDown .LogoutSection a::before,html body #AccountDropDown .LogoutSection li::before{color:#C2410C!important;-webkit-text-fill-color:#C2410C!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown a.NotificationCountDisplay{position:relative}html body #AccountDropDown a.NotificationCountDisplay::after{display:none!important}html body #AccountDropDown .sxDdN{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#E23B3B;color:#fff!important;font:800 10px/18px Manrope,system-ui,sans-serif;font-style:normal;text-align:center}html body #AccountDropDown .sxDdN:empty{display:none}}
@media all{html body #AccountDropDown{width:300px!important;left:auto!important;right:24px!important}html body #AccountDropDown .AccountDropDownWrapper{width:100%!important;box-sizing:border-box!important;padding:8px!important;border-radius:20px!important}html body #AccountDropDown .AccountInfoSection{border:0!important;padding:10px 10px 12px!important;gap:12px!important;align-items:center!important}html body #AccountDropDown #AccountDropProfileImageSection,html body #AccountDropDown #AccountDropAccountProfileImage{width:46px!important;height:46px!important;flex:none}html body #AccountDropDown .AccountName{font-size:15px!important;margin:0 0 5px!important}html body #AccountDropDown .sxIdPill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#F4F5F7;color:#3F4350!important;font-size:11.5px!important;font-weight:700}html body #AccountDropDown .sxIdPill i{color:#1A1D24;font-size:11px}html body #AccountDropDown .sxDdBal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px;padding:14px 14px 14px 16px;border-radius:16px;text-decoration:none!important;background:radial-gradient(220px 120px at 0% 0%,rgba(255,180,0,.32),transparent 70%),#1A1D24;box-shadow:0 10px 22px rgba(26,29,36,.18)}html body #AccountDropDown .sxDdBal small{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.7)!important}html body #AccountDropDown .sxDdBal b{display:block;margin-top:3px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#FFC233!important;font-variant-numeric:tabular-nums}html body #AccountDropDown .sxDdBal .r{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-size:12.5px;font-weight:800;gap:5px!important}html body #AccountDropDown .sxDdBal .r i::before{margin:0!important}html body #AccountDropDown .sxDdBal .r i{color:#fff!important;font-size:11px}html body #AccountDropDown .sxDdBal:hover .r{filter:brightness(1.06)}html body #AccountDropDown .AccountMenu{border-top:1px solid #F1F2F4;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .sxHideLi{display:none!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{margin:0!important;height:auto!important;padding:0!important;border-radius:12px!important;transition:background .15s}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:7px 10px!important;box-sizing:border-box;text-decoration:none!important}html body #AccountDropDown .AccountMenu a::before,html body #AccountDropDown .LogoutSection a::before{flex:none;display:grid!important;place-items:center;width:34px!important;height:34px!important;border-radius:10px;background:#F4F5F7;font-size:15px!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important;margin:0!important;transition:background .15s,color .15s}html body #AccountDropDown .AccountMenu a span{flex:1;color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .AccountMenu a span::after{content:"\f054";font:900 10px/1 "Font Awesome 6 Free";color:#C2C6CE;float:right;margin-top:4px}html body #AccountDropDown a.NotificationCountDisplay span::after{display:none}html body #AccountDropDown .AccountMenu li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu li:hover a::before{background-color:#FFE7B3;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#FFF1D6!important;color:#E08A00!important;-webkit-text-fill-color:#E08A00!important}html body #AccountDropDown .sxDdN{position:static!important;transform:none!important;margin-left:auto}html body #AccountDropDown .LogoutSection{margin-top:6px!important;padding-top:6px!important}html body #AccountDropDown .LogoutSection a::before{background:#FFF1EA;color:#C2410C!important;-webkit-text-fill-color:#C2410C!important;font-size:14px!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF4EE!important}html body #AccountDropDown .LogoutSection a span{font-weight:700!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{opacity:1!important}html body #AccountDropDown .sxDdBal .r i{width:auto!important;display:inline-block!important;margin:0!important;padding:0!important}}
@media all{html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#F4F5F7!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important}html body #AccountDropDown .LogoutSection a::before{background:#F4F5F7!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important;font-size:15px!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown .sxDdN{color:#fff!important;-webkit-text-fill-color:#fff!important}}
@media all{html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay){position:relative}html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay)::before{content:"";position:absolute;left:-10px;right:-10px;top:-4px;border-top:1px solid #F1F2F4}}
html body header #HeaderProfilePreview::after{box-shadow:none!important;top:-7px!important;right:-11px!important;left:auto!important}
html body #AccountDropDown .sxIdPill i,html body #AccountDropDown .sxIdPill i::before{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;opacity:1!important}
html body #AccountDropDown .AccountDetails{opacity:1!important}html body #AccountDropDown .AccountDetails .sxIdPill{color:#3F4350!important;-webkit-text-fill-color:#3F4350!important;font-weight:700!important}
html body header #HeaderProfilePreview#HeaderProfilePreview[data-unread-notifications]::after,html body header#MainHeader #HeaderProfilePreview#HeaderProfilePreview::after{box-shadow:none!important;top:-4px!important;right:-6px!important;left:auto!important}
html body header .sxLogin i{width:14px!important;min-width:0!important;margin:0!important;padding:0!important;text-align:center}html body header .sxLogin i::before{margin:0!important}
html body header .sxLogin{border:1.5px solid transparent!important;background:linear-gradient(#1A1D24,#1A1D24) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important}html body header .sxLogin:hover{background:linear-gradient(#2A2617,#2A2617) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important}
html body header #SearchMenu,html body header #SearchMenu:focus-within{border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important}
html body header #SearchMenu>a{background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%)!important;box-shadow:none!important}html body header #SearchMenu:focus-within>a{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;box-shadow:0 4px 12px rgba(242,154,0,.35)!important}html body header #SearchMenu:focus-within #SearchIconDisplay::after{background:none!important;box-shadow:none!important}
html body header #HeaderProfilePreview:has(#AccountDropDown[data-display=show]) .sxIni{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;box-shadow:0 4px 12px rgba(242,154,0,.35)}
@media all{html body #AccountDropDown .AccountMenu li{border-radius:12px!important;overflow:hidden}html body #AccountDropDown .AccountMenu a.ActiveTab{background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important;border-radius:12px!important}html body #AccountDropDown .AccountMenu a.ActiveTab span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab span::after{color:#E8B866!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important;box-shadow:none!important}html body #AccountDropDown .AccountMenu li:hover a:not(.ActiveTab),html body #AccountDropDown .LogoutSection li:hover a{box-shadow:none!important;background:transparent!important}html body #AccountDropDown .AccountMenu li:hover a::before,html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}}
@media all{html body #AccountDropDown .AccountMenu li.ActiveTab a span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a span::after{color:#E8B866!important;-webkit-text-fill-color:#E8B866!important}}
html body #SideBarMenu .ActiveTab::before,html body #SideBarMenu .ActiveTab i,html body #AccountDropDown .AccountMenu li.ActiveTab a::before,html body #AccountDropDown .AccountMenu li:hover a::before,html body #AccountDropDown .LogoutSection li:hover a::before{color:#E08A00!important;-webkit-text-fill-color:#E08A00!important}
@media(min-width:768px){html body #SideBarMenu{padding:8px!important}html body #SideBarMenu li{margin:0!important;border-radius:12px!important}html body #SideBarMenu a{display:flex!important;align-items:center!important;gap:12px!important;padding:7px 10px!important;border-radius:12px!important;transition:background .15s}html body #SideBarMenu a::before{flex:none;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px;background:#F4F5F7;font-size:15px!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important;margin:0!important;transition:background .15s,color .15s}html body #SideBarMenu a span{font-size:13.5px!important;font-weight:700!important;color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important}html body #SideBarMenu a:not(.ActiveTab):hover{background:#FFF7E6!important}html body #SideBarMenu a:hover::before,html body #SideBarMenu a.ActiveTab::before{background-color:#FFE7B3!important;color:#E08A00!important;-webkit-text-fill-color:#E08A00!important}html body #SideBarMenu a.ActiveTab{background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important}html body #SideBarMenu a.ActiveTab span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}}
@media(min-width:768px){html body header li:has(>a[href$="/gift-card"]),html body header li:has(>a[href$="/direct-top-up"]){position:relative}html body header a[href$="/gift-card"],html body header a[href$="/direct-top-up"]{position:relative;transition:color .15s}html body header a[href$="/gift-card"]:hover,html body header a[href$="/direct-top-up"]:hover,html body header a[href$="/gift-card"]:hover *,html body header a[href$="/direct-top-up"]:hover *{color:#FFC233!important;-webkit-text-fill-color:#FFC233!important}html body header a.ActiveHomeTab,html body header a.ActiveHomeTab *{color:#FFC233!important;-webkit-text-fill-color:#FFC233!important}html body header a.ActiveHomeTab::after{content:"";position:absolute;left:var(--sxUl,0px);right:0;bottom:-10px;height:3px;border-radius:3px;background:linear-gradient(110deg,#FFD24A,#FFB400 50%,#E08A00)}}
html body .qchip:not(.ok) i,html body .qchip:not(.ok) i::before,html body #AccountDropDown .sxIdPill i,html body #AccountDropDown .sxIdPill i::before{color:#3F4350!important;-webkit-text-fill-color:#3F4350!important}
html body #AccountSettingsWrapper .EditBtn,html body #AccountSettingsWrapper .SaveBtn,html body #ModifyPasswordBtn,html body .qset,html body .sxLogin{transition:background .15s,color .15s,transform .1s!important}@media(hover:hover){html body #AccountSettingsWrapper .EditBtn:hover,html body #ModifyPasswordBtn:hover,html body .qset:hover{background:#FFF1D6!important;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountSettingsWrapper .EditBtn:hover *,html body #ModifyPasswordBtn:hover *,html body .qset:hover *,html body .qset:hover i::before{color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}}html body #AccountSettingsWrapper .EditBtn:active,html body #ModifyPasswordBtn:active,html body .qset:active{transform:scale(.97)}
html body #AccountSettingsWrapper .EditBtn{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important}html body #AccountSettingsWrapper .EditBtn i,html body #AccountSettingsWrapper .EditBtn i::before{color:#3F4350!important;-webkit-text-fill-color:#3F4350!important}@media(hover:hover){html body #AccountSettingsWrapper .EditBtn:hover,html body #AccountSettingsWrapper .EditBtn:hover *,html body #AccountSettingsWrapper .EditBtn:hover i::before{color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountSettingPasswordSection #ModifyPasswordBtn:hover,html body #ModifyPasswordBtn#ModifyPasswordBtn:hover{background:#FFF1D6!important;background-color:#FFF1D6!important;background-image:none!important}}
html body header .sxIni{box-shadow:inset 0 0 0 2px #FFC233,inset 0 0 0 4px #fff!important}html body header #HeaderProfilePreview:has(#AccountDropDown[data-display=show]) .sxIni{box-shadow:inset 0 0 0 2px #F29A00,inset 0 0 0 4px #fff,0 4px 12px rgba(242,154,0,.35)!important}html body #AccountDropDown .sxIni2{box-shadow:inset 0 0 0 3px #FFC233,inset 0 0 0 6px #fff!important}
.sxBulb{position:relative;display:inline-block;line-height:1}.sxBulb .sp{position:absolute;top:-4px;right:-7px;font-size:.5em}html body #ImportantNotes{display:flex!important;align-items:flex-start;gap:12px;box-sizing:border-box;padding:14px 18px 14px 16px!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(8px)!important;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 8px 20px rgba(26,29,36,.08)!important;text-align:left!important}html body #ImportantNotes>div,html body #ImportantNotes>div *{text-align:left!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important;font-size:13.5px!important;line-height:1.55!important}html body #ImportantNotes .sxNl{display:block;color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;font-size:12.5px!important;font-weight:800;margin-bottom:2px}html body #ImportantNotes .sxNi{flex:none;display:grid;place-items:center;width:26px;padding-top:3px;color:#1A1D24;font-size:22px}
html body #MainHeader,html body main .InnerContent,html body .WhyInner,html body #MainFooterWrapper,html body #Content{max-width:1440px!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}html body header{background:#1A1D24!important;background-image:none!important}@media(max-width:1023px){html body #MainHeader,html body main .InnerContent,html body .WhyInner,html body #MainFooterWrapper,html body #Content{padding-left:20px!important;padding-right:20px!important}}@media(max-width:767px){html body #MainHeader,html body main .InnerContent,html body .WhyInner,html body #MainFooterWrapper,html body #Content{padding-left:16px!important;padding-right:16px!important}}
html body main div:has(>.InnerContent):not(.InnerContent){padding-left:0!important;padding-right:0!important}@media(min-width:768px){html body #LoginAuthContent#LoginAuthContent,html body #SignUpContent#SignUpContent,html body #ForgotPasswordContent#ForgotPasswordContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent,html body #SignUpVerificationContent#SignUpVerificationContent{padding-left:max(24px,calc((100vw - 1440px)/2 + 24px))!important;padding-right:max(24px,calc((100vw - 1440px)/2 + 24px))!important;box-sizing:border-box!important}}
@media(min-width:880px) and (max-width:1199px){html body #MainFooterWrapper{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.95fr)!important;column-gap:24px!important}html body #MainFooterWrapper>*{min-width:0!important}}@media(min-width:768px) and (max-width:1023px){html body header #SearchMenu{flex:0 1 220px!important;width:auto!important;min-width:0!important;height:38px!important;padding:0 4px 0 14px!important;box-sizing:border-box!important;border-radius:999px!important;display:flex!important;align-items:center!important}html body header #SearchMenu input{display:block!important;flex:1!important;min-width:0!important;width:auto!important}html body header #SearchMenu>a{flex:none!important;width:30px!important;height:30px!important;border-radius:50%!important;margin-left:auto!important}html body header #HeaderNav{flex:1!important;justify-content:flex-end!important;gap:12px!important}html body #OrderDetailsWrapper .sgG{grid-template-columns:minmax(0,1fr)!important}html body #LoginAuthContent#LoginAuthContent,html body #SignUpContent#SignUpContent,html body #ForgotPasswordContent#ForgotPasswordContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent,html body #SignUpVerificationContent#SignUpVerificationContent{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:28px!important}html body .LgSay{text-align:center!important}html body .LgSay h2{font-size:40px!important}html body [id$=Content]>.InnerContent{flex:none!important;width:100%!important;max-width:440px!important}}@media(min-width:768px) and (max-width:1199px){html body .PurchaseProductItem{grid-template-columns:minmax(0,1fr) auto auto auto!important;column-gap:18px!important}}html body #BuyNowBtn,html body .SxEmptyBtn,html body #SubmitContactFormBtn{height:46px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}@media(max-width:767px){html body #BuyNowBtn,html body .SxEmptyBtn,html body #SubmitContactFormBtn{height:44px!important}}html body .ProductRegion{font-size:10px!important}
@media(min-width:768px) and (max-width:1023px){html body #HomePageContent .ProductDisplayListWrapper{flex-direction:column!important;overflow:visible!important;gap:16px!important}html body #HomePageContent .ProductDisplayListWrapper>*{width:100%!important;max-width:none!important;flex:none!important;min-width:0!important}}
html body main .Title h1,html body #CheckoutPage .sxCkHd,html body main h1.sxPgT,html body #ContactUsContent h1,html body .sxTW h1,html body main:has(.ProductDisplayList) .Title h1{font-size:24px!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1.25!important}html body main .Title:has(>h1){text-align:left!important}html body main .Title:has(>h1)::after{display:none!important}html body #LoginAuthContent .Title h1,html body #SignUpContent .Title h1,html body #ForgotPasswordContent .Title h1,html body #ForgotPasswordRecoveryContent .Title h1,html body #SignUpVerificationContent .Title h1{font-size:24px!important}html body #ProductDisplayWrapper h1{font-weight:800!important}html body #HomePageContent .GroupTitle h2,html body #HomePageContent .SectionTitle h3{font-size:18px!important;font-weight:800!important}@media(max-width:767px){html body main .Title h1,html body #CheckoutPage .sxCkHd,html body #ContactUsContent h1,html body .sxTW h1,html body #LoginAuthContent .Title h1,html body #SignUpContent .Title h1,html body #ForgotPasswordContent .Title h1,html body #ForgotPasswordRecoveryContent .Title h1,html body #SignUpVerificationContent .Title h1{font-size:22px!important}html body #HomePageContent .GroupTitle h2,html body #HomePageContent .SectionTitle h3{font-size:16px!important}}html body #SideBarContent,html body .ProductVariantListWrapper,html body #OrderDetailSection,html body #OrderQuantitySection,html body #OrderPurchaseSummary,html body #OrderDetailsWrapper .card,html body .CardItem,html body .ContactMethodItem,html body #ContactFormContent,html body .qc,html body .NotificationList,html body #KYCResultContent .KYCResultContentWrapper,html body [id$=Content]>.InnerContent:has(.Title){border-radius:20px!important}html body .ViewCardActionSection a,html body a.SxGold,html body .qset{height:36px!important;min-height:0!important;box-sizing:border-box!important}@media(min-width:768px){html body #FilterTab button,html body #FilterTab a{height:36px!important;min-height:0!important;box-sizing:border-box!important}}html body .bf button{height:36px!important;min-height:0!important;box-sizing:border-box!important}html body #BuyNowBtn,html body #BuyNowBtn *{font-size:15px!important}@media(max-width:767px){html body .ViewCardActionSection a,html body a.SxGold,html body .PurchaseHeader a[href*="/payment/"],html body .PurchaseHeader .PayNowBtn{height:34px!important;min-height:0!important}}html body #ContactFormContent input:not([type=checkbox]),html body .DirectTopUpField,html body #LoginAuthContent .CustomInput,html body #SignUpContent .CustomInput{min-height:46px!important;height:46px!important;box-sizing:border-box!important}@media(max-width:767px){html body #ContactFormContent input:not([type=checkbox]),html body .DirectTopUpField,html body #LoginAuthContent .CustomInput,html body #SignUpContent .CustomInput{min-height:44px!important;height:44px!important}}html body .SxTab a.on{color:#F29A00!important}html body .nf p,html body .sxToc .t,html body .sxToc>small{color:#6B7280!important}html body #QtyWrapper .QtyAdjustBox{display:flex!important;align-items:center!important;justify-content:space-between!important;width:112px!important;height:36px!important;padding:0 4px!important;border-radius:8px!important;box-shadow:inset 0 0 0 1.5px #E6E8EC!important;background:#fff!important;border:0!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn{width:30px!important;height:30px!important;border:0!important;border-radius:9px!important;background:none!important;box-shadow:none!important;display:grid!important;place-items:center!important;color:#1A1D24!important;padding:0!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn i{color:#1A1D24!important;font-size:12px!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn[is-disabled=true] i{color:#C9CDD3!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn:hover{background:#F4F5F7!important}html body #QtyWrapper .QtyAdjustBox .DeductQty{order:1!important}html body #QtyWrapper .QtyAdjustBox input{order:2!important;width:36px!important;border:0!important;background:none!important;text-align:center!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;padding:0!important}html body #QtyWrapper .QtyAdjustBox .IncreaseQty{order:3!important}@media(max-width:767px){html body #ContactUsContent .ContactInfoSection{padding-top:24px!important}}@media(max-width:767px){html body .qrow{flex-wrap:nowrap!important}html body .qrow .qset{margin-left:auto!important;align-self:center!important}}
html body main .PortalTitle h1{font-size:24px!important;font-weight:800!important}html body main #LoginAuthContent .Title h1,html body main #SignUpContent .Title h1,html body main #ForgotPasswordContent .Title h1,html body main #ForgotPasswordRecoveryContent .Title h1,html body main #SignUpVerificationContent .Title h1,html body #LoginAuthContent#LoginAuthContent .Title h1,html body #SignUpContent#SignUpContent .Title h1,html body #ForgotPasswordContent#ForgotPasswordContent .Title h1,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent .Title h1,html body #SignUpVerificationContent#SignUpVerificationContent .Title h1{font-size:24px!important}html body .ShowCardInfoBtn{height:36px!important;min-height:0!important;box-sizing:border-box!important}html body #ProductDescriptionContent,html body #ProductGuidance,html body #ProductFAQ,html body .ProductRelated,html body .CardItem,html body .sxTW .C,html body .NotificationList,html body [id$=Content]#LoginAuthContent>.InnerContent,html body #SignUpContent>.InnerContent,html body #ForgotPasswordContent>.InnerContent,html body #ForgotPasswordRecoveryContent>.InnerContent,html body #SignUpVerificationContent>.InnerContent{border-radius:20px!important}html body .DirectTopUpField input{height:100%!important}@media(max-width:767px){html body main .PortalTitle h1,html body #LoginAuthContent#LoginAuthContent .Title h1,html body #SignUpContent#SignUpContent .Title h1,html body #ForgotPasswordContent#ForgotPasswordContent .Title h1,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent .Title h1,html body #SignUpVerificationContent#SignUpVerificationContent .Title h1{font-size:22px!important}html body .ShowCardInfoBtn{height:34px!important}}
html body main .NotificationList.NotificationList,html body #SignUpContent#SignUpContent>.InnerContent,html body #ForgotPasswordContent#ForgotPasswordContent>.InnerContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent>.InnerContent,html body #SignUpVerificationContent#SignUpVerificationContent>.InnerContent,html body .sxTW.sxTW .C{border-radius:20px!important}
html body main #NotificationList#NotificationList,html body main .InnerContent.sxTW>.C.C{border-radius:20px!important}
html body #QtyWrapper .QtyAdjustBox .ActionBtn i{width:auto!important;display:grid!important;place-items:center!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn i::before{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;border-radius:0!important;font-size:12px!important}html body #QtyWrapper .QtyAdjustBox .ActionBtn[is-disabled=true] i::before{color:#C9CDD3!important;-webkit-text-fill-color:#C9CDD3!important}@media(max-width:767px){html body #ContactUsContent #ContactInfoSection{padding-top:24px!important}}
html body header #HeaderCart>a{position:relative!important}html body header #HeaderCart>a::after{min-width:17px!important;width:auto!important;height:17px!important;padding:0 4px!important;box-sizing:border-box!important;border-radius:999px!important;font:800 10.5px/17px Manrope,system-ui,sans-serif!important;text-align:center!important;display:block!important;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;border:0!important;top:3px!important;left:24px!important;right:auto!important}@media(max-width:767px){html body header #HeaderCart>a::after{top:-7px!important;left:auto!important;right:-9px!important}}
html body #AccountDropDown .sxIdPill{max-width:100%;box-sizing:border-box}html body #AccountDropDown .sxIdPill .sxEm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #AccountDropDown #AccountDropProfileInfoPreview{min-width:0;flex:1}
html body #AccountDropDown .AccountDetails .sxIdPill:has(.sxEm){display:flex!important;height:auto!important;padding:0!important;background:none!important;gap:6px!important;color:#6B7280!important;-webkit-text-fill-color:#6B7280!important;font-size:12.5px!important;font-weight:600!important;width:100%!important}html body #AccountDropDown .sxIdPill:has(.sxEm) i,html body #AccountDropDown .sxIdPill:has(.sxEm) i::before{color:#9AA0AA!important;-webkit-text-fill-color:#9AA0AA!important;font-size:11px!important}html body #AccountDropDown .AccountDetails{width:100%!important;max-width:100%!important;overflow:hidden}html body #AccountDropDown #AccountDropProfileInfoPreview{max-width:none!important;width:auto!important}
@media(min-width:768px){html body #FilterSection{align-items:flex-end!important;gap:16px!important;border-bottom:1px solid #ECEDEF!important;padding-bottom:0!important;margin-bottom:14px!important}html body div#FilterTab#FilterTab{display:block!important;overflow:visible!important;margin:0 0 -1px!important;padding:0!important;max-width:none!important;flex:1 1 auto!important;width:auto!important;background:none!important;box-shadow:none!important}html body div#FilterTab#FilterTab ul{display:flex!important;gap:0!important;background:none!important;padding:0!important;margin:0!important;list-style:none!important;box-shadow:none!important;border:0!important;width:auto!important}html body div#FilterTab#FilterTab li{margin:0!important;padding:0!important;width:auto!important;min-width:0!important;display:block!important}html body div#FilterTab#FilterTab a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:44px!important;min-height:0!important;padding:0 18px!important;border-radius:12px 12px 0 0!important;background:transparent!important;box-shadow:none!important;border:0!important;color:#6B7280!important;text-decoration:none!important;flex-direction:row!important;width:auto!important;min-width:0!important}html body div#FilterTab#FilterTab a.ActiveTab{background:#fff!important;color:#1A1D24!important;box-shadow:inset 0 1px 0 #ECEDEF,inset 1px 0 0 #ECEDEF,inset -1px 0 0 #ECEDEF!important}html body div#FilterTab#FilterTab a.ActiveTab::after{content:"";display:block!important;position:absolute!important;left:22%!important;right:22%!important;bottom:0!important;height:3px!important;border-radius:3px!important;background:linear-gradient(110deg,#FFD24A,#FFB400 50%,#E08A00)!important}html body div#FilterTab#FilterTab a::before{display:none!important}html body div#FilterTab#FilterTab a span{display:flex!important;align-items:baseline!important;gap:5px!important;flex-direction:row!important;font-size:12px!important;font-weight:400!important;color:inherit!important;white-space:nowrap!important;background:none!important;padding:0!important}html body div#FilterTab#FilterTab a.ActiveTab span{font-weight:800!important}html body div#FilterTab#FilterTab a span::before{display:none!important;content:none!important}html body div#FilterTab#FilterTab a span::after{content:attr(result-count)!important;display:inline!important;position:static!important;font-size:12px!important;font-weight:700!important;color:#9AA0AA!important;background:none!important;padding:0!important;min-width:0!important;height:auto!important;box-shadow:none!important;border:0!important;width:auto!important;margin:0!important;line-height:1!important;transform:none!important}html body div#FilterTab#FilterTab a.ActiveTab span::after{color:#F29A00!important}html body #FilterSection .CustomSearchInput{margin-bottom:8px!important}}@media(max-width:767px){html body #FilterSection{flex-wrap:wrap!important}html body div#FilterTab#FilterTab{display:block!important;flex:1 1 100%!important;width:auto!important;margin:0 -16px 10px!important;padding:0 16px!important;overflow-x:auto!important;scrollbar-width:none;background:none!important;box-shadow:none!important;max-width:none!important}html body div#FilterTab#FilterTab::-webkit-scrollbar{display:none}html body div#FilterTab#FilterTab ul{display:flex!important;gap:8px!important;background:none!important;padding:0!important;margin:0!important;list-style:none!important;box-shadow:none!important;border:0!important;width:max-content!important}html body div#FilterTab#FilterTab li{margin:0!important;padding:0!important;width:auto!important;min-width:0!important;display:block!important;flex:none!important}html body div#FilterTab#FilterTab a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:42px!important;min-height:0!important;padding:0 16px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 0 0 1px #ECEDEF!important;border:0!important;color:#3F4350!important;text-decoration:none!important;flex-direction:row!important;width:auto!important;min-width:0!important}html body div#FilterTab#FilterTab a.ActiveTab{color:#1A1D24!important}html body div#FilterTab#FilterTab a.ActiveTab::after{content:""!important;display:block!important;position:absolute!important;left:16px!important;right:16px!important;bottom:5px!important;height:3px!important;border-radius:3px!important;background:linear-gradient(110deg,#FFD24A,#FFB400 50%,#E08A00)!important}html body div#FilterTab#FilterTab a::before{display:none!important}html body div#FilterTab#FilterTab a span{display:flex!important;align-items:baseline!important;gap:5px!important;flex-direction:row!important;font-size:12px!important;font-weight:400!important;color:inherit!important;white-space:nowrap!important;background:none!important;padding:0!important}html body div#FilterTab#FilterTab a.ActiveTab span{font-weight:800!important}html body div#FilterTab#FilterTab a span::before{display:none!important;content:none!important}html body div#FilterTab#FilterTab a span::after{content:attr(result-count)!important;display:inline!important;position:static!important;font-size:12px!important;font-weight:700!important;color:#9AA0AA!important;background:none!important;padding:0!important;min-width:0!important;height:auto!important;box-shadow:none!important;border:0!important;width:auto!important;margin:0!important;line-height:1!important;transform:none!important}html body div#FilterTab#FilterTab a.ActiveTab span::after{color:#F29A00!important}}@media(min-width:768px){html body .bf.bf{display:flex!important;gap:0!important;flex-wrap:nowrap!important;border-bottom:1px solid #ECEDEF;margin-bottom:4px!important}html body .bf.bf button{position:relative;height:44px!important;padding:0 18px!important;border-radius:12px 12px 0 0!important;background:none!important;box-shadow:none!important;color:#6B7280!important;font-size:13.5px!important;font-weight:600!important;margin-bottom:-1px}html body .bf.bf button.on{color:#1A1D24!important;font-weight:800!important;background:#fff!important;box-shadow:inset 0 1px 0 #ECEDEF,inset 1px 0 0 #ECEDEF,inset -1px 0 0 #ECEDEF!important}html body .bf.bf button.on::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px;background:linear-gradient(110deg,#FFD24A,#FFB400 50%,#E08A00)}}@media(max-width:767px){html body .bf.bf{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -16px 6px!important;padding:0 16px!important}html body .bf.bf::-webkit-scrollbar{display:none}html body .bf.bf button{position:relative;flex:none!important;height:42px!important;padding:0 16px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 0 0 1px #ECEDEF!important;color:#3F4350!important;font-size:13.5px!important;font-weight:600!important}html body .bf.bf button.on{color:#1A1D24!important;font-weight:800!important;box-shadow:0 0 0 1px #ECEDEF!important}html body .bf.bf button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:3px;border-radius:3px;background:linear-gradient(110deg,#FFD24A,#FFB400 50%,#E08A00)}}html body .bi .bd{display:none!important}html body .bi.bi{color:#fff!important;font-size:15px!important}html body .bi.reload{background:linear-gradient(135deg,#4ADE80,#16A34A)!important}html body .bi.spent{background:linear-gradient(135deg,#FFC233,#E08A00)!important}html body .bi.refund{background:linear-gradient(135deg,#7C86F0,#4B55C4)!important}
html body .OrderInfo .OrderDateTime,html body .OrderInfo .OrderDateTime.OrderDateTime{border-left:0!important;padding-left:0!important;margin-left:10px!important}html body .OrderInfo .OrderDateTime::before{display:none!important}html body .sgTop>i{display:none!important}html body .sgTop{gap:10px!important}
@media(max-width:767px){html body .OrderListItem .OrderInfo{flex:1 1 auto;min-width:0}html body .OrderListItem .OrderDateTime{white-space:nowrap!important;padding-left:0!important;margin-left:0!important}html body .OrderListItem .Action{flex:none!important}}
@media(max-width:767px){html body .OrderListItem .OrderInfo .OrderDateTime.OrderDateTime{margin-left:0!important}}
@media(max-width:767px){html body header #HeaderNav #HeaderProfilePreview#HeaderProfilePreview:has(.sxLogin){flex:none!important;width:auto!important;min-width:0!important;max-width:none!important}html body header #HeaderNav#HeaderNav:has(.sxLogin){gap:10px!important}}
html body .sxEmpty{position:relative;display:grid;place-items:center;width:90px;height:80px;margin:0 auto 4px}html body .sxEmpty i{position:relative;z-index:1;font-size:68px;color:#E59A00}html body .sxEmpty::after{content:"";position:absolute;bottom:2px;left:50%;width:60px;height:10px;transform:translateX(-50%);border-radius:50%;background:rgba(201,122,0,.14)}@media(max-width:767px){html body .sxEmpty{width:76px;height:68px}html body .sxEmpty i{font-size:58px}}html body #EmptyResultDisplay h3{font-size:15px!important;font-weight:700!important}html body .bempty .bi{display:none!important}
html body footer #BrandIntroductionSection{display:none!important}
@media(min-width:768px){html body footer #MainFooterWrapper{grid-template-areas:"SocialMedia FooterNav BusinessInfo" "PaymentMethod PaymentMethod BusinessInfo"!important;grid-template-rows:1fr auto!important}html body footer #SocialMediaSection{align-self:start!important}}
html body footer{border-radius:0!important;overflow:hidden!important;position:relative}html body footer #MainFooterWrapper{position:relative}html body footer #MainFooterWrapper>*:not(.sxDr){position:relative;z-index:1}html body footer .sxDr{position:absolute;pointer-events:none;z-index:0;left:-60px;bottom:-40px;width:460px;height:477px;opacity:.07;background:url(/assets-website/images/SuprimxLogo.svg) left top/2053px auto no-repeat}@media(max-width:767px){html body footer .sxDr{left:auto;right:-50px;bottom:auto;top:40px;width:300px;height:311px;background-size:1339px auto}}html body footer .FooterNav-Title{box-sizing:border-box!important}
@media(min-width:768px){html body footer #MainFooterWrapper{padding-top:56px!important}}@media(min-width:768px) and (max-width:1199px){html body footer #FooterNavList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 24px!important}}@media(max-width:767px){html body footer #FooterNavSection{margin-top:0!important;padding-top:0!important}}
html body footer #MainFooterWrapper{margin-top:0!important}@media(max-width:767px){html body footer #MainFooterWrapper{padding-top:28px!important}}
html body footer{box-shadow:inset 0 1.5px 0 rgba(255,205,90,.85),inset 0 14px 22px -14px rgba(255,180,0,.35)!important}html body footer #footer-SocialMediaSectionList .footer-SocialMediaItem,html body footer #BusinessInfoSection .BusinessInfoItem{transition:transform .2s,background .2s,box-shadow .2s,border-color .2s!important}@media(hover:hover){html body footer #footer-SocialMediaSectionList .footer-SocialMediaItem:hover{transform:translateY(-3px)!important;background:linear-gradient(135deg,#FFD24A,#FFB400 50%,#E08A00)!important;box-shadow:0 8px 18px rgba(255,180,0,.35)!important}html body footer #footer-SocialMediaSectionList .footer-SocialMediaItem:hover i{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;background:none!important}html body footer #BusinessInfoSection .BusinessInfoItem:hover{border-color:rgba(255,194,51,.75)!important;box-shadow:0 0 0 1px rgba(255,194,51,.35),0 10px 30px rgba(255,180,0,.18)!important}}
@media(min-width:768px){html body footer #SocialMediaSection{display:flex!important;align-items:center!important;gap:16px!important;width:auto!important}html body footer #SocialMediaSection .SocialMediaTitle{width:auto!important;margin:0!important;white-space:nowrap}html body footer #MainFooterWrapper{column-gap:0!important;row-gap:0!important;align-items:start!important}html body footer #SocialMediaSection,html body footer #PaymentMethodSection{margin-top:40px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.08)!important;align-self:stretch!important}html body footer #PaymentMethodSection{display:flex!important;align-items:center!important}html body footer #SocialMediaSection{padding-right:32px!important}}@media(min-width:1200px){html body footer #MainFooterWrapper{grid-template-columns:auto minmax(0,1fr) 300px!important;grid-template-areas:"FooterNav FooterNav BusinessInfo" "SocialMedia PaymentMethod PaymentMethod"!important;grid-template-rows:auto auto!important}html body footer #FooterNavSection{padding-right:56px!important}html body footer #FooterNavList{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;width:100%!important}html body footer #PaymentMethodSection{justify-content:flex-end!important}}@media(min-width:768px) and (max-width:1199px){html body footer #MainFooterWrapper{grid-template-columns:minmax(0,1fr) 280px!important;grid-template-areas:"FooterNav BusinessInfo" "SocialMedia SocialMedia" "PaymentMethod PaymentMethod"!important;grid-template-rows:auto auto auto!important}html body footer #FooterNavSection{padding-right:32px!important}html body footer #PaymentMethodSection{margin-top:0!important;border-top:0!important;padding-top:16px!important}}
@media(min-width:768px){html body footer#footer #SocialMediaSection,html body footer #MainFooterWrapper #SocialMediaSection#SocialMediaSection{flex-direction:row!important;justify-content:flex-start!important;justify-self:stretch!important}html body footer #MainFooterWrapper #PaymentMethodSection#PaymentMethodSection{justify-self:stretch!important}}@media(min-width:768px) and (max-width:1199px){html body footer #MainFooterWrapper #SocialMediaSection#SocialMediaSection{padding-bottom:0!important}}
html body footer #FooterCopyRightWrapper{position:relative!important;z-index:3!important;background:#1B1E25!important}html body footer #FooterCopyRightWrapper::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,rgba(255,194,51,0),rgba(255,194,51,.7) 50%,rgba(255,194,51,0))}html body footer #WebsiteCopyRight{text-align:center!important}@media(max-width:767px){html body footer #FooterCopyRightWrapper::before{left:16px;right:16px}}
html body #ImportantNotes .sxNi{width:auto!important;padding-top:0!important;font-size:inherit!important}html body #ImportantNotes .sxGl{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(228,230,235,.55));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(26,29,36,.06),0 0 0 1px rgba(26,29,36,.08),0 6px 14px rgba(26,29,36,.08)}html body #ImportantNotes .sxGl i{font-size:21px;line-height:1;background:linear-gradient(160deg,#9AA0AA,#5B606C 60%,#3F4350);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html body #ImportantNotes .sxGl .sp{position:absolute;top:4px;right:5px;font-size:9px}@media(max-width:767px){html body #ImportantNotes .sxGl{width:34px;height:34px;border-radius:11px}html body #ImportantNotes .sxGl i{font-size:19px}}
html body #ImportantNotes{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;padding:8px 0!important;gap:14px!important}html body #ImportantNotes .sxGt{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#FFD24A,#F2A900 55%,#D98000);box-shadow:0 6px 14px rgba(242,169,0,.4),inset 0 1px 0 rgba(255,255,255,.55)}html body #ImportantNotes .sxGt i{font-size:20px;line-height:1;color:#fff!important;-webkit-text-fill-color:#fff!important}@media(max-width:767px){html body #ImportantNotes .sxGt{width:34px;height:34px;border-radius:11px}html body #ImportantNotes .sxGt i{font-size:18px}}
html body ul.Specification .T[region]{position:relative;width:24px!important;height:17px!important;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(26,29,36,.12),0 2px 5px rgba(26,29,36,.15)}html body ul.Specification .T[region]::before{position:absolute!important;left:-4px;top:-4px}html body ul.Specification #InstantIcon i{font-size:18px;line-height:1;background:linear-gradient(160deg,#FFD24A,#F2A900 55%,#C77800);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body #ImportantNotes .sxGt{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;padding-top:1px}html body #ImportantNotes .sxGt i{font-size:26px!important;background:linear-gradient(160deg,#FFD24A,#F2A900 55%,#C77800);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}@media(max-width:767px){html body #ImportantNotes .sxGt i{font-size:24px!important}}html body #ImportantNotes{gap:10px!important}
html body #ImportantNotes .sxGt{position:relative!important}html body #ImportantNotes .sxGt i{background:radial-gradient(circle at 35% 25%,#F4F5F7 0%,#B9BEC7 25%,#7C828E 60%,#3F4350 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 2px 3px rgba(26,29,36,.22))}html body #ImportantNotes .sxGt .hl{position:absolute;left:7px;top:4px;width:5px;height:10px;border-radius:50%;background:linear-gradient(180deg,#fff,rgba(255,255,255,.2));transform:rotate(28deg)}html body #ImportantNotes .sxGt .hl2{position:absolute;left:16px;top:7px;width:2.5px;height:2.5px;border-radius:50%;background:#fff}@media(max-width:767px){html body #ImportantNotes .sxGt .hl{left:6px;top:4px;width:4.5px;height:9px}html body #ImportantNotes .sxGt .hl2{left:14px;top:6px}}
html body ul.Specification #InstantIcon{display:grid!important;place-items:center;width:22px!important;height:22px!important;border-radius:50%;background:rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px rgba(26,29,36,.1),0 2px 5px rgba(26,29,36,.12)}html body ul.Specification #InstantIcon i{font-size:13px!important}
html body #ImportantNotes .sxGt i{font-size:22px!important;background:radial-gradient(circle at 35% 25%,#C9CDD4 0%,#6B717D 28%,#3F4350 60%,#1A1D24 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}html body #ImportantNotes .sxGt .hl{left:6px!important;top:3px!important;width:4px!important;height:8px!important}html body #ImportantNotes .sxGt .hl2{left:13px!important;top:6px!important;width:2px!important;height:2px!important}@media(max-width:767px){html body #ImportantNotes .sxGt i{font-size:20px!important}html body #ImportantNotes .sxGt .hl{left:5px!important;top:3px!important;width:3.5px!important;height:7px!important}html body #ImportantNotes .sxGt .hl2{left:12px!important;top:5px!important}}
html body ul.Specification #InstantIcon{background:#FFF4D6!important;box-shadow:none!important}html body #ImportantNotes .sxGt .hl,html body #ImportantNotes .sxGt .hl2{display:none!important}html body #ImportantNotes .sxGt i{background:none!important;color:#6B7080!important;-webkit-text-fill-color:#6B7080!important;filter:none!important}html body #ImportantNotes .sxGt .sp{position:absolute!important;top:-4px;right:-7px;font-size:10px!important}
html body ul.Specification #InstantIcon{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important}html body ul.Specification #InstantIcon i{font-size:16px!important;background:linear-gradient(160deg,#FFD24A,#F2A900 55%,#C77800)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}html body #ImportantNotes .sxGt{position:relative!important}html body #ImportantNotes .sxGt i{font-size:20px!important;background:linear-gradient(160deg,#FFD24A,#F2A900 55%,#C77800)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:none!important}html body #ImportantNotes .sxGt .sp{position:absolute!important;top:-5px;right:-8px;font-size:10px!important;background:none!important;color:#FFC233!important;-webkit-text-fill-color:#FFC233!important;filter:drop-shadow(0 0 3px rgba(255,194,51,.9))!important;animation:sxTw 2.4s ease-in-out infinite}@keyframes sxTw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){html body #ImportantNotes .sxGt .sp{animation:none}}
html body #ImportantNotes .sxGt i:first-child{display:inline-block;transform:scaleX(.8)}html body #ImportantNotes .sxGt .sp{right:-6px!important}
html body #ImportantNotes .sxGt i:first-child{background:none!important;color:#5B606C!important;-webkit-text-fill-color:#5B606C!important}
html body #ImportantNotes .sxGt .msb{font-family:"Material Symbols Rounded";font-variation-settings:"FILL" 1,"wght" 500;font-size:26px;line-height:1;display:block;color:var(--sxBulb,#A7B9DD)!important;-webkit-text-fill-color:var(--sxBulb,#A7B9DD)!important;-webkit-font-smoothing:antialiased}@media(max-width:767px){html body #ImportantNotes .sxGt .msb{font-size:24px}}
html body #ImportantNotes .sxGt .msb,html body #ImportantNotes .sxGt .msb{font-size:17px!important;margin-top:1px}html body #ImportantNotes{gap:8px!important}
html body #ImportantNotes .sxGt{position:relative!important}html body #ImportantNotes .sxGt .msb{background:linear-gradient(155deg,#E4EBF8 0%,#AFC0E0 35%,#7F94C0 70%,#5A6E9C 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1.5px 2px rgba(60,80,130,.35))}html body #ImportantNotes .sxGt .ghl{position:absolute;left:3.5px;top:3.5px;width:2.5px;height:4.5px;border-radius:50%;background:rgba(255,255,255,.95);transform:rotate(30deg);pointer-events:none}
@media(max-width:767px){html body .InnerContent .PortalTitle{padding-left:0!important;padding-right:0!important}html body #ProductContentWrapper>.InnerContent{grid-template-columns:minmax(0,1fr)!important}html body .ProductDisplayListWrapper{padding-left:16px!important;padding-right:16px!important;scroll-padding-left:16px}}
html body .ActionSection:has(>#OrderDetailSection),html body div:has(>#ProductDescriptionContent){row-gap:16px!important;gap:16px!important}html body #AccountSettingsWrapper#AccountSettingsWrapper,html body .sgG.sgG,html body .sgRgt.sgRgt,html body .sxCart.sxCart,html body #ContactUsMethod#ContactUsMethod,html body #CheckOutWrapper#CheckOutWrapper,html body .Q.Q{gap:16px!important}html body .qc.qme,html body .sxHero.sxHero,html body #AccountSettingProfileSection#AccountSettingProfileSection,html body #AccountSettingPasswordSection#AccountSettingPasswordSection,html body .sgG .card:not(.sgP),html body .PaymentMethodSectionWrapper.PaymentMethodSectionWrapper,html body .sxCart aside.cs,html body #ContactFormContent#ContactFormContent,html body #PurchaseSummarySection#PurchaseSummarySection{padding:24px!important}@media(min-width:768px){html body #SideBarContent#SideBarContent{padding:24px!important}}html body #SideBarContent#SideBarContent{margin-top:24px!important;margin-bottom:40px!important}html body main:has(#OrderDetailsWrapper) .InnerContent.InnerContent{padding-top:24px!important;padding-bottom:40px!important}html body #OrderPayment>.InnerContent.InnerContent{padding-top:24px!important;padding-bottom:40px!important}html body main:has(#CartWrapper) .InnerContent.InnerContent{padding-top:24px!important;padding-bottom:40px!important}html body main:has(#CheckOutWrapper) .InnerContent.InnerContent{padding-top:16px!important;padding-bottom:40px!important}html body #ContactUsPage .InnerContent.InnerContent{padding-top:0!important}html body #ProductContentWrapper#ProductContentWrapper{padding-bottom:40px!important}html body main #CheckOutWrapper #PurchaseSummarySection#PurchaseSummarySection#PurchaseSummarySection{padding:24px!important}@media(min-width:1024px){html body .sxCart .cl,html body main #CheckOutWrapper #PurchaseItemSection#PurchaseItemSection#PurchaseItemSection{padding:24px!important}}html body main #PurchaseItemList#PurchaseItemList#PurchaseItemList{gap:16px!important;row-gap:16px!important}@media(max-width:767px){html body #SideBarContent#SideBarContent{margin-top:16px!important;margin-bottom:24px!important}html body main:has(#OrderDetailsWrapper) .InnerContent.InnerContent,html body #OrderPayment>.InnerContent.InnerContent,html body main:has(#CartWrapper) .InnerContent.InnerContent{padding-top:16px!important;padding-bottom:24px!important}html body main:has(#CheckOutWrapper) .InnerContent.InnerContent{padding-top:16px!important;padding-bottom:24px!important}html body #ProductContentWrapper#ProductContentWrapper{padding-bottom:24px!important}html body main #CheckOutWrapper #PurchaseSummarySection#PurchaseSummarySection#PurchaseSummarySection{padding:18px!important}html body main #PurchaseItemList#PurchaseItemList#PurchaseItemList{gap:12px!important;row-gap:12px!important}html body .ActionSection:has(>#OrderDetailSection),html body div:has(>#ProductDescriptionContent),html body #AccountSettingsWrapper#AccountSettingsWrapper,html body .sgG.sgG,html body .sgRgt.sgRgt,html body .sxCart.sxCart,html body #ContactUsMethod#ContactUsMethod,html body #CheckOutWrapper#CheckOutWrapper,html body .Q.Q,html body .qtop.qtop,html body #OrderList#OrderList,html body #CardList#CardList,html body .sxBal.sxBal,html body .bx.bx,html body .sxInv.sxInv,html body .ix.ix,html body #PurchaseItemList#PurchaseItemList{gap:12px!important;row-gap:12px!important}html body .qc.qme,html body .sxHero.sxHero,html body #AccountSettingProfileSection#AccountSettingProfileSection,html body #AccountSettingPasswordSection#AccountSettingPasswordSection,html body .sgG .card:not(.sgP),html body .PaymentMethodSectionWrapper.PaymentMethodSectionWrapper,html body .sxCart aside.cs,html body #ContactFormContent#ContactFormContent,html body #PurchaseSummarySection#PurchaseSummarySection,html body .bq.bq,html body .bh.bh,html body .ishare.ishare,html body .icard.icard{padding:18px!important}}
html body .sgP .sgTop,html body .sgP .sgBody{padding-left:24px!important;padding-right:24px!important}html body #OrderInfoSection .ContentBox.ContentBox,html body #OrderPaymentActionSection .ContentBox.ContentBox{padding-left:24px!important;padding-right:24px!important}@media(max-width:767px){html body .sgP .sgTop,html body .sgP .sgBody,html body #OrderInfoSection .ContentBox.ContentBox,html body #OrderPaymentActionSection .ContentBox.ContentBox{padding-left:18px!important;padding-right:18px!important}}@media(min-width:768px){html body .sgB .b3{margin-right:-6px!important}}@media(max-width:767px){html body .PurchaseProductItem .sxActs>a.sxBuyAgain{margin-right:-6px!important}}
html body .DirectTopUpField>span{white-space:nowrap!important;flex:none!important}html body #BuyNowBtn,html body #BuyNowBtn *{text-transform:none!important}@media(min-width:768px){html body #ProductDescriptionContent :is(p,ul,ol,li,h2,h3,h4,table),html body #ProductGuidance :is(p,ul,ol,li,h2,h3,h4,table){max-width:680px!important}html body #ProductFAQ :is(p,ul,ol,li,h3,h4,table),html body #TNGRedeemFAQ :is(p,ul,ol,li,h3,h4,table){max-width:680px!important}html body #ProductDescriptionContent hr,html body #ProductGuidance hr{margin-left:0!important;margin-right:auto!important;max-width:680px!important}}
html body .sxCd,html body .sgCd{background:#FFEDD5!important;border:0!important;color:#C2410C!important;-webkit-text-fill-color:#C2410C!important;border-radius:10px!important;font-family:ui-monospace,"SF Mono",Menlo,monospace!important;font-weight:700!important;gap:7px!important}html body .sxCd .cl,html body .sgCd .cl{font-style:normal;margin:0 3px;opacity:.65}.sxClk{width:15px!important;height:15px!important}.sxClk .rg{stroke-width:2!important;stroke-linecap:round;transform-origin:8px 8px;animation:sxSpin 8s linear infinite}.sxClk path{stroke-width:1.7}@keyframes sxSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sxClk .rg{animation:none}}
html body #ImportantNotes{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(26,29,36,.08)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:0 6px 16px rgba(26,29,36,.05)!important}
@media(max-width:1199px){html body .qtop.qtop{grid-template-columns:1fr!important}html body #AccountSettingsWrapper#AccountSettingsWrapper{grid-template-columns:1fr!important}}
@media(min-width:1024px) and (max-width:1279px){html body .sxCart.sxCart{grid-template-columns:minmax(0,1fr) 300px!important}html body .sxCart .cr.cr{grid-template-columns:22px 52px minmax(0,1fr) 84px 112px 76px 24px!important;column-gap:10px!important}html body .PaymentMethodList.PaymentMethodList{grid-template-columns:1fr!important}html body #CheckoutPage #CheckOutWrapper#CheckOutWrapper{grid-template-columns:minmax(0,1fr) 300px!important}html body #CheckoutPage #PurchaseItemSection .PurchaseItem.sxCkRow.sxCkRow{grid-template-columns:52px minmax(0,1fr) 84px 52px 84px!important;column-gap:12px!important}}
html body #ImportantNotes{display:block!important;background:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;padding:0!important}html body #ImportantNotes .sxNh{display:flex;align-items:center;gap:7px;margin:0 0 8px}html body #ImportantNotes .sxNh .sxNl{margin:0!important}html body #ImportantNotes>div:not(.sxNh){background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px);border:1px solid rgba(26,29,36,.08);border-radius:14px;padding:12px 16px!important;box-shadow:0 6px 16px rgba(26,29,36,.05)}
@media(min-width:768px) and (max-width:1023px){html body #CheckoutPage>.InnerContent.InnerContent,html body #OrderPayment>.InnerContent.InnerContent,html body main:has(#CartWrapper) .InnerContent.InnerContent{padding-left:20px!important;padding-right:20px!important}html body #CheckoutPage #CheckOutWrapper#CheckOutWrapper{max-width:none!important;margin-left:0!important;margin-right:0!important}html body #LegalDocumentContent .InnerContent.sxTW.sxTW{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:20px!important;padding-right:20px!important}html body #LegalDocumentContent .sxTW .C.C{max-width:none!important}}
html body #ImportantNotes>div:not(.sxNh){display:flex!important;align-items:flex-start;gap:10px}html body #ImportantNotes>div .sxNi{flex:none;margin-top:2px}html body #ImportantNotes .sxNl{display:none!important}
html body #ImportantNotes{display:flex!important;align-items:center!important;gap:10px!important}html body #ImportantNotes>.sxNi{flex:none}html body #ImportantNotes>div{display:block!important;flex:1;min-width:0}
html body #ImportantNotes{align-items:flex-start!important}html body #ImportantNotes>.sxNi{margin-top:13px!important}
html body #HomeBannerSliderListWrapper img{object-fit:cover!important}@media(max-width:767px){html body #HomeBannerSliderListWrapper .swiper-wrapper,html body #HomeBannerSliderListWrapper .swiper-slide{height:auto!important;aspect-ratio:2000/720!important}html body #HomeBannerSliderListWrapper .swiper-slide img{height:100%!important;width:100%!important}}html body img[src*="/ProductImage/"]{object-fit:cover!important;object-position:50% 85%}html body .bx .bq .brange,html body .nb .nh span,html body .cr .up s,html body .sxCkUp s{color:#6B7280!important}html body nav.SxTab>a:not(.on){color:#6B7280!important}html body:has(#OrderPayment) #WebsiteCopyRight,html body:has(#OrderPayment) #WebsiteCopyRight *{color:#9AA0AA!important}html body .sxBuyAgain.sxBuyAgain,html body .sgB .b3.b3{color:#F97316!important}html body #LoginFormWrapper .ForgotPasswordSection a,html body .LgAlt a,html body #ProceedtoLoginSection a,html body #HomePageContent .SectionTitle>div>a,html body .WhyCard p a,html body .OrderInfo .OrderID a,html body .sgTop b,html body .CardItem .OrderId a,html body #OrderPaymentActionSection .TermsSection a,html body #LegalDocumentContent .sxH,html body #LegalDocumentContent .sxDate strong{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountSettingsWrapper .VerifiedInfo.VerifiedInfo{color:#17703D!important;-webkit-text-fill-color:#17703D!important}@media(max-width:767px){html body #SearchMenu>a,html body #HeaderCart>a,html body .QtyAdjustBox .ActionBtn,html body .cr .qty button,html body .cr .del,html body .OrderInfo .OrderID a,html body .CardItem .OrderId a,html body .sxBuyAgain,html body .sgB .b3{position:relative}html body #SearchMenu>a::before,html body #HeaderCart>a::before{content:"";position:absolute;inset:-9px}html body .QtyAdjustBox .ActionBtn::after,html body .cr .del::after{content:"";position:absolute;inset:-6px}html body .cr .qty button::after{content:"";position:absolute;inset:-10px -5px}html body .OrderInfo .OrderID a::after,html body .CardItem .OrderId a::after,html body .PurchaseProductItem .sxActs>a.sxBuyAgain.sxBuyAgain::after,html body .sgB .b3::after{content:""!important;display:block!important;position:absolute;inset:-10px -4px}}
html body #ImportantNotes .sxGt .msb{background:none!important;color:#6B7080!important;-webkit-text-fill-color:#6B7080!important;filter:none!important}html body #ImportantNotes .sxGt .ghl{display:none!important}
html body #AccountDropDown .AccountMenu a span,html body #AccountDropDown .LogoutSection a span,html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{font-size:13px!important;font-weight:600!important}html body #SideBarMenu a span,html body #SideBarMenu a{font-size:13px!important;font-weight:600!important}html body #BusinessInfoSection .ItemContentSection .Info,html body #BusinessInfoSection .ItemContentSection .Info a{font-size:13.5px!important}html body #ImportantNotes>div,html body #ImportantNotes>div *{font-size:12.5px!important}
html body #AccountDropDown .AccountMenu a span,html body #AccountDropDown .LogoutSection a span,html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{font-size:12px!important;font-weight:600!important}html body #SideBarMenu a span,html body #SideBarMenu a{font-size:12px!important;font-weight:600!important}html body #BusinessInfoSection .ItemContentSection .Info,html body #BusinessInfoSection .ItemContentSection .Info a{font-size:13px!important}html body #ImportantNotes>div,html body #ImportantNotes>div *{font-size:12px!important}
html body footer .FooterNav-Title,html body footer #SocialMediaSection .SocialMediaTitle{font-size:14px!important}html body #FilterTab li a span,html body .bh .bf button{font-size:13px!important}html body .PurchaseProductItem .sxActs>a.sxBuyAgain.sxBuyAgain{font-size:13px!important}html body .qc.qlinks>a{font-size:12px!important;font-weight:600!important}html body .sgTop>span,html body .sgTop>span>b{font-size:12px!important}html body #ContactFormContent h2{font-size:15px!important}html body #SubmitContactFormBtn{font-size:14px!important}html body .WhyFaqItem summary h3{font-size:14.4px!important}html body .WhyFaqItem>p{font-size:13px!important}html body .abh>div>p,html body .AB .wy .sb,html body .AB .wy .i p{font-size:13px!important}html body #GiftCardWrapper>.Title,html body #DirectTopUpWrapper>.Title{justify-content:flex-start!important;text-align:left!important}html body [id$=Content] .T>h1{text-align:left!important}
html body #GiftCardWrapper .Title,html body #DirectTopUpWrapper .Title{align-items:flex-start!important;justify-content:flex-start!important}html body #GiftCardWrapper .Title::after,html body #DirectTopUpWrapper .Title::after{margin-left:0!important;margin-right:auto!important}
html body .InnerContent.sxTW>.C>.T{margin:0 0 16px!important;padding:0!important;height:auto!important;background:none!important}html body .InnerContent.sxTW>.C>.T h1{text-align:left!important;margin:0!important;font-size:24px!important}@media(max-width:767px){html body .InnerContent.sxTW>.C>.T h1{font-size:22px!important}}
html body #BuyNowBtn,html body #BuyNowBtn *,html body #PayNowBtn,html body #PayNowBtn *,html body button.sxBig,html body button.sxBig *,html body #TryKYCAgainBtn,html body a.b1,html body #SavePasswordBtn,html body #CheckoutBtn,html body #SubmitContactFormBtn{font-size:14px!important}
html body #BuyNowBtn#BuyNowBtn,html body #PayNowBtn#PayNowBtn,html body button.sxBig.sxBig.sxBig,html body button.sxBig.sxBig.sxBig *,html body #TryKYCAgainBtn#TryKYCAgainBtn,html body a.b1.b1.b1,html body #SavePasswordBtn#SavePasswordBtn,html body #CheckoutBtn#CheckoutBtn,html body #SubmitContactFormBtn#SubmitContactFormBtn{font-size:14px!important}
html body{min-height:100vh;display:flex!important;flex-direction:column}html body>footer{margin-top:auto!important}html body>*{flex-shrink:0}
@media(min-width:768px){html body footer #MainFooterWrapper #SocialMediaSection#SocialMediaSection,html body footer #MainFooterWrapper #PaymentMethodSection#PaymentMethodSection{border-top:0!important}}
.nice-toast-wrapper.top-center{position:fixed!important;top:12px!important;left:12px!important;right:12px!important;transform:none!important;width:auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;pointer-events:none;z-index:2147483000!important;display:flex;flex-direction:column;gap:10px;align-items:stretch}@media(min-width:768px){.nice-toast-wrapper.top-center{left:50%!important;right:auto!important;top:84px!important;width:400px!important;margin-left:-200px!important}}.nice-toast-wrapper .nice-toast{position:relative!important;display:flex!important;align-items:center;gap:12px;margin:0!important;min-height:0!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;pointer-events:auto!important;border-radius:18px!important;padding:14px 14px 16px!important;overflow:hidden;color:#1A1D24!important;font-family:inherit!important;background:#fff!important;box-shadow:0 0 0 1px #ECEDEF,0 14px 32px rgba(26,29,36,.16)!important;border:0!important}.nice-toast-wrapper .nice-toast-success{background:linear-gradient(90deg,rgba(34,197,94,.10),rgba(255,255,255,0) 55%),#fff!important}.nice-toast-wrapper .nice-toast-error{background:linear-gradient(90deg,rgba(239,68,68,.09),rgba(255,255,255,0) 55%),#fff!important}.nice-toast-wrapper .nice-toast-warning,.nice-toast-wrapper .nice-toast-info,.nice-toast-wrapper .nice-toast-default{background:linear-gradient(90deg,rgba(255,180,0,.12),rgba(255,255,255,0) 55%),#fff!important}.nice-toast-wrapper .nice-toast>.nice-toast-icon{display:none!important}.sxTI{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.nice-toast-success .sxTI{background:linear-gradient(135deg,#4ADE80,#16A34A);box-shadow:0 6px 14px rgba(31,138,76,.32)}.nice-toast-error .sxTI{background:linear-gradient(135deg,#FF7A7A,#E23B3B);box-shadow:0 6px 14px rgba(226,59,59,.32)}.nice-toast-warning .sxTI,.nice-toast-info .sxTI,.nice-toast-default .sxTI{background:linear-gradient(135deg,#FFD24A,#E08A00);box-shadow:0 6px 14px rgba(224,138,0,.32)}.nice-toast-wrapper .nice-toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0!important;margin:0!important;text-align:left!important;color:#1A1D24!important}.nice-toast-content b{font-size:13px;font-weight:800;line-height:1.35;color:#1A1D24}.nice-toast-content span{font-size:12px;line-height:1.4;color:#6B7280}.nice-toast-wrapper .nice-toast-close{flex:none;position:static!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#F4F5F7!important;color:#9AA0AC!important;border:0!important;font-size:0!important;line-height:0!important;display:grid!important;place-items:center;padding:0!important;margin:0!important;opacity:1!important;cursor:pointer;transform:none!important}.nice-toast-wrapper .nice-toast-close::before,.nice-toast-wrapper .nice-toast-close::after{content:none!important;display:none!important}.nice-toast-close svg{display:block}.nice-toast-wrapper .nice-toast-progress{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;top:auto!important;height:3px!important;width:100%!important;border-radius:0 3px 3px 0;transform-origin:left;background:linear-gradient(135deg,#FFD24A,#E08A00)!important;opacity:1!important}.nice-toast-success .nice-toast-progress{background:linear-gradient(90deg,#4ADE80,#16A34A)!important}.nice-toast-error .nice-toast-progress{background:linear-gradient(90deg,#FF7A7A,#E23B3B)!important}@keyframes sxToastIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}@keyframes sxToastOut{to{opacity:0;transform:translateY(-10px) scale(.98)}}.nice-toast-wrapper .nice-toast.nice-toast-bounce-enter-active{animation:sxToastIn .45s cubic-bezier(.16,1,.3,1) both!important}.nice-toast-wrapper .nice-toast.nice-toast-bounce-leave-active{animation:sxToastOut .3s ease both!important}@media(prefers-reduced-motion:reduce){.nice-toast-wrapper .nice-toast{animation:none!important}}
.sxBusy{pointer-events:none!important;position:relative!important;opacity:1!important;filter:none!important;cursor:wait!important}.sxBusyIn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:inherit;background:inherit;color:#fff;font:inherit;font-weight:800;z-index:2;white-space:nowrap;text-transform:none;letter-spacing:0}.sxBusyIn.dk{color:#1A1D24}.sxBusyIn.dk i{border-color:rgba(224,138,0,.22);border-top-color:#E08A00}.sxBusyIn i{width:16px;height:16px;flex:none;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:sxSpin .7s linear infinite}@keyframes sxSpin{to{transform:rotate(360deg)}}#sxTopBar{position:fixed;top:0;left:0;height:3px;width:0;z-index:2147483000;background:linear-gradient(110deg,#FFD24A,#FFB400 40%,#E08A00 75%,#9C5A00);box-shadow:0 0 10px #FFB400,0 0 4px #FFB400;opacity:0;pointer-events:none}.sxOk .sxPrIc{animation:sxIcIn .5s cubic-bezier(.3,1.5,.5,1) both;position:relative}.sxOk .sxPrIc path{stroke-dasharray:24;stroke-dashoffset:24;animation:sxDraw .4s .35s ease-out forwards}.sxOk .sxPrIc::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #1F8A4C;opacity:0;animation:sxRing .9s .45s ease-out}@keyframes sxIcIn{from{transform:scale(.4);opacity:0}}@keyframes sxDraw{to{stroke-dashoffset:0}}@keyframes sxRing{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.sxOk .sxPrTop h1,.sxOk .sxPrTop p,.sxOk .sxPrAmt{animation:sxUp .45s .55s both}@keyframes sxUp{from{opacity:0;transform:translateY(8px)}}.sxShake{animation:sxShake .4s}@keyframes sxShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.sxCd.sxLate,.sgCd.sxLate{background:#FEECEC!important;color:#C62828!important;border-color:#F3A3A3!important;animation:sxBeat 1s infinite}.sxCd.sxLate *,.sgCd.sxLate *{color:#C62828!important}@keyframes sxBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.sxFly{position:fixed;left:0;top:0;width:46px;height:46px;border-radius:12px;z-index:2147483001;pointer-events:none;background-size:cover;background-position:center;box-shadow:0 6px 16px rgba(0,0,0,.25)}.sxPop::after,.sxPop em{animation:sxPop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes sxPop{40%{transform:scale(1.55)}}.sxWig{animation:sxWig .5s}@keyframes sxWig{25%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}}details.sxAcc{overflow:hidden}details.sxAcc>summary::after{transition:transform .3s}details.sxAcc.sxOpen>summary::after{transform:rotate(180deg)}.sxFlipU{animation:sxFlipU .28s cubic-bezier(.2,.8,.2,1)}.sxFlipD{animation:sxFlipD .28s cubic-bezier(.2,.8,.2,1)}@keyframes sxFlipU{from{transform:translateY(70%);opacity:0}}@keyframes sxFlipD{from{transform:translateY(-70%);opacity:0}}.sxRing{animation:sxBell 1s;transform-origin:50% 12%}@keyframes sxBell{10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-14deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(0)}}.sxBump{animation:sxBump .4s cubic-bezier(.3,1.6,.5,1)}@keyframes sxBump{40%{transform:translateY(-4px) scale(1.15)}}.sxSk{padding:24px}.sxSk .r{display:flex;align-items:center;gap:14px;margin-bottom:20px}.sxSk b{display:block;border-radius:10px;background:linear-gradient(90deg,#EEEEEA 25%,#F8F8F5 50%,#EEEEEA 75%);background-size:200% 100%;animation:sxShim 1.2s infinite}@keyframes sxShim{to{background-position:-200% 0}}img.sxImgIn{animation:sxImgIn .5s ease both}@keyframes sxImgIn{from{opacity:0;transform:scale(1.04)}}.sxRv{opacity:0;transform:translateY(18px)}.sxRv.sxIn{opacity:1;transform:none;transition:opacity .5s,transform .55s cubic-bezier(.2,.8,.2,1)}.sxSpot{position:relative;--sx-x:50%;--sx-y:50%}.sxSpot::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:radial-gradient(170px circle at var(--sx-x) var(--sx-y),#FFB400,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}@media(hover:hover){.sxSpot:hover::before{opacity:1}}@media (prefers-reduced-motion:reduce){.sxBusyIn i,.sxShake,.sxPop::after,.sxPop em,.sxWig,.sxRing,.sxBump,.sxFlipU,.sxFlipD,img.sxImgIn,.sxCd.sxLate,.sgCd.sxLate,.sxOk .sxPrIc,.sxOk .sxPrIc::after,.sxOk .sxPrTop h1,.sxOk .sxPrTop p,.sxOk .sxPrAmt{animation:none!important}.sxOk .sxPrIc path{stroke-dashoffset:0!important;animation:none!important}.sxRv{opacity:1;transform:none}}
.sxBusy>.spinner-grow{visibility:hidden}
html body #AccountModifyPasswordModal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.DirectTopUpField.SxNeed{box-shadow:none!important;background-color:#fff!important;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important}
#AddToCartBtn,#BuyNowBtn,.sxCart button,.sxCart .cob,#PayNowBtn,.ShowCardInfoBtn,.bchips button,.bgo,.bf button,#ContactUsChatUsBtn,#LeaveUsMesssageBtn,#SubmitContactFormBtn,.SxGold,.sgPay,.b1,.b2,.b3,.rcg,.rcx,.qbtn,.qset,.sxBuyAgain,.PayNowBtn,#TriggerLiveChatBtn,.sxBig,#viaEmailAddressBtn,#viaMobileNumberBtn,.SxTab a,.na{transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s,background-color .2s!important}#AddToCartBtn:active,#BuyNowBtn:active,.sxCart button:active,#PayNowBtn:active,.ShowCardInfoBtn:active,.bchips button:active,.bgo:active,.bf button:active,#ContactUsChatUsBtn:active,#LeaveUsMesssageBtn:active,#SubmitContactFormBtn:active,.SxGold:active,.sgPay:active,.b1:active,.b2:active,.b3:active,.rcg:active,.rcx:active,.qbtn:active,.qset:active,.sxBuyAgain:active,.PayNowBtn:active,#TriggerLiveChatBtn:active,.sxBig:active{transform:scale(.96)!important}@media(hover:hover){#PayNowBtn:hover,.ShowCardInfoBtn:hover,.bgo:hover,#ContactUsChatUsBtn:hover,#SubmitContactFormBtn:hover,.SxGold:hover,.sgPay:hover,.b3:hover,.PayNowBtn:hover,.sxBuyAgain:hover,.sxBig:hover,#TriggerLiveChatBtn:hover,.sxCart .cob:hover{transform:translateY(-1px);filter:brightness(1.05)}}.NewsCover{overflow:hidden}.NewsCover img{transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}@media(hover:hover){.NewItem a:hover .NewsCover img{transform:scale(1.06)}}.sxGhost{position:absolute;z-index:0;pointer-events:none;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.12)}@media (prefers-reduced-motion:reduce){#AddToCartBtn,#BuyNowBtn,.sxCart button,#PayNowBtn,.ShowCardInfoBtn,.bchips button,.bgo{transition:none!important}}
.LoadingAccountInfo .spinner-grow{display:none!important}.LoadingAccountInfo::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-radius:50%;border:2.2px solid rgba(224,138,0,.22);border-top-color:#E08A00;animation:sxSpin .7s linear infinite}#OrderDetailSection .AccInfo{display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:7px 12px 7px 9px;border-radius:999px;background:#E8F7EE;color:#15803D;font-weight:700;font-size:12.5px;line-height:1.3}#OrderDetailSection .AccInfo::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27/%3E%3C/svg%3E") center/11px no-repeat}#OrderDetailSection[data-validation=error] .AccInfo{background:#FEF2F2;color:#C62828}#OrderDetailSection[data-validation=error] .AccInfo::before{background:#DC2626 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273.4%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M7 7l10 10M17 7L7 17%27/%3E%3C/svg%3E") center/10px no-repeat}
@layer sxinline{
body>noscript{color:rgb(26, 29, 36) !important}
body>footer{background-color:rgb(26, 29, 36) !important}
div#HeaderMenu>ul>li>a>span{display:inline-flex !important;align-items:center !important;gap:8px !important}
@media (min-width:768px) and (max-width:1199px),(min-width:1200px){div#HeaderMenu>ul>li>a{--sxUl:19px !important}}
@media (max-width:767px){div#HeaderMenu>ul>li>a{--sxUl:0px !important}}
}

/* 手工补充（设计稿里用 JS 判断的，改成 CSS） */
/* 商品页手机底部购买栏 2026-10-14 已拿掉，所以商品页也显示手机底部栏（2026-10-15 Jacky 发现商品页没有底部栏） */

/* 没登录时顶部的 Log In 胶囊（预览只在没登录时加） */
html body header #HeaderProfilePreview:has(.sxLogin){display:flex!important;align-items:center!important;width:auto!important;height:auto!important;min-width:0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;cursor:default}html body header #HeaderProfilePreview:has(.sxLogin)::after,html body header #HeaderProfilePreview:has(.sxLogin)::before{display:none!important}html body header #LoginSignUpSection>#ActionInstruction,html body header #LoginSignUpSection>#UserLoginBtn{display:none!important}html body header .sxLogin{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;box-sizing:border-box;border-radius:999px;border:1.5px solid #F2A900;color:#fff!important;font:700 13.5px/1 Manrope,system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;transition:background .15s}html body header .sxLogin:hover{background:rgba(242,169,0,.12)}html body header .sxLogin i{color:#FFC233;font-size:13px}@media(max-width:767px){html body header .sxLogin{height:34px;padding:0 13px;font-size:12.5px;gap:6px}html body header .sxLogin i{font-size:12px}html body header #HeaderNav:has(.sxLogin) #SearchMenu{flex:0 1 200px!important}}

/* 404 页（2026-10-11 定稿 A：大金龙 + 404 + Page not found + Back to Home；页面由 SeoModule 的 NotFoundPageMiddleware 产生） */
main#NotFoundPage{background:transparent!important;padding:0!important}
.nf{position:relative;max-width:1440px;margin:0 auto;padding:90px 24px 110px;min-height:560px;display:grid;align-items:center;overflow:hidden}
.nf .nt{position:relative;z-index:1;max-width:520px}
.nf .n4{font-size:120px;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nf h1{margin:10px 0 0;font-size:34px;font-weight:800;letter-spacing:-.02em;color:#1A1D24}
.nf p{margin:12px 0 0;font-size:15px;line-height:1.7;color:#3F4350}
.nf .cta{display:flex;gap:10px;margin-top:26px}
.nf .b1{height:48px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;text-decoration:none;color:#fff!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);box-shadow:0 8px 20px rgba(242,154,0,.32)}
.nf .nd{position:absolute;right:20px;top:50%;transform:translateY(-50%);height:440px;aspect-ratio:118/116;overflow:hidden;opacity:.55;filter:drop-shadow(0 20px 40px rgba(201,122,0,.35))}
.nf .nd img{height:100%;width:auto;max-width:none;display:block}
html body .nf .cta a{height:46px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;font-size:15px!important}
@media(max-width:767px){.nf{padding:40px 20px 70px;min-height:0}.nf .n4{font-size:88px}.nf h1{font-size:26px}.nf p{font-size:14px}.nf .cta{flex-direction:column}.nf .cta a{justify-content:center}.nf .nd{height:230px;right:-50px;top:20px;transform:none;opacity:.22;-webkit-mask-image:linear-gradient(#000 55%,transparent 95%);mask-image:linear-gradient(#000 55%,transparent 95%)}html body .nf .cta a{height:44px!important}}
/* 页尾 WhatsApp / Email 卡（2026-10-14）：手机两张并排太窄，号码断两行、email 被切掉 → 手机一张一行 */
@media(max-width:520px){html body #MainFooterWrapper #BusinessInfoSection{grid-template-columns:1fr!important}}
/* 2026-10-14 字统一（全站）：头像菜单里的 email 一般粗细 */
html body #AccountDropDown .sxIdPill .sxEm{font-weight:400!important}
/* 倒计时时钟（Jacky 2026-10-14）：点点外圈不转，指针转（一分钟一圈、每秒跳一格） */
html body .sxClk .rg{animation:none!important}
html body .sxClk .h{transform-origin:8px 8px;animation:sxTick 60s steps(60) infinite!important}
html body .end .sxClk .h{animation:none!important}
@keyframes sxTick{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html body .sxClk .h{animation:none!important}}
/* ===== 2026-10-14 全站字体大小 / 颜色统一（Jacky：全面确认后改成最适合的） =====
   页面标题 22（电脑 24）｜首页区块标题 16（电脑 18）｜卡片 / 区块标题 15｜弹窗标题 18｜文章小标题 14
   内文 / 资料 12｜小字（规格、地区）10–11｜状态标签 12｜主按钮 14｜选项格 13
   颜色：主要字 #1A1D24｜长段内文 #3F4350｜标签、日期、说明 #6B7280（一般粗细）｜小字金色 #F29A00 */
/* 标题层级 */
html body #KYCResultContent .KYCResultContentWrapper .Title h1{font-size:22px!important}
@media(min-width:768px){html body #KYCResultContent .KYCResultContentWrapper .Title h1{font-size:24px!important}}
html body #AccountModifyPasswordModal .ContentWrapper .Header h3,html body #ContactFormContent .T h2,html body #RetrieveCodeModal .ContentWrapper .Header h3{font-size:18px!important}
html body #SuprimxWhyChoose .WhyFaq h2.WhyFaqTitle,html body #SearchResultCardListDisplay>h3,html body #SearchResultSection .ResultWrapper>h3{font-size:16px!important}
@media(min-width:768px){html body #SuprimxWhyChoose .WhyFaq h2.WhyFaqTitle,html body #SearchResultCardListDisplay>h3,html body #SearchResultSection .ResultWrapper>h3{font-size:18px!important}}
html body #ProductDescriptionContent article h2,html body #ProductGuidanceContent article h2,html body #ProductGuidance article h2,html body #ProductFAQ article h2:not(.ContentTitle){font-size:14px!important} /* 2026-10-17 #ProductGuidance 也要 14（原本漏了，Guidance 标题 18 比介绍大） */
html body #ProductFAQ .faq-item h3,html body #SuprimxWhyChoose .WhyFaqItem summary h3{font-size:13px!important}
html body #SuprimxWhyChoose .WhyFaqItem>p,html body #SuprimxWhyChoose .WhyFaqItem>p a{font-size:12px!important}
/* 内文 12 */
html body #SuprimxWhyChoose .WhyCard p{font-size:12px!important}
html body .AB .abh p,html body .AB .wy .sb,html body .AB p{font-size:12px!important}
html body .ProductListItem .ProductTitle{font-size:12px!important}
html body #SearchResultSection .ProductName{font-size:12px!important;font-weight:600!important}
html body #ForgotPasswordContent #ForgotPasswordWrapper .Title.Title .Description{font-size:12px!important;font-weight:400!important;color:#6B7280!important}
html body #SignUpWrapper #ProceedtoLoginSection{color:#6B7280!important}
html body #ContactInfoSection #Introduction>p,html body #KYCResultContent .Content>div,html body #KYCResultContent .VerificationFailedReason{font-weight:400!important}
html body .nb .nr{font-size:12px!important;font-weight:400!important}
html body #NotFoundPage .nt p{font-weight:400!important}
/* 长段内文颜色跟商品说明一样 */
html body #LegalDocumentContent#LegalDocumentContent .C.C p:not(.sxDate){color:#3F4350!important}
/* 地区小标签（浅金底胶囊，字保持深金）：大小统一 11 */
html body .ProductRegion.ProductRegion.ProductRegion{font-size:10px!important}
/* 订单摘要标签灰色 */
html body #OrderPurchaseSummary #SummaryDetail>div.T{color:#6B7280!important;font-weight:400!important}
/* 状态标签 12 */
html body .OrderListItem .OrderPayment .PaymentStatus .C,html body #OrderDetailsWrapper .sgPh .c2{font-size:12px!important}
html body .OrderListItem .sxCd b,html body .OrderListItem .sxCd b i{font-size:12px!important}
/* 主按钮 14 */
html body #AccountModifyPasswordModal #SavePasswordBtn#SavePasswordBtn,html body #KYCResultContent #TryKYCAgainBtn#TryKYCAgainBtn,html body #CardList .ShowCardInfoBtn.ShowCardInfoBtn.ShowCardInfoBtn{font-size:14px!important}
/* 订单详情 Total Paid：付完查看的页面，跟付款结果页一样 16 */
html body #OrderDetailsWrapper .sgT b{font-size:16px!important}
/* 付款页：Pay Now 主按钮 14；KYC 弹窗说明跟其他弹窗说明一样 12 灰一般 */
html body #OrderPaymentActionSection #PayNowBtn .ActionLabel,html body #OrderPaymentActionSection #PayNowBtn b.Currency,html body #OrderPaymentActionSection #PayNowBtn b.Price{font-size:14px!important}
html body #KYCRequiredModal .Content p,html body [id*=KYC][class*=Modal] p,html body .KYCRequiredModal p{font-size:12px!important;font-weight:400!important;color:#6B7280!important}
/* KYC 填表页：标题跟其他页面标题一样；说明 12 */
html body #KYCContent #KYCContentWrapper .Title h1{font-size:22px!important}
@media(min-width:768px){html body #KYCContent #KYCContentWrapper .Title h1{font-size:24px!important}}
html body #KYCContent#KYCContent #ScanQRCodeSteps .Instruction .C{font-size:12px!important}
/* 顶部 / 头像菜单：有上传照片时，照片填满圆形（2026-10-14） */
html body #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:not(:has(.sxIni)) img,html body #AccountDropDown #AccountDropAccountProfileImage:not(:has(.sxIni2)) img{display:block!important;opacity:1!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
html body #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:not(:has(.sxIni)){position:relative!important}
html body #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:not(:has(.sxIni)) img{position:absolute!important;inset:0!important}
html body #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:not(:has(.sxIni))::before,html body #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage:not(:has(.sxIni))::after{display:none!important}
/* 页码（Jacky 2026-10-15 选 A）：目前页 = 金色按钮渐层白字；其他页 = 浅灰小方块深色字；上一页/下一页箭头透明（全站：My Orders、我的卡、余额、通知、新闻） */
html body .Pagination .whj_jqueryPaginationCss-1{display:flex!important;align-items:center;justify-content:center;gap:6px}html body .Pagination .whj_border{border:0!important;box-shadow:none!important;min-width:36px!important;height:36px!important;padding:0 10px!important;display:flex!important;align-items:center;justify-content:center;font-size:13px!important;font-weight:600!important;cursor:pointer;opacity:1!important}html body .Pagination .whj_jqueryPaginationCss-1 .whj_checked{opacity:1!important}html body .Pagination .whj_border i{font-size:12px!important}html body .Pagination .whj_hoverDisable{opacity:.35!important;cursor:default} html body .Pagination .whj_border{background:#F4F5F7!important;color:#1A1D24!important;border-radius:10px!important}html body .Pagination .whj_border[name=whj_previousPage],html body .Pagination .whj_border[name=whj_nextPage]{background:transparent!important}html body .Pagination .whj_jqueryPaginationCss-1 .whj_checked{background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-weight:800!important}
/* 页码 hover：其他页码鼠标移上去变浅金底金字；箭头变浅灰底；目前页和不能按的箭头不变 */
html body .Pagination .whj_border{transition:background-color .15s,color .15s,transform .15s}
@media(hover:hover){
html body .Pagination .whj_jqueryPaginationCss-1 .whj_border[name=whj_page]:not(.whj_checked):hover{background:#FFF4D6!important;color:#B86A00!important}
html body .Pagination .whj_jqueryPaginationCss-1 .whj_border[name=whj_previousPage]:not(.whj_hoverDisable):hover,html body .Pagination .whj_jqueryPaginationCss-1 .whj_border[name=whj_nextPage]:not(.whj_hoverDisable):hover{background:#F4F5F7!important;color:#1A1D24!important}
}
html body .Pagination .whj_jqueryPaginationCss-1 .whj_border:not(.whj_checked):not(.whj_hoverDisable):active{transform:scale(.94)}

/* 顶部搜索格改成 type=search（不让 Chrome 自动填邮箱）：保持原本样子，不要浏览器自带的 × 和外框 */
header #SearchMenu input[type="search"]{-webkit-appearance:none;appearance:none}
header #SearchMenu input[type="search"]::-webkit-search-cancel-button,header #SearchMenu input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;display:none}

/* 手机选面额弹出层：上面圆角小一点（12px），跟付款方式弹出层一样（Jacky 2026-10-15） */
@media (max-width:800px){html body #ProductContentWrapper .ProductVariantSection[data-display="show" i] .ProductVariantListWrapper{border-radius:12px 12px 0 0!important}}

/* 手机账户页：卡片左右贴满屏幕（Jacky 2026-10-15：My Orders / My Cards / Balance / Notifications / Account / 订单详情）。
   搜索框、筛选按钮、页面标题照旧留边。 */
@media (max-width:767px){
html body #OrderList .OrderListItem,
html body #SuprimxAccount .CardItem,
html body .sxBal .bh,html body .bx>.bhero,html body .bx>.bq,
html body #NotificationList.nL,
html body .qtop>.qc,html body .qtop>.qw,html body .Q>.qc,
html body .sgG>.card,html body .sgG>.sgL{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important;border-radius:20px!important}
}

/* 全站大卡片圆角统一 20px（跟商品页 Select Denomination 框一样），卡片里面的小格子 12px（Jacky 2026-10-15 问为什么圆角不一样） */
html body #OrderPayment .PaymentMethodSectionWrapper{border-radius:20px!important}
/* 付款页：Payment Summary（订单资料）和付款（Pay With、Pay Now）分成两张卡，中间留 12px（Jacky 2026-10-15，参考 SEAGM） */
html body #OrderPayment #OrderInfoSection .ContentBox,html body #OrderPayment #OrderPaymentActionSection>.ContentBox{border-radius:20px!important}
html body #OrderPayment #OrderPaymentActionSection{margin-top:12px!important}
@media (max-width:767px){html body #OrderPayment .PaySide{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}}
html body .AB .wy{border-radius:20px!important}
html body #OrderList .OrderListItem,html body #SuprimxAccount .CardItem{border-radius:20px!important}

/* 付款页手机：页尾链接不要被底部栏盖住 */
/* （底部栏已拿掉 2026-10-17：付款页页尾不用再留底部栏的位置） */
html body #OrderPayment #OrderInfoSection .ContentBox{padding-bottom:18px!important}
html body #OrderPayment #OrderPaymentActionSection>.ContentBox{padding-top:18px!important}

/* 2026-10-15 响应式检查（Jacky：全部照建议改） */
@media (max-width:767px){
/* 首页 Gift Cards / Direct Top-Up 两个框各自按内容决定高度（原本被拉成一样高，Gift Cards 下面空一大块） */
html body #HomePageContent .ProductDisplayListWrapper{align-items:flex-start!important}
/* Account 三个小方块那一排贴满屏幕，跟上下卡片对齐（方块之间空隙保留） */
html body .Q>.qtiles{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}
/* Gift Cards / Direct Top-Up 列表的大白框贴满屏幕，跟账户页一致 */
html body #GiftCardWrapper,html body #DirectTopUpWrapper{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}
}
/* 手机商品页、购物车的卡片也贴满屏幕（Jacky 2026-10-15）；选面额弹出层不受影响 */
@media (max-width:767px){
html body #ProductContentWrapper .ProductVariantSection:not([data-display="show" i]) .ProductVariantListWrapper,
html body #ProductContentWrapper #OrderDetailSection,html body #ProductContentWrapper #OrderQuantitySection,html body #ProductContentWrapper #OrderPurchaseSummary,
html body #ProductDescriptionContent,html body #ProductGuidance,html body #ProductFAQ,
html body main .PurchaseItem.PurchaseItem{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}
}
@media (max-width:767px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}}
/* 商品页下面 More Games / News（另一个对话 product-related-20261015）手机也贴满屏幕 */
@media (max-width:767px){html body .ProductContentSection .Content>.ProductRelated{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}}

/* 手机：贴满屏幕的卡片圆角 12px（Jacky 2026-10-15：先选直角，再改 12）。弹出层、按钮、卡片里的小格子照旧圆角；电脑 / 平板不变 */
@media (max-width:767px){
html body #OrderList .OrderListItem,html body #SuprimxAccount .CardItem,
html body .sxBal .bh,html body .bx>.bhero,html body .bx>.bq,html body #NotificationList.nL,
html body .qtop>.qc,html body .qtop>.qw,html body .Q>.qc,html body .sgG>.card,html body .sgG>.sgL,
html body #GiftCardWrapper,html body #DirectTopUpWrapper,
html body #ProductContentWrapper .ProductVariantSection:not([data-display="show" i]) .ProductVariantListWrapper,
html body #ProductContentWrapper #OrderDetailSection,html body #ProductContentWrapper #OrderQuantitySection,html body #ProductContentWrapper #OrderPurchaseSummary,
html body #ProductDescriptionContent,html body #ProductGuidance,html body #ProductFAQ,
html body .ProductContentSection .Content>.ProductRelated,
html body #OrderPayment #OrderInfoSection .ContentBox,html body #OrderPayment #OrderPaymentActionSection>.ContentBox{border-radius:12px!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem{border-radius:12px!important}
}
@media (max-width:767px){
html body #GiftCardWrapper#GiftCardWrapper,html body #DirectTopUpWrapper#DirectTopUpWrapper,
html body #ProductRelatedProducts#ProductRelatedProducts,html body #ProductRelatedNews#ProductRelatedNews,
html body #NotificationList#NotificationList#NotificationList,
html body main:has(#OrderDetailsWrapper) .sgG>.card.card.card,html body main:has(#OrderDetailsWrapper) .sgG>.sgL.sgL.sgL,
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .CartItem{border-radius:12px!important}
}

/* 次要按钮：亮橙渐变（Jacky 2026-10-15 先选 O3 火焰橙，后改 O1 亮橙 #F26B1D）。金色 = 主要（Buy Now / Checkout / Pay Now / Reload / Log In / Sign Up / KYC），橙色 = 次要（购物车钮 / View Code / History） */
html body #AddToCartBtn#AddToCartBtn,html body .qbtn.o.o{background:linear-gradient(110deg,#FF8A3D 0%,#F26B1D 55%,#D9540F 100%)!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(242,107,29,.28)!important;transition:transform .15s,filter .15s!important}
html body #AddToCartBtn#AddToCartBtn *,html body .ShowCardInfoBtn.ShowCardInfoBtn *,html body .qbtn.o.o *{color:#fff!important;fill:#fff!important}
@media (hover:hover){html body #AddToCartBtn#AddToCartBtn:hover,html body .ShowCardInfoBtn.ShowCardInfoBtn:hover,html body .qbtn.o.o:hover{filter:brightness(1.06)!important;transform:translateY(-2px)!important}}
html body #AddToCartBtn#AddToCartBtn:active,html body .ShowCardInfoBtn.ShowCardInfoBtn:active,html body .qbtn.o.o:active{transform:scale(.98)!important;filter:brightness(.95)!important}

/* 订单详情 Live Chat：白底金框 + 金色耳机图示，跟右下角金色客服图示同一套（Jacky 2026-10-15 选 C） */
html body main:has(#OrderDetailsWrapper) .b2.b2{background:#fff!important;background-image:none!important;color:#C98500!important;border:0!important;box-shadow:inset 0 0 0 1.5px #F2A100!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
html body main:has(#OrderDetailsWrapper) .b2.b2::before{content:"\f590";font-family:"Font Awesome 6 Free";font-weight:900;color:#F29A00;font-size:15px}
@media (hover:hover){html body main:has(#OrderDetailsWrapper) .b2.b2:hover{background:#FFF8E8!important}}

/* Buy Again 文字链接：O1 亮橙，跟次要按钮同色（Jacky 2026-10-15 选 B） */
html body .sxBuyAgain.sxBuyAgain.sxBuyAgain,html body main:has(#OrderDetailsWrapper) .b3.b3{color:#F26B1D!important;text-decoration-color:#F26B1D!important}
/* 手机底部栏 5 格（Jacky 2026-10-15）：字小一点，Notifications 才放得下 */
@media (max-width:1023px){html body .SxTab{grid-template-columns:repeat(5,1fr)!important}html body .SxTab a{font-size:10px!important;white-space:nowrap!important;letter-spacing:-.1px}} /* 2026-10-17 Jacky：全站最小字 10（跟 SEAGM） */
/* 底部栏 Notifications 未读数字：盖在铃铛图示上，加 2px 白边（跟 Account 订单数字一样）Jacky 2026-10-15 */
html body .SxTab a.sxNt em{box-shadow:0 0 0 2px #fff!important}
/* 所有数字圆点同一款（Jacky 2026-10-15）：金色渐层圆、白字 800、高 20px；盖在图示上的再加 2px 白边 */
html body .SxTab a.sxNt em,html body #AccountDropDown .sxDdN,html body #SuprimxAccount #SideBar #SideBarMenu a:is([data-couter]):not([data-couter="0"],[data-couter=""])::after{background:linear-gradient(110deg,#FFB21A,#F29A00)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:800 10px/20px Manrope,system-ui,sans-serif!important;min-width:20px!important;max-width:none!important;height:20px!important;padding:0 6px!important;box-sizing:border-box!important;border-radius:999px!important;text-align:center!important}
html body .SxTab a.sxNt em{top:-5px!important}
/* 通知数字用红色（Jacky 2026-10-15）；Account 订单数字保持金色。形状大小不变 */
html body .SxTab a.sxNt em,html body #AccountDropDown .sxDdN,html body #SuprimxAccount #SideBar #SideBarMenu a:is([data-couter]):not([data-couter="0"],[data-couter=""])::after{background:linear-gradient(110deg,#F0525B,#E23B3B)!important}
/* 顶部头像通知数字：跟其他数字圆点同一款（红色、20px、白字 800）；盖在头像上，加 2px 边，用顶部深色（黑底上白边太显眼）Jacky 2026-10-15 */
html body header #HeaderProfilePreview#HeaderProfilePreview#HeaderProfilePreview[data-unread-notifications]::after{top:-6px!important;right:-10px!important;background:linear-gradient(110deg,#F0525B,#E23B3B)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:800 10px/20px Manrope,system-ui,sans-serif!important;min-width:20px!important;height:20px!important;padding:0 6px!important;box-sizing:border-box!important;border-radius:999px!important;box-shadow:0 0 0 2px #1A1D24!important}
html body #AccountDropDown .AccountMenu a .sxDdN.sxDdN{font:800 10px/20px Manrope,system-ui,sans-serif!important}
/* Retrieve Code（My Orders、订单详情）：跟 My Cards 的 View Code 同一个动作，用同一个亮橙（Jacky 2026-10-15） */
html body #OrderList .PurchaseProductItem .sxActs>a[href*="/my-card/"],html body main:has(#OrderDetailsWrapper) button.b1.b1,html body #CardList .CardItem .ShowCardInfoBtn.ShowCardInfoBtn{background:linear-gradient(110deg,#FF8A3D 0%,#F26B1D 55%,#D9540F 100%)!important;color:#fff!important;box-shadow:0 6px 16px rgba(242,107,29,.28)!important;border:0!important;transition:transform .15s,filter .15s!important} /* Retrieve Code / View Code 保持橙色（Jacky 2026-10-17 看过绿色后决定不要） */
html body #OrderList .PurchaseProductItem .sxActs>a[href*="/my-card/"] *,html body main:has(#OrderDetailsWrapper) button.b1.b1 *,html body #CardList .CardItem .ShowCardInfoBtn.ShowCardInfoBtn *{color:#fff!important}
/* My Orders 平板 / 小电脑（768–1199）：栏宽固定，每张订单卡的金额、状态、按钮上下对齐（原本 auto，有状态和没状态的卡会错开）2026-10-15 */
@media (min-width:768px) and (max-width:1199px){html body #PurchasesWrapper #OrderList .OrderListItem .PurchaseProductItem.PurchaseProductItem{grid-template-columns:minmax(0,1fr) 80px 104px 148px!important;column-gap:12px!important}html body #OrderList .PurchaseProductItem .ProductItemDeliveryStatus{grid-column:3!important}html body #OrderList .PurchaseProductItem .ViewCardActionSection{grid-column:4!important}}
/* My Cards「New」标签：亮橙，跟 View Code 同色（Jacky 2026-10-16） */
html body #CardList .NewCardIcon.NewCardIcon{background:linear-gradient(110deg,#FF8A3D 0%,#F26B1D 55%,#D9540F 100%)!important;color:#fff!important}
/* 电脑 / 平板圆角收小（Jacky 2026-10-16「框太圆」）：跟 SEAGM 一样：大框 12px、框里面的小框 8px（Jacky 2026-10-16 规则：小东西都 8） */
@media (min-width:768px){
html body #SideBarContent.sx,html body #SuprimxAccount #SideBarContent,html body #SuprimxAccount #SideBarMenu,
html body .Q .qc,html body .Q .qw,html body .Q .qt,
html body .ProductVariantListWrapper,html body #ProductContentWrapper #OrderDetailSection,html body #ProductContentWrapper #OrderQuantitySection,html body #ProductContentWrapper #OrderPurchaseSummary,html body #ProductDescriptionContent,html body #ProductGuidance,html body #ProductFAQ,html body .ProductContentSection .Content>.ProductRelated,
html body .sgG>.card,html body .sgG>.sgL,html body #OrderPayment .ContentBox.ContentBox,html body #OrderPayment .PaymentMethodSectionWrapper,
html body #GiftCardWrapper,html body #DirectTopUpWrapper,html body .ContactMethodItem,html body .AB .wy{border-radius:12px!important}
html body #OrderList .OrderListItem.OrderListItem,html body #SuprimxAccount .CardItem.CardItem,html body #NotificationList.nL,html body .sxBal .bh,html body .bx>.bhero,html body .bx>.bq{border-radius:8px!important}
html body #OrderPayment #OrderInfoSection .ContentBox.ContentBox,html body #OrderPayment #OrderPaymentActionSection>.ContentBox.ContentBox{border-radius:12px!important}
}
@media (min-width:768px){html body #NotificationList#NotificationList.nL{border-radius:8px!important}html body #ProductRelatedProducts#ProductRelatedProducts,html body #ProductRelatedNews#ProductRelatedNews{border-radius:12px!important}}
@media (min-width:768px){html body main:has(#OrderDetailsWrapper) .sgG>.card.card.card,html body main:has(#OrderDetailsWrapper) .sgG>.sgL.sgL.sgL,html body #GiftCardWrapper#GiftCardWrapper,html body #DirectTopUpWrapper#DirectTopUpWrapper{border-radius:12px!important}}
@media (min-width:768px){html body main:has(#OrderDetailsWrapper) .card.card.card,html body #ContactFormContent#ContactFormContent,html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem,html body #PurchaseSummarySection#PurchaseSummarySection{border-radius:12px!important}}
@media (min-width:768px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem.PurchaseItem{border-radius:8px!important}html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{border-radius:12px!important}}
@media (min-width:768px){html body #NotificationList .nr.nr,html body .ProductVariantListWrapper .VariantItemOption.VariantItemOption,html body #OrderPurchaseSummary #SummaryDetail#SummaryDetail,html body #ProductRelatedNews .RelatedCover.RelatedCover{border-radius:8px!important}}
/* 订单搜索框也收方（Jacky 2026-10-16「这个也不要那么圆」，跟 SEAGM 6px） */
html body #FilterSearch .CustomSearchInput.CustomSearchInput{border-radius:8px!important}
html body #FilterSearch .CustomSearchInput.CustomSearchInput button{border-radius:6px!important}
/* 电脑 My Cards 每张卡高一点（Jacky「框的高度会不会太矮」）：上下 18px、图 52px，接近 My Orders 商品行 */
@media (min-width:768px){html body #CardList .CardItem.CardItem{padding:18px 22px!important}}
/* 顶部搜索框也收方（Jacky「其他 search 也要改」）：框 6px、金色按钮 4px */
html body #HeaderNav #SearchMenu#SearchMenu{border-radius:8px!important}
html body #HeaderNav #SearchMenu#SearchMenu>a{border-radius:6px!important}
/* 订单搜索的放大镜：去掉灰底块，只留图标（跟 SEAGM 一样），鼠标移上去才有浅灰 */
html body #FilterSearch .CustomSearchInput.CustomSearchInput button{background:transparent!important}
html body #FilterSearch .CustomSearchInput.CustomSearchInput button:hover{background:#F2F2EE!important}
/* 顶部搜索按钮也去掉金色底块，只留深色放大镜（Jacky「拿掉，其他的 search 也要」），跟订单搜索一样 */
html body #HeaderNav #SearchMenu#SearchMenu>a{background:transparent!important;box-shadow:none!important}
html body #HeaderNav #SearchMenu#SearchMenu>a:hover{background:#F2F2EE!important}
html body #HeaderNav #SearchMenu#SearchMenu>a,html body #HeaderNav #SearchMenu#SearchMenu>a *{color:#1A1D24!important}
html body #HeaderNav #SearchMenu#SearchMenu #SearchIconDisplay#SearchIconDisplay::before{color:#1A1D24!important}
html body header#header #HeaderNav #SearchMenu#SearchMenu #SearchIconDisplay#SearchIconDisplay::after,html body #HeaderNav #SearchMenu#SearchMenu #SearchIconDisplay#SearchIconDisplay::after{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;background:none!important;box-shadow:none!important}
/* 打字时（搜索框被点中）：不要金色底块，放大镜变金色 */
html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within button{background:transparent!important;box-shadow:none!important;color:#F29A00!important}
html body #HeaderNav #SearchMenu#SearchMenu:focus-within #SearchIconDisplay#SearchIconDisplay::before,html body #HeaderNav #SearchMenu#SearchMenu:focus-within #SearchIconDisplay#SearchIconDisplay::after{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}
/* 搜索框大小（Jacky 2026-10-16 可以改）：订单搜索高 44 跟旁边标签一样；电脑顶部搜索加长到 280 */
html body #FilterSearch .CustomSearchInput.CustomSearchInput{height:44px!important;min-height:44px!important}
html body #FilterSearch .CustomSearchInput.CustomSearchInput input{height:40px!important}
@media (min-width:1200px){html body #HeaderNav #SearchMenu#SearchMenu{width:280px!important}}
@media (min-width:1200px){html body #HeaderNav #SearchMenu#SearchMenu input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}}
/* 手机点搜索框会变黑（旧深色版 main.gen.css「#HeaderNav #SearchMenu:focus-within」#262a33 没清掉）→ 打字时保持白底金边，跟电脑一样 */
html body #HeaderNav #SearchMenu#SearchMenu:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;border:1.5px solid transparent!important;box-shadow:0 0 0 3px rgba(242,169,0,.18)!important;border-radius:8px!important}
html body #HeaderNav #SearchMenu#SearchMenu:focus-within input{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;background:transparent!important}
html body #HeaderNav #SearchMenu#SearchMenu input::placeholder,html body #HeaderNav #SearchMenu#SearchMenu:focus-within input::placeholder{color:#9AA0A6!important;-webkit-text-fill-color:#9AA0A6!important;opacity:1!important}
/* 搜索结果页（/search）漏掉的：搜索框跟其他搜索一样 6px、高 44、放大镜无底块；左边框和结果卡 12px */
html body .SearchProductInputWrapper.SearchProductInputWrapper{border-radius:8px!important;height:44px!important;min-height:44px!important}
html body .SearchProductInputWrapper.SearchProductInputWrapper input::placeholder{color:#9AA0A6!important}
html body .SearchProductInputWrapper #SearchProductSearchBtn#SearchProductSearchBtn{background:transparent!important;box-shadow:none!important;border-radius:6px!important;color:#1A1D24!important}
html body .SearchProductInputWrapper #SearchProductSearchBtn#SearchProductSearchBtn:hover{background:#F2F2EE!important}
html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within #SearchProductSearchBtn#SearchProductSearchBtn,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within #SearchProductSearchBtn i{color:#F29A00!important;background:transparent!important}
html body #SearchSideBarSection#SearchSideBarSection,html body .ResultWrapper .ResultItemList>li>a{border-radius:12px!important}
/* 头像下拉菜单、页脚联系框也统一 12px */
html body #AccountDropDown#AccountDropDown .AccountDropDownWrapper.AccountDropDownWrapper,html body #BusinessInfoSection#BusinessInfoSection .BusinessInfoItem.BusinessInfoItem{border-radius:12px!important}
/* === 输入框和剩下的框统一（Jacky 2026-10-16 清单）：输入框 6；大框 12；电脑框内小框 6、手机 12 === */
html body .CustomInput.CustomInput,html body .DirectTopUpField.DirectTopUpField,html body #QtyWrapper#QtyWrapper,html body .QtyAdjustBox.QtyAdjustBox{border-radius:8px!important}
html body #LoginAuthContent#LoginAuthContent>.InnerContent,html body .KYCResultContentWrapper.KYCResultContentWrapper,html body .footer-SocialMediaItem.footer-SocialMediaItem{border-radius:12px!important}

@media (max-width:767px){html body .qtiles2 .qt.qt,html body .ContactMethodItem.ContactMethodItem,html body #ShoppingCartPage #PurchaseSummarySection#PurchaseSummarySection{border-radius:12px!important}}

/* === Jacky 2026-10-16 检查后修正 === */
/* 购物车：标题和商品是同一张卡，标题只圆上面、商品区只圆下面（之前标题四角都圆，中间断开） */
@media (min-width:768px){html body #ShoppingCartPage #CartWrapper .Title.Title.Title{border-radius:12px 12px 0 0!important}html body #ShoppingCartPage #CartWrapper #PurchaseItemSection#PurchaseItemSection{border-radius:0 0 12px 12px!important}}
/* 购物车（手机）：不要底部 5 格栏，结算栏贴到最底（跟 Shopee 购物车一样） */
@media (max-width:767px){html body:has(#ShoppingCartPage) nav.SxTab{display:none!important}html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{bottom:0!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}html body:has(#ShoppingCartPage) #LiveChatWidgetSection{bottom:96px!important}}
/* 搜索结果页（手机）Gift Cards / Direct Top-Up 选项：跟 My Orders 的标签一样 12 */

/* 登入切换条：外面的灰条也做成胶囊，跟里面选中的那格一致 */

/* My Cards（电脑）：×1 放在商品名字旁边，不要挤在 View Code 旁边 */
@media (min-width:1200px){html body #CardList .CardItem .Product.Product{grid-template-columns:auto auto!important;justify-content:start!important;column-gap:20px!important}}
/* 订单详情（电脑）：金额/数量往左靠，排法跟 My Orders 一样 */
@media (min-width:1024px){html body #OrderDetailsWrapper .sgItem .sgPr.sgPr{grid-template-columns:60px minmax(0,300px) 100px auto!important;justify-content:start!important;column-gap:20px!important}}
/* 输入框：白底 + 灰色边线（改在各页原本的输入框规则里，Jacky 2026-10-16），打字时还是金边 */
@media (min-width:1200px){html body #CardList .CardItem .Product .PurchaseQty.PurchaseQty{justify-self:start!important;margin-left:0!important}}
html body #ContactFormContent#ContactFormContent .CustomInput.CustomInput{border-width:1.5px!important}
@media (min-width:1200px){html body #CardList .CardItem .Product.Product{justify-content:flex-start!important;gap:20px!important}html body #CardList .CardItem .Product.Product>a{flex:0 1 auto!important;width:auto!important}}
/* ================= SuprimX 框的规则（Jacky 2026-10-16 确认，设计稿/框的规则-20261016）=================
   1 大框 12 ｜ 2 大框里面的小框 电脑 8 / 手机 12，只有浅灰线 ｜ 3 输入框 8、高 44、白底浅灰线、打字金边
   4 资料框 8、灰底无线 ｜ 5 选项 8、高 44、白底浅灰线，选中金边浅金底 ｜ 6 按钮、小标签全圆 */
/* 2 小框（电脑）：只有一圈浅灰线，没有阴影 */
@media (min-width:768px){html body #OrderList .OrderListItem.OrderListItem,html body #SuprimxAccount .CardItem.CardItem,html body #NotificationList#NotificationList.nL,html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem.PurchaseItem{box-shadow:0 0 0 1px #ECEDEF!important}}
/* 3 输入框：高 44（留言框除外） */
html body .CustomInput.CustomInput:not(#MessageContentInput),html body .DirectTopUpField.DirectTopUpField{height:44px!important;min-height:44px!important;box-sizing:border-box!important}
/* 4 资料框：8，灰底，没有边线 */
html body .VerificationFailedReason.VerificationFailedReason,html body #OrderPurchaseSummary #SummaryDetail#SummaryDetail,html body .sgRf.sgRf,html body #ImportantNotes#ImportantNotes{border-radius:8px!important}
html body .VerificationFailedReason.VerificationFailedReason,html body #OrderPurchaseSummary #SummaryDetail#SummaryDetail{background:#F4F5F7!important;border:1px solid #E3E5E8!important;box-shadow:none!important} /* 2026-10-17 Jacky：资料框加一条细灰线 */
/* 5 选项：8、高 44、白底浅灰线；选中 = 金边 + 浅金底 */
html body .ProductVariantListWrapper .VariantItemOption.VariantItemOption{border-radius:8px!important}
html body .sxBal .bchips>button,html body #LoginMethodTab#LoginMethodTab button,html body #SearchSideBarSection#SearchSideBarSection li>a{border-radius:8px!important;height:44px!important;min-height:44px!important;background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;color:#3F4350!important;box-sizing:border-box!important}
html body .sxBal .bchips>button.on,html body #LoginMethodTab#LoginMethodTab button.sxOn,html body #SearchSideBarSection#SearchSideBarSection li>a.on{background:#FFFBF1!important;border-color:#F2A900!important;color:#C47A00!important;font-weight:700!important}
html body #LoginMethodTab#LoginMethodTab ul{background:transparent!important;padding:0!important;gap:8px!important;border-radius:0!important}
@media (max-width:767px){html body #FilterTab#FilterTab li>a{border-radius:8px!important;height:44px!important;background:#fff!important;box-shadow:none!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important}html body #FilterTab#FilterTab li>a.ActiveTab{background:#FFFBF1!important;border-color:#F2A900!important;color:#C47A00!important}html body #FilterTab#FilterTab li>a.ActiveTab::after,html body #FilterTab#FilterTab li>a.ActiveTab::before{display:none!important}}
/* 付款页（手机）：跟购物车一样不要底部栏 */
@media (max-width:767px){html body:has(#OrderPayment) nav.SxTab{display:none!important}}
/* 登入 / 注册 / 忘记密码（手机）：白框跟内容一样高，下面不要空一大块 */
@media (max-width:767px){html body #LoginFormWrapper#LoginFormWrapper{height:auto!important;min-height:0!important}html body main[id$=Content]>.InnerContent{height:auto!important;min-height:0!important}}
/* 搜索结果页（手机）：跟 My Orders 一样满屏 */
@media (max-width:767px){html body #SearchSideBarSection#SearchSideBarSection,html body .ResultWrapper .ResultItemList>li>a{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:auto!important}}
@media (max-width:767px){html body #SearchResultSection .ResultWrapper.ResultWrapper{overflow:visible!important}}

/* 余额页记录分类 All / Reload…：手机跟订单标签一样做成选项；电脑保持下划线标签（跟 My Orders 电脑一样） */
@media (max-width:767px){html body .sxBal .bf>button{border-radius:8px!important;height:44px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box!important}html body .sxBal .bf>button.on{background:#FFFBF1!important;border-color:#F2A900!important;color:#C47A00!important}html body .sxBal .bf>button.on::after{display:none!important}}
/* 5 选项：面额选项和付款方式用同一个样子（Jacky「选择 variant 和选择 payment method 的框不一样？」）
   平时 = 白底 + 1.5px 浅灰线；选中 = 浅金底 + 1.5px 金线，没有发光阴影；圆角 8 */
html body .ProductVariantListWrapper .VariantItemOption.VariantItemOption{background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important}
html body .ProductVariantListWrapper .VariantItemOption.VariantItemOption[is-selected=true i]{background:#FFFBF1!important;background-image:none!important;border:1.5px solid #F2A900!important;box-shadow:none!important}
html body #OrderPayment .PaymentMethodItem.PaymentMethodItem{border-radius:8px!important;background:#fff!important;box-shadow:0 0 0 1.5px #E3E5E8!important}
html body #OrderPayment .PaymentMethodItem.PaymentMethodItem:has(input.PaymentMethodSelectionCheckBox:checked){background:#FFFBF1!important;box-shadow:0 0 0 1.5px #F2A900!important}
html body #OrderPayment .SectionTitle.SectionTitle{border-radius:8px!important}
@media (max-width:1023px){html body #OrderPayment #OrderPaymentActionSection .SectionTitle.SectionTitle{background:#FFFBF1!important;background-image:none!important;border:1.5px solid #F2A900!important;box-shadow:none!important}}
/* 电脑付款页右边的 Pay With 只是显示已选的方式 = 资料框（灰底 + 细灰线，2026-10-17） */@media (min-width:1024px){html body #OrderPayment #OrderPaymentActionSection .SectionTitle.SectionTitle{background:#F4F5F7!important;background-image:none!important;border:1px solid #E3E5E8!important;box-shadow:none!important}}
/* 5 选项（选中）：浅金底 + 渐变金线（亮金→古铜），全站所有选中的选项都一样（Jacky 2026-10-16 选 B） */
html body .ProductVariantListWrapper .VariantItemOption.VariantItemOption[is-selected=true i],
html body #OrderPayment .PaymentMethodItem.PaymentMethodItem:has(input.PaymentMethodSelectionCheckBox:checked),
html body .sxBal .bchips>button.on,html body #LoginMethodTab#LoginMethodTab button.sxOn,html body #SearchSideBarSection#SearchSideBarSection li>a.on,html body #LoginAuthContent #LoginMethodTab#LoginMethodTab button.sxOn,html body #SignUpContent #LoginMethodTab#LoginMethodTab button.sxOn
{border:1.5px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}
@media (max-width:767px){html body .sxBal .bf>button.on,html body #FilterTab#FilterTab li>a.ActiveTab{border:1.5px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}}
@media (max-width:1023px){html body #OrderPayment #OrderPaymentActionSection .SectionTitle.SectionTitle{border:1.5px solid transparent!important;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}}
/* 漏掉的补上：注册 / 忘记密码白框 12；KYC 结果框 12、Reason 8；商品页提示里面的白色泡泡 8；倒数时间小标签全圆 */
html body #SignUpContent>.InnerContent,html body #SignUpVerificationContent>.InnerContent,html body #ForgotPasswordContent>.InnerContent,html body #ForgotPasswordRecoveryContent>.InnerContent,html body #KYCResultContent .KYCResultContentWrapper.KYCResultContentWrapper{border-radius:12px!important}
html body #KYCResultContent .VerificationFailedReason.VerificationFailedReason,html body #ImportantNotes#ImportantNotes>div{border-radius:8px!important}
html body #KYCResultContent .VerificationFailedReason.VerificationFailedReason{background:#F4F5F7!important}
html body .sxCd.sxCd{border-radius:999px!important}
html body #SignUpContent#SignUpContent>.InnerContent.InnerContent,html body #SignUpVerificationContent#SignUpVerificationContent>.InnerContent.InnerContent,html body #ForgotPasswordContent#ForgotPasswordContent>.InnerContent.InnerContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent>.InnerContent.InnerContent{border-radius:12px!important}
/* 余额 Other 金额输入框：跟其他输入框一样（8、白底、灰线，打字金边）；里面的输入不要另一块灰底，不要上下箭头 */
html body .sxBal .bother.bother{border-radius:8px!important;border-width:1.5px!important}
html body .sxBal .bother.bother:not(:focus-within){background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important}
html body .sxBal .bother.bother input{background:transparent!important;text-align:left!important;-moz-appearance:textfield}
html body .sxBal .bother.bother input::-webkit-outer-spin-button,html body .sxBal .bother.bother input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Profile Settings（之前漏掉的一页）：上面资料卡和两个大框 12；显示中的资料（还没按 Edit）是资料框 8 */
html body #SuprimxAccount .sxHero.sxHero,html body #SuprimxAccount .SectionBox.SectionBox,html body #AccountSettingProfileSection#AccountSettingProfileSection,html body #AccountSettingPasswordSection#AccountSettingPasswordSection{border-radius:12px!important}
html body #SuprimxAccount .DisplayInfo.DisplayInfo{border-radius:8px!important}
/* 之前漏掉的页：Mobile Recharge、About（手机）、条款 / 隐私政策 —— 大框 12，选中的目录项 8 */
html body .MobileRechargeSection.MobileRechargeSection,html body #OrderPurchaseSummary#OrderPurchaseSummary.MobileRechargeSection,html body .AB .wy.wy,html body .sxToc.sxToc,html body main .C.C:has(h1,h2,h3,p){border-radius:12px!important}
html body .sxToc.sxToc .on{border-radius:8px!important}
html body #LegalDocumentContent#LegalDocumentContent .InnerContent>.C.C{border-radius:12px!important}
/* Mobile Recharge 电话号码框：跟其他输入框一样白底 */
html body .MobileRechargeSection .DirectTopUpField.DirectTopUpField:not(:focus-within){background:#fff!important}
/* 手机：内容框满屏（Jacky：有些框不是满屏）—— Profile Settings、Mobile Recharge、About、条款 / 隐私政策。
   例外：登入 / 注册 / 忘记密码 / KYC 结果这种一页一张卡的，保持浮在中间 */
@media (max-width:767px){html body #MobileRechargePage .MobileRechargeSection.MobileRechargeSection,html body #AboutUsPage .AB .wy.wy,html body #LegalDocumentContent#LegalDocumentContent .InnerContent>.C.C,html body #AccountSettingsWrapper .sxHero.sxHero,html body #AccountSettingsWrapper .SectionBox.SectionBox{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}}
/* 弹窗也是大框：12（跟付款方式弹窗一致）；手机从底部弹出的只圆上面 */
html body #AccountModifyPasswordModal#AccountModifyPasswordModal .ContentWrapper.ContentWrapper,html body #RetrieveCodeModal#RetrieveCodeModal .ContentWrapper.ContentWrapper,html body #KYCRequiredModal#KYCRequiredModal .modal-dialog,html body #KYCRequiredModal#KYCRequiredModal .modal-content{border-radius:12px!important}
@media (max-width:767px){html body #AccountModifyPasswordModal#AccountModifyPasswordModal .ContentWrapper.ContentWrapper{border-radius:12px 12px 0 0!important}}
@media (max-width:767px){html body #ContactUsMethod .ContactMethodItem.ContactMethodItem{margin-left:-16px!important;margin-right:-16px!important;width:auto!important;max-width:none!important}}
/* About 页手机版金龙装饰超出屏幕，页面能左右滑（正式网站本来就有）→ 裁掉超出的部分 */html body #AboutUsPage#AboutUsPage{overflow-x:clip!important}
/* 手机：登入 / 注册 / 忘记密码 / KYC 结果也满屏（Jacky 2026-10-16 选 B）：卡片贴两边、只圆上面、一直铺到底，不留灰色空白 */
@media (max-width:767px){
html body main#LoginAuthContent,html body main#SignUpContent,html body main#SignUpVerificationContent,html body main#ForgotPasswordContent,html body main#ForgotPasswordRecoveryContent{padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
html body #LoginAuthContent#LoginAuthContent>.InnerContent.InnerContent,html body #SignUpContent#SignUpContent>.InnerContent.InnerContent,html body #SignUpVerificationContent#SignUpVerificationContent>.InnerContent.InnerContent,html body #ForgotPasswordContent#ForgotPasswordContent>.InnerContent.InnerContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent>.InnerContent.InnerContent{margin:0!important;width:auto!important;max-width:none!important;border-radius:12px 12px 0 0!important;box-shadow:0 -6px 24px rgba(26,29,36,.10)!important}
html body #KYCResultContent#KYCResultContent{padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
html body #KYCResultContent .KYCResultContentWrapper.KYCResultContentWrapper{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important;border-radius:12px 12px 0 0!important;min-height:calc(100dvh - 86px)!important;padding-bottom:90px!important;box-sizing:border-box!important}
}
/* 顶部搜索平时不用渐变金线（黑底上右边古铜色看起来脏）：平时白框浅灰线，打字时才金线 —— 跟输入框规则一样 */html body #HeaderNav #SearchMenu#SearchMenu:not(:focus-within){background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important}
/* 手机登入 / 注册 / 忘记密码：白框照内容高度贴在最下面，游戏背景图铺满上面（Jacky：下面都是空白）*/
@media (max-width:767px){
html body main#LoginAuthContent,html body main#SignUpContent,html body main#ForgotPasswordContent,html body main#SignUpVerificationContent,html body main#ForgotPasswordRecoveryContent{min-height:calc(100dvh - 58px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body main#LoginAuthContent .LgWall,html body main#SignUpContent .LgWall,html body main#ForgotPasswordContent .LgWall,html body main#SignUpVerificationContent .LgWall,html body main#ForgotPasswordRecoveryContent .LgWall{height:100%!important;top:0!important}
html body main#LoginAuthContent .LgShade,html body main#SignUpContent .LgShade,html body main#ForgotPasswordContent .LgShade,html body main#SignUpVerificationContent .LgShade,html body main#ForgotPasswordRecoveryContent .LgShade{background:linear-gradient(rgba(26,29,36,.55) 0%,rgba(26,29,36,.35) 60%,rgba(26,29,36,.55) 100%)!important;height:100%!important}
html body #LoginAuthContent#LoginAuthContent>.InnerContent.InnerContent,html body #SignUpContent#SignUpContent>.InnerContent.InnerContent,html body #ForgotPasswordContent#ForgotPasswordContent>.InnerContent.InnerContent,html body #SignUpVerificationContent#SignUpVerificationContent>.InnerContent.InnerContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent>.InnerContent.InnerContent{margin-top:auto!important;min-height:0!important;width:100%!important;align-self:stretch!important;box-sizing:border-box!important;padding-bottom:84px!important}
}
/* 手机登入 / 注册 / 忘记密码：Welcome 字放在图片区正中间（大小不变），字后面加柔和暗影，背景花也看得清 */
@media (max-width:767px){html body main#LoginAuthContent .LgSay,html body main#SignUpContent .LgSay,html body main#ForgotPasswordContent .LgSay,html body main#SignUpVerificationContent .LgSay,html body main#ForgotPasswordRecoveryContent .LgSay{margin-top:auto!important;margin-bottom:auto!important;padding:18px 0!important;background:radial-gradient(60% 70% at 50% 50%,rgba(16,18,24,.55),rgba(16,18,24,0) 75%)!important}
html body main .LgSay h2{text-shadow:0 2px 14px rgba(0,0,0,.45)!important}
html body #LoginAuthContent#LoginAuthContent>.InnerContent.InnerContent,html body #SignUpContent#SignUpContent>.InnerContent.InnerContent,html body #ForgotPasswordContent#ForgotPasswordContent>.InnerContent.InnerContent,html body #SignUpVerificationContent#SignUpVerificationContent>.InnerContent.InnerContent,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent>.InnerContent.InnerContent{margin-top:0!important}}
/* ===== 全站 UI 审查（2026-10-16）直接修正 ===== */
/* F1 平板（768–1199）顶部：搜索框左边多一块半透明灰底 */
@media (min-width:768px) and (max-width:1199px){html body header #HeaderNav#HeaderNav{background:transparent!important;box-shadow:none!important}}
/* F2 搜索没结果的页面：搜索框照输入框规则（8、白底灰线、只有放大镜） */
html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection{border-radius:8px!important;height:44px!important;background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important}
html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within{border-color:#F2A900!important;box-shadow:0 0 0 3px rgba(242,169,0,.15)!important}
html body #DefualtSearchBarSection #SearchProductSearchBtn#SearchProductSearchBtn{background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:6px!important;color:#1A1D24!important}
html body #DefualtSearchBarSection #SearchProductSearchBtn#SearchProductSearchBtn *{color:#1A1D24!important}
/* F3 平板（到 1023）购物车、付款页也不要底部栏，结算栏贴底 */
@media (max-width:1023px){html body:has(#ShoppingCartPage) nav.SxTab,html body:has(#OrderPayment) nav.SxTab{display:none!important}html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{bottom:0!important}}
/* F4/F11 手指好按：图标和小连结的可按范围放大到约 40，样子不变 */
@media (max-width:767px){
html body header #HeaderNav a[href="/cart"],html body header #SearchMenu>a{position:relative!important}
html body header #HeaderNav a[href="/cart"]::before,html body header #SearchMenu>a::before,html body .sxBuyAgain::before,html body .b3::before,html body .RelatedMore::before,html body .DeleteCartItemBtn::before{content:""!important;position:absolute!important;inset:-9px!important;display:block!important;background:none!important}
html body .sxBuyAgain,html body .b3,html body .RelatedMore,html body .DeleteCartItemBtn{position:relative!important}}
/* F5 My Orders（手机）：4 个分类刚好放满一行，不超出屏幕 */
@media (max-width:767px){html body #FilterTab#FilterTab ul{display:grid!important;grid-template-columns:auto 1fr 1fr 1fr!important;gap:6px!important;width:100%!important;overflow:visible!important}html body #FilterTab#FilterTab li{width:auto!important;min-width:0!important}html body #FilterTab#FilterTab li>a{padding:0 8px!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important}}
/* F10 页码（手机）：不要左右多出来 18，放在中间 */
@media (max-width:767px){html body .Pagination.Pagination{margin-left:0!important;margin-right:0!important;width:100%!important;justify-content:center!important;box-sizing:border-box!important}html body .Pagination [class*=jqueryPagination]{width:auto!important;margin:0 auto!important;justify-content:center!important}}
/* F6/F9 最小字号 11：商品小字、New 标签 */
html body .ProductVariant.ProductVariant,html body .sgPn span,html body #OrderList .PurchaseProductItem .ProductVariant,html body #CardList .NewCardIcon.NewCardIcon{font-size:10px!important}
/* F8 倒数时间是小标签 → 全圆 */
html body .sgCd.sgCd{border-radius:999px!important}
html body #CardList .PuchaseItemInfo .ProductVariant.ProductVariant.ProductVariant,html body #OrderList .PuchaseItemInfo .ProductVariant.ProductVariant.ProductVariant,html body main .sgItem .sgPr .sgPn.sgPn span{font-size:10px!important}
/* 结算（手机 / 平板）：不要固定在屏幕底下，跟商品页 Buy Now 一样放在页面里、商品下面（Jacky 2026-10-16「我 Buy Now 都没有在底下」） */
@media (max-width:767px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;grid-column:1!important;grid-row:auto!important;margin:12px 0 0!important;padding:16px!important;border-radius:12px!important;box-shadow:0 0 0 1px #ECEDEF!important;width:auto!important}
html body #ShoppingCartPage{padding-bottom:24px!important}html body:has(#ShoppingCartPage) #LiveChatWidgetSection{bottom:80px!important}}
@media (max-width:767px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{margin:12px -16px 0!important}}
/* 平板购物车（768–1023）：直接用电脑版的排法（Jacky「desktop 的是这样啊」），原本 shopping-cart 的 ≤1023 手机排法改成只给 ≤767 */
@media (min-width:768px) and (max-width:1023px){
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #CartWrapper:has(#PurchaseItemSection){grid-template-columns:1fr!important;row-gap:12px!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #CartWrapper>.Title{grid-column:1!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseItemSection{grid-column:1!important;grid-row:auto!important;margin-top:-12px!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{grid-column:1!important;grid-row:auto!important;position:static!important;margin:0!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .CartItem{grid-template-columns:22px 52px minmax(0,1fr) 84px 112px 76px 24px!important;column-gap:10px!important}}
@media (min-width:768px) and (max-width:1023px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #PurchaseSummarySection{justify-self:end!important;width:340px!important;max-width:100%!important;box-sizing:border-box!important}}
/* ===== 交互效果：不要让人觉得慢（Jacky 2026-10-16）===== */
html body .sxRv,html body .sxRv.sxIn{opacity:1!important;transform:none!important;transition:none!important}
html body img.sxImgIn{animation-duration:.15s!important}
html body .sxOk .sxPrTop h1,html body .sxOk .sxPrTop p,html body .sxOk .sxPrAmt{animation:none!important;opacity:1!important;transform:none!important}
html body .sxOk .sxPrIc{animation-duration:.3s!important}html body .sxOk .sxPrIc path{animation-duration:.25s!important;animation-delay:.1s!important}html body .sxOk .sxPrIc::after{animation:none!important}
html body header #AccountDropDown[data-display="show" i] .AccountDropDownWrapper,html body header #AccountDropDown[data-display="show" i]>.AccountDropDownWrapper,html body #ContactUsPage #ContactFormSection[data-display="show" i] #ContactFormContent{animation:sxFadeQuick .15s ease-out both!important}
@keyframes sxFadeQuick{from{opacity:0}to{opacity:1}}
html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-enter-active{animation:sxFadeQuick .2s ease-out both!important}html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-leave-active{animation-duration:.15s!important}
html body #HomePageContent #HomeBannerSliderListWrapper .swiper-wrapper .swiper-slide{transition-duration:.5s!important}
/* 建议 2：订单详情（手机）未付款时，付款那块（Pay Now）放最上面；已付款不变 */
@media (max-width:767px){html body .sgG.sgG:has(.sgPay){display:flex!important;flex-direction:column!important}html body .sgG:has(.sgPay)>*{width:auto!important;align-self:stretch!important}html body .sgG:has(.sgPay)>.sgL{order:-1!important}}
/* 建议 3：账户页（平板 768–1023）拿掉左边那条图标菜单，底部栏已经有，内容放满 */
@media (min-width:768px) and (max-width:1023px){html body #SuprimxAccount #SideBarMenu{display:none!important}html body #SuprimxAccount>.InnerContent{display:block!important;grid-template-columns:1fr!important}html body #SuprimxAccount #SideBarContent{width:auto!important;max-width:none!important;margin-left:0!important}}
@media (max-width:1023px){html body .ProductVariantSection .ProductVariantList.ProductVariantList{border-radius:12px 12px 0 0!important}}
/* 订单详情（手机）Retrieve Code：不要拉满，跟 My Cards 的 View Code 一样大小、放右边；Buy Again 放同一行左边 */
@media (max-width:767px){html body main .sgB.sgB:has(.b1){flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
html body main .sgB.sgB .b1.b1{width:auto!important;height:38px!important;min-height:38px!important;padding:0 20px!important;font-size:13px!important;order:2!important;flex:none!important}
html body main .sgB.sgB .b3.b3{order:1!important;margin:0!important}}
/* 电脑购物车：只有一样商品时，右边金额框跟左边一样高，Checkout 贴底对齐（商品多时右边保持原本高度、会跟着往下滑） */
@media (min-width:1024px){html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #CartWrapper:not(:has(.CartItem ~ .CartItem)):not(:has(.PurchaseItem ~ .PurchaseItem)) #PurchaseSummarySection{align-self:stretch!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage #CartWrapper:not(:has(.CartItem ~ .CartItem)):not(:has(.PurchaseItem ~ .PurchaseItem)) #PurchaseSummarySection #CheckoutBtn{margin-top:auto!important}}
/* 看卡号的按钮（My Cards View Code、My Orders / 订单详情 Retrieve Code）全站同一个大小：手机高 38、电脑高 36，最少宽 156，字 13，不拉满 */
html body #CardList .ShowCardInfoBtn.ShowCardInfoBtn,html body main .sgB.sgB .b1.b1,html body #OrderList .ViewCardActionSection.sxActs>a:not(.sxBuyAgain){min-width:156px!important;width:auto!important;justify-content:center!important;padding:0 18px!important;font-size:13px!important;box-sizing:border-box!important}
@media (max-width:767px){html body #CardList .ShowCardInfoBtn.ShowCardInfoBtn,html body main .sgB.sgB .b1.b1,html body #OrderList .ViewCardActionSection.sxActs>a:not(.sxBuyAgain){height:38px!important;min-height:38px!important}html body #OrderList .ViewCardActionSection.sxActs{justify-content:space-between!important}}
@media (min-width:768px){html body #CardList .ShowCardInfoBtn.ShowCardInfoBtn,html body main .sgB.sgB .b1.b1,html body #OrderList .ViewCardActionSection.sxActs>a:not(.sxBuyAgain){height:36px!important;min-height:36px!important}}
@media(max-width:767px){html body #CardList .CardItem .Action .ShowCardInfoBtn.ShowCardInfoBtn.ShowCardInfoBtn{min-width:156px!important;padding:0 18px!important;justify-content:center!important}}
/* 只有点商品图才去商品页，点名字 / 整行不会跳走（Jacky 2026-10-16）：My Cards、My Orders、购物车 */
html body #CardList .Product>a,html body #OrderList .Product>a,html body #ShoppingCartPage .Variant>a{pointer-events:none!important;cursor:default!important}
html body #CardList .Product>a .ProductImage,html body #OrderList .Product>a .ProductImage,html body #ShoppingCartPage .Variant>a .ProductImage{pointer-events:auto!important;cursor:pointer!important}
/* My Orders（手机）未付款：Pay Now 矮一点（30）、倒数拿掉底色，订单头从 89 变 71（Jacky 2026-10-16） */
@media (max-width:767px){html body #OrderList .OrderListItem .OrderInfoSection.OrderInfoSection{padding:10px 16px!important;align-items:flex-start!important}
html body #OrderList .OrderInfoSection .Action.Action{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html body #OrderList .OrderInfoSection .PayNowBtn.PayNowBtn{height:30px!important;min-height:30px!important;padding:0 12px!important;font-size:12px!important;margin:0!important}
html body #OrderList .OrderInfoSection .sxCd.sxCd{height:auto!important;padding:0!important;background:none!important;font-size:10px!important;margin:0!important;line-height:16px!important}}
/* 订单上面那条（My Orders、My Cards、购物车、订单详情）灰色淡一点 #FCFCFB（Jacky 2026-10-16 可以） */
html body #OrderList .OrderListItem .OrderInfoSection.OrderInfoSection.OrderInfoSection,html body #CardList .CardItem .OrderId.OrderId,html body #CardList .CardItem .DateTime.DateTime,html body #ShoppingCartPage .PurchaseItem>.ProductDetail.ProductDetail,html body .sgP .sgTop.sgTop{background:#FCFCFB!important}
/* 订单详情的倒数时间：跟 My Orders 一样，拿掉底色只留橙色字 */
html body #OrderDetailsWrapper .sgOH .sgCd.sgCd{background:none!important;padding:0!important;height:auto!important;box-shadow:none!important}
html body #ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage#ShoppingCartPage .PurchaseItem>.ProductDetail{background:#FCFCFB!important}
/* 打字时（搜索框、输入框）全站同一个样子：1.5px 渐变金线，不要外面的光圈 / 发光（Jacky：顶部搜索的线跟其他不一样） */
html body #HeaderNav #SearchMenu#SearchMenu:focus-within,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within,html body .CustomInput.CustomInput:focus-within,html body .DirectTopUpField.DirectTopUpField:focus-within,html body .sxBal .bother.bother:focus-within{border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}
html body #ContactFormContent#ContactFormContent .CustomInput.CustomInput:focus-within,html body #LoginAuthContent#LoginAuthContent .CustomInput.CustomInput:focus-within,html body #SignUpContent#SignUpContent .CustomInput.CustomInput:focus-within,html body #SignUpVerificationContent#SignUpVerificationContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordContent#ForgotPasswordContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordRecoveryContent#ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within,html body #AccountModifyPasswordModal#AccountModifyPasswordModal .CustomInput.CustomInput:focus-within,html body #KYCContent#KYCContent .CustomInput.CustomInput:focus-within,html body #OrderDetailSection#OrderDetailSection .DirectTopUpField.DirectTopUpField:focus-within{border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#9C5A00 100%) border-box!important;box-shadow:none!important}
/* 倒数时间：O1 橙（Jacky 2026-10-16）；不到 10 分钟（sxLate）照旧变红 */html body .sxCd.sxCd:not(.sxLate):not(.end),html body .sxCd.sxCd:not(.sxLate):not(.end) *,html body .sgCd.sgCd:not(.sxLate):not(.end),html body .sgCd.sgCd:not(.sxLate):not(.end) *{color:#F26B1D!important;-webkit-text-fill-color:#F26B1D!important}
/* 搜索框平时：全站同一个样子（白底、1.5px 浅灰线、没有阴影） */
html body #HeaderNav #SearchMenu#SearchMenu:not(:focus-within),html body #FilterSearch .CustomSearchInput.CustomSearchInput:not(:focus-within),html body .SearchProductInputWrapper.SearchProductInputWrapper:not(:focus-within),html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:not(:focus-within){background:#fff!important;background-image:none!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important}
/* 电脑左边菜单图标：改成跟手机底部栏同一套线条图标（Phosphor），选中的才实心（Jacky 2026-10-16） */
html body #SuprimxAccount #SideBar #SideBarMenu a::before{font-family:"Phosphor"!important;font-weight:normal!important;font-size:20px!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="SuprimxProfile" i]::before{content:"\e4c2"!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="OrderHistory" i]::before{content:"\e3ec"!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Cards" i]::before{content:"\e1d2"!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="SuprimxCredit" i]::before{content:"\e68a"!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Notification" i]::before{content:"\e0ce"!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Logout" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F4350' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 20.5H5.5a1.5 1.5 0 0 1-1.5-1.5V5a1.5 1.5 0 0 1 1.5-1.5h4'/%3E%3Cpath d='M15.5 16.5 20 12l-4.5-4.5'/%3E%3Cpath d='M20 12H9.5'/%3E%3C/svg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab::before{font-family:"Phosphor-Fill"!important}
/* 顶部购物车：同一套线条图标 */
html body #OrderList .OrderInfoSection .sxCd.sxCd{background:none!important;padding:0!important;box-shadow:none!important}
/* ===== 导航图标：全站用 Phosphor（跟手机底部栏同一套，Jacky 2026-10-16 选 A）：平时线条、选中实心。缺的图标从 Phosphor 官方（MIT）取用直接写进来 ===== */
/* 2026-10-17 Jacky：头像菜单 / 账户左边菜单图标改实心，款式用 Font Awesome（Jacky 选 B）：平时深灰、hover 金色、当前页金色＋金底 */
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="SuprimxProfile" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20256A128%20128%200%201%200%20224%200a128%20128%200%201%200%200%20256zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="SuprimxProfile" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20256A128%20128%200%201%200%20224%200a128%20128%200%201%200%200%20256zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="OrderHistory" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M14%202.2C22.5-1.7%2032.5-.3%2039.6%205.8L80%2040.4%20120.4%205.8c9-7.7%2022.3-7.7%2031.2%200L192%2040.4%20232.4%205.8c9-7.7%2022.3-7.7%2031.2%200L304%2040.4%20344.4%205.8c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8V488c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6%2039.6%20506.2c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2zM96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96zM80%20352c0%208.8%207.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016zM96%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="OrderHistory" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M14%202.2C22.5-1.7%2032.5-.3%2039.6%205.8L80%2040.4%20120.4%205.8c9-7.7%2022.3-7.7%2031.2%200L192%2040.4%20232.4%205.8c9-7.7%2022.3-7.7%2031.2%200L304%2040.4%20344.4%205.8c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8V488c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6%2039.6%20506.2c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2zM96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96zM80%20352c0%208.8%207.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016zM96%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Cards" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v32H576V96c0-35.3-28.7-64-64-64H64zM576%20224H0V416c0%2035.3%2028.7%2064%2064%2064H512c35.3%200%2064-28.7%2064-64V224zM112%20352h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H112c-8.8%200-16-7.2-16-16s7.2-16%2016-16zm112%2016c0-8.8%207.2-16%2016-16H368c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H240c-8.8%200-16-7.2-16-16z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="Cards" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v32H576V96c0-35.3-28.7-64-64-64H64zM576%20224H0V416c0%2035.3%2028.7%2064%2064%2064H512c35.3%200%2064-28.7%2064-64V224zM112%20352h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H112c-8.8%200-16-7.2-16-16s7.2-16%2016-16zm112%2016c0-8.8%207.2-16%2016-16H368c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H240c-8.8%200-16-7.2-16-16z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="SuprimxCredit" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V192c0-35.3-28.7-64-64-64H80c-8.8%200-16-7.2-16-16s7.2-16%2016-16H448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H64zM416%20272a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="SuprimxCredit" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V192c0-35.3-28.7-64-64-64H80c-8.8%200-16-7.2-16-16s7.2-16%2016-16H448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H64zM416%20272a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Notification" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="Notification" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #SuprimxAccount #SideBar #SideBarMenu a[bar-icon="Logout" i]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;font-size:0!important}
html body #SuprimxAccount #SideBar #SideBarMenu a.ActiveTab[bar-icon="Logout" i]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important}
html body #AccountDropDown a[icon="SuprimxProfile"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20256A128%20128%200%201%200%20224%200a128%20128%200%201%200%200%20256zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}
html body:has(#SuprimxAccount .Q) #AccountDropDown a[icon="SuprimxProfile"]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20256A128%20128%200%201%200%20224%200a128%20128%200%201%200%200%20256zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important}
html body #AccountDropDown a[icon="Purchases"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M14%202.2C22.5-1.7%2032.5-.3%2039.6%205.8L80%2040.4%20120.4%205.8c9-7.7%2022.3-7.7%2031.2%200L192%2040.4%20232.4%205.8c9-7.7%2022.3-7.7%2031.2%200L304%2040.4%20344.4%205.8c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8V488c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6%2039.6%20506.2c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2zM96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96zM80%20352c0%208.8%207.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016zM96%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}
html body:has(#OrderList) #AccountDropDown a[icon="Purchases"]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M14%202.2C22.5-1.7%2032.5-.3%2039.6%205.8L80%2040.4%20120.4%205.8c9-7.7%2022.3-7.7%2031.2%200L192%2040.4%20232.4%205.8c9-7.7%2022.3-7.7%2031.2%200L304%2040.4%20344.4%205.8c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8V488c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6%2039.6%20506.2c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2zM96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96zM80%20352c0%208.8%207.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016zM96%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important}
html body #AccountDropDown a[icon="Cards"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v32H576V96c0-35.3-28.7-64-64-64H64zM576%20224H0V416c0%2035.3%2028.7%2064%2064%2064H512c35.3%200%2064-28.7%2064-64V224zM112%20352h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H112c-8.8%200-16-7.2-16-16s7.2-16%2016-16zm112%2016c0-8.8%207.2-16%2016-16H368c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H240c-8.8%200-16-7.2-16-16z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}
html body:has(#CardList) #AccountDropDown a[icon="Cards"]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v32H576V96c0-35.3-28.7-64-64-64H64zM576%20224H0V416c0%2035.3%2028.7%2064%2064%2064H512c35.3%200%2064-28.7%2064-64V224zM112%20352h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H112c-8.8%200-16-7.2-16-16s7.2-16%2016-16zm112%2016c0-8.8%207.2-16%2016-16H368c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H240c-8.8%200-16-7.2-16-16z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important}
html body #AccountDropDown a[icon="SuprimxCredit"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V192c0-35.3-28.7-64-64-64H80c-8.8%200-16-7.2-16-16s7.2-16%2016-16H448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H64zM416%20272a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}
html body:has(.sxBal) #AccountDropDown a[icon="SuprimxCredit"]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V192c0-35.3-28.7-64-64-64H80c-8.8%200-16-7.2-16-16s7.2-16%2016-16H448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H64zM416%20272a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important}
html body #AccountDropDown a[icon="Notification"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20fill%3D%22%233F4350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}
html body:has(#NotificationList) #AccountDropDown a[icon="Notification"]::before{background:#FFE7B8 url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important}
html body #AccountDropDown a[icon="Logout"]::before{content:""!important;background:#F4F5F7 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/19px 19px no-repeat!important;font-size:0!important}

/* 顶部 Direct Top-Up：钻石换成游戏手柄（Phosphor 实心，Jacky 2026-10-16 选 2） */
html body header i.SxIc.SxIc.fa-gem::before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;vertical-align:-3px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;font-size:0!important}

/* Guidance / 介绍里的步骤数字：原本是旧版深色主题的半透明白色，白底看不到（2026-10-17） */
html body #ProductGuidance ol li::marker,html body #ProductDescriptionContent ol li::marker{color:#6B7280!important;font-weight:600!important}

/* 头像菜单 Notifications：没有未读时也要有 > 箭头，跟其他行一样（原本为了放数字把箭头藏了；2026-10-17） */
html body #AccountDropDown a.NotificationCountDisplay:not(.sxHasN) span::after{display:block!important}

/* 2026-10-17 全站字体检查：电脑商品标题 32.5→28；顶部 Log In 13（原本 13.5 / 12.5）；搜索结果数量 11.5→11 */

html body header a.sxLogin.sxLogin{font-size:13px!important}

/* 鼠标移上去：图标变金色线条；当前页面才是金色实心（Jacky 2026-10-17） */
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="Logout" i]::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E08A00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 20.5H5.5a1.5 1.5 0 0 1-1.5-1.5V5a1.5 1.5 0 0 1 1.5-1.5h4'/%3E%3Cpath d='M15.5 16.5 20 12l-4.5-4.5'/%3E%3Cpath d='M20 12H9.5'/%3E%3C/svg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="SuprimxProfile" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20256A128%20128%200%201%200%20224%200a128%20128%200%201%200%200%20256zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="OrderHistory" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M14%202.2C22.5-1.7%2032.5-.3%2039.6%205.8L80%2040.4%20120.4%205.8c9-7.7%2022.3-7.7%2031.2%200L192%2040.4%20232.4%205.8c9-7.7%2022.3-7.7%2031.2%200L304%2040.4%20344.4%205.8c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8V488c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6%2039.6%20506.2c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2zM96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96zM80%20352c0%208.8%207.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016zM96%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016H288c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="Cards" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v32H576V96c0-35.3-28.7-64-64-64H64zM576%20224H0V416c0%2035.3%2028.7%2064%2064%2064H512c35.3%200%2064-28.7%2064-64V224zM112%20352h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H112c-8.8%200-16-7.2-16-16s7.2-16%2016-16zm112%2016c0-8.8%207.2-16%2016-16H368c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H240c-8.8%200-16-7.2-16-16z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="SuprimxCredit" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V192c0-35.3-28.7-64-64-64H80c-8.8%200-16-7.2-16-16s7.2-16%2016-16H448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H64zM416%20272a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="Notification" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23E08A00%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SuprimxAccount #SideBar #SideBarMenu a:not(.ActiveTab):hover[bar-icon="Logout" i]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="SuprimxProfile"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M230.93%20220a8%208%200%200%201-6.93%204H32a8%208%200%200%201-6.92-12c15.23-26.33%2038.7-45.21%2066.09-54.16a72%2072%200%201%201%2073.66%200c27.39%208.95%2050.86%2027.83%2066.09%2054.16a8%208%200%200%201%20.01%208%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="Purchases"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M216%2040H40a16%2016%200%200%200-16%2016v152a8%208%200%200%200%2011.58%207.15L64%20200.94l28.42%2014.21a8%208%200%200%200%207.16%200L128%20200.94l28.42%2014.21a8%208%200%200%200%207.16%200L192%20200.94l28.42%2014.21A8%208%200%200%200%20232%20208V56a16%2016%200%200%200-16-16m-40%20104H80a8%208%200%200%201%200-16h96a8%208%200%200%201%200%2016m0-32H80a8%208%200%200%201%200-16h96a8%208%200%200%201%200%2016%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="Cards"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M224%2048H32a16%2016%200%200%200-16%2016v128a16%2016%200%200%200%2016%2016h192a16%2016%200%200%200%2016-16V64a16%2016%200%200%200-16-16m-88%20128h-16a8%208%200%200%201%200-16h16a8%208%200%200%201%200%2016m64%200h-32a8%208%200%200%201%200-16h32a8%208%200%200%201%200%2016M32%2088V64h192v24Z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="SuprimxCredit"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M216%2064H56a8%208%200%200%201%200-16h136a8%208%200%200%200%200-16H56a24%2024%200%200%200-24%2024v128a24%2024%200%200%200%2024%2024h160a16%2016%200%200%200%2016-16V80a16%2016%200%200%200-16-16m-36%2080a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="Notification"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M221.8%20175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80%2080%200%201%200-160%200c0%2035.34-8.26%2062.38-13.81%2071.94A16%2016%200%200%200%2048%20200h40.81a40%2040%200%200%200%2078.38%200H208a16%2016%200%200%200%2013.8-24.06M128%20216a24%2024%200%200%201-22.62-16h45.24A24%2024%200%200%201%20128%20216%22%2F%3E%3C%2Fsvg%3E")!important}
html body #AccountDropDown li:hover a[icon="Logout"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E08A00%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E")!important}
html body #SearchResultSection .SearchResultSection h3 span,html body #SearchSideBarSection ul li a b,html body .SearchResultSection h3 span{font-size:10px!important}

/* 2026-10-17 对照 SEAGM（Jacky 同意）：页面标题 电脑 20 / 手机 18；商品标题 电脑 24 / 手机 20；购物车 Total 18；账户名字 16；商品页划线价 10 */
html body main .Title h1:not(#_#_#_#_#_#_),html body #SuprimxAccount .PortalTitle h1:not(#_#_#_#_#_#_),html body main h1.sxPgT:not(#_#_#_#_#_#_),html body #ContactUsContent h1:not(#_#_#_#_#_#_),html body .sxTW h1:not(#_#_#_#_#_#_),html body #CheckoutPage .sxCkHd:not(#_#_#_#_#_#_),html body #KYCContent .Title h1:not(#_#_#_#_#_#_),html body #KYCResultContent .Title h1:not(#_#_#_#_#_#_){font-size:20px!important}
@media (max-width:767px){html body main .Title h1:not(#_#_#_#_#_#_),html body #SuprimxAccount .PortalTitle h1:not(#_#_#_#_#_#_),html body main h1.sxPgT:not(#_#_#_#_#_#_),html body #ContactUsContent h1:not(#_#_#_#_#_#_),html body .sxTW h1:not(#_#_#_#_#_#_),html body #CheckoutPage .sxCkHd:not(#_#_#_#_#_#_),html body #KYCContent .Title h1:not(#_#_#_#_#_#_),html body #KYCResultContent .Title h1:not(#_#_#_#_#_#_){font-size:18px!important}}
html body main .ProductInfo .ProductTitle h1:not(#_#_#_#_#_#_){font-size:24px!important}
@media (max-width:767px){html body main .ProductInfo .ProductTitle h1:not(#_#_#_#_#_#_){font-size:20px!important}}
html body #ShoppingCartPage #PurchaseSummarySection .sr.tt b:not(#_#_#_#_#_#_){font-size:18px!important}
html body .qnm:not(#_#_#_#_#_#_){font-size:16px!important}
html body .VariantPrice .OriginalPrice:not(#_#_#_#_#_#_){font-size:10px!important}
html body .RelatedRegion:not(#_#_#_#_#_#_){font-size:10px!important}
/* 2026-10-17 隐藏 / 小地方的字也对齐规格（错误提示、密码说明、头像菜单、账户资料、余额空白、相关新闻日期） */
html body .RelatedText time:not(#_#_#_#_#_#_){font-size:10px!important}
html body #AccountDropDown .sxIdPill .sxEm:not(#_#_#_#_#_#_),html body .ErrorDisplay:not(#_#_#_#_#_#_),html body #AccountSettingsWrapper .InfoItem .T:not(#_#_#_#_#_#_),html body #AccountSettingsWrapper .InfoItem .EditBtn:not(#_#_#_#_#_#_),html body .sxPw small:not(#_#_#_#_#_#_),html body #AccountSettingPasswordSection .SectionContent>.C:not(#_#_#_#_#_#_),html body .bnone:not(#_#_#_#_#_#_),html body .bempty:not(#_#_#_#_#_#_){font-size:12px!important}
html body #AccountDropDown .AccountName:not(#_#_#_#_#_#_),html body #AccountDropDown .WelcomeSection .T:not(#_#_#_#_#_#_){font-size:13px!important}

/* 2026-10-17 Jacky：这些页面不放右下角客服按钮——页面里已有 Live Chat（订单详情 / 付款页 / 商品页 / 联系我们），或会挡住内容（购物车） */
html body:has(#OrderDetailsWrapper) #TriggerLiveChatBtn,html body:has(#OrderPayment) #TriggerLiveChatBtn,html body:has(#ProductContentWrapper) #TriggerLiveChatBtn,html body:has(#ShoppingCartPage) #TriggerLiveChatBtn,html body:has(#ContactUsContent) #TriggerLiveChatBtn{display:none!important}

/* 2026-10-17 Jacky：手机顶部 —— 搜索收成放大镜（按了才展开，用原本的 mobile-search-display-mode）；
   左边菜单按钮（原本的 #ProductClassificationMenu）打开左边侧边栏 220 宽，只放分类（Gift Cards、Direct Top-Up）。
   旧规则在 sxinline 层，所以这段同时放一份在层里。设计稿：设计稿/手机顶部菜单-20261017 */
@media (max-width:799px){
 /* 左边菜单按钮 */
 html body header #MainHeader{align-items:center!important;gap:10px!important}
 html body header #MainHeader #ProductClassificationMenu{display:flex!important;order:-1!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:0!important;padding:0!important;align-items:center!important;justify-content:center!important;align-self:center!important;border-radius:8px;cursor:pointer;margin:0 0 0 -6px!important}
 html body header #MainHeader #ProductClassificationMenu::before{content:""!important;width:20px!important;height:14px!important;flex:none!important;padding:0!important;font-size:0!important;background:linear-gradient(#E8C46A,#E8C46A) 0 0/100% 2px no-repeat,linear-gradient(#E8C46A,#E8C46A) 0 6px/100% 2px no-repeat,linear-gradient(#E8C46A,#E8C46A) 0 12px/70% 2px no-repeat;border-radius:1px}
 html body header #MainHeader #HeaderNav{margin-left:auto!important;gap:8px!important;align-items:center!important;align-self:center!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu{align-self:center!important;margin:0!important}
 /* 搜索收起：只剩放大镜 */
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu{background:none!important;padding:0!important;width:34px!important;justify-content:center!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu input{display:none!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu a{width:34px!important;height:34px!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay{filter:brightness(0) invert(1)}
 /* 搜索展开：盖住商标，整条 */
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"]{position:absolute!important;left:56px!important;right:16px!important;top:12px!important;z-index:5}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] #SearchMenu{flex:1!important;width:auto!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] #HeaderProfilePreview{display:none!important}
 /* 侧边栏 */
 html body #ProductClassificationMenuList{display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none;background:rgba(10,12,18,0);transition:background .2s}
 html body #ProductClassificationMenuList[display-mode="show"]{pointer-events:auto;background:rgba(10,12,18,.5)}
 html body #ProductClassificationMenuList>.InnerContent{position:absolute!important;top:0;bottom:0;left:0;width:300px;max-width:calc(100vw - 24px);background:#1A1D24!important;transform:translateX(-100%);transition:transform .22s ease;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;padding:20px 12px!important;gap:4px!important;margin:0!important;border-radius:0!important;box-shadow:8px 0 30px rgba(0,0,0,.3)}
 html body #ProductClassificationMenuList[display-mode="show"]>.InnerContent{transform:none}
 html body #ProductClassificationMenuList>.InnerContent::before{display:none!important}
 html body #ProductClassificationMenuList .sxDrawerLabel{color:#8A8F9C;font-size:11px;letter-spacing:.04em;padding:4px 12px 8px;text-transform:uppercase}
 html body #ProductClassificationMenuList>.InnerContent a{display:flex!important;justify-content:flex-start!important;width:auto!important;align-items:center;height:48px;padding:0 12px!important;border-radius:8px;color:#fff!important;font-size:14px!important;font-weight:500!important;text-decoration:none}
 html body #ProductClassificationMenuList>.InnerContent a span{display:flex;align-items:center;gap:12px;color:#fff!important}
 html body #ProductClassificationMenuList>.InnerContent a .SxIc{color:#E8C46A!important;width:20px;text-align:center;font-size:16px}
 html body #ProductClassificationMenuList>.InnerContent a.sxOn{background:rgba(232,196,106,.12)}
 html body #ProductClassificationMenuList>.InnerContent a.sxOn span{color:#E8C46A!important}
 html body #ProductClassificationMenuList>.InnerContent #MobileRechargeMenu{display:none!important}
 html body #ProductClassificationMenuList>.InnerContent a::before{display:none!important}
}

@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu{background:none!important;box-shadow:none!important;border:0!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay{filter:none!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{color:#fff!important;background-color:#fff!important}
 html body #ProductClassificationMenuList>.InnerContent::after{display:none!important}
}
@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:17px!important;padding:0!important;line-height:1!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important}
 html body #ProductClassificationMenuList::before,html body #ProductClassificationMenuList::after{display:none!important}
 html body #ProductClassificationMenuList>.InnerContent{padding-top:12px!important}
 html body #ProductClassificationMenuList .sxDrawerTop{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 4px 0 12px;margin-bottom:12px}
 html body #ProductClassificationMenuList .sxDrawerTop img{height:24px;width:auto}
 html body #ProductClassificationMenuList .sxDrawerTop button{width:36px;height:36px;border:0;background:none;color:#A0A4AE;font-size:15px;line-height:1;cursor:pointer}
}
@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu a{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;position:relative!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu #SearchIconDisplay{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;position:static!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu #SearchIconDisplay::after{content:"\f002"!important;font-size:15px!important;padding:0!important;line-height:1!important;color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;position:static!important;transform:none!important;margin:0!important}
}
@layer sxinline{
@media (max-width:799px){
 /* 左边菜单按钮 */
 html body header #MainHeader{align-items:center!important;gap:10px!important}
 html body header #MainHeader #ProductClassificationMenu{display:flex!important;order:-1!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:0!important;padding:0!important;align-items:center!important;justify-content:center!important;align-self:center!important;border-radius:8px;cursor:pointer;margin:0 0 0 -6px!important}
 html body header #MainHeader #ProductClassificationMenu::before{content:""!important;width:20px!important;height:14px!important;flex:none!important;padding:0!important;font-size:0!important;background:linear-gradient(#E8C46A,#E8C46A) 0 0/100% 2px no-repeat,linear-gradient(#E8C46A,#E8C46A) 0 6px/100% 2px no-repeat,linear-gradient(#E8C46A,#E8C46A) 0 12px/70% 2px no-repeat;border-radius:1px}
 html body header #MainHeader #HeaderNav{margin-left:auto!important;gap:8px!important;align-items:center!important;align-self:center!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu{align-self:center!important;margin:0!important}
 /* 搜索收起：只剩放大镜 */
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu{background:none!important;padding:0!important;width:34px!important;justify-content:center!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu input{display:none!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu a{width:34px!important;height:34px!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay{filter:brightness(0) invert(1)}
 /* 搜索展开：盖住商标，整条 */
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"]{position:absolute!important;left:56px!important;right:16px!important;top:12px!important;z-index:5}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] #SearchMenu{flex:1!important;width:auto!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] #HeaderProfilePreview{display:none!important}
 /* 侧边栏 */
 html body #ProductClassificationMenuList{display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none;background:rgba(10,12,18,0);transition:background .2s}
 html body #ProductClassificationMenuList[display-mode="show"]{pointer-events:auto;background:rgba(10,12,18,.5)}
 html body #ProductClassificationMenuList>.InnerContent{position:absolute!important;top:0;bottom:0;left:0;width:300px;max-width:calc(100vw - 24px);background:#1A1D24!important;transform:translateX(-100%);transition:transform .22s ease;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;padding:20px 12px!important;gap:4px!important;margin:0!important;border-radius:0!important;box-shadow:8px 0 30px rgba(0,0,0,.3)}
 html body #ProductClassificationMenuList[display-mode="show"]>.InnerContent{transform:none}
 html body #ProductClassificationMenuList>.InnerContent::before{display:none!important}
 html body #ProductClassificationMenuList .sxDrawerLabel{color:#8A8F9C;font-size:11px;letter-spacing:.04em;padding:4px 12px 8px;text-transform:uppercase}
 html body #ProductClassificationMenuList>.InnerContent a{display:flex!important;justify-content:flex-start!important;width:auto!important;align-items:center;height:48px;padding:0 12px!important;border-radius:8px;color:#fff!important;font-size:14px!important;font-weight:500!important;text-decoration:none}
 html body #ProductClassificationMenuList>.InnerContent a span{display:flex;align-items:center;gap:12px;color:#fff!important}
 html body #ProductClassificationMenuList>.InnerContent a .SxIc{color:#E8C46A!important;width:20px;text-align:center;font-size:16px}
 html body #ProductClassificationMenuList>.InnerContent a.sxOn{background:rgba(232,196,106,.12)}
 html body #ProductClassificationMenuList>.InnerContent a.sxOn span{color:#E8C46A!important}
 html body #ProductClassificationMenuList>.InnerContent #MobileRechargeMenu{display:none!important}
 html body #ProductClassificationMenuList>.InnerContent a::before{display:none!important}
}

@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu{background:none!important;box-shadow:none!important;border:0!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay{filter:none!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{color:#fff!important;background-color:#fff!important}
 html body #ProductClassificationMenuList>.InnerContent::after{display:none!important}
}
@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:17px!important;padding:0!important;line-height:1!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important}
 html body #ProductClassificationMenuList::before,html body #ProductClassificationMenuList::after{display:none!important}
 html body #ProductClassificationMenuList>.InnerContent{padding-top:12px!important}
 html body #ProductClassificationMenuList .sxDrawerTop{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 4px 0 12px;margin-bottom:12px}
 html body #ProductClassificationMenuList .sxDrawerTop img{height:24px;width:auto}
 html body #ProductClassificationMenuList .sxDrawerTop button{width:36px;height:36px;border:0;background:none;color:#A0A4AE;font-size:15px;line-height:1;cursor:pointer}
}
@media (max-width:799px){
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu a{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;position:relative!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu #SearchIconDisplay{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;position:static!important}
 html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu #SearchIconDisplay::after{content:"\f002"!important;font-size:15px!important;padding:0!important;line-height:1!important;color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;position:static!important;transform:none!important;margin:0!important}
}
}
@media (max-width:799px){
 html body header #MainHeader #HeaderMenu{display:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu>a,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:hover,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:active,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:focus{background:transparent!important;box-shadow:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay::before{display:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay::after{margin:0!important;position:static!important;transform:none!important;width:auto!important;height:auto!important}
}
@layer sxinline{
@media (max-width:799px){
 html body header #MainHeader #HeaderMenu{display:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu>a,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:hover,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:active,html body header div#MainHeader div#HeaderNav div#SearchMenu>a:focus{background:transparent!important;box-shadow:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay::before{display:none!important}
 html body header div#MainHeader div#HeaderNav div#SearchMenu #SearchIconDisplay::after{margin:0!important;position:static!important;transform:none!important;width:auto!important;height:auto!important}
}
}
/* 侧边栏清单搬到 body 后，电脑（≥800，顶部有分类）不用它 */
@media (min-width:800px){html body>#ProductClassificationMenuList{display:none!important}}
/* 侧边栏：商标下面一条金色渐变线（Jacky 2026-10-17） */
@media (max-width:799px){html body #ProductClassificationMenuList .sxDrawerTop{position:relative;padding-bottom:12px!important;height:auto!important;min-height:40px}html body #ProductClassificationMenuList .sxDrawerTop::after{content:"";position:absolute;left:-12px;right:-12px;bottom:0;height:1px;background:linear-gradient(90deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,rgba(156,90,0,0) 100%)}html body #ProductClassificationMenuList .sxDrawerLabel{padding-top:14px!important}}
/* 手机搜索展开时：商标藏起来（原本会从框左边露出一点）；输入框占满整个框（原本只有 108 宽，字长会被切） */
@media (max-width:799px){html body header #MainHeader:has(#HeaderNav[mobile-search-display-mode="show"]) #HeaderLogo{visibility:hidden!important}html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}}
@layer sxinline{@media (max-width:799px){html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}}}
/* 手机搜索展开时：商标藏起来（原本会从框左边露出一点）；输入框占满整个框（原本只有 108 宽，字长会被切） */
@media (max-width:799px){html body header #MainHeader:has(#HeaderNav[mobile-search-display-mode="show"]) #HeaderLogo{visibility:hidden!important}html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}}
@layer sxinline{@media (max-width:799px){html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}}}
/* 顶部搜索打字时框内金色背光（Jacky 2026-10-17，手机电脑一样） */
html body #HeaderNav #SearchMenu#SearchMenu:focus-within{box-shadow:inset 0 0 12px rgba(255,180,0,.28),inset 0 0 3px rgba(255,194,51,.35)!important}
@layer sxinline{html body #HeaderNav #SearchMenu#SearchMenu:focus-within{box-shadow:inset 0 0 12px rgba(255,180,0,.28),inset 0 0 3px rgba(255,194,51,.35)!important}}
/* 手机打字时放大镜金色（跟电脑一样） */
@layer sxinline{@media (max-width:799px){html body header div#MainHeader div#HeaderNav[mobile-search-display-mode="show"] div#SearchMenu:focus-within #SearchIconDisplay::after{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}}}
/* 打字时改成整格淡金色 + 2px 金边（Jacky 2026-10-17 照参考图：整格亮起来，不是四边透光） */
html body #HeaderNav #SearchMenu#SearchMenu:focus-within{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important}
html body #HeaderNav #SearchMenu#SearchMenu:focus-within input{background:transparent!important}
@layer sxinline{html body #HeaderNav #SearchMenu#SearchMenu:focus-within{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important}html body #HeaderNav #SearchMenu#SearchMenu:focus-within input{background:transparent!important}}
/* 2026-10-17 Jacky 选 B（照 SEAGM）：全站「正在打字的框」= 淡金底 #FFF4D6 + 2px 金边；「选中的项目」（面额、付款方式、用余额）金边也改 2px。
   （取代 10/10 的「打字 = 白底」；设计稿 设计稿/手机顶部菜单-20261017/12-框的状态统一.png） */
html body #HeaderNav #SearchMenu#SearchMenu:focus-within,html body .DirectTopUpField.DirectTopUpField:focus-within,html body #LoginAuthContent .CustomInput.CustomInput:focus-within,html body #SignUpContent .CustomInput.CustomInput:focus-within,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within,html body #ContactFormContent .CustomInput.CustomInput:focus-within,html body #KYCContent .CustomInput.CustomInput:focus-within,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important}
html body #HeaderNav #SearchMenu#SearchMenu:focus-within input,html body #HeaderNav #SearchMenu#SearchMenu:focus-within textarea,html body .DirectTopUpField.DirectTopUpField:focus-within input,html body .DirectTopUpField.DirectTopUpField:focus-within textarea,html body #LoginAuthContent .CustomInput.CustomInput:focus-within input,html body #LoginAuthContent .CustomInput.CustomInput:focus-within textarea,html body #SignUpContent .CustomInput.CustomInput:focus-within input,html body #SignUpContent .CustomInput.CustomInput:focus-within textarea,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within input,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within textarea,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within input,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within textarea,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within input,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within textarea,html body #ContactFormContent .CustomInput.CustomInput:focus-within input,html body #ContactFormContent .CustomInput.CustomInput:focus-within textarea,html body #KYCContent .CustomInput.CustomInput:focus-within input,html body #KYCContent .CustomInput.CustomInput:focus-within textarea,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within input,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within textarea,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within input,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within textarea,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within input,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within textarea,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within input,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within textarea{background:transparent!important;-webkit-box-shadow:none!important}
html body .VariantItemOption.VariantItemOption[is-selected="true" i],html body #OrderPayment .PaymentMethodItem.PaymentMethodItem:has(input:checked),html body #OrderPayment .UseCreditSection.UseCreditSection:has(#IsUseCredit:checked){border-width:2px!important;border-style:solid!important;border-color:transparent!important}
@layer sxinline{
html body #HeaderNav #SearchMenu#SearchMenu:focus-within,html body .DirectTopUpField.DirectTopUpField:focus-within,html body #LoginAuthContent .CustomInput.CustomInput:focus-within,html body #SignUpContent .CustomInput.CustomInput:focus-within,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within,html body #ContactFormContent .CustomInput.CustomInput:focus-within,html body #KYCContent .CustomInput.CustomInput:focus-within,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important}
html body #HeaderNav #SearchMenu#SearchMenu:focus-within input,html body #HeaderNav #SearchMenu#SearchMenu:focus-within textarea,html body .DirectTopUpField.DirectTopUpField:focus-within input,html body .DirectTopUpField.DirectTopUpField:focus-within textarea,html body #LoginAuthContent .CustomInput.CustomInput:focus-within input,html body #LoginAuthContent .CustomInput.CustomInput:focus-within textarea,html body #SignUpContent .CustomInput.CustomInput:focus-within input,html body #SignUpContent .CustomInput.CustomInput:focus-within textarea,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within input,html body #SignUpVerificationContent .CustomInput.CustomInput:focus-within textarea,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within input,html body #ForgotPasswordContent .CustomInput.CustomInput:focus-within textarea,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within input,html body #ForgotPasswordRecoveryContent .CustomInput.CustomInput:focus-within textarea,html body #ContactFormContent .CustomInput.CustomInput:focus-within input,html body #ContactFormContent .CustomInput.CustomInput:focus-within textarea,html body #KYCContent .CustomInput.CustomInput:focus-within input,html body #KYCContent .CustomInput.CustomInput:focus-within textarea,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within input,html body #AccountModifyPasswordModal .CustomInput.CustomInput:focus-within textarea,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within input,html body #FilterSearch .CustomSearchInput.CustomSearchInput:focus-within textarea,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within input,html body .SearchProductInputWrapper.SearchProductInputWrapper:focus-within textarea,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within input,html body #DefualtSearchBarSection .SearchProductSection.SearchProductSection:focus-within textarea{background:transparent!important;-webkit-box-shadow:none!important}
html body .VariantItemOption.VariantItemOption[is-selected="true" i],html body #OrderPayment .PaymentMethodItem.PaymentMethodItem:has(input:checked),html body #OrderPayment .UseCreditSection.UseCreditSection:has(#IsUseCredit:checked){border-width:2px!important;border-style:solid!important;border-color:transparent!important}
}
/* 菜单按钮：3 条一样长、圆头、金色渐变（Jacky 2026-10-17 选 B 渐变） */
@media (max-width:799px){html body header #MainHeader #ProductClassificationMenu::before{background:linear-gradient(90deg,#FFD24A 0%,#FFB400 50%,#E08A00 100%)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2716%27%20viewBox%3D%270%200%2022%2016%27%3E%3Cline%20x1%3D%271%27%20y1%3D%272%27%20x2%3D%2721%27%20y2%3D%272%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%278%27%20x2%3D%2721%27%20y2%3D%278%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%2714%27%20x2%3D%2721%27%20y2%3D%2714%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/22px 16px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2716%27%20viewBox%3D%270%200%2022%2016%27%3E%3Cline%20x1%3D%271%27%20y1%3D%272%27%20x2%3D%2721%27%20y2%3D%272%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%278%27%20x2%3D%2721%27%20y2%3D%278%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%2714%27%20x2%3D%2721%27%20y2%3D%2714%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/22px 16px no-repeat!important;width:22px!important;height:16px!important}}
@layer sxinline{@media (max-width:799px){html body header #MainHeader #ProductClassificationMenu::before{background:linear-gradient(90deg,#FFD24A 0%,#FFB400 50%,#E08A00 100%)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2716%27%20viewBox%3D%270%200%2022%2016%27%3E%3Cline%20x1%3D%271%27%20y1%3D%272%27%20x2%3D%2721%27%20y2%3D%272%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%278%27%20x2%3D%2721%27%20y2%3D%278%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%2714%27%20x2%3D%2721%27%20y2%3D%2714%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/22px 16px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2716%27%20viewBox%3D%270%200%2022%2016%27%3E%3Cline%20x1%3D%271%27%20y1%3D%272%27%20x2%3D%2721%27%20y2%3D%272%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%278%27%20x2%3D%2721%27%20y2%3D%278%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cline%20x1%3D%271%27%20y1%3D%2714%27%20x2%3D%2721%27%20y2%3D%2714%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/22px 16px no-repeat!important;width:22px!important;height:16px!important}}}
/* 打字框统一（B）补上：数量框（商品页、购物车）、余额自订金额、个人资料 Name / Date of Birth */
html body .QtyAdjustBox.QtyAdjustBox:focus-within,html body .bother.bother:focus-within,html body .EditInfo.EditInfo input:focus{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important;outline:none!important}
html body .QtyAdjustBox.QtyAdjustBox:focus-within input,html body .bother.bother:focus-within input{background:transparent!important;box-shadow:none!important;outline:none!important}
@layer sxinline{
html body .QtyAdjustBox.QtyAdjustBox:focus-within,html body .bother.bother:focus-within,html body .EditInfo.EditInfo input:focus{box-shadow:none!important;border-width:2px!important;border-style:solid!important;border-color:transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important;outline:none!important}
html body .QtyAdjustBox.QtyAdjustBox:focus-within input,html body .bother.bother:focus-within input{background:transparent!important;box-shadow:none!important;outline:none!important}
}
/* 圆角统一：个人资料 Name / Date of Birth 输入框 12 → 8（框的规则：输入框 8）；打字时拿掉外面的灰线（数量框、名字框原本有两层边） */
html body #AccountSettingProfileSection .EditInfo.EditInfo input.Name,html body #AccountSettingProfileSection .EditInfo.EditInfo input{border-radius:8px!important}
html body #AccountSettingProfileSection .EditInfo.EditInfo input:focus,html body .QtyAdjustBox.QtyAdjustBox:focus-within{box-shadow:none!important}
@layer sxinline{
html body #AccountSettingProfileSection .EditInfo.EditInfo input.Name,html body #AccountSettingProfileSection .EditInfo.EditInfo input{border-radius:8px!important}
html body #AccountSettingProfileSection .EditInfo.EditInfo input:focus,html body .QtyAdjustBox.QtyAdjustBox:focus-within{box-shadow:none!important}
}
/* 打字时外面的灰线：旧规则用 #QtyWrapper 等 id，要同样有 id 才盖得过 */
html body div#QtyWrapper#QtyWrapper > div.C > div.QtyAdjustBox.QtyAdjustBox:focus-within,html body #PurchaseItemList#PurchaseItemList .QtyAdjustBox.QtyAdjustBox:focus-within,html body #AccountSettingProfileSection#AccountSettingProfileSection .EditInfo.EditInfo input:focus{box-shadow:none!important}
@layer sxinline{
html body div#QtyWrapper#QtyWrapper > div.C > div.QtyAdjustBox.QtyAdjustBox:focus-within,html body #PurchaseItemList#PurchaseItemList .QtyAdjustBox.QtyAdjustBox:focus-within,html body #AccountSettingProfileSection#AccountSettingProfileSection .EditInfo.EditInfo input:focus{box-shadow:none!important}
}
/* KYC 页有自己的商标和关闭按钮，顶部按钮原本都藏起来 → 菜单按钮和侧边栏也藏 */
html body:has(#KYCContent) header #MainHeader #ProductClassificationMenu,html body:has(#KYCContent) #ProductClassificationMenuList{display:none!important}
@layer sxinline{
html body:has(#KYCContent) header #MainHeader #ProductClassificationMenu,html body:has(#KYCContent) #ProductClassificationMenuList{display:none!important}
}
/* 顶部搜索框较矮（34/38），圆角 8 看起来比较圆 → 6，看起来跟其他输入框一样（Jacky 2026-10-17 选 B） */
html body #HeaderNav #SearchMenu#SearchMenu,html body #HeaderNav #SearchMenu#SearchMenu:focus-within{border-radius:6px!important}
@layer sxinline{
html body #HeaderNav #SearchMenu#SearchMenu,html body #HeaderNav #SearchMenu#SearchMenu:focus-within{border-radius:6px!important}
}
/* 2026-10-17 Jacky：面板 / 弹窗打开关上的淡入淡出、滑动「多余」→ 全部拿掉，按了直接开关（main.js 的动画也已拿掉） */
html body .ProductVariantSection,html body .ProductVariantSection *,html body #AccountModifyPasswordModal,html body #AccountModifyPasswordModal *,html body #RetrieveCodeModal,html body #RetrieveCodeModal *,html body #ContactFormSection,html body #ContactFormSection *,html body #AccountDropDown,html body #AccountDropDown *{transition:none!important;animation:none!important}
@layer sxinline{
html body .ProductVariantSection,html body .ProductVariantSection *,html body #AccountModifyPasswordModal,html body #AccountModifyPasswordModal *,html body #RetrieveCodeModal,html body #RetrieveCodeModal *,html body #ContactFormSection,html body #ContactFormSection *,html body #AccountDropDown,html body #AccountDropDown *{transition:none!important;animation:none!important}
}
/* 2026-10-17 Jacky：提示弹窗也不要延迟 —— 马上出现；关的时候马上消失（原本进场 0.45 秒、退场 0.3 秒，套件会再等 0.65 秒才移除） */
html body .nice-toast-wrapper .nice-toast.nice-toast,html body .nice-toast-wrapper .nice-toast.nice-toast *{transition:none!important}
html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-enter-active{animation:none!important;opacity:1!important;transform:none!important}
html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-leave-active{animation:none!important;display:none!important}
@layer sxinline{
html body .nice-toast-wrapper .nice-toast.nice-toast,html body .nice-toast-wrapper .nice-toast.nice-toast *{transition:none!important}
html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-enter-active{animation:none!important;opacity:1!important;transform:none!important}
html body .nice-toast-wrapper .nice-toast.nice-toast-bounce-leave-active{animation:none!important;display:none!important}
}

/* 2026-10-17 Jacky：手机 / 平板不要底部栏，改右上角头像菜单（跟电脑一样）；打开 / 关上跟左边分类侧边栏一样淡入淡出 0.2 秒、背景一样暗。设计稿 设计稿/手机头像菜单-20261017
   电脑头像菜单的样子（main.gen.css 原本限 ≥768）在 ≤1023 再写一次放最后，才盖得过原本手机/平板的深色侧边栏 */
html body .SxTab{display:none!important}
@media (max-width:1023px){
html body #AccountDropDown .AccountDropDownWrapper{background:#fff!important;color:#1A1D24!important;border-radius:16px!important;box-shadow:0 0 0 1px #ECEDEF,0 18px 40px rgba(26,29,36,.18)!important;padding:6px 0 8px!important;overflow:hidden}html body #AccountDropDown .AccountDropDownWrapper *{color:inherit}html body #AccountDropDown .AccountInfoSection{border-bottom:1px solid #F1F2F4!important;padding:12px 16px!important;margin:0!important}html body #AccountDropDown #AccountDropAccountProfileImage{position:relative;border-radius:50%!important;overflow:hidden;background:none!important;border:0!important}html body #AccountDropDown #AccountDropAccountProfileImage:has(.sxIni2) img{opacity:0}html body #AccountDropDown .sxIni2{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%);color:#fff!important;font:800 18px/1 Manrope,system-ui,sans-serif}html body #AccountDropDown .AccountName{color:#1A1D24!important;font-size:14px!important;font-weight:800!important;text-transform:none!important}html body #AccountDropDown .AccountDetails,html body #AccountDropDown .AccountDetails *{color:#6B7280!important;font-size:12px!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{border-radius:10px;margin:0 8px!important;width:auto!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .AccountMenu a *{color:#1A1D24!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown .AccountMenu a::before,html body #AccountDropDown .AccountMenu a i,html body #AccountDropDown .AccountMenu li::before{color:#8B909A!important;-webkit-text-fill-color:#8B909A!important}html body #AccountDropDown .LogoutSection{border-top:1px solid #F1F2F4!important;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *,html body #AccountDropDown .LogoutSection a::before,html body #AccountDropDown .LogoutSection li::before{color:#C2410C!important;-webkit-text-fill-color:#C2410C!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown a.NotificationCountDisplay{position:relative}html body #AccountDropDown a.NotificationCountDisplay::after{display:none!important}html body #AccountDropDown .sxDdN{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#E23B3B;color:#fff!important;font:800 10px/18px Manrope,system-ui,sans-serif;font-style:normal;text-align:center}html body #AccountDropDown .sxDdN:empty{display:none}html body #AccountDropDown#AccountDropDown,html body #AccountDropDown .exit-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #AccountDropDown{width:300px!important;left:auto!important;right:24px!important}html body #AccountDropDown .AccountDropDownWrapper{width:100%!important;box-sizing:border-box!important;padding:8px!important;border-radius:20px!important}html body #AccountDropDown .AccountInfoSection{border:0!important;padding:10px 10px 12px!important;gap:12px!important;align-items:center!important}html body #AccountDropDown #AccountDropProfileImageSection,html body #AccountDropDown #AccountDropAccountProfileImage{width:46px!important;height:46px!important;flex:none}html body #AccountDropDown .AccountName{font-size:15px!important;margin:0 0 5px!important}html body #AccountDropDown .sxIdPill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#F4F5F7;color:#3F4350!important;font-size:11.5px!important;font-weight:700}html body #AccountDropDown .sxIdPill i{color:#1A1D24;font-size:11px}html body #AccountDropDown .sxDdBal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px;padding:14px 14px 14px 16px;border-radius:16px;text-decoration:none!important;background:radial-gradient(220px 120px at 0% 0%,rgba(255,180,0,.32),transparent 70%),#1A1D24;box-shadow:0 10px 22px rgba(26,29,36,.18)}html body #AccountDropDown .sxDdBal small{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.7)!important}html body #AccountDropDown .sxDdBal b{display:block;margin-top:3px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#FFC233!important;font-variant-numeric:tabular-nums}html body #AccountDropDown .sxDdBal .r{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-size:12.5px;font-weight:800;gap:5px!important}html body #AccountDropDown .sxDdBal .r i::before{margin:0!important}html body #AccountDropDown .sxDdBal .r i{color:#fff!important;font-size:11px}html body #AccountDropDown .sxDdBal:hover .r{filter:brightness(1.06)}html body #AccountDropDown .AccountMenu{border-top:1px solid #F1F2F4;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .sxHideLi{display:none!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{margin:0!important;height:auto!important;padding:0!important;border-radius:12px!important;transition:background .15s}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:7px 10px!important;box-sizing:border-box;text-decoration:none!important}html body #AccountDropDown .AccountMenu a span{flex:1;color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .AccountMenu a span::after{content:"\f054";font:900 10px/1 "Font Awesome 6 Free";color:#C2C6CE;float:right;margin-top:4px}html body #AccountDropDown a.NotificationCountDisplay span::after{display:none}html body #AccountDropDown .AccountMenu li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu li:hover a::before{background-color:#FFE7B3;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#FFF1D6!important;color:#E08A00!important;-webkit-text-fill-color:#E08A00!important}html body #AccountDropDown .sxDdN{position:static!important;transform:none!important;margin-left:auto}html body #AccountDropDown .LogoutSection{margin-top:6px!important;padding-top:6px!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF4EE!important}html body #AccountDropDown .LogoutSection a span{font-weight:700!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{opacity:1!important}html body #AccountDropDown .sxDdBal .r i{width:auto!important;display:inline-block!important;margin:0!important;padding:0!important}html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#F4F5F7!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown .sxDdN{color:#fff!important;-webkit-text-fill-color:#fff!important}html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay){position:relative}html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay)::before{content:"";position:absolute;left:-10px;right:-10px;top:-4px;border-top:1px solid #F1F2F4}html body #AccountDropDown .AccountMenu li{border-radius:12px!important;overflow:hidden}html body #AccountDropDown .AccountMenu a.ActiveTab{background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important;border-radius:12px!important}html body #AccountDropDown .AccountMenu a.ActiveTab span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab span::after{color:#E8B866!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important;box-shadow:none!important}html body #AccountDropDown .AccountMenu li:hover a:not(.ActiveTab),html body #AccountDropDown .LogoutSection li:hover a{box-shadow:none!important;background:transparent!important}html body #AccountDropDown .AccountMenu li:hover a::before,html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a span::after{color:#E8B866!important;-webkit-text-fill-color:#E8B866!important}

 html body header #HeaderNav #HeaderProfilePreview{display:flex!important;align-items:center!important}
 html body header #HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:36px!important;height:36px!important}
 html body #AccountDropDown#AccountDropDown{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;left:0!important;right:0!important;top:0!important;background:transparent!important;z-index:2147483000!important;transform:none!important}
 html body #AccountDropDown#AccountDropDown:not([data-display="show"]){display:none!important} /* 关上时真的拿掉（2026-10-17：一直留在画面上会让 iPhone 商品页滑不动） */
 html body #AccountDropDown#AccountDropDown[data-display="show"]{display:block!important;animation:sxDdIn .2s ease both!important}
 html body #AccountDropDown#AccountDropDown[data-display="show"] .AccountDropDownWrapper{animation:sxDdDrop .22s ease both!important}
 html body #AccountDropDown#AccountDropDown.sxClosing{opacity:0!important;transition:opacity .2s ease!important}
 html body #AccountDropDown#AccountDropDown.sxClosing .AccountDropDownWrapper{transform:translateY(-8px)!important;transition:transform .2s ease!important}
 html body #AccountDropDown#AccountDropDown .exit-overlay{background:rgba(10,12,18,.5)!important}

 html body #AccountDropDown .exit-overlay{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:block!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body #AccountDropDown .AccountDropDownWrapper{position:absolute!important;top:62px!important;right:12px!important;left:auto!important;bottom:auto!important;width:min(300px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - 80px)!important;overflow:auto!important;transform:none!important}
 html body #AccountDropDown .SideBarLogoSection{display:none!important}
}
@media (min-width:768px) and (max-width:1023px){html body #AccountDropDown .AccountDropDownWrapper{top:72px!important;right:20px!important}}
@layer sxinline{
html body .SxTab{display:none!important}
@media (max-width:1023px){
html body #AccountDropDown .AccountDropDownWrapper{background:#fff!important;color:#1A1D24!important;border-radius:16px!important;box-shadow:0 0 0 1px #ECEDEF,0 18px 40px rgba(26,29,36,.18)!important;padding:6px 0 8px!important;overflow:hidden}html body #AccountDropDown .AccountDropDownWrapper *{color:inherit}html body #AccountDropDown .AccountInfoSection{border-bottom:1px solid #F1F2F4!important;padding:12px 16px!important;margin:0!important}html body #AccountDropDown #AccountDropAccountProfileImage{position:relative;border-radius:50%!important;overflow:hidden;background:none!important;border:0!important}html body #AccountDropDown #AccountDropAccountProfileImage:has(.sxIni2) img{opacity:0}html body #AccountDropDown .sxIni2{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#FFD24A 0%,#FFB400 45%,#E08A00 100%);color:#fff!important;font:800 18px/1 Manrope,system-ui,sans-serif}html body #AccountDropDown .AccountName{color:#1A1D24!important;font-size:14px!important;font-weight:800!important;text-transform:none!important}html body #AccountDropDown .AccountDetails,html body #AccountDropDown .AccountDetails *{color:#6B7280!important;font-size:12px!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{border-radius:10px;margin:0 8px!important;width:auto!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .AccountMenu a *{color:#1A1D24!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown .AccountMenu a::before,html body #AccountDropDown .AccountMenu a i,html body #AccountDropDown .AccountMenu li::before{color:#8B909A!important;-webkit-text-fill-color:#8B909A!important}html body #AccountDropDown .LogoutSection{border-top:1px solid #F1F2F4!important;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *,html body #AccountDropDown .LogoutSection a::before,html body #AccountDropDown .LogoutSection li::before{color:#C2410C!important;-webkit-text-fill-color:#C2410C!important;font-size:13.5px!important;font-weight:600!important}html body #AccountDropDown a.NotificationCountDisplay{position:relative}html body #AccountDropDown a.NotificationCountDisplay::after{display:none!important}html body #AccountDropDown .sxDdN{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#E23B3B;color:#fff!important;font:800 10px/18px Manrope,system-ui,sans-serif;font-style:normal;text-align:center}html body #AccountDropDown .sxDdN:empty{display:none}html body #AccountDropDown#AccountDropDown,html body #AccountDropDown .exit-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #AccountDropDown{width:300px!important;left:auto!important;right:24px!important}html body #AccountDropDown .AccountDropDownWrapper{width:100%!important;box-sizing:border-box!important;padding:8px!important;border-radius:20px!important}html body #AccountDropDown .AccountInfoSection{border:0!important;padding:10px 10px 12px!important;gap:12px!important;align-items:center!important}html body #AccountDropDown #AccountDropProfileImageSection,html body #AccountDropDown #AccountDropAccountProfileImage{width:46px!important;height:46px!important;flex:none}html body #AccountDropDown .AccountName{font-size:15px!important;margin:0 0 5px!important}html body #AccountDropDown .sxIdPill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#F4F5F7;color:#3F4350!important;font-size:11.5px!important;font-weight:700}html body #AccountDropDown .sxIdPill i{color:#1A1D24;font-size:11px}html body #AccountDropDown .sxDdBal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px;padding:14px 14px 14px 16px;border-radius:16px;text-decoration:none!important;background:radial-gradient(220px 120px at 0% 0%,rgba(255,180,0,.32),transparent 70%),#1A1D24;box-shadow:0 10px 22px rgba(26,29,36,.18)}html body #AccountDropDown .sxDdBal small{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.7)!important}html body #AccountDropDown .sxDdBal b{display:block;margin-top:3px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#FFC233!important;font-variant-numeric:tabular-nums}html body #AccountDropDown .sxDdBal .r{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-size:12.5px;font-weight:800;gap:5px!important}html body #AccountDropDown .sxDdBal .r i::before{margin:0!important}html body #AccountDropDown .sxDdBal .r i{color:#fff!important;font-size:11px}html body #AccountDropDown .sxDdBal:hover .r{filter:brightness(1.06)}html body #AccountDropDown .AccountMenu{border-top:1px solid #F1F2F4;padding-top:6px!important;margin-top:4px!important}html body #AccountDropDown .sxHideLi{display:none!important}html body #AccountDropDown .AccountMenu li,html body #AccountDropDown .LogoutSection li{margin:0!important;height:auto!important;padding:0!important;border-radius:12px!important;transition:background .15s}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:7px 10px!important;box-sizing:border-box;text-decoration:none!important}html body #AccountDropDown .AccountMenu a span{flex:1;color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .AccountMenu a span::after{content:"\f054";font:900 10px/1 "Font Awesome 6 Free";color:#C2C6CE;float:right;margin-top:4px}html body #AccountDropDown a.NotificationCountDisplay span::after{display:none}html body #AccountDropDown .AccountMenu li:hover{background:#FFF7E6!important}html body #AccountDropDown .AccountMenu li:hover a::before{background-color:#FFE7B3;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#FFF1D6!important;color:#E08A00!important;-webkit-text-fill-color:#E08A00!important}html body #AccountDropDown .sxDdN{position:static!important;transform:none!important;margin-left:auto}html body #AccountDropDown .LogoutSection{margin-top:6px!important;padding-top:6px!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF4EE!important}html body #AccountDropDown .LogoutSection a span{font-weight:700!important}html body #AccountDropDown .AccountMenu a,html body #AccountDropDown .LogoutSection a{opacity:1!important}html body #AccountDropDown .sxDdBal .r i{width:auto!important;display:inline-block!important;margin:0!important;padding:0!important}html body #AccountDropDown a.NotificationCountDisplay.sxHasN::before{background-color:#F4F5F7!important;color:#3F4350!important;-webkit-text-fill-color:#3F4350!important}html body #AccountDropDown .LogoutSection a,html body #AccountDropDown .LogoutSection a *{color:#1A1D24!important;-webkit-text-fill-color:#1A1D24!important;font-size:13.5px!important;font-weight:700!important}html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important}html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#B86A00!important;-webkit-text-fill-color:#B86A00!important}html body #AccountDropDown .sxDdN{color:#fff!important;-webkit-text-fill-color:#fff!important}html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay){position:relative}html body #AccountDropDown .AccountMenu li:has(a.NotificationCountDisplay)::before{content:"";position:absolute;left:-10px;right:-10px;top:-4px;border-top:1px solid #F1F2F4}html body #AccountDropDown .AccountMenu li{border-radius:12px!important;overflow:hidden}html body #AccountDropDown .AccountMenu a.ActiveTab{background:#FFFBF1!important;box-shadow:inset 3px 0 0 #F29A00!important;border-radius:12px!important}html body #AccountDropDown .AccountMenu a.ActiveTab span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu a.ActiveTab span::after{color:#E8B866!important}html body #AccountDropDown .AccountMenu li:hover,html body #AccountDropDown .LogoutSection li:hover{background:#FFF7E6!important;box-shadow:none!important}html body #AccountDropDown .AccountMenu li:hover a:not(.ActiveTab),html body #AccountDropDown .LogoutSection li:hover a{box-shadow:none!important;background:transparent!important}html body #AccountDropDown .AccountMenu li:hover a::before,html body #AccountDropDown .LogoutSection li:hover a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a span{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a::before{background-color:#FFE7B3!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}html body #AccountDropDown .AccountMenu li.ActiveTab a span::after{color:#E8B866!important;-webkit-text-fill-color:#E8B866!important}

 html body header #HeaderNav #HeaderProfilePreview{display:flex!important;align-items:center!important}
 html body header #HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:36px!important;height:36px!important}
 html body #AccountDropDown#AccountDropDown{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;left:0!important;right:0!important;top:0!important;background:transparent!important;z-index:2147483000!important;transform:none!important}
 html body #AccountDropDown#AccountDropDown:not([data-display="show"]){display:none!important} /* 关上时真的拿掉（2026-10-17：一直留在画面上会让 iPhone 商品页滑不动） */
 html body #AccountDropDown#AccountDropDown[data-display="show"]{display:block!important;animation:sxDdIn .2s ease both!important}
 html body #AccountDropDown#AccountDropDown[data-display="show"] .AccountDropDownWrapper{animation:sxDdDrop .22s ease both!important}
 html body #AccountDropDown#AccountDropDown.sxClosing{opacity:0!important;transition:opacity .2s ease!important}
 html body #AccountDropDown#AccountDropDown.sxClosing .AccountDropDownWrapper{transform:translateY(-8px)!important;transition:transform .2s ease!important}
 html body #AccountDropDown#AccountDropDown .exit-overlay{background:rgba(10,12,18,.5)!important}

 html body #AccountDropDown .exit-overlay{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:block!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body #AccountDropDown .AccountDropDownWrapper{position:absolute!important;top:62px!important;right:12px!important;left:auto!important;bottom:auto!important;width:min(300px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - 80px)!important;overflow:auto!important;transform:none!important}
 html body #AccountDropDown .SideBarLogoSection{display:none!important}
}
@media (min-width:768px) and (max-width:1023px){html body #AccountDropDown .AccountDropDownWrapper{top:72px!important;right:20px!important}}
}
/* 手机顶部右边：放大镜、购物车、头像 一样 34 的按钮、间距 4；头像 32（原本 36 把顶部撑到 70 高）（Jacky 2026-10-17） */
@media (max-width:767px){
 html body header div#MainHeader div#HeaderNav{padding:0!important;margin:0 0 0 auto!important;gap:4px!important;height:34px!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin-left:-4px!important;margin-right:4px!important} /* 看得到的图标间距一样（放大镜→购物车、购物车→头像都 14） */
 html body header div#MainHeader div#HeaderNav #HeaderCart a{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a i{font-size:19px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview:not(:has(.sxLogin)){padding:0!important;margin:0!important;width:34px!important;height:34px!important;justify-content:center!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a::after{top:1px!important;right:-2px!important;left:auto!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a::before{inset:0!important;width:auto!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview #ProfileImageSection,html body header div#MainHeader div#HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:32px!important;height:32px!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{font-size:18px!important}
}
@layer sxinline{
/* 手机顶部右边：放大镜、购物车、头像 一样 34 的按钮、间距 4；头像 32（原本 36 把顶部撑到 70 高）（Jacky 2026-10-17） */
@media (max-width:767px){
 html body header div#MainHeader div#HeaderNav{padding:0!important;margin:0 0 0 auto!important;gap:4px!important;height:34px!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin-left:-4px!important;margin-right:4px!important} /* 看得到的图标间距一样（放大镜→购物车、购物车→头像都 14） */
 html body header div#MainHeader div#HeaderNav #HeaderCart a{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a i{font-size:19px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview:not(:has(.sxLogin)){padding:0!important;margin:0!important;width:34px!important;height:34px!important;justify-content:center!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a::after{top:1px!important;right:-2px!important;left:auto!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a::before{inset:0!important;width:auto!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview #ProfileImageSection,html body header div#MainHeader div#HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:32px!important;height:32px!important}
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{font-size:18px!important}
}
}
/* 字跟电脑头像菜单一样（Jacky 2026-10-17：手机菜单 / 分类侧边栏字太大） */
@media (max-width:1023px){
 html body #AccountDropDown#AccountDropDown .AccountName,html body #AccountDropDown#AccountDropDown .AccountName *{font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;color:#1A1D24!important}
 html body #AccountDropDown#AccountDropDown .AccountDetails,html body #AccountDropDown#AccountDropDown .AccountDetails .sxEm{font-size:12px!important;font-weight:400!important;color:#6B7280!important}
 html body #AccountDropDown#AccountDropDown .AccountMenu a,html body #AccountDropDown#AccountDropDown .AccountMenu a span,html body #AccountDropDown#AccountDropDown .LogoutSection a,html body #AccountDropDown#AccountDropDown .LogoutSection a span{font-size:12px!important;font-weight:600!important}
}
@media (max-width:799px){
 html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a span{font-size:12px!important;font-weight:600!important}
 html body #ProductClassificationMenuList#ProductClassificationMenuList .sxDrawerLabel{font-size:10px!important}
}
@layer sxinline{
/* 字跟电脑头像菜单一样（Jacky 2026-10-17：手机菜单 / 分类侧边栏字太大） */
@media (max-width:1023px){
 html body #AccountDropDown#AccountDropDown .AccountName,html body #AccountDropDown#AccountDropDown .AccountName *{font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;color:#1A1D24!important}
 html body #AccountDropDown#AccountDropDown .AccountDetails,html body #AccountDropDown#AccountDropDown .AccountDetails .sxEm{font-size:12px!important;font-weight:400!important;color:#6B7280!important}
 html body #AccountDropDown#AccountDropDown .AccountMenu a,html body #AccountDropDown#AccountDropDown .AccountMenu a span,html body #AccountDropDown#AccountDropDown .LogoutSection a,html body #AccountDropDown#AccountDropDown .LogoutSection a span{font-size:12px!important;font-weight:600!important}
}
@media (max-width:799px){
 html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a span{font-size:12px!important;font-weight:600!important}
 html body #ProductClassificationMenuList#ProductClassificationMenuList .sxDrawerLabel{font-size:10px!important}
}
}
/* 手机顶部图标大小 B（Jacky 2026-10-17）：放大镜和购物车看起来一样 20，头像 30 */
@media (max-width:767px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{font-size:20px!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a i{font-size:18px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview #ProfileImageSection,html body header div#MainHeader div#HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:30px!important;height:30px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview .sxIni{font-size:14px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview:not(:has(.sxLogin)){margin-left:-1px!important}
}
@layer sxinline{
/* 手机顶部图标大小 B（Jacky 2026-10-17）：放大镜和购物车看起来一样 20，头像 30 */
@media (max-width:767px){
 html body header div#MainHeader div#HeaderNav:not([mobile-search-display-mode="show"]) div#SearchMenu #SearchIconDisplay::after{font-size:20px!important}
 html body header div#MainHeader div#HeaderNav #HeaderCart a i{font-size:18px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview #ProfileImageSection,html body header div#MainHeader div#HeaderNav #HeaderProfilePreview[data-is-logged-in=true] .ProfileImage{width:30px!important;height:30px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview .sxIni{font-size:14px!important}
 html body header div#MainHeader div#HeaderNav #HeaderProfilePreview:not(:has(.sxLogin)){margin-left:-1px!important}
}
}
@keyframes sxDdIn{from{opacity:0}to{opacity:1}}@keyframes sxDdDrop{from{transform:translateY(-8px)}to{transform:none}}
/* 商品页说明后面不要框（原本有 backdrop-filter 模糊，看起来像一个长方形框）Jacky 2026-10-17 */
html body #ProductDisplayWrapper #ImportantNotes,html body #ProductDisplayWrapper #ImportantNotes *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@layer sxinline{
/* 商品页说明后面不要框（原本有 backdrop-filter 模糊，看起来像一个长方形框）Jacky 2026-10-17 */
html body #ProductDisplayWrapper #ImportantNotes,html body #ProductDisplayWrapper #ImportantNotes *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* 数字小圆点全站一样大（Jacky 2026-10-17）：高 18、字 10 特粗、左右 5；购物车金色、通知红色 */
html body header #HeaderCart#HeaderCart a::after,html body header #HeaderProfilePreview#HeaderProfilePreview#HeaderProfilePreview[data-unread-notifications]::after,html body #AccountDropDown#AccountDropDown .sxDdN.sxDdN,html body #SuprimxAccount #SideBar #SideBarMenu a:is([data-couter]):not([data-couter="0"],[data-couter=""])::after{height:18px!important;min-width:18px!important;line-height:18px!important;font-size:10px!important;font-weight:800!important;padding:0 5px!important;box-sizing:border-box!important;border-radius:999px!important}
@layer sxinline{
/* 数字小圆点全站一样大（Jacky 2026-10-17）：高 18、字 10 特粗、左右 5；购物车金色、通知红色 */
html body header #HeaderCart#HeaderCart a::after,html body header #HeaderProfilePreview#HeaderProfilePreview#HeaderProfilePreview[data-unread-notifications]::after,html body #AccountDropDown#AccountDropDown .sxDdN.sxDdN,html body #SuprimxAccount #SideBar #SideBarMenu a:is([data-couter]):not([data-couter="0"],[data-couter=""])::after{height:18px!important;min-width:18px!important;line-height:18px!important;font-size:10px!important;font-weight:800!important;padding:0 5px!important;box-sizing:border-box!important;border-radius:999px!important}
}
/* 全站按钮阴影统一（Jacky 2026-10-17 选「现在中间那种」）：往下 8、范围 20；金色按钮金色阴影、橙色按钮橙色阴影 */
html body a.WhyShopNow.WhyShopNow,html body button#BuyNowBtn#BuyNowBtn,html body button#CheckoutBtn#CheckoutBtn,html body a.qbtn.qbtn.g,html body button#SavePasswordBtn#SavePasswordBtn,html body button.bgo.bgo,html body button#ContactUsChatUsBtn#ContactUsChatUsBtn,html body button#SubmitContactFormBtn#SubmitContactFormBtn,html body button.sxBig.sxLoginGo,html body button.sxBig.sxOtpGo,html body button#ResetPasswordBtn#ResetPasswordBtn{box-shadow:0 8px 20px rgba(201,122,0,.3)!important}
html body button#AddToCartBtn#AddToCartBtn,html body a.qbtn.qbtn.o,html body button.ShowCardInfoBtn.ShowCardInfoBtn{box-shadow:0 8px 20px rgba(242,107,29,.28)!important}
@layer sxinline{
/* 全站按钮阴影统一（Jacky 2026-10-17 选「现在中间那种」）：往下 8、范围 20；金色按钮金色阴影、橙色按钮橙色阴影 */
html body a.WhyShopNow.WhyShopNow,html body button#BuyNowBtn#BuyNowBtn,html body button#CheckoutBtn#CheckoutBtn,html body a.qbtn.qbtn.g,html body button#SavePasswordBtn#SavePasswordBtn,html body button.bgo.bgo,html body button#ContactUsChatUsBtn#ContactUsChatUsBtn,html body button#SubmitContactFormBtn#SubmitContactFormBtn,html body button.sxBig.sxLoginGo,html body button.sxBig.sxOtpGo,html body button#ResetPasswordBtn#ResetPasswordBtn{box-shadow:0 8px 20px rgba(201,122,0,.3)!important}
html body button#AddToCartBtn#AddToCartBtn,html body a.qbtn.qbtn.o,html body button.ShowCardInfoBtn.ShowCardInfoBtn{box-shadow:0 8px 20px rgba(242,107,29,.28)!important}
}
/* 手机侧边栏的 Direct Top-Up 也用游戏手把（跟电脑顶部一样；侧边栏搬出 header 后没套到）；现在页颜色跟电脑一样 #FFC233（Jacky 2026-10-18） */
html body #ProductClassificationMenuList i.SxIc.SxIc.fa-gem::before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;vertical-align:-3px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;font-size:0!important}
@media (max-width:799px){html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a.sxOn span,html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a.sxOn .SxIc{color:#FFC233!important}html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a .SxIc{color:#FFC233!important;width:20px!important;text-align:center!important}}
@layer sxinline{
/* 手机侧边栏的 Direct Top-Up 也用游戏手把（跟电脑顶部一样；侧边栏搬出 header 后没套到）；现在页颜色跟电脑一样 #FFC233（Jacky 2026-10-18） */
html body #ProductClassificationMenuList i.SxIc.SxIc.fa-gem::before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;vertical-align:-3px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M247.44%20173.75a.7.7%200%200%200%200-.14l-16.39-84.17v-.18A60.08%2060.08%200%200%200%20172%2040H83.89a59.88%2059.88%200%200%200-59%2049.52L8.58%20173.61a.7.7%200%200%200%200%20.14a36%2036%200%200%200%2060.9%2031.71l.35-.37L109.52%20160h37l39.71%2045.09c.11.13.23.25.35.37A36.08%2036.08%200%200%200%20212%20216a36%2036%200%200%200%2035.43-42.25ZM104%20112h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%200%2016m40-8a8%208%200%200%201%208-8h24a8%208%200%200%201%200%2016h-24a8%208%200%200%201-8-8m84.37%2087.47a19.84%2019.84%200%200%201-12.9%208.23a20.09%2020.09%200%200%201-17.47-5.39L167.8%20160h4.2a60%2060%200%200%200%2051-28.38l8.74%2045a19.82%2019.82%200%200%201-3.37%2014.85%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat!important;font-size:0!important}
@media (max-width:799px){html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a.sxOn span,html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a.sxOn .SxIc{color:#FFC233!important}html body #ProductClassificationMenuList#ProductClassificationMenuList>.InnerContent a .SxIc{color:#FFC233!important;width:20px!important;text-align:center!important}}
}
/* 全站检查修正（Jacky 2026-10-18「fix all」） */
/* 按钮：Checkout 字特粗；手机按钮一律 44 高；Retry KYC 阴影跟其他金色按钮一样 */
html body button#CheckoutBtn#CheckoutBtn{font-weight:800!important}
@media (max-width:767px){html body button.bgo.bgo,html body button#ContactUsChatUsBtn#ContactUsChatUsBtn{height:44px!important;min-height:44px!important}}
html body button#TryKYCAgainBtn#TryKYCAgainBtn{box-shadow:0 8px 20px rgba(201,122,0,.3)!important}
/* 输入框字一律 12 */
html body #ContactFormContent#ContactFormContent input,html body #ContactFormContent#ContactFormContent textarea,html body .QtyAdjustBox.QtyAdjustBox input{font-size:12px!important}
/* 大框边线统一：很淡的灰线 + 很淡的阴影 */
html body #SuprimxAccount .qc.qc,html body #ProductDescriptionContent#ProductDescriptionContent,html body #SideBarMenu#SideBarMenu,html body #OrderDetailSection#OrderDetailSection,html body #ProductContentWrapper .ProductVariantListWrapper.ProductVariantListWrapper,html body #OrderQuantitySection#OrderQuantitySection,html body #OrderPurchaseSummary#OrderPurchaseSummary,html body .OrderListItem.OrderListItem,html body #SearchSideBarSection#SearchSideBarSection,html body .ContactMethodItem.ContactMethodItem,html body #PurchaseSummarySection#PurchaseSummarySection,html body #ContactFormContent#ContactFormContent,html body #GiftCardWrapper#GiftCardWrapper,html body #NotificationList#NotificationList,html body .KYCResultContentWrapper.KYCResultContentWrapper{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
/* 手机首页横幅圆角 12 */
html body #HomeBannerSliderListWrapper .swiper-slide,html body #HomeBannerSliderListWrapper .swiper-slide img{border-radius:12px!important}
/* 选中的筛选 / 金额：字用一般金色 */
html body #FilterTab a.ActiveTab,html body #FilterTab a.ActiveTab span,html body .bchips button.on,html body .bf button.on{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}
/* 手机账户页 Log Out 图标跟头像菜单一样 */
html body #SuprimxAccount .qlinks a.out .i i.fa-arrow-right-from-bracket::before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
@layer sxinline{
/* 全站检查修正（Jacky 2026-10-18「fix all」） */
/* 按钮：Checkout 字特粗；手机按钮一律 44 高；Retry KYC 阴影跟其他金色按钮一样 */
html body button#CheckoutBtn#CheckoutBtn{font-weight:800!important}
@media (max-width:767px){html body button.bgo.bgo,html body button#ContactUsChatUsBtn#ContactUsChatUsBtn{height:44px!important;min-height:44px!important}}
html body button#TryKYCAgainBtn#TryKYCAgainBtn{box-shadow:0 8px 20px rgba(201,122,0,.3)!important}
/* 输入框字一律 12 */
html body #ContactFormContent#ContactFormContent input,html body #ContactFormContent#ContactFormContent textarea,html body .QtyAdjustBox.QtyAdjustBox input{font-size:12px!important}
/* 大框边线统一：很淡的灰线 + 很淡的阴影 */
html body #SuprimxAccount .qc.qc,html body #ProductDescriptionContent#ProductDescriptionContent,html body #SideBarMenu#SideBarMenu,html body #OrderDetailSection#OrderDetailSection,html body #ProductContentWrapper .ProductVariantListWrapper.ProductVariantListWrapper,html body #OrderQuantitySection#OrderQuantitySection,html body #OrderPurchaseSummary#OrderPurchaseSummary,html body .OrderListItem.OrderListItem,html body #SearchSideBarSection#SearchSideBarSection,html body .ContactMethodItem.ContactMethodItem,html body #PurchaseSummarySection#PurchaseSummarySection,html body #ContactFormContent#ContactFormContent,html body #GiftCardWrapper#GiftCardWrapper,html body #NotificationList#NotificationList,html body .KYCResultContentWrapper.KYCResultContentWrapper{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
/* 手机首页横幅圆角 12 */
html body #HomeBannerSliderListWrapper .swiper-slide,html body #HomeBannerSliderListWrapper .swiper-slide img{border-radius:12px!important}
/* 选中的筛选 / 金额：字用一般金色 */
html body #FilterTab a.ActiveTab,html body #FilterTab a.ActiveTab span,html body .bchips button.on,html body .bf button.on{color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}
/* 手机账户页 Log Out 图标跟头像菜单一样 */
html body #SuprimxAccount .qlinks a.out .i i.fa-arrow-right-from-bracket::before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233F4350%22%20d%3D%22M120%20216a8%208%200%200%201-8%208H48a8%208%200%200%201-8-8V40a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H56v160h56a8%208%200%200%201%208%208m109.66-93.66l-40-40A8%208%200%200%200%20176%2088v32h-64a8%208%200%200%200%200%2016h64v32a8%208%200%200%200%2013.66%205.66l40-40a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
}
@layer sxinline{
html body div#ProductContentWrapper#ProductContentWrapper > div.InnerContent > div.ProductVariantSection > div.ProductVariantListWrapper,html body div#ProductContentWrapper#ProductContentWrapper div.ActionSection > div,html body div#ProductContentWrapper#ProductContentWrapper #ProductDescriptionContent{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
}
html body div#ProductContentWrapper#ProductContentWrapper > div.InnerContent > div.ProductVariantSection > div.ProductVariantListWrapper,html body div#ProductContentWrapper#ProductContentWrapper div.ActionSection > div,html body div#ProductContentWrapper#ProductContentWrapper #ProductDescriptionContent{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
/* 框的边线统一（Jacky 2026-10-18 fix all）：大框 = 很淡灰线 + 很淡阴影；大框里的小框 = 只有很淡灰线 */
html body #ProductFAQ#ProductFAQ,html body #ProductGuidance#ProductGuidance,html body #ProductRelatedNews#ProductRelatedNews,html body #ProductRelatedProducts#ProductRelatedProducts,html body .ProductFAQ,html body .ProductGuidance,html body .ProductRelatedNews,html body .ProductRelatedProducts,html body #HomePageContent .ProductGroupWrapper,html body #SideBarContent#SideBarContent,html body .SideBarContent,html body #SuprimxAccount .qt,html body .card.card{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
html body .OrderListItem.OrderListItem,html body .CardItem.CardItem,html body .PurchaseItem.PurchaseItem,html body #SuprimxAccount .bq,html body #SuprimxAccount .bh,html body #QtyWrapper#QtyWrapper#QtyWrapper#QtyWrapper,html body div#QtyWrapper > div.C{box-shadow:0 0 0 1px #ECEDEF!important}
html body div#ProductContentWrapper#ProductContentWrapper div#QtyWrapper > div.C > div.QtyAdjustBox:not(:focus-within){box-shadow:0 0 0 1px #E3E5E8!important}
@layer sxinline{
/* 框的边线统一（Jacky 2026-10-18 fix all）：大框 = 很淡灰线 + 很淡阴影；大框里的小框 = 只有很淡灰线 */
html body #ProductFAQ#ProductFAQ,html body #ProductGuidance#ProductGuidance,html body #ProductRelatedNews#ProductRelatedNews,html body #ProductRelatedProducts#ProductRelatedProducts,html body .ProductFAQ,html body .ProductGuidance,html body .ProductRelatedNews,html body .ProductRelatedProducts,html body #HomePageContent .ProductGroupWrapper,html body #SideBarContent#SideBarContent,html body .SideBarContent,html body #SuprimxAccount .qt,html body .card.card{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
html body .OrderListItem.OrderListItem,html body .CardItem.CardItem,html body .PurchaseItem.PurchaseItem,html body #SuprimxAccount .bq,html body #SuprimxAccount .bh,html body #QtyWrapper#QtyWrapper#QtyWrapper#QtyWrapper,html body div#QtyWrapper > div.C{box-shadow:0 0 0 1px #ECEDEF!important}
html body div#ProductContentWrapper#ProductContentWrapper div#QtyWrapper > div.C > div.QtyAdjustBox:not(:focus-within){box-shadow:0 0 0 1px #E3E5E8!important}
}
@layer sxinline{
html body div#OrderList#OrderList > div.OrderListItem{box-shadow:0 0 0 1px #ECEDEF!important}
html body div#ProductDisplaySection#ProductDisplaySection > div.InnerContent > div.ProductDisplayListWrapper > div.ProductGroupWrapper{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}
}
html body div#OrderList#OrderList > div.OrderListItem{box-shadow:0 0 0 1px #ECEDEF!important}
html body div#ProductDisplaySection#ProductDisplaySection > div.InnerContent > div.ProductDisplayListWrapper > div.ProductGroupWrapper{box-shadow:0 0 0 1px #ECEDEF,0 1px 2px rgba(16,24,40,.04)!important}