/* Generated by deploy/build-client-assets.php. Edit the source stylesheets. */

/* mod/css/main.css */
.header-widget span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px;
    letter-spacing: 0.3px;
    white-space: nowrap;
    text-align: left;
    line-height: 20px;
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.content_html ul {
    list-style-type: disc !important;
    /* Hiển thị dấu chấm đầu dòng */
    padding-left: 40px;
    /* Khoảng cách từ cạnh trái đến nội dung danh sách */
    margin: 0;
}

.footer-part {
    padding-top: 30px;
    background: white;
}

#top-menu-left {
    position: fixed;
    left: 0;
    /* Đổi từ right: 0; thành left: 0; */
    top: 100px;
    z-index: 99;
    width: 50px;
}

#top-menu-left li {
    display: flex;
    justify-content: flex-start;
    /* Đổi từ justify-content: flex-end; thành justify-content: flex-start; */
    list-style: none;
    margin-bottom: -5px;
}

#top-menu-left i {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

#top-menu-left i img {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

#top-menu-left li a {
    background: #f5f6fa;
    border-radius: 0 10px 10px 0;
    /* Đổi từ border-radius: 10px 0 0 10px; thành border-radius: 0 10px 10px 0; */
    box-shadow: 0 0 5px 0 rgb(48 56 70 / 20%);
    display: inline-flex;
    align-items: center;
    color: #000;
    font-size: 13px;
    width: 195px;
    margin-left: 0px;
    /* Đổi từ margin-right: -10px; thành margin-left: -10px; */
    cursor: pointer;
}

#top-menu-left span {
    padding: 10px 0 10px 10px;
    /* Đổi từ padding: 10px 10px 10px 0; thành padding: 10px 0 10px 10px; */
    width: 140px;
}

#top-menu-left li a.active {
    background: var(--primary);
    margin-left: 0;
    /* Đổi từ margin-right: 0; thành margin-left: 0; */
    color: #fff;
    width: 195px;
    margin-left: -143px;
    /* Đổi từ margin-right: -143px; thành margin-left: -143px; */
}

body:not(.scrolling) #top-menu-left li a:not(.active) {
    width: 60px;
}

body:not(.scrolling) #top-menu-left li a:not(.active) span {
    display: none;
}

#top-menu-left:hover li a:hover span {
    display: block !important;
}

@media screen and (min-width: 768px) {
    #top-menu-left:hover li a:hover {
        width: 195px !important;
    }
}

@media screen and (min-width: 1401px) {
    #top-menu-left li a {
        margin-left: 0px;
        /* Đổi từ margin-right: -10px; thành margin-left: -10px; */
        font-size: 16px;
    }

    #top-menu-left i {
        margin: 12px;
    }

    #top-menu-left span {
        left: 0;
        /* Đổi từ left: 105px; thành left: 0; */
        padding: 15px 0 15px 15px;
        /* Đổi từ padding: 15px 15px 15px 0; thành padding: 15px 0 15px 15px; */
        width: 165px;
    }

    #top-menu-left i img {
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    #top-menu-left li a.active {
        margin-left: 0;
        /* Đổi từ margin-right: 0; thành margin-left: 0; */
        width: 240px;
    }

    #top-menu-left li a.active span {
        left: 54px;
    }
}

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

    #top-menu-left,
    #top-menu-left li {
        pointer-events: none;
    }

    #top-menu-left i img {
        border-radius: 30%;
    }

    #top-menu-left i {
        border-radius: 30%;
    }

    #top-menu-left span {
        visibility: hidden;
        opacity: 0;
    }

    #top-menu-left li a.active span {
        visibility: visible;
        opacity: 1;
    }

    #top-menu-left li a {
        width: 58px;
        height: 45px;
        pointer-events: auto;
    }

    #top-menu-left li a.active {
        width: 145px;
    }
}

/* END */
#top-menu-right {
    position: fixed;
    right: 0;
    top: 105px;
    z-index: 99;
    width: 50px;
}

#top-menu-right li {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin-bottom: -5px;
}

#top-menu-right i {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

#top-menu-right i img {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

#top-menu-right li a {
    background: #f5f6fa;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 5px 0 rgb(48 56 70 / 20%);
    display: inline-flex;
    align-items: center;
    color: #000;
    font-size: 13px;
    width: 195px;
    margin-right: 0px;
    cursor: pointer;
}

#top-menu-right span {
    padding: 10px 10px 10px 0;
    width: 140px;
}

#top-menu-right li a.active {
    background: var(--primary);
    margin-right: 0;
    color: #fff;
    width: 195px;
    margin-right: -143px;
}

body:not(.scrolling) #top-menu-right li a:not(.active) {
    width: 60px;
}

body:not(.scrolling) #top-menu-right li a:not(.active) span {
    display: none;
}

#top-menu-right:hover li a:hover span {
    display: block !important;
}

@media screen and (min-width: 768px) {
    #top-menu-right:hover li a:hover {
        width: 195px !important;
    }
}

@media screen and (min-width: 1401px) {
    #top-menu-right li a {
        margin-right: 0px;
        font-size: 16px;
    }

    #top-menu-right i {
        margin: 12px;
    }

    #top-menu-right span {
        left: 105px;
        padding: 15px 15px 15px 0;
        width: 165px;
    }

    #top-menu-right i img {
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    #top-menu-right li a.active {
        margin-right: 0;
        width: 240px;
    }

    #top-menu-right li a.active span {
        left: 54px;
    }
}

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

    #top-menu-right,
    #top-menu-right li {
        pointer-events: none;
    }

    #top-menu-right i img {
        border-radius: 30%;
    }

    #top-menu-right i {
        border-radius: 30%;
    }

    #top-menu-right span {
        visibility: hidden;
        opacity: 0;
    }

    #top-menu-right li a.active span {
        visibility: visible;
        opacity: 1;
    }

    #top-menu-right li a {
        width: 58px;
        height: 45px;
        pointer-events: auto;
    }

    #top-menu-right li a.active {
        width: 145px;
    }
}


.footer-copytext a {
    color: #ffffff;
}

.megamenu {
    z-index: 3;
}

ul,
li {
    list-style-type: none;
    margin-left: 0px;
}

.header-logo img {
    height: 70px;
}

/* START THEME BOX4 */
.product-box4 {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    border: 1px solid var(--bs-border-color)
}

.product-head-box4 {
    display: flex;
    border-bottom: 1px solid var(--bs-border-color);
    padding: 13px;
    background: #f5f5f5
}

.product-head-box4 img {
    height: 40px
}

.product-head-box4 h4 {
    width: calc(100% - 40px);
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.product-body-box4 {
    border-bottom: 1px solid #e1ecf8;
    padding: 15px;
    min-height: 186px
}

/* CSS cho hình vuông sản phẩm BOX_5 */
.product-image-square {
    width: 100%;
    aspect-ratio: 1/1;
    /* Tạo hình vuông với tỷ lệ 1:1 */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-image-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Đảm bảo hình ảnh lấp đầy khung mà không bị méo */
    object-position: center;
    /* Căn giữa hình ảnh */
}

/* CSS cho hình vuông sản phẩm BOX_6 (nhỏ hơn) */
.product-image-box6 {
    width: 100px;
    aspect-ratio: 1/1;
    /* Tạo hình vuông với tỷ lệ 1:1 */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-right: auto;
    margin-left: 0;
}

.product-image-box6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Đảm bảo hình ảnh lấp đầy khung mà không bị méo */
    object-position: center;
    /* Căn giữa hình ảnh */
}

.product-body-box4 p {
    margin-bottom: -4px;
    font-size: 14px
}

.product-body-box4 p i {
    color: #558b2f;
    margin-right: 3px;
}

.product-footer-box4 {
    padding: 15px;
    border-bottom: 1px solid #e1ecf8
}

.product-footer-box4 strong {
    display: block;
    font-size: 12px;
    margin-bottom: 5px
}

.product-footer-box4 img {
    height: 20px
}

.border-end-box4 {
    border-right: 1px solid #e1ecf8 !important
}

.product-buttons-box4 {
    padding: 15px
}

.price-box4 {
    text-align: right
}

.price-box4 strong {
    font-size: 18px;
    color: #f5b907;
    margin: 0
}

.proce-box4-not-discount {
    font-size: 18px;
    color: #f5b907;
    margin: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price-box4 span {
    text-decoration: line-through;
    font-size: 14px;
    color: #c2c2c2;
    font-weight: 500
}

.buy-btn-box4 {
    background: linear-gradient(135deg, var(--primary) 0, var(--primary1) 100%);
    border: 0;
    color: #fff !important;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.buy-btn-box4.disabled {
    text-transform: uppercase;
    /* In hoa text*/
    background: rgb(182, 179, 179);
    /* Màu nền xám */
    color: #666;
    /* Màu chữ xám nhạt */
    cursor: not-allowed;
    /* Con trỏ không cho phép */
    pointer-events: none;
    /* Không sự kiện click */
}

.more-btn-box4 {
    background: rgba(255, 255, 255, 0);
    /* Màu nền trong suốt */
    border: 1px solid var(--primary);
    /* Viền màu */
    color: var(--primary);
    /* Màu chữ */
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    /* Đổ bóng */
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    /* Sử dụng Flexbox */
    justify-content: center;
    /* Căn giữa theo chiều ngang */
    align-items: center;
    /* Căn giữa theo chiều dọc */
    transition: background-color 0.3s, color 0.3s;
    /* Hiệu ứng chuyển đổi màu */
}

/* END THEME BOX4 */

.card-wallet-home {
    top: 115px;
}

.modal-dialog {
    position: relative;
    width: 100%;
    /* adjust as needed */
}

.modal-content {
    position: relative;
    background-color: #fff;
    /* modal background color */
    border-radius: 10px;
}

.modal-header {
    padding: 15px;
}

.modal-footer {
    padding: 0px;
}

/* Close button styles */
.btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}





.all-product-main .box-product-main {
    border-radius: 10px;
    height: 100px;
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px;
    background-size: cover;
    transition: box-shadow .2s;
    width: 100%;
}

.box-img-product {
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 19%), inset 0 -1px 4px rgb(0 0 0 / 25%);
    border-radius: 14px;
    height: 75px;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.box-text-style {
    color: #fff;
}

.btn-see-more {
    display: none;
    border: 0;
    width: 130px;
    border-radius: 30px;
    background: #fff;
    font-weight: 700;
    margin-left: 92px;
}

.box-product-main:hover .btn-see-more {
    visibility: visible;
    margin-top: 15px;
    height: 30px;
    display: block;
}

.box-product-main .btn-see-more:hover {
    background-color: #ffffe6;
}

.row-menu-home {
    margin: -6px 4px 10px;
}

.row-menu-home .form-provide-home {
    display: block;
    border-radius: 15px;
    padding: 15px 10px;
    background-color: #f7f7f782;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border: 1px solid #eaeaea;
    color: inherit;
}

.table-padded {
    border-collapse: separate;
    border-spacing: 0 10px;
    padding-right: 8px;
    padding-top: 18px;
}

.btn-custom {
    color: #ffffff;
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 30px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    padding: 10px;
    width: 230px;
}

.btn-custom-available {
    background-color: #00a1f7;
}

.btn-custom-sold {
    background-color: #444444;
}

.btn-custom-sold:hover {
    background-color: #2e2e2e;
    color: #fff;
}

.btn-custom-available:hover {
    background-color: #f64444;
    color: #fff;
}

.posterd {
    padding: 20px;
    background: #4e8666bd;
    border: 1px #eee solid;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.welcomto {
    display: flex;
    align-items: center;
}

.box-intro {
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 19%), inset 0 -4px 8px rgb(0 0 0 / 25%);
    border-radius: 14px;
    height: 90px;
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.describe-intro {
    margin-top: 15px;
    opacity: 0.9;
    font-size: 17px;
    line-height: 1.4;
}

ul.custom-button-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    box-sizing: border-box;
    padding: 11px 0px;
}

ul.custom-button-list li {
    flex: 1 1 auto;
}

.btn-category-home {
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    width: 100%;
}

.btn-category-home:hover {
    background-color: #555;
    color: #fff;
}

.btn-category-home:focus {
    outline: none;
    background-color: #000;
}

.btn-category-home.active {
    color: #3a6b8f;
    background: #b4b4b461;
}

.btn-category-home a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

/* Skeleton Loading Styles - Vertical List Layout */
.skeleton-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 0;
}

.skeleton-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    padding: 20px;
    min-height: 120px;
}

.skeleton-image {
    width: 80px;
    height: 80px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    flex-shrink: 0;
    margin-right: 20px;
}

.skeleton-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skeleton-title {
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    width: 80%;
}

.skeleton-text {
    height: 12px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    width: 60%;
}

.skeleton-info {
    display: flex;
    gap: 15px;
    margin-top: 5px;
}

.skeleton-stock {
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    width: 80px;
}

.skeleton-sales {
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    width: 80px;
}

.skeleton-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 120px;
}

.skeleton-price {
    height: 24px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    width: 100px;
}

.skeleton-button {
    height: 35px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 6px;
    width: 100px;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/* Loading dots animation */
.loading-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 30px 0;
}

.loading-dots span {
    width: 12px;
    height: 12px;
    background: linear-gradient(45deg, #365f7d 0%, #29495f 100%);
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

.loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes bounce {

    0%,
    80%,
    100% {
        transform: scale(0);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.loading-text {
    text-align: center;
    color: #365f7d;
    font-weight: 500;
    margin-top: 10px;
    font-size: 14px;
}


/* Skeleton Loading cho Menu */
.menu-skeleton {
    padding: 20px 0;
}

.skeleton-menu-title {
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 15px;
    width: 60%;
}

.skeleton-menu-item {
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 8px;
    width: 80%;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/* Ẩn skeleton khi menu đã load */
.menu-loaded .menu-skeleton {
    display: none;
}

/* Skeleton Loading cho Category Buttons (Home) */
.home-categories-loading {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.skeleton-category-btn {
    height: 40px;
    width: 150px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .skeleton-category-btn {
        width: 120px;
        height: 35px;
    }
}

/* ===== PREVIEW UID MODAL ===== */
#openModal .modal-dialog.modal-xl .modal-content {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

#openModal .modal-dialog.modal-xl {
    max-width: 960px !important;
}

#openModal .modal-backdrop,
.modal-backdrop {
    background: rgba(0, 0, 0, 0.5) !important;
}

.pv-container {
    padding: 24px !important;
    background: #fff !important;
    position: relative !important;
}

.pv-close {
    position: absolute !important;
    top: 16px !important;
    right: 20px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
    background: #f9fafb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #374151 !important;
    transition: all 0.2s !important;
    z-index: 10 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.pv-close:hover {
    background: #ef4444 !important;
    color: #fff !important;
    border-color: #ef4444 !important;
}

.pv-header {
    padding-bottom: 16px !important;
    border-bottom: 2px solid #f3f4f6 !important;
    margin-bottom: 20px !important;
}

.pv-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 10px !important;
    padding-right: 40px !important;
    line-height: 1.4 !important;
}

.pv-badge {
    display: inline-block !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-right: 6px !important;
    color: #fff !important;
}

.pv-badge-green {
    background: #059669 !important;
}

.pv-badge-blue {
    background: #2563eb !important;
}

.pv-badge-red {
    background: #dc2626 !important;
}

.pv-body {
    display: flex !important;
    gap: 24px !important;
}

.pv-left {
    flex: 1 !important;
    min-width: 0 !important;
}

.pv-right {
    width: 300px !important;
    flex-shrink: 0 !important;
}

.pv-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    gap: 8px !important;
}

.pv-toolbar label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #374151 !important;
    margin: 0 !important;
}

.pv-toolbar .pv-page-info {
    font-size: 12px !important;
    color: #9ca3af !important;
}

.pv-uid-list {
    max-height: 420px !important;
    overflow-y: auto !important;
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.pv-uid-list table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}

.pv-uid-list thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
}

.pv-uid-list thead th {
    background: #f9fafb !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-bottom: 2px solid #e5e7eb !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    letter-spacing: 0.5px !important;
}

.pv-uid-list tbody tr {
    cursor: pointer !important;
    transition: background 0.15s !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.pv-uid-list tbody tr:hover {
    background: #f0f9ff !important;
}

.pv-uid-list tbody tr.pv-selected {
    background: #eff6ff !important;
}

.pv-uid-list tbody td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    color: #1f2937 !important;
    border: none !important;
}

.pv-uid-list tbody td:first-child {
    width: 40px !important;
    text-align: center !important;
}

.pv-uid-list .pv-uid-text {
    font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

.pv-uid-list input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
    accent-color: #2563eb !important;
}

.pv-pagination {
    display: flex !important;
    justify-content: center !important;
    margin-top: 12px !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}

.pv-pagination button {
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    border: 1px solid #d1d5db !important;
    background: #fff !important;
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    padding: 0 6px !important;
    line-height: 32px !important;
}

.pv-pagination button:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.pv-pagination button.pv-page-active {
    background: #2563eb !important;
    color: #fff !important;
    border-color: #2563eb !important;
}

.pv-pagination .pv-dots {
    align-self: center !important;
    padding: 0 4px !important;
    color: #9ca3af !important;
}

.pv-payment {
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 20px !important;
    position: sticky !important;
    top: 0 !important;
}

.pv-payment-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #e5e7eb !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.pv-payment-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
}

.pv-payment-row .pv-label {
    color: #6b7280 !important;
}

.pv-payment-row .pv-value {
    font-weight: 600 !important;
    color: #111827 !important;
}

.pv-payment-row .pv-value-green {
    color: #059669 !important;
    font-weight: 700 !important;
}

.pv-payment-row .pv-value-red {
    color: #dc2626 !important;
}

.pv-payment-row .pv-value-blue {
    color: #2563eb !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.pv-selected-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #2563eb !important;
    color: #fff !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.pv-coupon-input {
    width: 100% !important;
    height: 36px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color 0.2s !important;
    box-sizing: border-box !important;
}

.pv-coupon-input:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.pv-divider {
    border: none !important;
    border-top: 1px solid #e5e7eb !important;
    margin: 12px 0 !important;
}

.pv-divider-bold {
    border-top: 2px solid #e5e7eb !important;
    margin: 14px 0 !important;
}

.pv-btn-pay {
    width: 100% !important;
    height: 46px !important;
    border: none !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s !important;
    margin-top: 16px !important;
}

.pv-btn-pay:hover:not(:disabled) {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

.pv-btn-pay:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.pv-btn-login {
    width: 100% !important;
    height: 46px !important;
    border: none !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #059669, #047857) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

.pv-empty {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #6b7280 !important;
}

.pv-empty i {
    font-size: 48px !important;
    color: #d1d5db !important;
    margin-bottom: 12px !important;
    display: block !important;
}

@media (max-width: 767px) {
    .pv-body {
        flex-direction: column !important;
    }

    .pv-right {
        width: 100% !important;
    }

    .pv-container {
        padding: 16px !important;
    }

    #openModal .modal-dialog {
        margin: 10px !important;
    }
}

/* ===== NÚT ĐÓNG MODAL MOBILE ===== */
/* Nút đóng chuyên dụng cho mobile, hiển thị trong khung nhìn modal */
/* Desktop dùng .modal-close gốc (position: absolute bên ngoài modal) */
.modal-close-mobile {
    display: none;
}

@media (max-width: 1100px) {

    /* Ẩn nút đóng desktop gốc (bị khuất ngoài viewport trên mobile) */
    .modal-close.icofont-close {
        display: none !important;
    }

    /* Hiện nút đóng mobile bên trong modal */
    .modal-close-mobile {
        display: flex !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        z-index: 10 !important;
        width: auto !important;
        height: 30px !important;
        padding: 0 12px !important;
        gap: 5px !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        border-radius: 20px !important;
        background: var(--primary, #2563eb) !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
    }

    .modal-close-mobile:hover {
        opacity: 0.9 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    }

    .modal-close-mobile i {
        font-size: 12px !important;
    }
}

/* ===== END PREVIEW UID MODAL ===== */

/* ===== WIDGET BẢNG XẾP HẠNG (LEADERBOARD) ===== */
/* Nút trigger BXH - cùng style với backtop nhưng dùng primary color */
.leaderboard-btn {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 3;
    width: 48px;
    height: 48px;
    font-size: 16px;
    color: var(--white);
    line-height: 48px;
    text-align: center;
    display: block;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
    transition: all .3s;
    cursor: pointer;
    animation: mahmud 4s infinite;
}

.leaderboard-btn:hover {
    color: var(--white);
    transform: scale(1.08);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}

@media (max-width: 991px) {
    .leaderboard-btn {
        bottom: 115px;
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .leaderboard-btn {
        bottom: 110px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
}

/* Modal BXH */
.lb-modal {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    font-family: var(--pfamily);
}

.lb-header {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    padding: 16px 20px;
}

.lb-header .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading);
}

.lb-sub {
    color: var(--gray);
    font-size: 12px;
}

.lb-icon-wrap {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* Tabs thời gian BXH */
.lb-tabs-wrap {
    display: flex;
    gap: 6px;
    padding: 10px 20px;
    background: var(--chalk);
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
}

.lb-tab {
    padding: 6px 16px;
    border: 1px solid var(--border);
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
    transition: all .2s;
    white-space: nowrap;
    font-family: var(--pfamily);
}

.lb-tab:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.lb-tab.active {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* Body BXH */
.lb-body {
    padding: 12px 16px;
    max-height: 420px;
    overflow-y: auto;
    background: var(--chalk);
}

.lb-loading {
    text-align: center;
    padding: 40px 0;
    color: var(--gray);
    font-size: 14px;
}

/* Danh sách xếp hạng */
.lb-row {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 8px;
    margin-bottom: 6px;
    background: var(--white);
    border: 1px solid var(--border);
    transition: all .2s;
}

.lb-row:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.lb-row:last-child {
    margin-bottom: 0;
}

/* Highlight user hiện tại (username phát sáng đỏ) */
.lb-row.lb-is-me .lb-name {
    color: #dc3545 !important;
    animation: glow-text-red 1.5s infinite alternate;
}

@keyframes glow-text-red {
    from {
        text-shadow: 0 0 2px rgba(220, 53, 69, 0.5);
    }

    to {
        text-shadow: 0 0 10px rgba(220, 53, 69, 1);
    }
}

/* Highlight top 3 */
.lb-row.lb-top-1 {
    border-left: 3px solid #f59e0b;
}

.lb-row.lb-top-2 {
    border-left: 3px solid #94a3b8;
}

.lb-row.lb-top-3 {
    border-left: 3px solid #ea580c;
}

/* Badge hạng */
.lb-badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    margin-right: 12px;
    flex-shrink: 0;
    color: #fff;
    background: var(--gray-chalk);
}

.lb-top-1 .lb-badge {
    background: #f59e0b;
}

.lb-top-2 .lb-badge {
    background: #94a3b8;
}

.lb-top-3 .lb-badge {
    background: #ea580c;
}

/* Thông tin user */
.lb-name {
    font-weight: 500;
    font-size: 14px;
    color: var(--heading);
    line-height: 1.3;
}

.lb-detail {
    font-size: 12px;
    color: var(--gray);
}

.lb-amount {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary);
    text-align: right;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}

/* Trạng thái trống */
.lb-empty {
    text-align: center;
    padding: 40px 16px;
    color: var(--gray);
}

.lb-empty i {
    font-size: 36px;
    margin-bottom: 8px;
    display: block;
    color: var(--border);
}

/* ===== END WIDGET BẢNG XẾP HẠNG ===== */

/* public/client/css/storefront-complete.css */
/* Shared customer storefront and account design. Loaded after the legacy theme. */
:root {
  --sk-ink: #192c38;
  --sk-muted: #6d7c86;
  --sk-green: #365f7d;
  --sk-green-deep: #29495f;
  --sk-border: #e1e6e8;
  --sk-surface: #ffffff;
  --sk-background: #f7f7f4;
  --sk-shadow: 0 14px 36px rgba(25,44,56, .065);
}
html { scroll-behavior: smooth; }
body { background: var(--sk-background); color: var(--sk-ink); font-family: "Segoe UI", Arial, sans-serif; }
.container { width: min(100% - 30px, 1280px); max-width: 1280px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(54,95,125,.34); outline-offset: 3px; }
.header-top { background: #192c38 !important; }
.header-top-list a, .header-top p { color: #f7f7f4 !important; }
.header-top-inner { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 35px; }
.header-top-welcome { flex: 1; min-width: 0; }
.header-top-welcome p { margin: 0; }
.header-top-select { flex: 0 0 auto; width: auto; margin: 0; justify-content: flex-start; gap: 25px; }
.header-select { flex: 0 0 auto; width: auto; justify-content: flex-start; gap: 7px; }
.header-select i { margin: 0; }
.header-top-list { flex: 0 0 auto; margin: 0 0 0 auto; justify-content: flex-end; gap: 28px; }
.header-top-list li { margin: 0; }
.header-part, .navbar-part { background: #fff; border-bottom: 1px solid var(--sk-border); }
.header-part { box-shadow: 0 5px 26px rgba(25,44,56,.045); }
.header-content { gap: 16px; }
.header-logo { margin-right: 14px; }
.header-logo img { max-width: 185px; object-fit: contain; }
.header-form { border: 1px solid #e1e6e8; border-radius: 13px; background: #f7f7f4; margin: 0 auto; max-width: 590px; }
.header-form:focus-within { border-color: #91a8b8; box-shadow: 0 0 0 4px rgba(54,95,125,.09); }
.header-form button { background: var(--sk-green) !important; color: #fff; }
.header-widget i { color: #344b5a; background: #f7f7f4; }
.header-widget:hover i { background: var(--sk-green); color: #fff; }
.header-widget-group { gap: 10px; }
.header-widget-group .header-widget { margin-left: 0; }
.navbar-link { font-weight: 650; font-size: 13px; color: #344b5a; }
.navbar-link:hover { color: var(--sk-green-deep) !important; }
.megamenu, .dropdown-position-list { border: 1px solid var(--sk-border); box-shadow: var(--sk-shadow); }
/* Keep the Products dropdown anchored to its trigger and sized to its columns. */
.navbar-item.dropdown-megamenu { position: relative; }
.navbar-item.dropdown-megamenu .megamenu,
.navbar-item.dropdown-megamenu:hover .megamenu,
.navbar-item.dropdown-megamenu:focus-within .megamenu {
  top: calc(100% + 1px);
  left: 0;
  width: min(620px, calc(100vw - 36px));
  min-height: 0;
  padding: 20px 22px;
  border-radius: 0 0 14px 14px;
  transform: none;
}
.navbar-item.dropdown-megamenu:focus-within .megamenu { visibility: visible; opacity: 1; }
.megamenu > .container { width: 100%; max-width: none; padding: 0; }
#menu-categories-container > .row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0; }
#menu-categories-container > .row > [class*="col-"] { width: auto; max-width: none; padding: 0; flex: none; }
.megamenu-wrap { margin: 0; }
.megamenu-title { margin-bottom: 10px; padding-bottom: 10px; color: var(--sk-ink); font-size: 14px; font-weight: 750; }
.megamenu-title::before { width: 38px; background: var(--sk-green); }
.megamenu-list { border-left: 0; }
.megamenu-list li a { display: flex; align-items: center; min-height: 36px; gap: 7px; padding: 5px 7px; white-space: normal; font-size: 13px; }
.megamenu-list li a img { flex: 0 0 25px; height: 25px; object-fit: contain; }
.footer-part { background: #fff; border-top: 1px solid var(--sk-border); }
.footer-title { color: var(--sk-ink); font-weight: 750; }
.footer-part a:hover { color: var(--sk-green-deep) !important; }
.footer-bottom { border-top-color: var(--sk-border); }
.backtop { background: var(--sk-green); border-radius: 10px; }
.modal-content { border: 1px solid var(--sk-border); border-radius: 18px; box-shadow: 0 24px 70px rgba(25,44,56,.15); overflow: hidden; }
.form-control { border: 1px solid #e1e6e8; border-radius: 11px; background: #fbfcfa; }
.form-control:focus { border-color: #365f7d; box-shadow: 0 0 0 4px rgba(54,95,125,.1); }
.btn-buy, .btn-inline, .form-button button { border-radius: 10px; background: var(--sk-green); color: #fff; font-weight: 700; transition: transform .18s, background .18s, box-shadow .18s; }
.btn-buy:hover, .btn-inline:hover, .form-button button:hover { background: var(--sk-green-deep); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(54,95,125,.2); }
.btn-buy:disabled, .form-button button:disabled { opacity: .62; cursor: wait; transform: none; }
.account-card, .details-content, .details-gallery, .product-details-frame, .feature-card { border: 1px solid var(--sk-border) !important; border-radius: 17px !important; background: #fff; box-shadow: 0 6px 22px rgba(25,44,56,.045) !important; }
.sidebar_profile { border-radius: 10px; border: 1px solid var(--sk-border); background: #fff; }
.sidebar_profile:hover, .sidebar_profile.active { border-color: #91a8b8; background: #f7f7f4; }
.inner-section { background: transparent; }

/* Home carousel and sections */
.storefront-hero { padding: 28px 0 8px; background: transparent; }
.storefront-hero-stage { position: relative; }
.storefront-hero-inner { min-height: 350px; border: 1px solid #e1e6e8; }
.storefront-hero-inner[hidden] { display: none !important; }
.storefront-hero-controls { display: flex; justify-content: center; gap: 8px; padding: 14px 0 2px; }
.storefront-hero-controls button { width: 30px; height: 7px; padding: 0; background: #edf2f5; border: 0; border-radius: 10px; transition: width .2s, background .2s; }
.storefront-hero-controls button.is-active { width: 46px; background: var(--sk-green); }
.storefront-slide-wallet { background: radial-gradient(circle at 77% 42%, rgba(145,168,184,.5), transparent 30%), linear-gradient(120deg,#fbfcfa,#f1f3f3); }
.storefront-slide-discover { background: radial-gradient(circle at 77% 42%, rgba(237,242,245,.6), transparent 35%), linear-gradient(120deg,#fbfcfa,#f1f3f3); }
.storefront-hero-emblem { width: 240px; height: 240px; flex: none; margin-right: 8%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; border: 1px solid rgba(255,255,255,.9); border-radius: 35px; background: rgba(255,255,255,.82); box-shadow: 0 25px 55px rgba(25,44,56,.13); color: #29495f; transform: rotate(-8deg); }
.storefront-hero-emblem > i { font-size: 62px; }
.storefront-hero-emblem span { font-size: 18px; font-weight: 800; letter-spacing: 2px; }
.storefront-hero-emblem b { display: block; text-align: center; font-size: 14px; letter-spacing: 4px; }
.storefront-benefits { padding: 15px 0 14px; }
.storefront-benefits .container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.storefront-benefit { display: flex; align-items: center; gap: 15px; min-height: 82px; padding: 16px 22px; background: #fff; border: 1px solid var(--sk-border); border-radius: 15px; box-shadow: 0 4px 15px rgba(25,44,56,.035); }
.storefront-benefit > i { width: 43px; height: 43px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #f1f3f3; color: var(--sk-green-deep); font-size: 17px; }
.storefront-benefit span { display: grid; gap: 2px; }
.storefront-benefit strong { color: var(--sk-ink); font-size: 13px; }
.storefront-benefit small { color: var(--sk-muted); font-size: 11px; line-height: 1.4; }
.store-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 23px; }
.store-section-kicker { display: block; margin: 0 0 7px; color: var(--sk-green-deep); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; }
.store-section-heading h2 { margin: 0 0 7px; color: var(--sk-ink); font-size: clamp(24px, 2.8vw, 33px); font-weight: 800; letter-spacing: -.6px; line-height: 1.15; }
.store-section-heading p { margin: 0; color: var(--sk-muted); font-size: 13px; line-height: 1.55; }
.store-section-heading > a { flex: none; color: var(--sk-green-deep); font-size: 12px; font-weight: 750; }
.store-section-heading > a i { margin-left: 7px; }
.storefront-categories, .storefront-curated, .storefront-recent { padding: 39px 0; }
.storefront-categories { padding-bottom: 17px; }
.store-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.store-category-card { min-height: 88px; padding: 16px; display: flex; align-items: center; gap: 12px; color: var(--sk-ink); background: #fff; border: 1px solid var(--sk-border); border-radius: 15px; box-shadow: 0 3px 12px rgba(25,44,56,.03); transition: transform .18s, border-color .18s, box-shadow .18s; }
.store-category-card:hover { transform: translateY(-3px); border-color: #91a8b8; box-shadow: var(--sk-shadow); color: var(--sk-green-deep); }
.store-category-icon { width: 48px; height: 48px; flex: none; display: grid; place-items: center; border-radius: 13px; background: #f7f7f4; }
.store-category-icon img { width: 31px; height: 31px; object-fit: contain; }
.store-category-card strong { flex: 1; font-size: 13px; line-height: 1.35; }
.store-category-card > i { font-size: 11px; color: #6d7c86; }
.feature-part { padding-top: 30px; padding-bottom: 25px; }
.feature-part .custom-button-list { margin-top: 7px; }
.feature-part .home-heading { margin-top: 17px; }
.feature-part .home-heading h3 { font-size: 17px !important; }
.feature-card { transition: transform .2s, box-shadow .2s !important; }
.feature-card:hover { transform: translateY(-2px); box-shadow: var(--sk-shadow) !important; }
.feature-name a { color: var(--sk-ink); font-weight: 750; }
.feature-name a:hover { color: var(--sk-green-deep); }
.feature-price span, .details-price span { color: var(--sk-green-deep); }
.storefront-curated { padding-top: 24px; }
.storefront-bestsellers { background: #f1f3f3; }
.store-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.store-product-card { overflow: hidden; background: #fff; border: 1px solid var(--sk-border); border-radius: 16px; box-shadow: 0 5px 18px rgba(25,44,56,.045); transition: transform .2s, box-shadow .2s; }
.store-product-card:hover { transform: translateY(-3px); box-shadow: var(--sk-shadow); }
.store-product-image { position: relative; height: 155px; display: grid; place-items: center; background: linear-gradient(140deg,#f1f3f3,#f7f7f4); color: var(--sk-green-deep); }
.store-product-image > img { width: 100%; height: 100%; object-fit: cover; }
.store-product-image > i { font-size: 49px; opacity: .8; }
.store-product-badge { position: absolute; top: 12px; left: 12px; padding: 5px 8px; border-radius: 6px; background: #e04454; color: #fff; font-size: 11px; font-weight: 800; }
.store-product-content { padding: 17px; }
.store-product-title { display: block; color: var(--sk-ink); font-size: 15px; font-weight: 750; }
.store-product-content p { height: 36px; margin: 8px 0 15px; color: var(--sk-muted); font-size: 12px; line-height: 1.5; overflow: hidden; }
.store-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--sk-border); padding-top: 13px; }
.store-product-bottom strong { color: var(--sk-green-deep); font-size: 17px; font-variant-numeric: tabular-nums; }
.store-product-bottom a { color: var(--sk-green-deep); font-size: 11px; font-weight: 750; }
.store-empty-state { min-height: 165px; padding: 25px; display: grid; justify-items: center; align-content: center; text-align: center; background: #fff; border: 1px dashed #91a8b8; border-radius: 15px; color: var(--sk-muted); }
.store-empty-state i { margin-bottom: 10px; color: #365f7d; font-size: 24px; }
.store-empty-state h3 { margin: 0 0 5px; color: var(--sk-ink); font-size: 15px; font-weight: 750; }
.store-empty-state p { margin: 0; font-size: 12px; }
.store-recent-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.store-recent-list .store-empty-state { grid-column: 1 / -1; }
.store-recent-item { min-height: 72px; padding: 13px; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--sk-border); border-radius: 13px; color: var(--sk-ink); }
.store-recent-item:hover { color: var(--sk-green-deep); border-color: #91a8b8; }
.store-recent-icon { width: 35px; height: 35px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #f1f3f3; color: var(--sk-green-deep); }
.store-recent-item strong { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.store-recent-item > i { font-size: 11px; }

/* Rebuilt sign-in and sign-up screens */
.store-auth-page { padding: 47px 0 66px; }
.store-auth-shell { min-height: 555px; display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1fr); overflow: hidden; background: #fff; border: 1px solid var(--sk-border); border-radius: 23px; box-shadow: 0 22px 62px rgba(25,44,56,.1); }
.store-auth-promo { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 43px 44px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 20%,rgba(54,95,125,.37),transparent 28%),radial-gradient(circle at 14% 86%,rgba(41,73,95,.33),transparent 30%),#192c38; }
.store-auth-promo::after { content: ""; position: absolute; width: 320px; height: 320px; right: -120px; bottom: -155px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 40px rgba(255,255,255,.035),0 0 0 95px rgba(255,255,255,.025); }
.store-auth-brand { position: relative; z-index: 1; padding: 10px 13px; border-radius: 11px; background: #fff; }
.store-auth-brand img { display: block; width: 145px; height: 37px; object-fit: contain; }
.store-auth-promo .store-auth-kicker { position: relative; z-index: 1; margin-top: 82px; color: #91a8b8; }
.store-auth-promo h1 { position: relative; z-index: 1; max-width: 420px; margin: 16px 0 17px; color: #fff; font-size: clamp(31px,3.2vw,46px); line-height: 1.12; letter-spacing: -1.1px; font-weight: 800; text-wrap: balance; }
.store-auth-promo p { position: relative; z-index: 1; max-width: 360px; color: #edf2f5; font-size: 14px; line-height: 1.7; }
.store-auth-points { position: relative; z-index: 1; margin-top: auto; display: flex; flex-wrap: wrap; gap: 9px; }
.store-auth-points span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #f1f3f3; font-size: 11px; font-weight: 650; background: rgba(255,255,255,.07); }
.store-auth-points i { margin-right: 5px; color: #91a8b8; }
.store-auth-main { display: flex; flex-direction: column; justify-content: center; padding: 35px min(7%,70px); }
.store-auth-kicker { color: var(--sk-green-deep); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }
.store-auth-main .user-form-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.store-auth-main .user-form-title { margin-bottom: 27px; text-align: left; }
.store-auth-main .user-form-title h2 { margin: 8px 0 6px; color: var(--sk-ink); font-size: 30px; line-height: 1.18; font-weight: 800; letter-spacing: -.5px; text-transform: none; }
.store-auth-main .user-form-title p { margin: 0; color: var(--sk-muted); font-size: 13px; }
.store-auth-main .user-form-group { display: block; }
.store-auth-main .user-form .form-group { margin-bottom: 15px; }
.store-auth-main .user-form label { display: block; margin: 0 0 7px; color: #192c38; font-size: 12px; font-weight: 750; }
.store-auth-main .user-form .form-control { width: 100%; height: 47px; padding: 0 14px; font-size: 13px; }
.store-auth-main .form-button { margin-top: 22px; }
.store-auth-main .form-button button { width: 100%; height: 48px; line-height: 48px; text-transform: none; letter-spacing: 0; font-size: 14px; }
.store-auth-main .form-button p { margin-top: 13px; font-size: 12px; }
.store-auth-main .form-button p a { color: var(--sk-green-deep); }
.store-auth-main .user-form-remind { margin-top: 22px; padding: 15px 18px; border: 1px solid var(--sk-border); border-radius: 10px; background: #f7f7f4; }
.store-auth-main .user-form-remind p { margin: 0; color: var(--sk-muted); font-size: 12px; }
.store-auth-main .user-form-remind a { color: var(--sk-green-deep); font-weight: 750; }
.store-auth-footnote { margin: 16px 0 0; text-align: center; color: #6d7c86; font-size: 11px; }
.store-auth-footnote i { margin-right: 5px; }
.store-auth-main .agree-terms-row { align-items: start; }
.store-auth-main .agree-terms-label { font-size: 12px; line-height: 1.45; }
#password-strength-status:empty { display: none; }
#password-strength-status:not(:empty) { padding: 7px; font-size: 11px !important; }

/* Product and account pages */
.store-catalog-page { padding: 0 0 72px; background: #f7f7f4; }
.store-catalog-intro { padding: 35px 0 29px; }
.store-catalog-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 27px; color: #6d7c86; font-size: 12px; }
.store-catalog-breadcrumb a { color: #344b5a; }
.store-catalog-breadcrumb i { font-size: 8px; }
.store-catalog-intro h1 { margin: 7px 0 8px; color: var(--sk-ink); font-size: clamp(29px,3vw,42px); font-weight: 800; letter-spacing: -.04em; }
.store-catalog-intro p { margin: 0; color: var(--sk-muted); }
.store-catalog-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 24px; align-items: start; }
.store-catalog-sidebar { background: #fff; border: 1px solid var(--sk-border); border-radius: 15px; padding: 19px; }
.store-catalog-filter-title { display: flex; align-items: center; gap: 9px; padding-bottom: 18px; border-bottom: 1px solid var(--sk-border); color: var(--sk-ink); }
.store-catalog-filter-title i { color: var(--sk-green); }
.store-catalog-filter-title a { margin-left: auto; color: var(--sk-green); font-size: 11px; font-weight: 700; }
.store-catalog-sidebar h2 { margin: 20px 0 12px; color: var(--sk-ink); font-size: 13px; font-weight: 800; }
.store-catalog-category { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0; padding: 10px 12px; border-radius: 8px; color: #344b5a; font-size: 12px; font-weight: 650; }
.store-catalog-category:hover, .store-catalog-category.active { background: #f1f3f3; color: var(--sk-green); }
.store-catalog-category i { font-size: 10px; }
.store-catalog-results { min-width: 0; }
.store-catalog-toolbar { display: flex; align-items: center; gap: 10px; padding: 14px; background: #fff; border: 1px solid var(--sk-border); border-radius: 14px; }
.store-catalog-search { display: flex; align-items: center; flex: 1; min-width: 100px; gap: 10px; padding: 0 13px; border: 1px solid var(--sk-border); border-radius: 9px; height: 42px; color: var(--sk-muted); }
.store-catalog-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--sk-ink); font-size: 12px; }
.store-catalog-sort { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--sk-muted); font-size: 11px; }
.store-catalog-sort select { height: 42px; max-width: 170px; padding: 0 10px; border: 1px solid var(--sk-border); border-radius: 9px; color: var(--sk-ink); background: #fff; font-size: 12px; }
.store-catalog-toolbar button, .store-catalog-reset { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; border: 0; border-radius: 9px; background: var(--sk-green); color: #fff; font-size: 12px; font-weight: 800; }
.store-catalog-count { padding: 21px 1px 14px; color: var(--sk-muted); font-size: 12px; }
.store-catalog-results .store-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.store-catalog-results .store-empty-state { background: #fff; border: 1px solid var(--sk-border); border-radius: 14px; }
.store-catalog-reset { margin-top: 14px; }
.store-catalog-pagination { display: flex; justify-content: center; gap: 7px; margin-top: 25px; }
.store-catalog-pagination a { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid var(--sk-border); border-radius: 8px; background: #fff; color: var(--sk-ink); font-weight: 700; }
.store-catalog-pagination a.active { background: var(--sk-green); color: #fff; border-color: var(--sk-green); }
.details-content { padding: 24px; }
.details-name { color: var(--sk-ink); font-weight: 800; }
.details-meta .label-text { border-radius: 7px; }
.details-price { font-variant-numeric: tabular-nums; }
.details-desc { color: var(--sk-muted); line-height: 1.65; }
.details-share-list a { border-radius: 8px; }
.details-content .btn-buy, .details-content .btn-more { min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; }
.account-card { margin-bottom: 18px; padding: 22px; }
.account-title { color: var(--sk-ink); }
.my-wallet { border-radius: 13px; background: linear-gradient(110deg,#29495f,#29495f); }
.wallet-card { border-radius: 11px; }
.nav-tabs { gap: 7px; border-color: var(--sk-border); }
.tab-link { border-radius: 10px 10px 0 0; }

@media (max-width: 991px) {
  .container { width: min(100% - 26px, 1280px); }
  .store-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .store-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .store-auth-shell { grid-template-columns: minmax(0,.8fr) minmax(0,1fr); }
  .store-auth-promo { padding: 32px; }
  .store-auth-main { padding: 31px; }
  .store-catalog-layout { grid-template-columns: 185px minmax(0,1fr); gap: 15px; }
  .store-catalog-results .store-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .navbar-item.dropdown-megamenu .megamenu { width: min(560px, calc(100vw - 36px)); }
}
@media (max-width: 767px) {
  body { padding-bottom: 64px; }
  .header-top-inner { justify-content: center; min-height: 31px; }
  .header-top-select { width: auto; margin: 0; justify-content: center; gap: 20px; }
  .header-top-list { display: none; }
  .storefront-hero { padding-top: 14px; }
  .storefront-hero-inner { min-height: 315px; }
  .storefront-hero-emblem { position: absolute; right: -17px; bottom: -33px; width: 155px; height: 155px; margin: 0; opacity: .4; }
  .storefront-hero-emblem > i { font-size: 40px; }
  .storefront-hero-emblem span { font-size: 12px; }
  .storefront-benefits .container { grid-template-columns: 1fr; gap: 8px; }
  .storefront-benefit { min-height: 60px; padding: 10px 13px; }
  .storefront-benefit > i { width: 36px; height: 36px; }
  .storefront-categories, .storefront-curated, .storefront-recent { padding: 25px 0; }
  .store-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .store-category-card { min-height: 70px; padding: 10px; gap: 8px; }
  .store-category-icon { width: 38px; height: 38px; }
  .store-category-icon img { width: 25px; height: 25px; }
  .store-category-card strong { font-size: 11px; }
  .store-section-heading { align-items: flex-start; }
  .store-section-heading > a { margin-top: 10px; }
  .store-recent-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .store-auth-page { padding: 20px 0 35px; }
  .store-auth-shell { display: block; border-radius: 17px; }
  .store-auth-promo { min-height: 166px; padding: 21px; }
  .store-auth-brand img { width: 118px; height: 30px; }
  .store-auth-promo .store-auth-kicker { margin-top: 20px; }
  .store-auth-promo h1 { margin: 8px 0 0; font-size: 23px; }
  .store-auth-promo p, .store-auth-points { display: none; }
  .store-auth-main { padding: 25px 21px; }
  .store-auth-main .user-form-title h2 { font-size: 26px; }
  .footer-part { padding-bottom: 12px; }
  .store-catalog-intro { padding: 20px 0; }
  .store-catalog-breadcrumb { margin-bottom: 15px; }
  .store-catalog-layout { display: block; }
  .store-catalog-sidebar { margin-bottom: 14px; }
  .store-catalog-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 7px; padding: 13px; }
  .store-catalog-filter-title, .store-catalog-sidebar h2 { grid-column: 1 / -1; }
  .store-catalog-sidebar h2 { margin: 13px 0 6px; }
  .store-catalog-category { margin: 0; padding: 8px; font-size: 11px; }
  .store-catalog-toolbar { flex-wrap: wrap; }
  .store-catalog-search { flex: 1 1 100%; }
  .store-catalog-sort { flex: 1; }
}
@media (max-width: 480px) {
  .store-product-grid { grid-template-columns: 1fr; }
  .store-recent-list { grid-template-columns: 1fr; }
  .store-section-heading { display: block; }
  .store-section-heading > a { display: inline-block; margin-top: 11px; }
  .store-catalog-results .store-product-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* public/client/css/purple-storefront.css */
/* Customer-facing muted slate blue theme, loaded after the original storefront styles. */
:root {
  --primary: #365f7d;
  --primary1: #91a8b8;
  --green: #365f7d;
  --green-dark: #29495f;
  --green-chalk: #f7f7f4;
  --body: #f7f7f4;
  --border: #e1e6e8;
  --heading: #192c38;
  --text: #344b5a;
  --sk-ink: #192c38;
  --sk-muted: #6d7c86;
  --sk-green: #365f7d;
  --sk-green-deep: #29495f;
  --sk-border: #e1e6e8;
  --sk-background: #f7f7f4;
  --sk-shadow: 0 16px 38px rgba(41,73,95,.09);
  --sk-luna-blue: #365f7d;
  --sk-luna-ink: #192c38;
  --store-green: #365f7d;
  --store-green-dark: #29495f;
  --store-line: #f1f3f3;
  --store-bg: #f7f7f4;
  --store-ink: #192c38;
}
body { color: var(--sk-ink); background: linear-gradient(180deg,#fbfcfa 0,#f7f7f4 430px,#fbfcfa 100%); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline-color: rgba(54,95,125,.43); }
.header-top { background: #192c38 !important; }
.header-top-select .nice-select .current, .header-top-select i, .header-top-list a { color: #f7f7f4 !important; }
.header-top-select .nice-select .list { color: var(--sk-ink); }
.header-part, .navbar-part { border-color: var(--sk-border); }
.header-part { box-shadow: 0 7px 25px rgba(25,44,56,.055); }
.header-form { border-color: #e1e6e8; background: #fbfcfa; }
.header-form:focus-within { border-color: #91a8b8; box-shadow: 0 0 0 4px rgba(54,95,125,.1); }
.header-form button { background: var(--sk-green) !important; }
.header-form button i, .header-form button svg { color: #fff !important; fill: #fff; }
.header-widget i { color: #29495f; background: #f7f7f4; }
.header-widget:hover i { color: #fff; background: var(--sk-green); }
.header-widget sup { background: var(--sk-green) !important; }
.navbar-link, .navbar-link:link { color: #344b5a !important; }
.navbar-link:hover, .navbar-item.active .navbar-link, .navbar-item:focus-within > .navbar-link { color: var(--sk-green-deep) !important; background: #f7f7f4; }
.dropdown-arrow::before { color: #6d7c86; }
.megamenu, .dropdown-position-list { border-color: var(--sk-border); box-shadow: 0 18px 40px rgba(25,44,56,.12); }
.megamenu-title { color: var(--sk-ink); border-bottom-color: var(--sk-border); }
.megamenu-title::before { background: var(--sk-green); }
.megamenu-list li a:hover, .dropdown-position-list li a:hover { color: var(--sk-green-deep); background: #f7f7f4; }
.mobile-menu, .mobile-menu ul { border-color: var(--sk-border); background: #fff; }
.mobile-menu .active i, .mobile-menu .active span, .mobile-menu a:hover i, .mobile-menu a:hover span { color: var(--sk-green-deep) !important; }
.backtop { background: var(--sk-green); box-shadow: 0 9px 22px rgba(54,95,125,.24); }
.storefront-slide-primary { border-color: #e1e6e8; background: radial-gradient(circle at 78% 42%,rgba(145,168,184,.45),transparent 36%),linear-gradient(115deg,#fbfcfa 0%,#f7f7f4 55%,#f1f3f3 100%); box-shadow: 0 22px 60px rgba(41,73,95,.1); }
.storefront-slide-primary .storefront-eyebrow { color: #365f7d; background: #f1f3f3; }
.storefront-slide-primary h1 span { color: #365f7d; }
.storefront-slide-primary .storefront-hero-copy > p { color: #6d7c86; }
.storefront-hero-search { border-color: #e1e6e8; box-shadow: 0 12px 29px rgba(41,73,95,.12); }
.storefront-hero-search > i { color: #365f7d; }
.storefront-hero-search button, .storefront-search-cta button { background: #365f7d; box-shadow: 0 7px 18px rgba(54,95,125,.24); }
.storefront-hero-search button:hover, .storefront-search-cta button:hover { background: #29495f; }
.storefront-hero-links a, .storefront-slide-primary .storefront-assurance i { color: var(--sk-green-deep); }
.storefront-workflow-art .storefront-orbit { border-color: rgba(54,95,125,.2); }
.storefront-preview { border-color: #e1e6e8; box-shadow: 0 24px 48px rgba(41,73,95,.17); }
.storefront-preview-mark, .storefront-preview-row > i:first-child, .storefront-preview-steps b { color: #365f7d; background: #f7f7f4; }
.storefront-preview-label { color: #365f7d; }
.storefront-preview-steps small { color: #29495f; background: #f7f7f4; }
.storefront-float-check { color: #344b5a; box-shadow: 0 11px 30px rgba(41,73,95,.16); }
.storefront-float-check i { color: #365f7d; }
.storefront-hero-controls button { background: #edf2f5; }
.storefront-hero-controls button.is-active { background: #365f7d; }
.storefront-slide-wallet { background: radial-gradient(circle at 80% 42%,rgba(145,168,184,.5),transparent 33%),linear-gradient(120deg,#fbfcfa,#f1f3f3); }
.storefront-slide-discover { background: radial-gradient(circle at 80% 42%,rgba(145,168,184,.55),transparent 36%),linear-gradient(120deg,#fbfcfa,#f1f3f3); }
.storefront-hero-emblem { color: #365f7d; box-shadow: 0 25px 55px rgba(41,73,95,.13); }
.storefront-benefit, .store-category-card, .store-product-card, .account-card, .feature-card, .store-catalog-sidebar, .store-catalog-toolbar, .store-empty-state { border-color: var(--sk-border) !important; box-shadow: 0 5px 19px rgba(41,73,95,.045) !important; }
.storefront-benefit > i { color: var(--sk-green-deep); background: #f7f7f4; }
.store-section-kicker { color: var(--sk-green-deep); }
.store-section-heading h2, .store-section-heading p { color: var(--sk-ink); }
.store-section-heading p { color: var(--sk-muted); }
.store-section-heading > a, .store-section-heading > a:hover { color: var(--sk-green-deep); }
.store-category-card:hover, .store-product-card:hover, .feature-card:hover { border-color: #91a8b8 !important; box-shadow: 0 15px 32px rgba(41,73,95,.11) !important; }
.store-category-card .store-category-icon, .store-category-icon { background: #f7f7f4; }
.store-category-copy strong { color: var(--sk-ink); }
.store-category-copy small { color: var(--sk-muted); }
.store-category-card > i { color: #365f7d; }
.feature-part .custom-button-list { border-bottom-color: var(--sk-border); }
.btn-category-home { color: #344b5a !important; border-color: var(--sk-border) !important; }
.btn-category-home.active, .btn-category-home:hover { color: var(--sk-green-deep) !important; background: #f7f7f4 !important; border-color: #e1e6e8 !important; }
.feature-part .home-heading, .feature-card, .product-card { border-color: var(--sk-border) !important; }
.home-heading h3:not(.no-bg) { color: #fff !important; background: linear-gradient(110deg,#29495f,#91a8b8) !important; box-shadow: 0 8px 20px rgba(41,73,95,.17) !important; }
.home-heading h3:not(.no-bg) i { color: #fff !important; }
.feature-part .home-heading h3 i, .feature-name a:hover, .feature-price span { color: var(--sk-green-deep); }
.storefront-bestsellers, .storefront-steps { background: #f7f7f4; }
.store-product-image { color: var(--sk-green-deep); background: linear-gradient(135deg,#f1f3f3,#fbfcfa); }
.store-product-title, .store-product-bottom strong, .store-product-bottom a { color: var(--sk-green-deep); }
.store-empty-state { border-style: dashed !important; background: #fff; }
.store-empty-state i { color: #91a8b8; }
.storefront-steps-grid article { border-color: var(--sk-border); box-shadow: 0 8px 20px rgba(41,73,95,.055); }
.storefront-steps-grid article > i { color: #365f7d; background: #f7f7f4; }
.storefront-step-number { color: #f1f3f3; }
.storefront-search-cta-inner { background: radial-gradient(circle at 92% 5%,rgba(145,168,184,.56),transparent 34%),linear-gradient(115deg,#192c38,#29495f); box-shadow: 0 22px 48px rgba(25,44,56,.18); }
.storefront-search-cta .store-section-kicker { color: #edf2f5; }
.storefront-search-cta p { color: #f1f3f3; }
.store-auth-page { background: linear-gradient(150deg,#fbfcfa,#f7f7f4); }
.store-auth-shell { border-color: #e1e6e8; box-shadow: 0 24px 66px rgba(41,73,95,.13); }
.store-auth-promo { background: radial-gradient(circle at 80% 16%,rgba(145,168,184,.42),transparent 30%),radial-gradient(circle at 15% 86%,rgba(54,95,125,.42),transparent 35%),#29495f; }
.store-auth-promo .store-auth-kicker { color: #edf2f5; }
.store-auth-promo p { color: #f1f3f3; }
.store-auth-points span { color: #f7f7f4; }
.store-auth-points i { color: #edf2f5; }
.store-auth-main .user-form-title h2, .store-auth-main .user-form label { color: var(--sk-ink); }
.store-auth-main .user-form-remind { border-color: var(--sk-border); background: #fbfcfa; }
.store-auth-main .user-form-remind a, .store-auth-main .form-button p a { color: var(--sk-green-deep); }
.form-control { border-color: #e1e6e8; background: #fbfcfa; }
.form-control:focus { border-color: #91a8b8; box-shadow: 0 0 0 4px rgba(54,95,125,.12); }
input[type="checkbox"], input[type="radio"] { accent-color: #365f7d; }
.btn-buy, .btn-inline, .form-button button, .store-catalog-toolbar button, .store-catalog-reset { background: #365f7d; box-shadow: 0 6px 15px rgba(54,95,125,.14); }
.btn-buy:hover, .btn-inline:hover, .form-button button:hover, .store-catalog-toolbar button:hover, .store-catalog-reset:hover { background: #29495f; box-shadow: 0 10px 22px rgba(54,95,125,.23); }
.my-wallet { background: linear-gradient(110deg,#29495f,#91a8b8); }
.store-catalog-page { background: #f7f7f4; }
.store-catalog-intro h1, .store-catalog-sidebar h2, .store-catalog-filter-title { color: var(--sk-ink); }
.store-catalog-filter-title i, .store-catalog-filter-title a { color: var(--sk-green-deep); }
.store-catalog-category { color: #344b5a; }
.store-catalog-category:hover, .store-catalog-category.active { color: var(--sk-green-deep); background: #f7f7f4; }
.store-catalog-search { border-color: var(--sk-border); }
.store-catalog-sort select { border-color: var(--sk-border); color: var(--sk-ink); }
.store-catalog-pagination a.active { background: #365f7d; border-color: #365f7d; }
.details-name, .details-price span, .details-share-list a:hover { color: var(--sk-green-deep); }
.crypto-network-badge { color: #29495f; background: #f7f7f4; }
.footer-part { border-top-color: var(--sk-border); background: #fff; }
.footer-title { color: var(--sk-ink); }
.footer-part a:hover { color: var(--sk-green-deep) !important; }
.lk-footer { padding: 60px 0 0; background: #fff; border-top: 1px solid #e1e6e8; }
.lk-footer-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, 1.2fr); gap: clamp(24px, 3vw, 52px); padding-bottom: 48px; }
.lk-footer-logo { display: inline-flex; align-items: center; min-height: 48px; margin-bottom: 18px; }
.lk-footer-logo img { display: block; width: min(190px, 100%); max-height: 55px; object-fit: contain; object-position: left center; }
.lk-footer-brand p { max-width: 320px; margin: 0 0 19px; color: #6d7c86; font-size: 13px; line-height: 1.75; }
.lk-footer-highlights { display: flex; flex-wrap: wrap; gap: 7px; max-width: 350px; }
.lk-footer-highlights span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid #e1e6e8; border-radius: 100px; color: #29495f; background: #f7f7f4; font-size: 10px; font-weight: 750; white-space: nowrap; }
.lk-footer-highlights i { color: #365f7d; }
.lk-footer-column h3 { margin: 9px 0 22px; color: #192c38; font-size: 14px; font-weight: 850; line-height: 1.3; }
.lk-footer-column ul { margin: 0; padding: 0; list-style: none; }
.lk-footer-column li { margin: 0 0 14px; }
.lk-footer-column li a { display: inline-block; color: #344b5a; font-size: 13px; line-height: 1.5; transition: color .18s, transform .18s; }
.lk-footer-column li a:hover { transform: translateX(3px); text-decoration: none; }
.lk-footer-contact-row { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 13px; color: #344b5a; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.lk-footer-contact-row i { display: grid; flex: 0 0 28px; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #365f7d; background: #f7f7f4; font-size: 12px; }
.lk-footer-contact-row span { padding-top: 4px; }
.lk-footer-contact-note { max-width: 230px; margin: 0 0 17px; color: #6d7c86; font-size: 12px; line-height: 1.6; }
.lk-footer-support-button { display: inline-flex; align-items: center; gap: 9px; min-height: 39px; margin-top: 7px; padding: 10px 15px; border-radius: 30px; color: #fff !important; background: linear-gradient(100deg,#365f7d,#365f7d); box-shadow: 0 7px 15px rgba(41,73,95,.22); font-size: 11px; font-weight: 800; transition: transform .18s, box-shadow .18s; }
.lk-footer .lk-footer-support-button:hover { color: #fff !important; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(41,73,95,.3); }
.lk-footer-support-button i:last-child { font-size: 10px; }
.lk-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0 23px; border-top: 1px solid #e1e6e8; color: #6d7c86; font-size: 11px; }
.lk-footer-bottom p { margin: 0; font-size: inherit; color: inherit; }
.lk-footer-bottom strong { color: #344b5a; font-weight: 800; }
@media (max-width: 1000px) { .lk-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 45px; row-gap: 34px; } }
@media (max-width: 575px) { .lk-footer { padding-top: 42px; } .lk-footer-grid { grid-template-columns: 1fr; gap: 23px; padding-bottom: 28px; } .lk-footer-logo { margin-bottom: 10px; } .lk-footer-column h3 { margin: 0 0 13px; } .lk-footer-column li { margin-bottom: 9px; } .lk-footer-bottom { align-items: flex-start; flex-direction: column; gap: 5px; padding: 17px 0 22px; } }
@media (max-width: 1400px) { #top-menu-right, #top-menu-left { display: none !important; } }


/* public/client/css/shopkey-precision.css */
/* ShopKey storefront proportions, adapted to the shop's violet palette. */
html[lang="zh-CN"] body { font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', sans-serif !important; }
.agree-terms-copy { font-size: 11px; line-height: 1.7; }.store-auth-main .agree-terms-copy .agree-terms-label { display: inline; margin: 0; }
.policy-open-link { display: inline; padding: 0; border: 0; background: transparent; color: #365f7d; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.policy-page { padding: 32px 0 70px; }.policy-page-heading { margin-bottom: 27px; }.policy-page-heading h1 { margin: 0 0 10px; font-size: 28px; font-weight: 650; color: #192c38; }.policy-page-heading p { color: #6d7c86; font-size: 13px; }
.policy-page-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 25px; align-items: start; }
.policy-section-nav { position: sticky; top: 110px; padding: 12px; border: 1px solid #e1e6e8; border-radius: 9px; background: #fff; }
.policy-section-nav a { display: flex; gap: 9px; padding: 11px 8px; color: #6d7c86; font-size: 11px; border-radius: 5px; line-height: 1.6; }.policy-section-nav a:hover { background: #f7f7f4; color: #365f7d; }.policy-section-nav span { color: #6d7c86; }
.policy-page-card { padding: 32px; border: 1px solid #e1e6e8; border-radius: 9px; background: #fff; }
.policy-effective { margin: 0 0 18px; font-size: 11px; color: #6d7c86; }.policy-intro { font-size: 13px; line-height: 1.85; color: #344b5a; }
.policy-payment { display: flex; align-items: flex-start; gap: 13px; margin: 23px 0 27px; padding: 17px; border: 1px solid #e1e6e8; border-radius: 8px; background: #fbfcfa; }.policy-payment > i { padding-top: 3px; color: #365f7d; font-size: 17px; }.policy-payment strong { font-size: 12px; color: #344b5a; }.policy-payment p { margin: 5px 0 0; color: #6d7c86; font-size: 11px; line-height: 1.8; }
.policy-document > section { margin-top: 27px; scroll-margin-top: 115px; }.policy-document h2 { margin: 0 0 11px; color: #344b5a; font-size: 16px; font-weight: 650; line-height: 1.6; }.policy-document h2 span { margin-right: 4px; color: #6d7c86; }.policy-document section > p { margin: 0; color: #6d7c86; font-size: 12px; line-height: 1.9; }.policy-support-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 15px; color: #29495f; font-size: 11px; }
.policy-modal { position: fixed; inset: 0; z-index: 1200; display: none; align-items: center; justify-content: center; padding: 22px; }.policy-modal.show { display: flex; }.policy-modal-overlay { position: absolute; inset: 0; background: #192c3888; backdrop-filter: blur(3px); }
.policy-modal-dialog { position: relative; display: flex; flex-direction: column; width: min(780px,100%); max-height: calc(100dvh - 44px); overflow: hidden; border: 1px solid #e1e6e8; border-radius: 14px; background: #fff; box-shadow: 0 25px 70px #192c3830; }
.policy-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-shrink: 0; padding: 20px 25px 17px; border-bottom: 1px solid #e1e6e8; }.policy-modal-header span { color: #6d7c86; font-size: 9px; font-weight: 600; letter-spacing: 1.5px; }.policy-modal-header h2 { margin: 5px 0 0; font-size: 21px; font-weight: 600; color: #344b5a; }.policy-modal-close { display: grid; place-items: center; flex-shrink: 0; width: 31px; height: 31px; padding: 0; border: 0; border-radius: 50%; background: #f7f7f4; color: #6d7c86; font-size: 15px; }
.policy-content-scroll { flex: 1 1 auto; min-height: 0; padding: 22px 25px 27px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #91a8b8 #fbfcfa; }.policy-content-scroll:focus-visible { outline-offset: -3px; }
.policy-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-shrink: 0; padding: 17px 25px; border-top: 1px solid #e1e6e8; background: #fbfcfa; }.policy-modal-footer p { margin: 0 0 4px; color: #6d7c86; font-size: 9px; }.policy-modal-footer p[hidden] { display: none; }.policy-modal-footer a { color: #6d7c86; font-size: 10px; }.policy-modal-actions { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }.policy-modal-actions button { padding: 10px 15px; border: 1px solid #e1e6e8; border-radius: 6px; background: #fff; color: #6d7c86; font-size: 11px; }#btn-policy-accept { border-color: #365f7d; background: #365f7d; color: #fff; }#btn-policy-accept:disabled { border-color: #e1e6e8; background: #f1f3f3; color: #6d7c86; cursor: not-allowed; }
@media(max-width:767px) { .policy-page-layout { grid-template-columns: 1fr; gap: 17px; }.policy-section-nav { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.policy-page-card { padding: 22px; }.policy-page-heading h1 { font-size: 24px; }.policy-modal { padding: 12px; }.policy-modal-dialog { max-height: calc(100dvh - 24px); border-radius: 10px; }.policy-modal-header { padding: 16px 19px; }.policy-modal-header h2 { font-size: 18px; }.policy-content-scroll { padding: 18px 19px 23px; }.policy-modal-footer { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px 19px; }.policy-modal-actions { justify-content: flex-end; }.policy-modal-actions button { padding: 10px 13px; }.policy-document h2 { font-size: 15px; } }
.support-community-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 36px; }
.support-community-card { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 18px; padding: 27px; border: 1px solid #e1e6e8; border-radius: 10px; background: #fff; }
.support-community-card > i { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; background: #f1f3f3; color: #29495f; font-size: 21px; }
.support-community-card > div { flex: 1; min-width: 160px; }.support-community-card > div > span { font-size: 10px; color: #6d7c86; }
.support-community-card h2 { margin: 4px 0 9px; color: #192c38; font-size: 20px; font-weight: 600; }.support-community-card p { margin: 0; color: #6d7c86; font-size: 12px; line-height: 1.7; }
.support-community-card > a { display: inline-flex; align-items: center; gap: 10px; width: 100%; justify-content: center; padding: 10px 15px; margin-top: 4px; border-radius: 6px; background: #365f7d; color: #fff; font-size: 12px; }
.support-link-pending { display: block; width: 100%; padding: 10px 15px; margin-top: 4px; border-radius: 6px; background: #f7f7f4; color: #6d7c86; text-align: center; font-size: 12px; }
.support-admins > h2 { margin: 0 0 7px; font-size: 21px; font-weight: 600; color: #192c38; }.support-admins > p { margin: 0 0 22px; font-size: 12px; color: #6d7c86; }
.telegram-support-card h3 { margin: 3px 0 0; font-size: 19px; font-weight: 650; color: #192c38; }
@media (max-width:767px) { .support-community-grid { grid-template-columns: 1fr; gap: 14px; }.support-community-card { padding: 21px; }.telegram-support-card h3 { font-size: 17px; } }
.telegram-contact { padding: 34px 0 65px; }
.telegram-contact h1 { margin-bottom: 12px; color: #192c38; font-size: 28px; font-weight: 650; letter-spacing: -.6px; }
.telegram-contact-intro { max-width: 640px; margin-bottom: 28px; color: #6d7c86; font-size: 13px; }
.telegram-support-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 30px; }
.telegram-support-card { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 25px; border: 1px solid #e1e6e8; border-radius: 10px; background: #fff; }
.telegram-support-card > i { display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 12px; background: #f1f3f3; color: #29495f; font-size: 29px; }
.telegram-support-card > div { flex: 1; }.telegram-support-card span { font-size: 11px; color: #6d7c86; }
.telegram-support-card h2 { margin: 3px 0 0; color: #192c38; font-size: 19px; font-weight: 650; }
.telegram-support-card > a { display: inline-flex; align-items: center; gap: 9px; padding: 10px 15px; border-radius: 6px; background: #365f7d; color: #fff; font-size: 11px; transition: background .2s; }.telegram-support-card > a:hover { background: #344b5a; }
@media (max-width: 767px) { .telegram-support-grid { grid-template-columns: 1fr; gap: 14px; }.telegram-support-card { padding: 19px; gap: 12px; }.telegram-contact h1 { font-size: 24px; }.telegram-support-card h2 { font-size: 17px; } }
:root { --pfamily: 'Be Vietnam Pro', 'Segoe UI', Arial, sans-serif; --primary: #29495f; --primary1: #91a8b8; --sk-ink: #192c38; --sk-muted: #6d7c86; --sk-border: #e1e6e8; --sk-background: #fbfcfa; --sk-green: #29495f; --sk-green-deep: #29495f; --store-ink: #192c38; --store-line: #f1f3f3; }
body { font-family: var(--pfamily) !important; font-size: 14px; color: #344b5a; background: #fbfcfa; line-height: 1.65; }
input, button, select, textarea { font-family: inherit; }
.container { width: calc(100% - 48px); max-width: 1180px; padding-right: 12px; padding-left: 12px; }
ul, li { margin-left: 0; }
.header-top { background: linear-gradient(110deg,#344b5a,#365f7d) !important; padding: 0; }
.header-top .container { max-width: 1180px; }
.header-top-inner { min-height: 44px; gap: 20px; }
.header-top-welcome { display: none; }
.header-top-list { order: 0; margin: 0 auto 0 0; justify-content: flex-start; gap: 0; }
.header-top-list li + li { border-left: 1px solid rgba(255,255,255,.17); }
.header-top-list a { display: block; padding: 0 15px; color: #f1f3f3 !important; font-weight: 500; font-size: 12px; }
.header-top-select { order: 1; margin-left: auto; gap: 24px; }
.header-top-select .nice-select { font-size: 12px; }
.header-part { background: #fff; border: 0; box-shadow: 0 2px 6px rgba(25,44,56,.08); backdrop-filter: none; }
.header-content { min-height: 86px; gap: 35px; }
.header-logo { flex: 0 0 220px; margin: 0; }
.header-logo img { width: 170px; max-height: 58px; }
.header-form { flex: 1 1 auto; width: auto; max-width: 560px; height: 47px; margin: 0 auto; border: 1px solid transparent; border-radius: 10px; background: #f7f7f4; box-shadow: none; }
.header-form:focus-within { border-color: #365f7d; box-shadow: 0 0 0 2px #f1f3f3; }
.header-form input { padding-left: 18px; font-size: 13px; color: #344b5a; }
.header-form button { width: 47px; flex: 0 0 47px; color: #344b5a !important; background: transparent !important; }
.header-form button i { color: #344b5a !important; font-size: 15px; }
.header-widget-group { flex: 0 0 auto; gap: 16px; }
.header-widget i { width: 38px; height: 38px; font-size: 15px; color: #344b5a; background: #f7f7f4; border-radius: 7px; line-height: 38px; }
.header-widget img { width: 38px; height: 38px; }
.header-widget span { font-family: inherit; font-size: 13px; font-weight: 500; margin-left: 8px; }
.header-widget sup { top: -5px; right: -5px; min-width: 15px; width: 15px; height: 15px; line-height: 15px; font-size: 9px; }
.navbar-part { background: #fff; border: 0; }
.navbar-content { min-height: 86px; justify-content: space-between; gap: 20px; }
.navbar-list { display: flex; align-items: center; gap: 34px; }
.navbar-item { margin: 0; }
.navbar-link { display: inline-flex; align-items: center; gap: 8px; padding: 27px 0; font-size: 13px; font-weight: 500; color: #344b5a !important; white-space: nowrap; }
.navbar-link > i { font-size: 13px; color: #6d7c86; }
.navbar-link:hover, .navbar-item:focus-within > .navbar-link { color: #29495f !important; background: transparent; }
.navbar-api { display: none; }
.navbar-info-group { gap: 28px; }
.navbar-info { display: flex; align-items: center; gap: 10px; }
.navbar-info > i { font-size: 20px; color: #6d7c86; margin: 0; }
.navbar-info p { display: flex; flex-direction: column; gap: 3px; }
.navbar-info small { font-size: 9px; letter-spacing: .3px; color: #6d7c86; line-height: 1.4; }
.navbar-info span { font-size: 11px; color: #344b5a; font-weight: 600; line-height: 1.4; }
.navbar-item.dropdown-megamenu .megamenu { border-radius: 0 0 10px 10px; border-top: 2px solid #365f7d; }
.skp-home { padding: 20px 0 70px; background: #fbfcfa; }
.skp-home [hidden] { display: none !important; }
.skp-promotion-stage { position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0 3px 8px rgba(25,44,56,.07); }
.skp-promotion { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; height: 395px; padding: 35px 160px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%,#f7f7f4 0%,#edf2f5 43%,#91a8b8 100%); }
.skp-promotion::before, .skp-promotion::after { position: absolute; z-index: -1; content: ''; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; transform: rotate(-30deg); }
.skp-promotion::before { left: -170px; top: -250px; }
.skp-promotion::after { right: -170px; bottom: -280px; width: 620px; height: 620px; }
.skp-promotion-copy { position: relative; z-index: 2; text-align: center; }
.skp-promotion-copy > span { display: block; margin-bottom: 14px; color: #344b5a; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.skp-promotion h1, .skp-promotion h2 { margin: 0; font-family: inherit; color: #29495f; font-size: clamp(30px,4.2vw,52px); font-weight: 800; letter-spacing: -2px; line-height: 1.17; }
.skp-promotion em { color: #365f7d; font-style: normal; }
.skp-promotion-copy > a { display: inline-flex; align-items: center; gap: 15px; min-height: 43px; padding: 10px 24px; margin-top: 24px; border-radius: 25px; color: #fff; background: #29495f; box-shadow: 0 6px 15px rgba(41,73,95,.17); font-weight: 650; font-size: 12px; transition: background .2s, transform .2s; }
.skp-promotion-copy > a:hover { background: #29495f; transform: translateY(-2px); }
.skp-promotion-copy small { display: block; margin-top: 13px; color: #6d7c86; font-size: 10px; }
.skp-promotion-icons { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.skp-app-tile { display: grid; place-items: center; position: absolute; width: 94px; height: 94px; border: 5px solid rgba(255,255,255,.6); border-radius: 20px; background: #fff; box-shadow: 0 18px 21px rgba(41,73,95,.16); transform: rotate(-12deg); }
.skp-app-tile img { width: 56px; height: 56px; object-fit: contain; }
.skp-app-tile i { color: #365f7d; font-size: 42px; }
.skp-app-0 { top: 22px; left: 21%; width: 78px; height: 78px; }
.skp-app-0 img { width: 46px; height: 46px; }
.skp-app-1 { top: 155px; left: 7%; transform: rotate(-17deg); }
.skp-app-2 { bottom: -16px; left: 19%; width: 105px; height: 105px; transform: rotate(11deg); }
.skp-app-3 { top: 24px; right: 14%; transform: rotate(13deg); }
.skp-app-4 { top: 158px; right: 6%; transform: rotate(10deg); }
.skp-app-key { right: 21%; bottom: -24px; transform: rotate(-17deg); }
.skp-promotion-wallet { background: radial-gradient(ellipse at 40% 50%,#f7f7f4,#edf2f5 55%,#91a8b8); }
.skp-promotion-wallet .skp-promotion-copy { margin-right: 130px; }
.skp-payment-orbit { position: absolute; right: 9%; top: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 180px; height: 220px; border: 7px solid #e1e6e8; border-radius: 26px; color: #365f7d; background: #fff; box-shadow: 0 20px 30px #6d7c8625; transform: rotate(12deg); }
.skp-payment-orbit i { margin-bottom: 10px; font-size: 55px; }
.skp-payment-orbit span { font-size: 25px; font-weight: 800; }
.skp-payment-orbit b { margin-top: 5px; padding: 3px 12px; border-radius: 15px; background: #f7f7f4; font-size: 10px; }
.skp-promotion-discover { background: radial-gradient(ellipse at 50% 50%,#f7f7f4,#f1f3f3 50%,#91a8b8); }
.skp-slider-arrow { position: absolute; z-index: 4; top: 50%; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #192c3870; color: #fff; font-size: 14px; transform: translateY(-50%); transition: background .2s; }
.skp-slider-arrow:hover { background: #344b5ab0; }
.skp-slider-prev { left: 16px; } .skp-slider-next { right: 16px; }
.skp-slider-dots { position: absolute; z-index: 4; left: 50%; bottom: 15px; display: flex; align-items: center; gap: 7px; transform: translateX(-50%); }
.skp-slider-dots button { display: block; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 10px; background: #ffffff70; }
.skp-slider-dots button.is-active { width: 22px; background: #fff; }
.skp-mini-banners { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-top: 28px; }
.skp-mini-banner { display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 109px; padding: 18px 17px; overflow: hidden; border-radius: 10px; background: #29495f; color: #fff; }
.skp-mini-banner::after { content: ''; position: absolute; width: 150px; height: 150px; right: -35px; bottom: -90px; border-radius: 50%; background: #ffffff12; }
.skp-mini-banner small { display: block; font-size: 6px; letter-spacing: 1px; opacity: .7; font-weight: 700; }
.skp-mini-banner strong { display: block; margin: 3px 0 7px; font-size: 19px; font-weight: 750; line-height: 1.4; }
.skp-mini-banner b { display: block; font-size: 8px; font-weight: 500; }
.skp-mini-banner b i { margin-left: 5px; }
.skp-mini-banner img { position: relative; width: 49px; height: 49px; padding: 9px; border-radius: 12px; object-fit: contain; background: #fff; transform: rotate(-12deg); box-shadow: 0 8px 15px #192c383b; }
.skp-mini-1 { background: #365f7d; }.skp-mini-wallet { background: #344b5a; }.skp-mini-orders { background: #6d7c86; }
.skp-mini-symbol { font-size: 41px; opacity: .85; transform: rotate(-12deg); }
.skp-mini-banner:hover { color: #fff; filter: brightness(1.05); }
.skp-announcement { display: flex; align-items: center; gap: 13px; min-height: 65px; margin: 22px 0 37px; padding: 15px 18px; background: #fff; border: 1px solid #e1e6e8; border-left: 4px solid #365f7d; border-radius: 7px; box-shadow: 0 3px 8px #192c3806; }
.skp-announcement > i { color: #6d7c86; font-size: 16px; }
.skp-announcement p { flex: 1; margin: 0; color: #6d7c86; font-size: 12px; }
.skp-announcement strong { font-weight: 650; color: #344b5a; }
.skp-announcement button { padding: 3px; border: 0; background: none; color: #6d7c86; font-size: 15px; }
.skp-category-tabs { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; overflow: auto; padding-bottom: 1px; }
.skp-category-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 37px; padding: 8px 16px; border: 1px solid #e1e6e8; border-radius: 12px; background: #fff; color: #344b5a; font-size: 12px; white-space: nowrap; box-shadow: 0 2px 4px #192c3804; }
.skp-category-tabs button img { width: 16px; height: 16px; object-fit: contain; }
.skp-category-tabs button.is-active { border-color: #365f7d; background: linear-gradient(105deg,#344b5a,#365f7d); color: #fff; font-weight: 650; }
.skp-category-tray { position: relative; padding: 28px 25px; border-radius: 16px; background: #f1f3f3; }
.skp-category-track { display: flex; justify-content: safe center; gap: 15px; overflow-x: auto; scrollbar-width: none; }
.skp-category-track::-webkit-scrollbar { display: none; }
.skp-category { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 13px; flex: 0 0 107px; min-height: 124px; padding: 18px 10px; border: 1px solid #e1e6e8; border-radius: 8px; background: #fff; color: #192c38; box-shadow: 0 3px 7px #192c3807; transition: border .2s, transform .2s; }
.skp-category img { width: 36px; height: 36px; object-fit: contain; }
.skp-category span { font-size: 11px; font-weight: 600; text-align: center; line-height: 1.45; }
.skp-category:hover, .skp-category.is-active { border-color: #365f7d; color: #29495f; transform: translateY(-2px); }
.skp-category-prev, .skp-category-next { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #344b5a70; transform: translateY(-50%); font-size: 12px; }
.skp-category-prev { left: 19px; }.skp-category-next { right: 19px; }
.skp-products-section { padding-top: 44px; }
.skp-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 23px; }
.skp-section-heading h2 { margin: 0 0 6px; color: #192c38; font-family: inherit; font-size: 21px; font-weight: 700; letter-spacing: -.6px; line-height: 1.4; }
.skp-section-heading h2 i { margin-right: 6px; color: #365f7d; font-size: 22px; }
.skp-section-heading p { margin: 0; color: #6d7c86; font-size: 12px; line-height: 1.6; }
.skp-section-heading > a { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 11px 16px; border-radius: 4px; background: #365f7d; color: #fff; font-size: 11px; font-weight: 600; }
.skp-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.skp-product { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e1e6e8; border-radius: 10px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.skp-product:hover { border-color: #6d7c86; box-shadow: 0 5px 17px #344b5a0d; }
.skp-product-visual { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1.92; margin: 12px 12px 0; overflow: hidden; border-radius: 7px; background: #f7f7f4; }
.skp-product-visual > img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.skp-product-fallback { flex-direction: column; gap: 10px; background: radial-gradient(ellipse at 50% 40%,#fff,#f7f7f4); }
.skp-product-fallback > img { width: 49px; height: 49px; object-fit: contain; }
.skp-product-fallback > i { color: #365f7d; font-size: 36px; }
.skp-product-fallback > span { color: #6d7c86; font-size: 12px; font-weight: 700; }
.skp-sale { position: absolute; top: 7px; left: 7px; padding: 3px 6px; border-radius: 4px; background: #ed5460; color: #fff; font-size: 9px; font-weight: 650; }
.skp-product-info { display: flex; flex-direction: column; flex: 1; padding: 13px 13px 12px; }
.skp-product-name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px; margin-bottom: 13px; color: #192c38; font-size: 12px; font-weight: 600; line-height: 1.7; }
.skp-product-name:hover { color: #29495f; }
.skp-price { display: block; margin: auto 0 12px; color: #e44d62; font-size: 15px; font-weight: 750; font-variant-numeric: tabular-nums; }
.skp-product-meta { display: flex; justify-content: space-between; gap: 6px; font-size: 10px; color: #6d7c86; line-height: 1.5; }
.skp-in-stock { color: #29495f; }.skp-out-stock { color: #6d7c86; }
.skp-product-meta i { font-size: 9px; }
.skp-best-sellers { margin-top: 38px; padding-top: 31px; border-top: 1px solid #e1e6e8; }
.skp-empty { padding: 45px 25px; border: 1px dashed #e1e6e8; border-radius: 10px; background: #fff; text-align: center; }
.skp-empty > i { margin-bottom: 13px; font-size: 29px; color: #6d7c86; }
.skp-empty h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; }
.skp-empty p { font-size: 12px; color: #6d7c86; }
.skp-empty a { display: inline-block; margin-top: 10px; color: #29495f; font-weight: 600; font-size: 12px; }
.skp-recent-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.skp-recent-grid a { display: block; padding: 20px; border: 1px solid #e1e6e8; border-radius: 8px; background: #fff; font-size: 12px; color: #344b5a; }
/* The same compact proportions continue through the catalog and account pages. */
.store-catalog-page, .store-auth-page { background: #fbfcfa; }
.store-catalog-intro { padding-top: 30px; }
.store-catalog-intro h1 { font-size: 28px; letter-spacing: -.8px; }
.store-section-kicker { display: none; }
.store-catalog-sidebar, .store-catalog-toolbar, .store-auth-shell { border-radius: 10px; box-shadow: none !important; border-color: #e1e6e8; }
.store-catalog-category:hover, .store-catalog-category.active { background: #f1f3f3; }
.store-auth-page { padding: 46px 0 70px; }
.store-auth-shell { display: block; min-height: 0; max-width: 560px; margin: 0 auto; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.store-auth-promo { display: none; }
.store-auth-main { display: block; padding: 0; }
.store-auth-main .user-form-card { padding: 30px; border: 1px solid #e1e6e8; border-radius: 7px; background: #fff; }
.store-auth-main .user-form-title { margin-bottom: 29px; text-align: center; }
.store-auth-main .user-form-title h2 { margin: 0 0 9px; color: #365f7d; font-size: 27px; font-weight: 500; line-height: 1.4; }
.store-auth-main .user-form-title p { color: #6d7c86; font-size: 13px; }
.store-auth-main .store-auth-kicker, .store-auth-footnote { display: none; }
.store-auth-main .user-form label { font-size: 11px; font-weight: 500; color: #6d7c86; }
.store-auth-main .user-form .form-control { height: 43px; border-radius: 5px; background: #f7f7f4; font-size: 12px; }
.store-auth-main .form-button button { height: 45px; line-height: 45px; border-radius: 5px; background: #365f7d; font-size: 13px; font-weight: 500; }
.store-auth-main .user-form-remind { padding: 19px; margin-top: 19px; border: 1px solid #e1e6e8; border-radius: 7px; background: #fff; text-align: center; }
.store-auth-main .user-form-remind p { font-size: 12px; }.store-auth-main .user-form-remind a { font-weight: 500; }
.form-control { background: #fbfcfa; border-radius: 6px; border-color: #e1e6e8; }
.form-button button { border-radius: 6px; box-shadow: none; }
.details-content, .details-gallery, .product-details-frame, .account-card { border-radius: 10px !important; box-shadow: none !important; }
.btn-buy { background: #365f7d !important; border-radius: 6px; text-transform: none; box-shadow: none; font-size: 13px; font-weight: 600; }
.btn-buy:disabled { background: #f1f3f3 !important; color: #6d7c86; opacity: 1; cursor: not-allowed; box-shadow: none; transform: none; }
.details-meta .label-text { padding: 4px 8px; border-radius: 4px; font-size: 10px; line-height: 1.5; color: #6d7c86; background: #f1f3f3; }
.details-meta .stock-unavailable { color: #6d7c86; background: #f1f3f3; }
.details-meta .label-text.order { color: #6d7c86; background: #f7f7f4; }
.store-product-image img { object-fit: contain; padding: 16px; }
.store-product-card { border-radius: 9px; box-shadow: none !important; }
.store-product-title { color: #192c38; font-size: 13px; line-height: 1.6; }
.store-product-content p { font-size: 11px; color: #6d7c86; }
.store-product-bottom strong { color: #df5064; }
.backtop { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #365f7d; box-shadow: none; }
.lk-footer { padding-top: 52px; border-top: 4px solid #365f7d; background: linear-gradient(110deg,#192c38,#192c38); }
.lk-footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 52px; padding-bottom: 55px; }
.lk-footer-brand { order: 0; }.lk-footer-contact { order: 1; }.lk-footer-links { order: 2; }
.lk-footer-logo { margin-bottom: 20px; }.lk-footer-logo img { width: 168px; filter: brightness(0) invert(1); }
.lk-footer-brand p { color: #91a8b8; max-width: 330px; font-size: 12px; line-height: 1.9; }
.lk-footer-column h3 { position: relative; margin: 9px 0 26px; padding-bottom: 16px; color: #f7f7f4; font-size: 16px; font-weight: 600; }
.lk-footer-column h3::after { content: ''; position: absolute; width: 48px; height: 3px; left: 0; bottom: 0; background: #365f7d; }
.lk-footer-column h3 i { font-size: 15px; }
.lk-footer-column li a, .lk-footer-contact-row, .lk-footer-contact-note { color: #91a8b8; font-size: 12px; }
.lk-footer-column li { margin-bottom: 14px; }
.lk-footer-contact-row i { background: transparent; color: #91a8b8; font-size: 15px; }
.lk-footer .lk-footer-support-button { color: #edf2f5 !important; background: #ffffff0c; box-shadow: none; border: 1px solid #ffffff1a; border-radius: 6px; font-size: 10px; }
.lk-footer .lk-footer-support-button:hover { color: #fff !important; background: #29495f; box-shadow: none; }
.lk-footer a:hover { color: #f1f3f3 !important; }
.lk-footer-bottom { padding: 25px 13px; border-top: 1px solid #ffffff12; background: #192c3855; color: #91a8b8; font-size: 11px; }
.lk-footer-bottom strong { color: #91a8b8; }.lk-footer-bottom > span { color: #6d7c86; font-size: 9px; }
@media (max-width: 1199px) { .header-content { gap: 22px; }.header-logo { flex-basis: 180px; }.header-widget-group { gap: 10px; }.navbar-list { gap: 25px; }.navbar-info-group { gap: 18px; }.navbar-info small { font-size: 8px; }.navbar-info span { font-size: 10px; }.skp-promotion { height: 350px; }.skp-mini-banner { padding: 14px; }.skp-mini-banner strong { font-size: 16px; }.skp-mini-banner img { width: 40px; height: 40px; }.skp-mini-symbol { font-size: 32px; } }
@media (max-width: 991px) { .container { width: calc(100% - 24px); }.header-content { min-height: 74px; gap: 15px; }.header-logo { flex-basis: 155px; }.header-logo img { width: 150px; }.header-widget-group { gap: 8px; }.header-widget i { width: 32px; height: 32px; line-height: 32px; font-size: 13px; }.navbar-info-group { display: none; }.navbar-content { min-height: 65px; }.navbar-link { padding: 20px 0; }.skp-promotion { padding: 30px 110px; height: 310px; }.skp-promotion h1,.skp-promotion h2 { font-size: 37px; }.skp-app-tile { width: 70px; height: 70px; border-width: 3px; border-radius: 15px; }.skp-app-tile img { width: 40px; height: 40px; }.skp-app-0 { left: 13%; }.skp-app-1 { left: 4%; top: 125px; }.skp-app-2 { left: 13%; }.skp-app-3 { right: 10%; }.skp-app-4 { right: 3%; top: 140px; }.skp-app-key { right: 13%; }.skp-mini-banners { gap: 10px; margin-top: 18px; }.skp-mini-banner { min-height: 94px; }.skp-mini-banner strong { font-size: 14px; }.skp-mini-banner small { font-size: 5px; }.skp-mini-banner img { width: 31px; height: 31px; padding: 5px; }.skp-mini-symbol { font-size: 26px; }.skp-product-grid { gap: 16px; }.skp-payment-orbit { right: 6%; width: 135px; height: 170px; top: 70px; }.skp-promotion-wallet .skp-promotion-copy { margin-right: 120px; } }
@media (max-width: 767px) { .container { width: 100%; padding-left: 16px; padding-right: 16px; }.header-top-inner { min-height: 34px; gap: 8px; }.header-top-list a { font-size: 9px; padding: 0 8px; }.header-top-select { gap: 9px; }.header-select .nice-select { font-size: 10px; }.header-top .header-select i { font-size: 11px; }.header-content { min-height: 65px; gap: 10px; }.header-media-group { width: 100%; justify-content: space-between; }.header-media-group img { width: 144px; max-height: 42px; }.header-media-group button { color: #365f7d; }.header-widget-group { display: none; }.header-form { max-width: none; margin: 0 0 12px; height: 42px; }.header-form.active { display: flex; }.header-form input { font-size: 12px; }.navbar-part { display: none; }.skp-home { padding-top: 15px; padding-bottom: 38px; }.skp-promotion { height: 275px; padding: 25px 45px; }.skp-promotion-copy > span { font-size: 6px; letter-spacing: 1.2px; margin-bottom: 12px; }.skp-promotion h1,.skp-promotion h2 { font-size: 31px; letter-spacing: -1.1px; }.skp-promotion-copy > a { margin-top: 19px; min-height: 36px; padding: 8px 17px; font-size: 10px; }.skp-app-tile { width: 46px; height: 46px; border-radius: 11px; }.skp-app-tile img { width: 28px; height: 28px; }.skp-app-tile i { font-size: 23px; }.skp-app-0 { top: -8px; left: 12%; }.skp-app-1 { top: 102px; left: -13px; }.skp-app-2 { bottom: -12px; left: 11%; }.skp-app-3 { top: 3px; right: 9%; }.skp-app-4 { top: 120px; right: -12px; }.skp-app-key { right: 12%; bottom: -13px; }.skp-slider-arrow { width: 27px; height: 27px; font-size: 10px; }.skp-slider-prev { left: 8px; }.skp-slider-next { right: 8px; }.skp-slider-dots { bottom: 11px; }.skp-mini-banners { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }.skp-mini-banner { min-height: 88px; padding: 13px; }.skp-mini-banner strong { font-size: 15px; }.skp-mini-banner small { font-size: 5px; }.skp-mini-banner img { width: 34px; height: 34px; }.skp-announcement { gap: 9px; min-height: 58px; margin: 17px 0 24px; padding: 12px; }.skp-announcement p { font-size: 10px; }.skp-announcement > i { font-size: 13px; }.skp-category-tabs { gap: 6px; }.skp-category-tabs button { min-height: 33px; padding: 7px 12px; font-size: 10px; border-radius: 8px; }.skp-category-tray { padding: 19px 14px; border-radius: 10px; }.skp-category-track { gap: 10px; }.skp-category { flex-basis: 91px; min-height: 104px; padding: 14px 7px; gap: 10px; }.skp-category img { width: 31px; height: 31px; }.skp-category span { font-size: 10px; }.skp-category-prev,.skp-category-next { width: 25px; height: 25px; font-size: 9px; }.skp-category-prev { left: 5px; }.skp-category-next { right: 5px; }.skp-products-section { padding-top: 29px; }.skp-section-heading { gap: 9px; margin-bottom: 16px; }.skp-section-heading h2 { font-size: 18px; letter-spacing: -.4px; }.skp-section-heading h2 i { font-size: 19px; margin-right: 3px; }.skp-section-heading p { font-size: 10px; max-width: 260px; }.skp-section-heading > a { padding: 8px 11px; font-size: 9px; gap: 5px; }.skp-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.skp-product-visual { margin: 8px 8px 0; aspect-ratio: 1.65; }.skp-product-info { padding: 10px; }.skp-product-name { font-size: 11px; min-height: 38px; margin-bottom: 10px; }.skp-price { font-size: 13px; }.skp-product-meta { flex-wrap: wrap; font-size: 8px; }.skp-product-fallback > img { width: 34px; height: 34px; }.skp-product-fallback > span { font-size: 10px; }.skp-best-sellers { margin-top: 27px; }.skp-recent-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.skp-promotion-wallet .skp-promotion-copy { margin-right: 0; }.skp-payment-orbit { display: none; }.mobile-menu { padding-bottom: env(safe-area-inset-bottom); }.backtop { bottom: 75px; width: 36px; height: 36px; line-height: 36px; }.store-catalog-intro h1 { font-size: 24px; } }
@media (max-width: 767px) { .lk-footer { padding-top: 35px; padding-bottom: 60px; }.lk-footer-grid { grid-template-columns: 1fr; gap: 25px; padding-bottom: 30px; }.lk-footer-column h3 { margin: 0 0 18px; font-size: 15px; padding-bottom: 12px; }.lk-footer-column li { margin-bottom: 10px; }.lk-footer-logo { margin-bottom: 13px; }.lk-footer-bottom { align-items: flex-start; flex-direction: column; gap: 6px; padding: 18px 0; font-size: 10px; }.lk-footer-bottom > span { font-size: 8px; } }
@media (prefers-reduced-motion: reduce) { .skp-home *, .skp-home *::before, .skp-home *::after { scroll-behavior: auto !important; transition: none !important; } }


/* public/client/css/ui-refresh.css */
:root{--ui-purple:#365f7d;--ui-purple-dark:#29495f;--ui-ink:#192c38;--ui-muted:#6d7c86;--ui-border:#e1e6e8}
.password-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.password-tools button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e1e6e8;background:#f7f7f4;color:#29495f;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:600;line-height:1.5}
.password-tools button:hover{background:#f1f3f3}
.password-generator-status{font-size:12px;color:#6d7c86;margin-top:8px;line-height:1.6}
.password-generator-status:empty{display:none}
body #password-strength-status{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;font-weight:500;line-height:1.5}
body #password-strength-status:empty{display:none}
body #password-strength-status svg{width:17px;height:17px;flex:none}
body #password-strength-status[data-strength="weak"]{color:#b94056}
body #password-strength-status[data-strength="medium"]{color:#9c691b}
body #password-strength-status[data-strength="strong"]{color:#26805b}
body :is(.btn,.form-button button,.wallet-form button,.account-title button,.modal-footer button,.skp-product-buy,.skp-section-heading>a,.skp-mini-banner>a,.store-auth-main .user-form-remind a){border-radius:12px;transition:background .18s,box-shadow .18s,transform .18s}
body :is(.btn,.form-button button,.wallet-form button,.account-title button,.modal-footer button):not(:disabled):hover{box-shadow:0 5px 14px #29495f18;transform:translateY(-1px)}
body :is(button,.btn,a,input,select,textarea):focus-visible{outline:3px solid #91a8b8;outline-offset:3px}
body :is(button,.btn):not(:disabled):active{transform:translateY(1px)}
body button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
body :is(.btn-buy,.btn-inline,.btn-outline,.skp-section-heading>a,.store-catalog-toolbar button,.store-catalog-reset,.header-search button){border-radius:12px}
body :is(.btn-buy,.btn-inline):not(:disabled){background:var(--ui-purple);color:#fff;border-color:var(--ui-purple)}
body :is(.btn-buy,.btn-inline):not(:disabled):hover{background:var(--ui-purple-dark);border-color:var(--ui-purple-dark)}
body .form-button button,body .wallet-form button{background:var(--ui-purple);color:#fff;min-height:48px;padding:12px 24px;font-weight:600;text-transform:none;letter-spacing:0}
body .form-button button:hover,body .wallet-form button:hover{background:var(--ui-purple-dark)}
body .profile-part .my-wallet{position:relative;min-height:126px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:25px 28px;margin:0 0 22px;border-radius:18px;background:#365f7d;box-shadow:0 8px 24px #365f7d1a;overflow:hidden}
body .profile-part .my-wallet:after{content:"";position:absolute;right:-35px;top:-75px;width:230px;height:230px;border:30px solid #ffffff0c;border-radius:50%;pointer-events:none}
body .profile-part .my-wallet p{position:relative;margin:0;color:#f1f3f3;font-size:14px;font-weight:500;line-height:1.5}
body .profile-part .my-wallet h3{position:relative;margin:0;color:#fff!important;font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-1px;font-weight:700;font-variant-numeric:tabular-nums}
body .profile-part .wallet-card-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body .profile-part .wallet-card{background:#f7f7f4;padding:22px 24px;border-radius:14px}
body .profile-part .wallet-card p{color:var(--ui-muted);font-size:13px;margin-bottom:10px}
body .profile-part .wallet-card h3{color:var(--ui-ink);font-size:26px;font-variant-numeric:tabular-nums;margin:0}
body .profile-part .wallet-card:hover{background:#f1f3f3}
body .profile-part .wallet-card:hover p{color:var(--ui-muted)}
body .profile-part .wallet-card:hover h3{color:var(--ui-ink)}
body .store-auth-page{padding:56px 16px 72px;background:#f7f7f4}
body .store-auth-shell{max-width:500px;margin:auto;display:block}
body .store-auth-main{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body .store-auth-main .user-form-card{padding:36px 38px;background:#fff;border:1px solid var(--ui-border);border-radius:24px;box-shadow:0 16px 48px #192c380a}
body .store-auth-main .user-form-title{text-align:left;margin-bottom:28px}
body .store-auth-kicker{display:inline-block;color:var(--ui-purple);background:#f7f7f4;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:600;letter-spacing:.7px;margin-bottom:14px}
body .store-auth-main .user-form-title h2{color:var(--ui-ink);font-size:30px;letter-spacing:-.7px;text-transform:none;margin-bottom:10px}
body .store-auth-main .user-form-title p{font-size:14px;color:var(--ui-muted);line-height:1.65}
body .store-auth-main .user-form-group{display:block;margin:0}
body .store-auth-main .form-group{margin-bottom:19px}
body .store-auth-main .form-group label{display:block;color:var(--ui-ink);font-size:13px;font-weight:600;margin-bottom:8px}
body .store-auth-main .user-form .form-control{height:50px;border:1px solid var(--ui-border);border-radius:12px;background:#fbfcfa;padding:12px 15px;color:var(--ui-ink);font-size:14px}
body .store-auth-main .user-form .form-control:focus{background:#fff;border-color:#91a8b8;box-shadow:0 0 0 4px #365f7d0a}
body .store-auth-main .store-auth-kicker{display:inline-block}
body .store-auth-footnote{display:block}
body .store-auth-main .form-button{margin-top:24px}
body .store-auth-main .form-button button{width:100%;border-radius:14px;height:auto;line-height:1.5;min-height:50px}
body .store-auth-main .form-button p{margin:16px 0 0;font-size:13px;text-align:center}
body .store-auth-main .user-form-remind{margin:20px 0 0;padding:0;background:transparent;border:0;font-size:14px;text-align:center}
body .store-auth-main .user-form-remind a,body .store-auth-main .form-button a{color:var(--ui-purple);font-weight:600}
body .store-auth-footnote{color:var(--ui-muted);font-size:12px;line-height:1.6;text-align:center;margin:22px 12px 0}
body .agree-terms-row{align-items:center;gap:10px}
body #agree-terms{width:18px;height:18px;min-width:18px;accent-color:var(--ui-purple);cursor:pointer}
body .agree-terms-copy .agree-terms-label{display:inline;font-weight:400;margin:0}
body .policy-open-link{color:var(--ui-purple);text-decoration:underline;text-underline-offset:3px}
body .policy-modal-dialog{border-radius:24px;overflow:hidden;box-shadow:0 24px 90px #192c3833}
body .policy-modal-actions button,body .policy-modal-close{border-radius:12px}
body #btn-policy-accept{background:var(--ui-purple);color:#fff;padding:12px 20px}
body .swal2-popup{border-radius:24px!important;padding:28px!important;box-shadow:0 24px 90px #192c3826!important;font-family:inherit!important;border:1px solid var(--ui-border)}
body .swal2-title{color:var(--ui-ink)!important;font-size:23px!important;line-height:1.4!important;padding-top:14px!important}
body .swal2-html-container{color:var(--ui-muted)!important;font-size:14px!important;line-height:1.75!important}
body .swal2-actions{gap:10px;margin-top:24px!important}
body .swal2-styled{border-radius:12px!important;padding:12px 24px!important;font-size:14px!important;font-weight:600!important;min-height:46px;box-shadow:none!important}
body .swal2-confirm{background:var(--ui-purple)!important}
body .swal2-cancel{background:#f1f3f3!important;color:#344b5a!important}
body .swal2-deny{background:#b73952!important}
body .swal2-close{border-radius:10px;color:var(--ui-muted)!important}
body .swal2-input{border:1px solid var(--ui-border)!important;border-radius:12px!important;font-size:15px!important;box-shadow:none!important}
body .swal2-timer-progress-bar{background:#91a8b8}
body .swal2-toast{border-radius:16px!important;padding:14px 18px!important}
body .modal-content{border-radius:22px;border:1px solid var(--ui-border);overflow:hidden}
body .modal-header,body .modal-footer{border-color:var(--ui-border);padding:20px 24px}
body .notify{border-radius:16px;box-shadow:0 10px 35px #192c3815}
@media(max-width:575px){body .store-auth-page{padding:28px 0 42px}body .store-auth-main .user-form-card{padding:28px 22px;border-radius:20px}body .profile-part .my-wallet{padding:22px;min-height:120px}body .profile-part .wallet-card-group{grid-template-columns:1fr;gap:10px}body .profile-part .wallet-card{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}body .profile-part .wallet-card p{margin:0}body .profile-part .wallet-card h3{font-size:23px}body .swal2-popup{padding:22px!important}body .policy-modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body :is(button,.btn,a){transition:none!important;transform:none!important}}
/* Compact dialogs and independent, text-only toast notifications. */
body .swal2-popup.nx-alert{padding:28px!important;border-radius:20px!important;text-align:left}
body .nx-alert .swal2-icon{width:46px!important;height:46px!important;border:0!important;border-radius:14px!important;margin:0 0 18px!important;background:#f7f7f4;color:#365f7d}
body .nx-alert .swal2-icon.swal2-error{background:#fff0f2;color:#d15c71}
body .nx-alert .swal2-icon.swal2-success{background:#edf8f2;color:#399273}
body .nx-alert .swal2-icon.swal2-warning{background:#fff6e8;color:#ba8837}
body .nx-alert .swal2-icon-content{font-size:inherit!important;display:grid!important;place-items:center;width:100%;height:100%}
body .nx-alert .swal2-icon svg{width:24px;height:24px}
body .nx-alert .swal2-title{font-size:19px!important;letter-spacing:-.4px;line-height:1.45!important;text-align:left!important;padding:0!important;margin:0 0 10px!important}
body .nx-alert .swal2-content,body .nx-alert .swal2-html-container{font-size:13px!important;line-height:1.8!important;text-align:left!important;padding:0!important;margin:0!important;color:#6d7c86!important;overflow-wrap:anywhere}
body .nx-alert .swal2-actions{width:100%;justify-content:flex-end;margin-top:24px!important}
body .nx-alert .swal2-styled{min-height:42px;padding:10px 22px!important;border-radius:10px!important;font-size:12px!important;margin:0!important}
body .nx-alert .swal2-close{position:absolute;top:12px;right:12px;width:36px;height:36px;font-size:26px}
.nx-toast-stack{position:fixed;z-index:1100;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.nx-toast{--toast-color:#365f7d;--toast-soft:#f7f7f4;display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:12px;position:relative;overflow:hidden;background:#fff;border:1px solid #e1e6e8;border-radius:14px;box-shadow:0 8px 32px #192c3814;padding:15px 12px 16px 15px;pointer-events:auto;animation:nx-toast-in .22s ease-out;font-family:inherit}
.nx-toast--success{--toast-color:#388a6f;--toast-soft:#edf7f2}
.nx-toast--error{--toast-color:#c6516a;--toast-soft:#fff0f3}
.nx-toast--warning{--toast-color:#b2853d;--toast-soft:#fff6e7}
.nx-toast-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--toast-soft);color:var(--toast-color);border-radius:10px}
.nx-toast-icon svg{width:19px;height:19px}
body .nx-toast-message{margin:0;color:#344b5a;font-size:12px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}
body .nx-toast-close{display:grid;place-items:center;width:28px;height:30px;border:0;border-radius:8px;padding:5px;color:#6d7c86;background:transparent;cursor:pointer;box-shadow:none;transform:none}
body .nx-toast-close:hover{background:#f7f7f4;color:#365f7d;transform:none;box-shadow:none}
.nx-toast-close svg{width:16px;height:16px}
.nx-toast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--toast-color);opacity:.35;transform-origin:left;animation:nx-toast-life linear forwards}
.nx-toast-leaving{opacity:0;transform:translateX(12px);transition:opacity .18s,transform .18s}
@keyframes nx-toast-life{to{transform:scaleX(0)}}
@keyframes nx-toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:575px){.nx-toast-stack{top:12px;right:12px;width:calc(100vw - 24px)}body .swal2-popup.nx-alert{padding:24px!important}.nx-toast{padding:13px 10px 14px 13px}}
@media(prefers-reduced-motion:reduce){.nx-toast{animation:none}.nx-toast-progress{animation:nx-toast-life linear forwards}.nx-toast-leaving{transition:none;transform:none}}
body.modal-open .nx-toast-stack{top:auto;bottom:20px}
@media(max-width:575px){body.modal-open .nx-toast-stack{bottom:12px}}
body .nx-alert .swal2-header{align-items:flex-start;padding:0}
body .nx-alert .swal2-title{width:100%}


/* public/client/css/purchase-checkout.css */
/* Scoped wallet checkout; keeps the storefront's existing modal integration. */
body .modal:has(.nx-checkout) .modal-dialog{max-width:960px;width:calc(100% - 40px);margin:32px auto}
body .modal:has(.nx-checkout) .modal-content{border:0;border-radius:24px;box-shadow:0 30px 100px #192c3838;overflow:hidden}
body .product-view.nx-checkout{--nx-accent:#365f7d;--nx-ink:#192c38;--nx-muted:#6d7c86;display:block;position:relative;padding:0;margin:0;width:100%;max-height:calc(100dvh - 64px);overflow:auto;color:var(--nx-ink);background:#fff;font-size:14px;line-height:1.6;text-align:left}
.nx-checkout *{box-sizing:border-box}
.nx-checkout svg{width:20px;height:20px;display:block;flex-shrink:0}
.nx-checkout button,.nx-checkout input,.nx-checkout a{font:inherit;transition:background .18s,color .18s,border-color .18s}
.nx-checkout [hidden]{display:none!important}
.nx-checkout .nx-checkout-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #e1e6e8}
.nx-checkout-kicker{display:flex;gap:10px;align-items:center;color:#6d7c86;font-size:12px;font-weight:600;letter-spacing:.3px}
.nx-checkout-kicker svg{width:18px;height:18px;color:var(--nx-accent)}
.nx-checkout .nx-close{width:40px;height:40px;display:grid;place-items:center;border:0;background:#f7f7f4;border-radius:12px;color:#6d7c86;cursor:pointer}
.nx-checkout .nx-close:hover{background:#f1f3f3;color:var(--nx-accent)}
.nx-checkout-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:36px;padding:30px 32px 32px}
.nx-product-summary{min-width:0}
.nx-product-symbol{display:grid;place-items:center;width:44px;height:44px;background:#f7f7f4;border-radius:13px;color:var(--nx-accent);margin-bottom:16px}
.nx-product-symbol svg{width:24px;height:24px}
.nx-checkout h2{font-size:25px;line-height:1.35;font-weight:700;letter-spacing:-.6px;color:var(--nx-ink);margin:0 0 12px;overflow-wrap:anywhere;text-wrap:balance}
.nx-stock-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#344b5a;font-size:11px}
.nx-stock-dot{height:6px;width:6px;background:#309979;border-radius:50%}
.nx-stock-line strong{font-weight:600;color:#2f735c;margin-left:3px}
.nx-sold{border-left:1px solid #e1e6e8;margin-left:5px;padding-left:12px;color:var(--nx-muted)}
.nx-unit-price{display:flex;align-items:baseline;gap:9px;margin:22px 0 26px;color:var(--nx-accent);font-size:30px;font-weight:650;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.nx-unit-price span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--nx-muted)}
.nx-checkout .nx-section-label{font-size:12px;font-weight:600;color:#344b5a;margin:0 0 12px;line-height:1.5}
.nx-product-description{max-height:250px;overflow:auto;scrollbar-width:thin;scrollbar-color:#edf2f5 transparent;color:#6d7c86;font-size:12px;line-height:1.95;overflow-wrap:anywhere;padding-right:12px}
.nx-volume-deals{display:flex;gap:6px 14px;flex-wrap:wrap;background:#fbfcfa;border-radius:10px;padding:12px;margin-top:18px;font-size:11px;color:#6d7c86}
.nx-volume-deals strong{width:100%;font-weight:600;color:#344b5a}
.nx-payment-panel{background:#fbfcfa;border:1px solid #e1e6e8;border-radius:18px;padding:24px;align-self:start;min-width:0}
.nx-checkout .nx-payment-panel h3{font-size:17px;font-weight:650;letter-spacing:-.3px;line-height:1.4;margin:0 0 20px;color:var(--nx-ink)}
.nx-wallet{display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #e1e6e8;border-radius:12px;margin-bottom:24px}
.nx-wallet>span{display:grid;place-items:center;background:#f7f7f4;color:var(--nx-accent);width:36px;height:36px;border-radius:10px}
.nx-wallet div{display:grid;gap:2px;flex:1}
.nx-wallet div span{font-size:10px;color:var(--nx-muted);line-height:1.5}
.nx-wallet strong{font-size:15px;font-weight:650;color:#192c38;font-variant-numeric:tabular-nums}
.nx-wallet a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e1e6e8;color:var(--nx-accent);border-radius:9px}
.nx-wallet a:hover{background:#f7f7f4}
.nx-checkout .nx-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.nx-checkout label{margin:0;font-size:12px;font-weight:500;color:#344b5a}
.nx-quantity{display:flex;align-items:center;background:#fff;border:1px solid #e1e6e8;border-radius:11px;padding:3px}
.nx-checkout .nx-quantity button{background:#f7f7f4;border:0;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--nx-accent);cursor:pointer}
.nx-quantity button svg{width:15px;height:15px}
.nx-checkout .nx-quantity button:hover{background:#f1f3f3}
.nx-checkout .nx-quantity input{background:transparent;border:0;color:var(--nx-ink);width:48px;min-width:0;height:32px;text-align:center;font-size:14px;font-weight:600;padding:0;appearance:textfield;-moz-appearance:textfield}
.nx-quantity input::-webkit-inner-spin-button,.nx-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.nx-checkout .nx-coupon-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.nx-coupon-label span{font-size:10px;color:#6d7c86;font-weight:400}
.nx-coupon{display:flex;align-items:center;border:1px solid #e1e6e8;background:#fff;border-radius:11px;padding:4px;gap:4px}
.nx-coupon:focus-within{border-color:#91a8b8;box-shadow:0 0 0 3px #365f7d0b}
.nx-checkout .nx-coupon input{border:0;background:transparent;min-width:0;width:100%;padding:8px;font-size:11px;color:#192c38;height:34px;box-shadow:none;outline:none}
.nx-coupon input::placeholder{color:#6d7c86}
.nx-checkout .nx-coupon button{background:#f1f3f3;color:var(--nx-accent);border:0;border-radius:8px;font-size:11px;font-weight:600;min-height:34px;padding:6px 12px;cursor:pointer}
.nx-checkout .nx-coupon button:hover{background:#edf2f5}
.nx-checkout .nx-coupon-hint{font-size:10px;line-height:1.6;color:#338064;margin:6px 0 0;min-height:16px}
.nx-checkout .nx-coupon-hint.nx-field-error{color:#b74960}
.nx-totals{display:grid;gap:11px;margin-top:16px;padding-top:18px;border-top:1px solid #e1e6e8;font-size:12px;font-variant-numeric:tabular-nums}
.nx-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--nx-muted)}
.nx-totals strong{color:#344b5a;font-weight:550;text-align:right}
.nx-totals #into_discount{color:#31846d}
.nx-totals[aria-busy=true] strong{opacity:.35}
.nx-totals .nx-total{border-top:1px solid #e1e6e8;padding-top:17px;margin-top:6px;margin-bottom:22px;color:var(--nx-ink);font-weight:600}
.nx-total strong{font-size:25px;font-weight:700;letter-spacing:-.5px;color:var(--nx-accent);line-height:1.4}
.nx-checkout .nx-primary,.nx-checkout .nx-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:12px;padding:12px 16px;background:var(--nx-accent);color:#fff;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer}
.nx-checkout .nx-primary:hover{background:#29495f;box-shadow:0 6px 16px #365f7d1c}
.nx-checkout .nx-primary svg{width:17px;height:17px}
.nx-checkout .nx-secondary{color:var(--nx-accent);background:#f7f7f4}
.nx-checkout .nx-favorite{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin-top:8px;padding:8px 0;color:#6d7c86;background:transparent;border:0;font-size:11px;cursor:pointer}
.nx-favorite svg{width:16px;height:16px}
.nx-favorite[aria-pressed=true] svg{fill:#edf2f5;color:var(--nx-accent)}
.nx-checkout .nx-payment-note{display:flex;align-items:flex-start;justify-content:center;gap:6px;font-size:9px;color:#6d7c86;margin:14px 0 0;line-height:1.7}
.nx-payment-note svg{width:13px;height:13px;margin-top:1px}
.nx-checkout .nx-checkout-error{background:#fff0f2;border:1px solid #f4d8df;color:#a83b54;font-size:11px;line-height:1.7;border-radius:10px;margin:0 0 14px;padding:11px 13px}
.nx-checkout button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.nx-checkout .nx-spinner{width:17px;height:17px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:nx-spin .8s linear infinite}
.nx-checkout .nx-receipt{padding:46px 36px 36px;text-align:center}
.nx-checkout:has(.nx-receipt)>.nx-close{position:absolute;right:18px;top:18px}
.nx-receipt-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eef8f3;color:#348267;margin:0 auto 20px}
.nx-receipt-icon svg{width:28px;height:28px}
.nx-checkout .nx-receipt h2{font-size:25px;margin-bottom:8px}
.nx-checkout .nx-receipt-id{font-size:11px;color:#6d7c86;margin:0 0 24px;overflow-wrap:anywhere}
.nx-receipt pre{background:#fbfcfa;border:1px solid #e1e6e8;border-radius:12px;padding:20px;max-height:230px;overflow:auto;text-align:left;font:12px/1.9 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#344b5a;margin:0}
.nx-checkout .nx-receipt-note{font-size:11px;line-height:1.7;color:#6d7c86;margin:14px 0 24px}
.nx-receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@keyframes nx-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){body .modal:has(.nx-checkout) .modal-dialog{width:calc(100% - 24px);margin:12px auto}body .product-view.nx-checkout{max-height:calc(100dvh - 24px)}.nx-checkout .nx-checkout-header{height:62px;padding:0 20px}.nx-checkout-grid{grid-template-columns:1fr;gap:24px;padding:24px 20px}.nx-checkout h2{font-size:23px}.nx-product-symbol{display:none}.nx-unit-price{margin:14px 0 18px;font-size:27px}.nx-product-description{max-height:130px}.nx-payment-panel{padding:20px}.nx-checkout .nx-receipt{padding:64px 20px 24px}.nx-receipt-actions{grid-template-columns:1fr}.nx-checkout .nx-coupon input{font-size:16px}.nx-checkout .nx-quantity input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nx-checkout *{transition:none!important}.nx-spinner{animation-duration:1.8s!important}}
.nx-checkout .nx-coupon-hint:empty{display:none}
.nx-checkout .nx-checkout-header{height:64px}
.nx-checkout-grid{padding-top:24px;padding-bottom:24px}
.nx-checkout .nx-wallet{margin-bottom:20px}
/* The optional UID picker shares the same payment colors and surfaces. */
body #openModal .pv-container{padding:28px!important;max-height:calc(100dvh - 64px);overflow:auto;color:#192c38}
body #openModal .pv-header{border-bottom:1px solid #e1e6e8!important;padding-bottom:20px!important}
body #openModal .pv-title{font-size:23px!important;letter-spacing:-.5px;color:#192c38!important}
body #openModal .pv-badge{background:#f7f7f4!important;color:#6d7c86!important;font-size:10px!important;padding:4px 9px!important;font-weight:500!important}
body #openModal .pv-close{border-radius:11px!important;background:#f7f7f4!important;border:0!important;width:38px!important;height:38px!important;color:#6d7c86!important}
body #openModal .pv-close:hover{background:#f1f3f3!important;color:#365f7d!important}
body #openModal .pv-payment{background:#fbfcfa!important;border:1px solid #e1e6e8!important;border-radius:16px!important;padding:22px!important}
body #openModal .pv-payment-title{color:#192c38!important;font-size:16px!important;border-color:#e1e6e8!important}
body #openModal :is(.pv-value-blue,.pv-value-green){color:#365f7d!important;text-shadow:none!important}
body #openModal .pv-value-red{color:#348369!important}
body #openModal .pv-selected-badge{color:#365f7d!important;background:#f1f3f3!important}
body #openModal :is(.pv-btn-pay,.pv-btn-login){background:#365f7d!important;border:0!important;border-radius:12px!important;min-height:46px;font-size:13px!important;box-shadow:none!important}
body #openModal :is(.pv-btn-pay,.pv-btn-login):hover:not(:disabled){background:#29495f!important}
body #openModal .pv-coupon-input{background:#fff!important;border:1px solid #e1e6e8!important;border-radius:10px!important;font-size:12px!important}
body #openModal .pv-uid-list{border:1px solid #e1e6e8!important;border-radius:12px!important;scrollbar-width:thin}
body #openModal .pv-uid-list thead th{background:#f7f7f4!important;border-color:#e1e6e8!important;color:#6d7c86!important;text-transform:none!important;letter-spacing:0!important;padding:12px!important}
body #openModal .pv-uid-list tr.pv-selected{background:#f7f7f4!important}
body #openModal .pv-pagination .pv-page-active{background:#365f7d!important;border-color:#365f7d!important}
body #openModal .pv-container input[type=checkbox]{accent-color:#365f7d}
@media(max-width:700px){body #openModal .pv-container{padding:22px 18px!important;max-height:calc(100dvh - 24px)}body #openModal .pv-body{display:grid!important;grid-template-columns:1fr!important}body #openModal .pv-right{width:100%!important}body #openModal .pv-uid-list{max-height:220px!important}}
.nx-checkout .nx-checkout-header{position:sticky;top:0;z-index:3;background:#fff}
.nx-checkout .nx-payment-panel h3{margin-bottom:16px}
.nx-checkout .nx-wallet{padding:11px 12px;margin-bottom:18px}
.nx-checkout .nx-quantity-row{margin-bottom:18px}
.nx-totals{gap:9px;margin-top:14px;padding-top:16px}
.nx-totals .nx-total{padding-top:15px;margin-bottom:18px}
.nx-checkout .nx-product-summary .nx-favorite{justify-content:flex-start;margin-top:20px;font-size:12px}
.nx-checkout .nx-payment-note{font-size:10px;margin-top:14px}
.nx-product-description{font-size:13px;line-height:1.9}
.nx-checkout .nx-coupon button{flex-shrink:0;white-space:nowrap}
body #openModal .pv-payment-title{display:flex!important;align-items:center;gap:8px}
body #openModal :is(#preview_discount_row,#preview_vat_row)[style*="display:none"],body #openModal :is(#preview_discount_row,#preview_vat_row)[style*="display: none"]{display:none!important}


/* public/client/css/account-polish.css */
.ac-page,.ac-sidebar{--ac-ink:#192c38;--ac-muted:#6d7c86;--ac-purple:#29495f;--ac-line:#f1f3f3;--ac-soft:#f7f7f4;color:var(--ac-ink)}
.ac-page{padding:38px 0 64px}.ac-shell{max-width:1200px}.ac-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;align-items:start}.ac-main{min-width:0}.ac-page svg,.ac-sidebar svg{height:20px;width:20px;flex-shrink:0}.ac-page h1,.ac-page h2,.ac-page h3,.ac-sidebar p{margin:0;color:var(--ac-ink)}.ac-page p{margin:0}.ac-page a,.ac-page button,.ac-sidebar a,.ac-sidebar button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.ac-page button:focus-visible,.ac-page a:focus-visible,.ac-sidebar a:focus-visible,.ac-sidebar button:focus-visible{outline:3px solid #91a8b8;outline-offset:3px}.ac-page button:active,.ac-sidebar button:active{transform:translateY(1px)}
.ac-sidebar{background:#fff;border:1px solid #e1e6e8;border-radius:18px;padding:20px 12px 12px}.ac-sidebar-user{display:flex;align-items:center;gap:11px;padding:0 7px 22px;margin:0 5px 18px;border-bottom:1px solid var(--ac-line)}.ac-avatar{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:13px;background:#f1f3f3;color:#29495f;font-size:18px;font-weight:650}.ac-sidebar-user strong{display:block;font-size:13px;font-weight:650;color:#344b5a;overflow-wrap:anywhere}.ac-sidebar-user div>span{display:block;font-size:11px;color:#6d7c86;margin-top:3px}.ac-sidebar .ac-nav-label{font-size:10px;color:#6d7c86;letter-spacing:.65px;text-transform:uppercase;margin:0 12px 11px;font-weight:600}.ac-nav-links{display:grid;gap:5px}.ac-sidebar .ac-nav-link{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:11px 12px;background:transparent;border:0;border-radius:9px;color:#6d7c86;font-family:inherit;font-size:12px;font-weight:500;text-align:left;line-height:1.5;text-decoration:none;cursor:pointer}.ac-nav-link>svg{width:17px;height:17px;color:#6d7c86}.ac-nav-link>svg:last-child:not(:first-child){margin-left:auto;width:12px;height:12px;opacity:0}.ac-sidebar .ac-nav-link:hover{background:#f7f7f4;color:#344b5a}.ac-sidebar .ac-nav-active{color:#29495f;background:#edf2f5;font-weight:600}.ac-nav-active>svg{color:#365f7d}.ac-nav-active>svg:last-child{opacity:1}.ac-sidebar .ac-logout{border-top:1px solid var(--ac-line);border-radius:0 0 8px 8px;margin-top:15px;padding-top:17px;color:#a47784}.ac-sidebar .ac-logout svg{color:#b8939e}
.ac-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.ac-eyebrow{display:block;font-size:11px;font-weight:500;color:#6d7c86;margin-bottom:8px}.ac-page-heading h1{font-size:28px;letter-spacing:-.8px;line-height:1.25;font-weight:650;margin-bottom:8px}.ac-page-heading p{font-size:12px;line-height:1.7;color:var(--ac-muted)}.ac-heading-mark{display:grid;place-items:center;height:44px;width:44px;border:1px solid #e1e6e8;background:#fff;border-radius:13px;color:#365f7d}.ac-card{border:1px solid #e1e6e8;background:#fff;border-radius:17px;overflow:hidden;margin-bottom:22px}.ac-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px 22px}.ac-card-heading h2{font-size:16px;font-weight:650;letter-spacing:-.2px}.ac-card-heading p{font-size:11px;color:var(--ac-muted);line-height:1.7;margin-top:5px}.ac-text-link{display:inline-flex;align-items:center;gap:7px;color:#6d7c86;font-size:11px}.ac-text-link svg{height:15px;width:15px}.ac-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;white-space:nowrap;padding:9px 14px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}.ac-button svg{height:16px;width:16px}.ac-button-primary{color:#fff!important;background:#29495f;box-shadow:0 3px 8px #29495f15}.ac-button-primary:hover{background:#29495f;box-shadow:0 5px 12px #29495f21}.ac-button-outline{background:#fff;border-color:#e1e6e8;color:#6d7c86}.ac-button-outline:hover{background:#f7f7f4;border-color:#91a8b8}
.ac-wallet-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px;padding:0 25px 25px}.ac-balance{position:relative;overflow:hidden;background:#29495f;border:1px solid #365f7d;border-radius:13px;padding:24px;min-height:216px;color:#fff}.ac-balance::after{content:'';position:absolute;pointer-events:none;right:-50px;top:-85px;width:230px;height:230px;border:1px solid #ffffff14;border-radius:50%}.ac-balance::before{content:'';position:absolute;pointer-events:none;right:-90px;top:-120px;width:330px;height:330px;border:1px solid #ffffff0b;border-radius:50%}.ac-balance-label{display:block;color:#f1f3f3;font-size:11px;font-weight:500;position:relative;z-index:1}.ac-balance>strong{display:block;color:#fff;font-size:37px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.2;margin:12px 0 7px;overflow-wrap:anywhere;position:relative;z-index:1}.ac-currency-caption{font-size:10px;display:block;color:#edf2f5;position:relative;z-index:1}.ac-topup{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:7px 11px;border:1px solid #ffffff40;background:#ffffff12;color:#fff!important;border-radius:7px;font-size:11px;font-weight:500}.ac-topup svg{height:14px;width:14px}.ac-topup:hover{background:#ffffff25;border-color:#ffffff66}.ac-balance-art{position:absolute;right:18px;bottom:18px;color:#fff;opacity:.11;transform:rotate(-12deg)}.ac-balance-art svg{height:82px;width:82px;stroke-width:.8}.ac-wallet-stats{display:grid;align-content:center;gap:0}.ac-wallet-stats>div{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--ac-line)}.ac-wallet-stats>div:first-child{padding-top:0}.ac-wallet-stats>div:last-child{padding-bottom:0;border:0}.ac-wallet-stats>div>div>span{display:block;color:#6d7c86;font-size:11px;margin-bottom:6px}.ac-wallet-stats strong{display:block;font-size:19px;font-weight:600;color:#344b5a;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.ac-stat-icon,.ac-discount-icon{height:33px;width:33px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#f7f7f4;color:#365f7d}.ac-stat-icon svg{width:16px;height:16px}.ac-discount-icon{font-size:15px;font-weight:600}
.ac-profile-card .ac-card-heading{border-bottom:1px solid var(--ac-line)}.ac-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px 26px;padding:26px;margin:0}.ac-profile-fields>div{min-width:0}.ac-profile-fields dt{font-size:11px;font-weight:400;color:#6d7c86;margin-bottom:9px}.ac-profile-fields dd{margin:0;font-size:13px;line-height:1.7;color:#344b5a;overflow-wrap:anywhere}.ac-device{margin:0 25px 24px;border:1px solid #e1e6e8;border-radius:9px;background:#fbfcfa}.ac-device summary{display:flex;align-items:center;gap:9px;padding:12px 14px;cursor:pointer;list-style:none;color:#6d7c86;font-size:11px}.ac-device summary::-webkit-details-marker{display:none}.ac-device summary>svg{width:16px;height:16px}.ac-device-toggle{margin-left:auto}.ac-device-toggle svg{height:12px;width:12px;transition:transform .18s}.ac-device[open] .ac-device-toggle svg{transform:rotate(90deg)}.ac-device p{border-top:1px solid #e1e6e8;padding:13px 14px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8;overflow-wrap:anywhere;color:#6d7c86}
#profile-edit .modal-content{border-radius:17px;border:1px solid #e1e6e8;box-shadow:0 20px 70px #192c3817;padding:28px}#profile-edit .modal-form{padding:0;background:transparent}#profile-edit .form-title{margin-bottom:24px;text-align:left}#profile-edit .form-title h3{font-size:21px;font-weight:600;letter-spacing:-.5px;color:#192c38}#profile-edit .form-title p{font-size:12px;color:#6d7c86;margin-top:8px}#profile-edit .form-label{font-size:12px;color:#6d7c86;margin-bottom:9px}#profile-edit .form-control{border:1px solid #e1e6e8;border-radius:9px;background:#fbfcfa;color:#344b5a;min-height:43px;padding:11px 13px;font-size:13px}#profile-edit .form-control:focus{border-color:#91a8b8;box-shadow:0 0 0 3px #29495f0a}#profile-edit .form-btn{border-radius:9px;background:#29495f;border:0;min-height:44px;font-size:13px;font-weight:600}#profile-edit .modal-close{top:15px;right:15px;background:#f7f7f4;color:#6d7c86;width:28px;height:28px;border-radius:8px}
.ac-ledger-balance{display:flex;align-items:center;gap:13px;border:1px solid #e1e6e8;border-radius:13px;background:#f1f3f3;padding:19px 22px;margin-bottom:22px}.ac-ledger-wallet-icon{display:grid;place-items:center;width:41px;height:41px;border:1px solid #e1e6e8;border-radius:12px;color:#365f7d;background:#ffffff6b}.ac-ledger-balance>div>span{display:block;font-size:11px;color:#6d7c86;margin-bottom:4px}.ac-ledger-balance strong{font-size:25px;letter-spacing:-.5px;font-weight:650;color:#344b5a;font-variant-numeric:tabular-nums}.ac-usd-label{margin-left:auto;border:1px solid #e1e6e8;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:600;color:#6d7c86}.ac-record-count{font-size:10px;color:#6d7c86;background:#f7f7f4;border-radius:6px;padding:5px 8px;white-space:nowrap}.ac-filter{padding:0 25px}.ac-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}.ac-filter label{display:block;font-size:11px;color:#6d7c86;margin:0;min-width:0}.ac-filter label>span{display:block;margin-bottom:8px}.ac-filter input,.ac-filter select{font-family:inherit;border:1px solid #e1e6e8;border-radius:8px;background:#fff;color:#6d7c86;padding:11px 12px;min-height:42px;font-size:12px;width:100%;min-width:0;outline:0;box-shadow:none}.ac-filter input::placeholder{color:#6d7c86}.ac-filter input:focus,.ac-filter select:focus{border-color:#91a8b8;box-shadow:0 0 0 3px #29495f0a}.ac-filter-grid .ac-button{min-height:42px;font-size:11px}.ac-search-input{position:relative}.ac-search-input>svg{position:absolute;top:14px;left:12px;height:15px;width:15px;color:#91a8b8;pointer-events:none}.ac-search-input input{padding-left:35px}.ac-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 22px}.ac-filter-bottom>div{display:flex;gap:18px;align-items:center}.ac-filter-bottom label{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.ac-filter-bottom select{width:auto;padding:7px 9px;font-size:11px;min-height:33px;max-width:140px}.ac-reset-link{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#6d7c86}.ac-reset-link svg{height:13px;width:13px}.ac-ledger-scroll{overflow-x:auto}.ac-ledger-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.ac-ledger-table th{background:#f7f7f4;border-top:1px solid var(--ac-line);padding:13px 15px;color:#6d7c86;font-size:10px;font-weight:500;white-space:nowrap}.ac-ledger-table th:first-child{width:43%;padding-left:25px}.ac-ledger-table th:last-child{padding-right:25px}.ac-ledger-table td{border-top:1px solid var(--ac-line);padding:20px 15px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6}.ac-ledger-table td:first-child{padding-left:25px}.ac-ledger-table td:last-child{padding-right:25px}.ac-ledger-table tbody tr:hover{background:#fbfcfa}.ac-transaction-description{display:flex;align-items:center;gap:10px}.ac-transaction-description>div{min-width:0}.ac-transaction-description strong{display:block;font-size:11px;font-weight:500;color:#344b5a;overflow-wrap:anywhere}.ac-transaction-description div>span{display:block;font-size:10px;color:#6d7c86;margin-top:5px}.ac-movement-icon{display:grid;place-items:center;height:31px;width:31px;border-radius:9px;flex-shrink:0}.ac-movement-icon svg{height:15px;width:15px}.ac-movement-credit{background:#edf6f2;color:#79a18b}.ac-movement-debit{background:#f7f7f4;color:#365f7d}.ac-movement-neutral{background:#f7f7f4;color:#6d7c86}.ac-amount-muted{color:#6d7c86;white-space:nowrap}.ac-amount-current{color:#29495f;font-weight:600;white-space:nowrap}.ac-change{display:inline-block;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:600;white-space:nowrap}.ac-change-credit{background:#edf7f1;color:#588b70}.ac-change-debit{background:#f8eff4;color:#ae748e}.ac-change-neutral{background:#f7f7f4;color:#6d7c86}.ac-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px;border-top:1px solid var(--ac-line)}.ac-pagination p{font-size:10px;color:#6d7c86}.ac-pagination p b{font-weight:500;color:#6d7c86}.ac-pagination nav{display:flex;align-items:center;gap:7px}.ac-pagination nav a,.ac-pagination nav>span{padding:7px 9px;font-size:10px;border:1px solid #e1e6e8;border-radius:6px;color:#6d7c86}.ac-pagination nav>span{color:#91a8b8}.ac-pagination nav>b{font-size:10px;font-weight:500;color:#6d7c86;padding:0 4px}.ac-empty{padding:38px 20px 44px;text-align:center;border-top:1px solid var(--ac-line)}.ac-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f7f7f4;color:#91a8b8;margin:0 auto 18px}.ac-empty>span svg{width:25px;height:25px}.ac-empty h3{font-size:16px;font-weight:600;color:#6d7c86}.ac-empty p{font-size:12px;line-height:1.7;color:#6d7c86;max-width:360px;margin:9px auto 20px}
@media(max-width:1100px){.ac-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.ac-wallet-grid{gap:18px;padding:0 20px 20px}.ac-card-heading{padding:22px 20px}.ac-balance{padding:22px 20px}.ac-balance>strong{font-size:31px}.ac-wallet-stats strong{font-size:16px}.ac-filter{padding:0 20px}.ac-filter-grid{grid-template-columns:1.2fr 1fr 1fr}.ac-filter-grid .ac-button{grid-column:1/-1;justify-self:end;min-width:140px}.ac-ledger-table{min-width:650px}}
@media(max-width:991px){.ac-layout{grid-template-columns:1fr}.ac-sidebar{padding:12px;margin-bottom:3px}.ac-sidebar-user,.ac-sidebar .ac-nav-label{display:none}.ac-nav-links{display:flex;gap:5px;overflow-x:auto;padding:0 0 3px;scrollbar-width:thin}.ac-sidebar .ac-nav-link{width:auto;min-height:38px;padding:9px 12px;white-space:nowrap;font-size:11px}.ac-nav-link>svg{width:15px;height:15px}.ac-nav-link>svg:last-child:not(:first-child){display:none}.ac-sidebar .ac-logout{margin:9px 0 0;padding:9px 12px;border-top:1px solid #e1e6e8;width:100%;border-radius:0}.profile-part .ac-sidebar{margin-bottom:22px}.ac-wallet-grid{grid-template-columns:1.15fr 1fr}.ac-filter-grid{grid-template-columns:1.4fr 1fr 1fr auto}.ac-filter-grid .ac-button{grid-column:auto;min-width:0}.ac-ledger-table{min-width:620px}}
@media(max-width:600px){.ac-page{padding:23px 0 40px}.ac-page-heading{gap:12px;margin:3px 0 22px}.ac-page-heading h1{font-size:24px}.ac-page-heading p{font-size:11px;max-width:260px}.ac-eyebrow{font-size:10px}.ac-heading-mark{display:none}.ac-page-heading>.ac-button{padding:8px 11px;font-size:10px;min-height:36px}.ac-page-heading>.ac-button svg{height:13px;width:13px}.ac-card-heading{padding:20px 18px}.ac-card-heading h2{font-size:15px}.ac-card-heading p{font-size:10px}.ac-card-heading>.ac-button{font-size:10px;padding:7px 10px;min-height:34px}.ac-card-heading>.ac-button svg{height:13px;width:13px}.ac-text-link{font-size:10px;gap:4px}.ac-text-link svg{height:12px;width:12px}.ac-wallet-grid{grid-template-columns:1fr;padding:0 18px 20px;gap:20px}.ac-balance{min-height:190px}.ac-balance>strong{font-size:36px}.ac-topup{margin-top:20px}.ac-wallet-stats{grid-template-columns:1fr 1fr;gap:16px 12px}.ac-wallet-stats>div{padding:0!important;border:0}.ac-wallet-stats>div:last-child{grid-column:1/-1;padding-top:15px!important;border-top:1px solid var(--ac-line);display:flex}.ac-wallet-stats>div:last-child>div{display:flex;gap:16px;align-items:center}.ac-wallet-stats>div:last-child>div>span{margin:0}.ac-wallet-stats strong{font-size:17px}.ac-wallet-stats>div>div>span{font-size:10px}.ac-stat-icon,.ac-discount-icon{height:29px;width:29px;border-radius:8px}.ac-profile-fields{padding:22px 18px;gap:22px 18px}.ac-profile-fields dt{font-size:10px;margin-bottom:7px}.ac-profile-fields dd{font-size:12px}.ac-device{margin:0 18px 20px}.ac-filter{padding:0 18px}.ac-filter-grid{grid-template-columns:1fr 1fr;gap:13px 10px}.ac-filter-grid>label:first-child{grid-column:1/-1}.ac-filter-grid .ac-button{grid-column:1/-1;justify-self:stretch}.ac-filter-bottom{gap:14px;align-items:stretch;flex-direction:column;padding-bottom:20px}.ac-filter-bottom>div{justify-content:space-between;gap:8px}.ac-reset-link{align-self:flex-end}.ac-ledger-balance{padding:16px 18px}.ac-ledger-balance strong{font-size:22px}.ac-record-count{font-size:9px}.ac-pagination{padding:18px;flex-direction:column;gap:16px}#profile-edit .modal-content{padding:25px 20px}.ac-profile-fields>div:nth-child(2){grid-column:1/-1;grid-row:2}.ac-sidebar{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.ac-page a,.ac-page button,.ac-sidebar a,.ac-sidebar button,.ac-device-toggle svg{transition:none}}

/* Use readable text tones on the pale account surfaces. */
.ac-sidebar .ac-nav-link{font-size:13px;color:#6d7c86}.ac-sidebar .ac-nav-active{color:#29495f}.ac-sidebar .ac-nav-label{color:#6d7c86}.ac-sidebar-user strong{font-size:14px}.ac-sidebar-user div>span{font-size:12px;color:#6d7c86}
.ac-card-heading h2{font-size:17px}.ac-card-heading p{font-size:12px}.ac-page-heading p{font-size:13px}.ac-eyebrow{font-size:12px;color:#6d7c86}.ac-profile-fields dt{font-size:12px;color:#6d7c86}.ac-profile-fields dd{font-size:14px;color:#344b5a}.ac-text-link{font-size:12px}.ac-wallet-stats>div>div>span{font-size:12px;color:#6d7c86}.ac-wallet-stats strong{font-size:20px}.ac-balance-label{font-size:12px}.ac-currency-caption{font-size:11px}.ac-topup{font-size:12px}.ac-device summary{font-size:12px}.ac-device p{font-size:11px}
.ac-filter label{font-size:12px;color:#6d7c86}.ac-filter input{font-size:13px;min-height:44px;color:#344b5a}.ac-filter-grid .ac-button{min-height:44px;font-size:12px}.ac-filter input::placeholder{color:#6d7c86;font-size:12px}.ac-filter-bottom label,.ac-filter-bottom select,.ac-reset-link{font-size:11px}.ac-record-count{font-size:11px;color:#6d7c86}.ac-ledger-table th{font-size:11px;color:#6d7c86}.ac-ledger-table td{font-size:13px}.ac-transaction-description strong{font-size:12px;color:#344b5a}.ac-transaction-description div>span{font-size:11px;color:#6d7c86}.ac-amount-muted{color:#6d7c86}.ac-change{font-size:12px}.ac-change-credit{color:#457b60}.ac-change-debit{color:#a65c7b}.ac-pagination p,.ac-pagination nav a,.ac-pagination nav>span,.ac-pagination nav>b{font-size:11px}.ac-pagination p{color:#6d7c86}.ac-ledger-balance>div>span{font-size:12px;color:#6d7c86}.ac-empty p{font-size:13px;color:#6d7c86}
@media(max-width:600px){.ac-page-heading p{font-size:12px}.ac-sidebar .ac-nav-link{font-size:12px}.ac-card-heading h2{font-size:16px}.ac-card-heading p{font-size:11px}.ac-profile-fields dd{font-size:13px}.ac-profile-fields dt{font-size:11px}.ac-wallet-stats strong{font-size:18px}.ac-wallet-stats>div>div>span{font-size:11px}.ac-page-heading>.ac-button{font-size:11px}.ac-ledger-table td{font-size:12px}.ac-filter label{font-size:11px}}


/* public/client/css/customer-theme.css */
/* Final customer surface layer. Admin and payment accounting are outside this scope. */
.nx-linkedin-rules{margin:22px 0;padding:17px 19px;background:#f7f7f4;border:1px solid #e1e6e8;border-radius:13px;text-align:left}.nx-linkedin-rules h4{display:flex;align-items:center;gap:8px;margin:0 0 11px!important;font-size:14px!important;font-weight:650;color:#344b5a;line-height:1.5}.nx-linkedin-rules h4 svg{width:18px;height:18px;flex-shrink:0}.nx-linkedin-rules ul{list-style:disc!important;padding:0 0 0 18px!important;margin:0!important;display:grid;gap:9px}.nx-linkedin-rules li{margin:0!important;padding:0 0 0 2px;font-size:12px;line-height:1.75;color:#6d7c86;overflow-wrap:anywhere}.pv-container>.nx-linkedin-rules{margin:0 20px 18px;flex-shrink:0}@media(max-width:600px){.nx-linkedin-rules{padding:15px;margin:18px 0}.nx-linkedin-rules li{font-size:12px;line-height:1.7}}
body.nx-customer{--primary:#365f7d;--primary1:#29495f;--nx-ink:#192c38;--nx-muted:#6d7c86;--nx-line:#e1e6e8;--nx-soft:#f7f7f4;--nx-accent:#365f7d;background:#f7f7f4;color:var(--nx-ink)}
.nx-customer [hidden]{display:none!important}
.nx-customer :is(main,section.inner-section,.store-auth-page) :is(input,select,textarea,button){font-family:inherit}
.nx-customer :is(main,section.inner-section) :is(input,select,textarea):focus-visible{outline:3px solid #91a8b85c;outline-offset:2px}
.nx-customer :is(main,section.inner-section) :is(h1,h2,h3,h4){text-wrap:pretty}
.nx-customer :is(main,section.inner-section) :is(a,button){-webkit-tap-highlight-color:transparent}
.nx-customer .ac-page{padding:38px 0 64px}.nx-customer .ac-shell{max-width:1200px}
.nx-customer .ac-layout{grid-template-columns:236px minmax(0,1fr);gap:28px}
.nx-customer .ac-main{min-width:0}
.nx-customer .ac-card{border-color:var(--nx-line);border-radius:18px;box-shadow:0 3px 14px #192c3802}
.nx-customer .ac-page-heading h1{font-size:28px;letter-spacing:-.7px;font-weight:650;color:var(--nx-ink)}
.nx-customer .ac-page-heading p{color:var(--nx-muted);font-size:13px;line-height:1.75;max-width:62ch}
.nx-customer .ac-button{min-height:42px;border-radius:10px;font-size:12px;padding:10px 16px;line-height:1.5}
.nx-customer .ac-button-primary{background:var(--nx-accent);box-shadow:none}
.nx-customer .ac-button-primary:hover{background:#29495f;box-shadow:0 4px 14px #365f7d1c}
.nx-customer .ac-button-outline{border-color:#e1e6e8;color:#6d7c86}
.nx-customer .ac-card-heading{padding:24px 26px 22px}
.nx-customer .ac-card-heading h2{font-size:17px;font-weight:600;line-height:1.5;color:#192c38}
.nx-customer .ac-card-heading p{font-size:12px;line-height:1.7;color:var(--nx-muted);margin-top:5px}
.nx-customer .ac-heading-mark{color:#365f7d;background:#fbfcfa;border-color:#e1e6e8}
.nx-customer .ac-sidebar{position:sticky;top:20px}
.nx-setting-list{padding:0 26px}
.nx-setting-row{display:flex;align-items:center;gap:16px;padding:22px 0;border-top:1px solid #e1e6e8}
.nx-setting-icon{height:40px;width:40px;flex:0 0 40px;display:grid;place-items:center;background:#f7f7f4;border:1px solid #e1e6e8;border-radius:12px;color:#365f7d}
.nx-setting-icon svg{width:19px;height:19px}
.nx-setting-copy{min-width:0;flex:1}
.nx-customer .nx-setting-copy label{display:block;font-size:13px;font-weight:550;color:#344b5a;line-height:1.65;margin:0;cursor:pointer}
.nx-customer .nx-setting-copy p{font-size:12px;line-height:1.8;max-width:55ch;color:#6d7c86;margin:5px 0 0;overflow-wrap:anywhere}
.nx-customer .nx-switch{display:block;position:relative;flex:0 0 46px;width:46px;height:28px;min-width:46px;margin:0 0 0 12px;cursor:pointer}
.nx-switch input{position:absolute;inset:0;margin:0;opacity:0;width:100%;height:100%;z-index:1;cursor:pointer}
.nx-switch-track{display:block;position:absolute;inset:0;border:1px solid #e1e6e8;background:#edf2f5;border-radius:20px;transition:background .18s,border-color .18s}
.nx-switch-track:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #192c3814;transition:transform .18s}
.nx-switch input:checked+.nx-switch-track{background:#365f7d;border-color:#365f7d}
.nx-switch input:checked+.nx-switch-track:after{transform:translateX(18px)}
.nx-switch input:focus-visible+.nx-switch-track{outline:3px solid #91a8b877;outline-offset:3px}
.nx-switch input:disabled+.nx-switch-track{opacity:.5}
.nx-card-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#fbfcfa;border-top:1px solid #e1e6e8}
.nx-card-actions>span{font-size:11px;color:#6d7c86;line-height:1.7;max-width:43ch}
.nx-card-actions>.ac-button{flex-shrink:0;min-width:142px}
.nx-authenticator>.nx-setting-row{padding:26px;border-top:0}
.nx-security-note{display:flex;align-items:flex-start;gap:9px;margin:0 26px 24px;padding:13px 15px;border:1px solid #e1e6e8;background:#f7f7f4;border-radius:10px;color:#6d7c86}
.nx-security-note svg{height:16px;width:16px;margin-top:2px}
.nx-customer .nx-security-note p{font-size:11px;line-height:1.8;color:#6d7c86;margin:0}
.nx-authenticator-setup{margin:0 26px 26px;padding-top:24px;border-top:1px solid var(--nx-line)}
.nx-qr-step{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.nx-qr-step img{width:144px;height:144px;max-width:100%;object-fit:contain;border:1px solid var(--nx-line);padding:10px;border-radius:12px;background:#fff}
.nx-customer .nx-qr-step h3{font-size:15px;font-weight:600;margin-bottom:8px}
.nx-customer .nx-qr-step p{font-size:12px;color:#6d7c86;line-height:1.8;margin:0}
.nx-customer .nx-field-label,.nx-customer .nx-field>label{display:block;font-size:12px;color:#6d7c86;font-weight:500;margin-bottom:9px;line-height:1.6}
.nx-code-confirm{display:flex;align-items:center;gap:12px;max-width:420px}
.nx-code-confirm input{min-width:0;flex:1;letter-spacing:6px;font-variant-numeric:tabular-nums}
.nx-code-confirm button{flex-shrink:0}
.nx-customer .nx-settings-form{padding:0 26px 26px;max-width:610px}
.nx-field{margin-bottom:20px}
.nx-field:last-of-type{margin-bottom:0}
.nx-customer .nx-field-help{font-size:11px;color:#6d7c86;line-height:1.8;margin:12px 0 0}
.nx-customer :is(.nx-settings-form,.nx-authenticator-setup,.nx-tax-fields) :is(input.form-control,textarea.form-control){min-height:46px;background:#fbfcfa;border:1px solid #e1e6e8;border-radius:10px;padding:12px 14px;color:#344b5a;font-size:13px;line-height:1.6;box-shadow:none}
.nx-customer :is(.nx-settings-form,.nx-authenticator-setup,.nx-tax-fields) .form-control:focus{border-color:#91a8b8;background:#fff;box-shadow:0 0 0 3px #365f7d09}
.nx-customer .nx-tax-tabs{display:flex;gap:4px;background:#f7f7f4;border-radius:12px;padding:5px;margin:0 26px 26px;border:1px solid #e1e6e8}
.nx-tax-tabs .nav-item{flex:1}
.nx-customer .nx-tax-tabs .nav-link{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:11px;border-radius:9px;font-size:12px;color:#6d7c86;border:0;background:transparent;min-width:0;min-height:44px}
.nx-customer .nx-tax-tabs .nav-link.active{background:#fff;color:#365f7d;box-shadow:0 2px 6px #344b5a08;transform:none}
.nx-tax-tabs svg{width:16px;height:16px}
.nx-tax-fields{padding:0 26px 6px}
.nx-tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nx-tax-grid .nx-field{margin:0 0 20px}
.nx-tax-wide{grid-column:1/-1}
.nx-tax-fields textarea{resize:vertical;min-height:100px!important}
.nx-customer .nx-required{color:#ba7f91;margin-left:3px}
.nx-customer .nx-card-notice{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:#fcf7eb;color:#9d8044;border:1px solid #efe3c9;margin:0 26px 24px;font-size:12px;line-height:1.8}
.nx-card-notice svg{width:17px;height:17px;margin-top:3px;flex-shrink:0}
.nx-customer .nx-log-filter .ac-filter-grid{grid-template-columns:1.4fr 1fr 1fr 1fr auto}
.nx-customer .nx-log-table{min-width:580px}
.nx-log-table td:first-child{width:155px;color:#6d7c86;font-size:11px;font-variant-numeric:tabular-nums}
.nx-log-table td:last-child{width:155px;color:#6d7c86;font:11px ui-monospace,monospace}
.nx-log-action{display:flex;gap:11px;align-items:center;min-width:0}
.nx-log-action>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f7f7f4;color:#6d7c86;flex-shrink:0}
.nx-log-action svg{height:15px;width:15px}
.nx-log-action strong{font-size:12px;font-weight:500;line-height:1.8;overflow-wrap:anywhere;color:#6d7c86}
.nx-customer .ac-filter{padding:0 26px 20px}
.nx-customer .ac-filter-grid{gap:12px}
.nx-customer .ac-filter input{background:#fbfcfa;border-color:#e1e6e8;border-radius:9px;min-width:0}
.nx-customer .ac-filter-bottom{gap:14px;flex-wrap:wrap}
.nx-customer .ac-filter-bottom>div{flex-wrap:wrap;gap:16px}
.nx-customer .ac-ledger-table th{background:#fbfcfa;text-transform:none;font-size:11px;letter-spacing:.1px;padding:14px 20px;border-color:#e1e6e8}
.nx-customer .ac-ledger-table td{padding:17px 20px;border-color:#e1e6e8}
.nx-customer .ac-empty{padding:48px 24px}
.nx-customer .ac-empty>span{height:48px;width:48px;border-radius:15px}
.nx-customer .ac-empty h3{font-size:17px;margin:17px 0 8px}
.nx-customer .ac-empty p{font-size:12px;max-width:45ch;line-height:1.8;margin:0 auto 20px;color:#6d7c86}
.nx-customer .ac-empty .ac-button{margin-top:0}
/* Legacy customer pages: consistent forms, readable tables and quiet headings. */
.nx-customer section.profile-part{padding-top:38px!important;padding-bottom:50px!important;margin-bottom:0}
.nx-customer .profile-part>.container{max-width:1200px}
.nx-customer .profile-part .account-card{border:1px solid var(--nx-line);border-radius:18px;padding:26px;background:#fff;box-shadow:none;margin-bottom:22px}
.nx-customer .profile-part .account-title{font-size:18px;font-weight:600;letter-spacing:-.3px;color:#344b5a;border-bottom:1px solid #e1e6e8;padding:0 0 19px;margin:0 0 24px;text-transform:none}
.nx-customer .profile-part .account-title:after{display:none}
.nx-customer .profile-part .account-title h4{font-size:18px;font-weight:600;color:#344b5a;line-height:1.5}
.nx-customer :is(.profile-part,.contact-part,.blog-widget,.details-content) .form-label{font-size:12px;color:#6d7c86;line-height:1.7;margin-bottom:9px}
.nx-customer :is(.profile-part,.contact-part,.blog-widget) :is(.form-control,.form-select){background:#fbfcfa;border:1px solid #e1e6e8;border-radius:10px;min-height:44px;padding:10px 13px;font-size:13px;line-height:1.6;color:#344b5a;box-shadow:none}
.nx-customer :is(.profile-part,.contact-part,.blog-widget) textarea.form-control{height:auto;resize:vertical}
.nx-customer :is(.profile-part,.contact-part,.blog-widget) .form-control:focus{background:#fff;border-color:#91a8b8;box-shadow:0 0 0 3px #365f7d09}
.nx-customer :is(.profile-part,.contact-part) .form-group{margin-bottom:20px}
.nx-customer :is(.profile-part,.contact-part) .form-btn{border:0;min-height:44px;border-radius:11px;background:#365f7d;color:#fff;padding:11px 20px;font-size:12px;font-weight:550;text-transform:none;letter-spacing:0}
.nx-customer :is(.profile-part,.contact-part) .form-btn:hover{background:#29495f}
.nx-customer :is(.profile-part,.contact-part) .form-control::placeholder{color:#6d7c86;font-size:12px}
.nx-customer .profile-part .shop-widget-btn{display:flex;justify-content:center;gap:8px;align-items:center;min-height:44px;border:1px solid #e1e6e8;border-radius:10px;background:#f7f7f4;color:#6d7c86;font-size:12px;font-weight:500;line-height:1.5;text-transform:none;box-shadow:none}
.nx-customer .profile-part .shop-widget-btn:hover{background:#f1f3f3;color:#365f7d}
.nx-customer .profile-part .top-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0;margin:0 0 18px;border:0}
.nx-customer .profile-part :is(.filter-show,.filter-short,.filter-action){display:flex;align-items:center;gap:9px;float:none}
.nx-customer .profile-part .filter-label{font-size:11px;font-weight:400;color:#6d7c86;text-transform:none;white-space:normal}
.nx-customer .profile-part .filter-select{width:auto;min-width:70px;min-height:36px;font-size:11px;border-radius:8px;background:#fff;padding:6px 26px 6px 10px}
.nx-customer .profile-part :is(.table-scroll,.table-wrapper){border:1px solid #e1e6e8;border-radius:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#edf2f5 transparent;background:#fff}
.nx-customer .profile-part .table{margin:0;min-width:520px;border:0;border-collapse:collapse;font-size:12px;color:#6d7c86}
.nx-customer .profile-part .table thead th{background:#f7f7f4;color:#6d7c86;padding:13px 16px;border:0;border-bottom:1px solid #e1e6e8;font-size:11px;font-weight:500;line-height:1.6;white-space:nowrap;text-transform:none}
.nx-customer .profile-part .table td{padding:15px 16px;border:0;border-bottom:1px solid #e1e6e8;vertical-align:middle;color:#6d7c86;font-size:12px;line-height:1.7}
.nx-customer .profile-part .table tbody tr:last-child td{border-bottom:0}
.nx-customer .profile-part .table tbody tr:hover{background:#fbfcfa}
.nx-customer .profile-part .table td .form-control{min-height:38px}
.nx-customer .profile-part .table td>strong{font-weight:550}
.nx-customer .profile-part .table .btn{white-space:nowrap;margin:2px;min-height:34px;padding:7px 10px;font-size:11px;border-radius:8px;box-shadow:none;border-width:1px}
.nx-customer .profile-part .table .btn-info,.nx-customer .profile-part .table .btn-success{background:#f7f7f4;border-color:#e1e6e8;color:#6d7c86}
.nx-customer .profile-part .table .btn-danger{background:#fcf1f4;border-color:#f1dce5;color:#b07691}
.nx-customer .profile-part .table .btn-primary{background:#365f7d;color:#fff;border-color:#365f7d}
.nx-customer .profile-part .empty-state{padding:40px 20px;text-align:center;min-height:0;gap:0}
.nx-customer .profile-part .empty-state>svg{width:90px;height:74px;opacity:.65;margin-bottom:18px}
.nx-customer .profile-part .empty-state p{font-size:13px;color:#6d7c86;margin:0}
.nx-customer .bottom-paginate{margin-top:22px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.nx-customer .page-info{font-size:11px;color:#6d7c86;line-height:1.7;margin:0}
.nx-customer .pagination{gap:5px;display:flex;flex-wrap:wrap}
.nx-customer .pagination :is(a,span){border:1px solid #e1e6e8;border-radius:8px;background:#fff;min-height:34px;min-width:34px;display:grid;place-items:center;font-size:11px;color:#6d7c86;box-shadow:none}
.nx-customer .pagination .active :is(a,span),.nx-customer .pagination .active{background:#365f7d;color:#fff;border-color:#365f7d}
.nx-customer .single-banner{padding:36px 0 0!important;background:transparent!important;margin-bottom:22px;text-align:left}
.nx-customer .single-banner:before{display:none}
.nx-customer .single-banner h2{font-size:28px;font-weight:650;letter-spacing:-.7px;color:#344b5a;line-height:1.4;text-shadow:none;text-transform:none;margin-bottom:12px;text-align:left}
.nx-customer .single-banner .breadcrumb{justify-content:flex-start;gap:0;font-size:11px;margin:0}
.nx-customer .single-banner .breadcrumb :is(a,li){color:#6d7c86}
.nx-customer .home-heading{padding:0;margin:0 0 24px;background:transparent;border:0;box-shadow:none;border-radius:0}
.nx-customer .home-heading h3{background:transparent;color:#344b5a;font-size:23px;line-height:1.5;letter-spacing:-.4px;font-weight:600;padding:0;text-shadow:none;text-transform:none}
.nx-customer .nx-inline-icon{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor}
.nx-customer .profile-part .alert{border:1px solid #e1e6e8;border-radius:12px;background:#f7f7f4;color:#6d7c86;font-size:12px;line-height:1.85;padding:15px 18px}
.nx-customer .alert.alert-warning{background:#fcf8ed;border-color:#eee3c8;color:#a4884b}
.nx-customer .alert.alert-danger{background:#fff3f6;border-color:#f0dce4;color:#b5748c}
.nx-customer .alert.alert-success{background:#eff8f4;border-color:#dbede3;color:#6b9a80}
.nx-customer .alert strong{font-weight:600}
.nx-customer .profile-part .label-text{border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500;text-shadow:none}
.nx-customer .profile-part .label-text.feat{background:#f1f3f3;color:#6d7c86}
.nx-customer .profile-part .label-text.order{background:#f7f7f4;color:#6d7c86}
.nx-customer :is(.blog-grid,.blog-details-part,.contact-part){padding-bottom:54px}
.nx-customer .blog-card{overflow:hidden;border:1px solid #e1e6e8;border-radius:16px;box-shadow:none;background:#fff;margin-bottom:24px}
.nx-customer .blog-card .blog-img img{height:210px!important;object-fit:cover}
.nx-customer .blog-content{padding:22px}
.nx-customer .blog-title{font-size:18px;line-height:1.6;letter-spacing:-.3px;margin-bottom:12px}
.nx-customer .blog-title a{color:#344b5a}
.nx-customer .blog-desc{font-size:12px;line-height:1.9;color:#6d7c86}
.nx-customer .blog-meta{gap:12px;color:#6d7c86;font-size:10px}
.nx-customer .blog-btn{color:#6d7c86;font-size:12px;font-weight:500}
.nx-customer .blog-widget{border:1px solid #e1e6e8;background:#fff;padding:24px;border-radius:16px;box-shadow:none;margin-bottom:20px}
.nx-customer .blog-widget-title{font-size:16px;font-weight:600;margin-bottom:18px;color:#344b5a;line-height:1.6}
.nx-customer .blog-widget-form input{background:#fbfcfa;border:1px solid #e1e6e8;border-radius:10px;font-size:12px;padding:12px}
.nx-customer .blog-widget-form button{border-radius:9px;background:#365f7d;color:#fff}
.nx-customer .contact-part .account-card{border:1px solid #e1e6e8;border-radius:18px;padding:28px;background:#fff;color:#6d7c86;font-size:13px;line-height:1.9}
.nx-customer .contact-part .account-card :is(h2,h3,h4){color:#344b5a;font-weight:600;line-height:1.5;margin:0 0 14px}
.nx-customer .contact-part .account-card p{margin-bottom:14px}
.nx-customer .support-center :is(.support-community-card,.telegram-support-card){border-color:#e1e6e8;border-radius:17px;box-shadow:none}
.nx-customer .support-center :is(h1,h2,h3){letter-spacing:-.3px}
.nx-customer .support-center :is(.support-community-card,.telegram-support-card) a{border-radius:10px;min-height:42px;font-size:12px;font-weight:550}
.nx-customer .policy-page-card{border-color:#e1e6e8;border-radius:18px;box-shadow:none}
.nx-customer .policy-document{font-size:13px;line-height:1.95;color:#6d7c86}
.nx-customer .details-content{border-color:#e1e6e8;border-radius:18px;padding:28px;background:#fff;box-shadow:none}
.nx-customer .details-content .details-name{font-size:25px;line-height:1.5;letter-spacing:-.5px;margin-bottom:12px}
.nx-customer .details-content .details-name :is(a,span){color:#344b5a}
.nx-customer .details-price{font-size:29px;line-height:1.4;font-variant-numeric:tabular-nums;margin:20px 0;color:#365f7d}
.nx-customer .details-price span{color:#365f7d}
.nx-customer .details-desc{font-size:13px;line-height:1.95;color:#6d7c86;overflow-wrap:anywhere}
.nx-customer .details-add-group .btn{min-height:46px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:12px;font-size:12px;font-weight:550;box-shadow:none;text-transform:none}
.nx-customer .store-catalog-toolbar :is(select,button,input){border-radius:10px}
.nx-customer .store-product-card{border-radius:16px;border-color:#e1e6e8;box-shadow:none}
.nx-customer .store-product-card:hover{box-shadow:0 8px 22px #29495f10}
.nx-customer .oh-filters :is(input,select){border-radius:10px;min-height:42px}
.nx-customer .oh-card{border-radius:18px;border-color:#e1e6e8}
.nx-customer .usdt-panel{border-radius:18px;border-color:#e1e6e8;box-shadow:none}
.nx-customer .profile-part :is(pre,code){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8}
.nx-customer .profile-part pre{padding:18px;background:#f7f7f4;border:1px solid #e1e6e8;border-radius:11px;font-size:11px;color:#6d7c86;overflow:auto}
.nx-customer .profile-part .posterd{border-radius:17px;background:#365f7d!important;box-shadow:none;padding:28px}
.nx-customer .profile-part .posterd h1{font-family:inherit!important;text-shadow:none!important;line-height:1.5!important}
.nx-customer .profile-part iframe{border:1px solid #e1e6e8!important;border-radius:12px;max-width:100%}
.nx-customer .nx-standalone-auth{padding:48px 0;min-height:100dvh;background:#f7f7f4}
.nx-standalone-auth .user-form-card{background:#fff;border:1px solid #e1e6e8;border-radius:20px;padding:32px}
.nx-standalone-auth .user-form-title{text-align:left;margin-bottom:24px}
.nx-standalone-auth .user-form-title h2{font-size:26px;letter-spacing:-.6px;text-transform:none;color:#344b5a}
.nx-standalone-auth .user-form-title p{font-size:12px;line-height:1.8;color:#6d7c86;margin-top:8px}
.nx-standalone-auth .user-form-logo img{width:180px;max-height:56px;object-fit:contain}
.nx-standalone-auth .user-form .form-control{min-height:48px;border-radius:11px;border:1px solid #e1e6e8;background:#fbfcfa;font-size:13px}
.nx-standalone-auth .user-form label{display:block;font-size:12px;color:#6d7c86;margin-bottom:8px}
.nx-standalone-auth .user-form .form-button button{border-radius:11px;min-height:48px;background:#365f7d;color:#fff;font-size:13px;text-transform:none}
.nx-standalone-auth .user-form-remind{background:transparent;border:0;font-size:12px}
.nx-standalone-auth .user-form-footer{font-size:11px;color:#6d7c86}
@media(max-width:1100px){.nx-customer .nx-log-filter .ac-filter-grid{grid-template-columns:1fr 1fr}.nx-log-filter .ac-filter-grid .ac-button{grid-column:2}.nx-setting-copy p{max-width:none}}
@media(max-width:991px){.nx-customer .ac-layout{grid-template-columns:1fr;gap:22px}.nx-customer .ac-sidebar{position:static}.nx-customer .profile-part .content-reverse{flex-direction:column}.nx-customer .profile-part .content-reverse>.col-lg-3{margin-bottom:22px}.nx-customer .ac-card-heading{padding:22px}.nx-setting-list{padding:0 22px}.nx-card-actions{padding:18px 22px}.nx-authenticator>.nx-setting-row{padding:22px}}
@media(max-width:600px){.nx-customer .ac-page{padding:26px 0 42px}.nx-customer .ac-page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.nx-customer .ac-page-heading h1{font-size:25px}.nx-customer .ac-page-heading p{font-size:12px}.nx-customer .ac-card{border-radius:15px}.nx-customer .ac-card-heading{padding:21px 19px}.nx-customer .ac-card-heading h2{font-size:16px}.nx-customer .ac-card-heading p{font-size:11px}.nx-customer .ac-heading-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0}.nx-setting-list{padding:0 19px}.nx-setting-row{gap:11px;padding:20px 0;align-items:flex-start}.nx-setting-icon{height:32px;width:32px;flex-basis:32px;border-radius:10px}.nx-setting-icon svg{height:16px;width:16px}.nx-customer .nx-setting-copy label{font-size:12px}.nx-customer .nx-setting-copy p{font-size:11px;line-height:1.85}.nx-customer .nx-switch{margin:2px 0 0 5px;flex-basis:42px;min-width:42px;width:42px;height:26px}.nx-switch-track:after{height:18px;width:18px}.nx-switch input:checked+.nx-switch-track:after{transform:translateX(16px)}.nx-card-actions{padding:18px 19px;flex-direction:column;align-items:stretch;gap:13px}.nx-card-actions>span{max-width:none;font-size:10px}.nx-card-actions>.ac-button{width:100%;min-height:44px}.nx-authenticator>.nx-setting-row{padding:22px 19px}.nx-security-note{margin:0 19px 20px;padding:12px}.nx-customer .nx-security-note p{font-size:10px}.nx-authenticator-setup{margin:0 19px 22px}.nx-qr-step{flex-direction:column;align-items:flex-start;gap:16px}.nx-code-confirm{flex-wrap:wrap}.nx-code-confirm input{flex-basis:100%}.nx-code-confirm button{width:100%}.nx-customer .nx-settings-form{padding:0 19px 22px}.nx-customer .nx-tax-tabs{margin:0 19px 24px}.nx-tax-fields{padding:0 19px}.nx-tax-grid{grid-template-columns:1fr;gap:0}.nx-tax-wide{grid-column:auto}.nx-customer .nx-card-notice{margin:0 19px 20px}.nx-customer .ac-filter{padding:0 19px 20px}.nx-customer .nx-log-filter .ac-filter-grid{grid-template-columns:1fr}.nx-log-filter .ac-filter-grid .ac-button{grid-column:auto}.nx-customer .profile-part .account-card{padding:21px 18px;border-radius:15px}.nx-customer section.profile-part{padding-top:26px!important}.nx-customer .profile-part .table{min-width:490px}.nx-customer .profile-part .table th,.nx-customer .profile-part .table td{padding:12px}.nx-customer .single-banner{padding-top:26px!important;margin-bottom:18px}.nx-customer .single-banner h2{font-size:25px}.nx-customer .details-content{padding:23px 19px}.nx-customer .details-content .details-name{font-size:22px}.nx-customer .details-desc{font-size:12px}.nx-customer .bottom-paginate{gap:12px}.nx-customer .blog-widget{padding:22px}.nx-customer .contact-part .account-card{padding:24px 20px}.nx-customer .nx-settings-form .form-control,.nx-customer .nx-tax-fields .form-control{font-size:16px}.nx-standalone-auth .user-form-card{padding:26px 22px}.nx-customer .nx-standalone-auth{padding:30px 0}}
@media(prefers-reduced-motion:reduce){.nx-customer *{scroll-behavior:auto!important}.nx-customer :is(.nx-switch-track,.nx-switch-track:after,.ac-button){transition:none}}
/* Saved products use the same card rhythm as account and checkout screens. */
.nx-customer .nx-favorites-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px 20px;border-bottom:1px solid #e1e6e8;flex-wrap:wrap}
.nx-favorites-toolbar label{display:flex;align-items:center;gap:10px;font-size:11px;color:#6d7c86;line-height:1.6;margin:0}
.nx-favorites-toolbar select{font:inherit;min-height:36px;min-width:65px;padding:6px 28px 6px 10px;border:1px solid #e1e6e8;border-radius:8px;background:#fff;color:#6d7c86}
.nx-favorite-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 26px}
.nx-favorite-card{background:#fff;border:1px solid #e1e6e8;border-radius:14px;padding:22px;min-width:0}
.nx-favorite-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.nx-favorite-symbol{display:grid;place-items:center;width:39px;height:39px;background:#f7f7f4;border:1px solid #e1e6e8;border-radius:11px;color:#6d7c86}
.nx-customer .nx-icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#fbfcfa;color:#6d7c86;cursor:pointer;padding:8px}
.nx-customer .nx-icon-button svg{width:17px;height:17px}
.nx-customer .nx-icon-button:hover{background:#fbf0f5;color:#bf839f}
.nx-customer .nx-favorite-card h3{font-size:17px;line-height:1.6;letter-spacing:-.3px;min-height:54px;font-weight:600;margin:0 0 12px;color:#344b5a}
.nx-favorite-card h3 a{color:#344b5a}
.nx-favorite-stock{display:flex;align-items:center;gap:6px;font-size:10px;color:#6d7c86}
.nx-favorite-stock>span{width:5px;height:5px;border-radius:50%;background:#80a795}
.nx-favorite-unavailable{color:#6d7c86}
.nx-favorite-unavailable>span{background:#91a8b8}
.nx-favorite-price{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin:18px 0 22px;color:#365f7d;font-variant-numeric:tabular-nums}
.nx-favorite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nx-favorite-actions .ac-button{padding:10px;min-height:42px;font-size:11px}
.nx-customer .nx-favorite-saved{font-size:10px;color:#6d7c86;line-height:1.8;margin:15px 0 0}
.nx-customer .nx-challenge-page .user-form-card{border:1px solid #e1e6e8;border-radius:20px;padding:32px;background:#fff}
.nx-customer .nx-challenge-page .user-form-title{text-align:left;margin-bottom:24px}
.nx-customer .nx-challenge-page .user-form-title h2{font-size:25px;color:#344b5a;letter-spacing:-.5px;text-transform:none;line-height:1.5}
.nx-customer .nx-challenge-page .user-form-title p{font-size:12px;color:#6d7c86;line-height:1.8;margin-top:9px}
.nx-customer .nx-challenge-page .user-form-group{display:block}
.nx-customer .nx-challenge-page .form-button button{min-height:46px;border-radius:11px;background:#365f7d;color:#fff;font-size:13px;text-transform:none}
.nx-customer .nx-challenge-page input#code{font-size:20px;letter-spacing:8px;font-variant-numeric:tabular-nums;min-height:52px}
.nx-customer .nx-setting-copy p{color:#6d7c86}
.nx-customer[data-client-page="document-api"] #api_key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#6d7c86!important;font-size:12px;word-break:break-all}
.nx-customer[data-client-page="document-api"] .account-card{overflow:hidden}
.nx-customer[data-client-page="document-api"] :is(pre,.table-scroll){max-width:100%;overflow:auto}
.nx-customer[data-client-page="document-api"] .account-card .btn{border-radius:9px;font-size:11px;min-height:36px}
.nx-customer[data-client-page="document-api"] .btn-info{background:#f1f3f3;color:#6d7c86;border-color:#e1e6e8}
.nx-customer[data-client-page="document-api"] .btn-danger{background:#fcf1f5;color:#bb839f;border-color:#f1dce6}
.nx-customer[data-client-page="document-api"] .btn-primary{background:#365f7d;border-color:#365f7d}
.nx-customer[data-client-page="product-order"]>.inner-section{margin-bottom:24px!important}
.nx-customer[data-client-page="product-order"]>.inner-section:first-of-type{padding-top:36px}
.nx-customer[data-client-page="product-order"] .alert{padding:16px 20px;border-radius:12px;font-size:12px;line-height:1.9}
.nx-customer[data-client-page="product-order"] .details-meta .label-text{background:#f7f7f4;color:#6d7c86;border-radius:7px;padding:6px 10px;font-size:11px}
.nx-customer[data-client-page="product-order"] .details-meta .label-text.order{background:#f7f7f4;color:#6d7c86}
.nx-customer[data-client-page="product-order"] .details-name{font-size:21px;line-height:1.6;letter-spacing:-.4px;color:#6d7c86}
.nx-customer[data-client-page="product-order"] .details-name a{color:#6d7c86}
.nx-customer[data-client-page="product-order"]>.inner-section .btn{border-radius:10px;min-height:38px;font-size:11px;padding:9px 13px;line-height:1.5;box-shadow:none}
.nx-customer[data-client-page="product-order"] .btn-info{background:#f1f3f3;color:#6d7c86;border-color:#e1e6e8}
.nx-customer[data-client-page="product-order"] .btn-danger{background:#fcf1f5;color:#b97f9b;border-color:#f0dce5}
.nx-customer[data-client-page="product-order"] .btn-primary{background:#365f7d;border-color:#365f7d}
@media(max-width:700px){.nx-favorite-grid{grid-template-columns:1fr;padding:20px;gap:16px}.nx-customer .nx-favorites-toolbar{padding:0 20px 18px}.nx-favorite-card{padding:20px}.nx-customer .nx-favorite-card h3{min-height:0}.nx-customer .nx-challenge-page .user-form-card{padding:26px 22px}.nx-customer[data-client-page="product-order"] .text-right{display:flex;flex-wrap:wrap;gap:7px}.nx-customer[data-client-page="product-order"] .row>.col-6{width:100%}}
.nx-customer .nx-order-overview{padding:38px 0 0}
.nx-order-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.nx-customer .nx-danger-button{background:#fbf2f6;border-color:#f0dfe9;color:#b1869d;box-shadow:none;margin-left:auto}
.nx-customer .nx-danger-button:hover{background:#f8e8f0;color:#b86e91}
.nx-order-identity{padding:26px;margin:0 0 20px}
.nx-customer .nx-order-identity h2{font-size:22px;line-height:1.6;letter-spacing:-.3px;font-weight:600;margin:0 0 22px;color:#6d7c86}
.nx-order-identity h2 a{color:#6d7c86}
.nx-order-identity dl{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;margin:0}
.nx-order-identity dt{font-size:11px;font-weight:400;color:#6d7c86;margin-bottom:8px}
.nx-order-identity dd{font-size:16px;font-weight:550;color:#6d7c86;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere;line-height:1.7}
.nx-order-identity dl>div:last-child dd{font-size:12px;font-weight:400;color:#6d7c86}
.nx-order-note{padding-top:20px;margin-top:22px;border-top:1px solid #e1e6e8;color:#6d7c86;font-size:12px;line-height:1.9}
.nx-retention-panel{display:flex;gap:12px;align-items:flex-start;background:#fbf8ef;border:1px solid #eee3cd;border-radius:12px;padding:16px 20px;color:#b29d74;font-size:11px;line-height:1.8}
.nx-retention-panel>svg{height:18px;width:18px;flex-shrink:0;margin-top:2px}
.nx-retention-panel strong{font-size:12px;font-weight:550;color:#a88a4d}
.nx-retention-panel p{margin:4px 0 5px!important;color:#b19a70;font-size:11px}
.nx-retention-panel span{font-size:10px;color:#bba77f}
.nx-customer section.nx-order-data{padding-top:22px!important}
.nx-blog-heading{padding:38px 0 0}
.nx-blog-heading h1{font-size:28px;font-weight:650;color:#344b5a;line-height:1.4;letter-spacing:-.5px;margin:0 0 9px}
.nx-blog-heading p{font-size:13px;color:#6d7c86;line-height:1.8}
.nx-customer[data-client-page=blogs] .blog-grid{padding-top:28px!important}
.nx-customer[data-client-page=blog] .blog-details{border:1px solid #e1e6e8;background:#fff;border-radius:17px;padding:28px;font-size:13px;line-height:1.95;color:#6d7c86;overflow-wrap:anywhere}
.nx-customer[data-client-page=blog] .blog-details img{max-width:100%;height:auto;border-radius:12px}
@media(max-width:600px){.nx-customer .nx-order-overview{padding-top:26px}.nx-order-identity{padding:22px 19px}.nx-order-identity dl{grid-template-columns:1fr 1fr;gap:20px}.nx-order-identity dl>div:last-child{grid-column:1/-1}.nx-order-toolbar{gap:8px}.nx-order-toolbar .ac-button{font-size:11px;padding:10px 12px}.nx-customer .nx-danger-button{margin-left:0}.nx-retention-panel{padding:14px}.nx-customer .nx-order-identity h2{font-size:20px}.nx-blog-heading{padding-top:26px}.nx-blog-heading h1{font-size:25px}}
/* Avoid inherited table grid lines and keep form spacing consistent. */
.nx-customer .ac-ledger-table{border:0;border-collapse:collapse}
.nx-customer .ac-ledger-table :is(th,td){border:0;border-bottom:1px solid #e1e6e8}
.nx-customer .nx-tax-grid .nx-field{margin:0}
.nx-customer .nx-tax-fields{padding-bottom:26px}
.nx-customer .nx-product-placeholder{display:grid;place-items:center;width:48px;height:48px;color:#365f7d;flex-shrink:0}
.nx-customer .nx-product-placeholder>svg{width:100%;height:100%;stroke-width:1.5}
.nx-customer .store-product-image>.nx-product-placeholder,.nx-customer .skp-product-visual>.nx-product-placeholder{width:48px;height:48px}
.nx-customer .profile-part .switch{width:46px;height:28px;min-width:46px;flex-shrink:0}
.nx-customer .profile-part .switch .slider{box-shadow:none;border:1px solid #e1e6e8;background:#edf2f5}
.nx-customer .profile-part .switch .slider:before{width:20px;height:20px;bottom:3px;left:3px;box-shadow:0 1px 3px #344b5a15}
.nx-customer .profile-part .switch input:checked+.slider{background:#365f7d;border-color:#365f7d}
.nx-customer .profile-part .switch input:checked+.slider:before{transform:translateX(18px)}
.nx-customer .profile-part .box-product-main{background:#fff!important;border:1px solid #e1e6e8;border-radius:14px;box-shadow:none!important;padding:20px}
.nx-customer .profile-part .box-product-main .box-img-product{margin-right:12px}
.nx-customer .profile-part .box-product-main .box-img-product img{width:34px;height:34px;object-fit:contain}
.nx-customer .profile-part .box-product-main .box-text-style>div:first-child{color:#6d7c86!important;font-size:13px!important;font-weight:550!important;white-space:normal!important}
.nx-customer .profile-part .box-product-main .box-text-style>div:last-child{color:#6d7c86!important;font-size:11px!important;font-weight:400!important;white-space:normal!important;margin-top:4px}
.nx-customer .profile-part>.container>.row>.col-md-12 .btn-info{background:#f1f3f3;border-color:#e1e6e8;color:#6d7c86}
/* Grid children must be allowed to shrink around the horizontal account nav. */
.nx-customer .ac-layout>*{min-width:0}
.nx-customer .ac-sidebar,.nx-customer .ac-nav-links{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:991px){.nx-customer .ac-layout{grid-template-columns:minmax(0,1fr)}.nx-customer .ac-sidebar{width:100%}}
@media(max-width:991px){.nx-customer .ac-sidebar{display:flex;align-items:center;gap:8px;padding:10px}.nx-customer .ac-nav-links{flex:1;scrollbar-width:none;padding:0}.nx-customer .ac-nav-links::-webkit-scrollbar{display:none}.nx-customer .ac-sidebar .ac-logout{margin:0;padding:10px;min-width:40px;width:40px;flex:0 0 40px;min-height:40px;border:0;border-left:1px solid #e1e6e8;border-radius:0;justify-content:center}.nx-customer .ac-logout span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.nx-customer .oh-note-cell{position:relative}
.nx-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.nx-faq-list{display:grid;gap:14px;min-width:0}
.nx-faq-item{background:#fff;border:1px solid #e1e6e8;border-radius:15px;overflow:hidden}
.nx-faq-item summary{display:flex;gap:16px;align-items:center;padding:23px 24px;cursor:pointer;list-style:none}
.nx-faq-item summary::-webkit-details-marker{display:none}
.nx-faq-number{font-size:10px;font-variant-numeric:tabular-nums;color:#6d7c86}
.nx-customer .nx-faq-item h2{font-size:14px;line-height:1.7;font-weight:550;color:#6d7c86;margin:0;flex:1}
.nx-faq-toggle{color:#6d7c86}
.nx-faq-toggle svg{width:17px;height:17px;transition:transform .18s}
.nx-faq-item[open] .nx-faq-toggle svg{transform:rotate(45deg)}
.nx-customer .nx-faq-item p{padding:0 56px 23px;color:#6d7c86;font-size:12px;line-height:1.95;margin:0;max-width:75ch}
.nx-faq-help{padding:25px;position:sticky;top:20px}
.nx-customer .nx-faq-help h2{font-size:18px;line-height:1.5;font-weight:600;color:#6d7c86;margin:18px 0 10px}
.nx-customer .nx-faq-help p{font-size:12px;line-height:1.9;color:#6d7c86;margin:0 0 22px}
.nx-faq-help .ac-button{width:100%}
.nx-faq-custom{padding:28px;font-size:13px;line-height:1.95;color:#6d7c86}
.nx-customer .nx-faq-custom :is(h2,h3,h4){font-size:18px;color:#6d7c86;line-height:1.6;margin:22px 0 12px}
.nx-faq-custom p{margin-bottom:16px}
@media(max-width:800px){.nx-faq-layout{grid-template-columns:minmax(0,1fr)}.nx-faq-help{position:static}.nx-faq-item summary{padding:20px;gap:12px}.nx-customer .nx-faq-item p{padding:0 20px 22px 48px}.nx-customer .nx-faq-item h2{font-size:13px}}
.nx-customer .blog-widget-form{display:flex;align-items:center;gap:8px;position:static;background:transparent;border:0;padding:0}
.nx-customer .blog-widget-form input{flex:1;min-width:0;width:100%;height:44px;padding:11px 13px}
.nx-customer .blog-widget-form button{position:static!important;order:2;flex:0 0 40px;width:40px;height:44px;min-width:40px;display:grid;place-items:center;border:0;padding:10px}
.nx-customer .blog-widget-title:after{display:none}
.nx-customer .profile-part .home-heading{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.nx-customer .profile-part .home-heading h3{background:transparent!important;box-shadow:none!important;color:#344b5a!important;padding:0!important;border:0!important;font-size:23px!important;text-shadow:none!important}
.nx-customer[data-client-page=document-api] .input-group{min-width:0;align-items:stretch;flex-wrap:nowrap}
.nx-customer[data-client-page=document-api] .input-group .form-control{min-width:0;font-size:11px}
.nx-customer[data-client-page=document-api] .input-group-text{background:#f7f7f4;border:1px solid #e1e6e8;border-radius:10px 0 0 10px;color:#6d7c86;font-size:11px;font-weight:500;min-width:49px;justify-content:center}
.nx-customer[data-client-page=document-api] .input-group .btn{border-radius:0 10px 10px 0;min-width:66px;font-size:11px}
.nx-customer .modal-close svg{width:18px;height:18px}
.nx-customer .ac-heading-mark svg{width:20px;height:20px}
.nx-customer[data-client-page=document-api] .col-form-label{font-size:13px!important;font-weight:500!important;color:#6d7c86;line-height:1.8}
.nx-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}
.nx-blog-results{min-width:0}
.nx-blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:0 0 20px;border-bottom:1px solid #e1e6e8}
.nx-blog-toolbar label{display:flex;gap:10px;align-items:center;font-size:11px;color:#6d7c86;margin:0}
.nx-blog-toolbar select{font:inherit;min-height:36px;padding:7px 28px 7px 10px;border:1px solid #e1e6e8;border-radius:8px;background:#fff;color:#6d7c86}
.nx-blog-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.nx-blog-cards .blog-card{margin:0}
.nx-blog-date{font-size:10px;line-height:1.8;color:#6d7c86;display:block;margin-bottom:9px}
.nx-blog-help .nx-setting-icon{margin-bottom:18px}
.nx-customer .nx-blog-help h2{font-size:16px;line-height:1.6;color:#6d7c86;margin:0 0 10px;font-weight:550}
.nx-customer .nx-blog-help p{font-size:12px;line-height:1.85;color:#6d7c86;margin:0 0 18px}
.nx-blog-link-list{margin:0;padding:0;list-style:none;display:grid}
.nx-blog-link-list li+li{border-top:1px solid #e1e6e8}
.nx-blog-link-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:12px;line-height:1.7;color:#6d7c86}
.nx-blog-link-list svg{height:13px;width:13px;flex-shrink:0;color:#91a8b8}
.nx-blog-link-list li:first-child a{padding-top:0}
.nx-blog-link-list li:last-child a{padding-bottom:0}
@media(max-width:900px){.nx-blog-layout{grid-template-columns:minmax(0,1fr)}.nx-blog-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nx-blog-sidebar .blog-widget{margin:0}}
@media(max-width:600px){.nx-blog-cards,.nx-blog-sidebar{grid-template-columns:minmax(0,1fr)}.nx-blog-toolbar{margin-bottom:20px}.nx-blog-toolbar label{font-size:10px}.nx-blog-toolbar select{font-size:11px}}


/* public/client/css/mobile-navigation.css */
/* Mobile navigation: shared token, icon and focus treatment. */
.nx-customer{--mn-font:Manrope,"Segoe UI",Arial,sans-serif;--mn-purple:#365f7d;--mn-ink:#192c38;--mn-muted:#6d7c86;--mn-line:#e1e6e8}
.nx-customer .nx-mobilebar{display:none}
.nx-customer .nx-drawer{position:fixed;inset:0 auto 0 0;width:min(360px,calc(100vw - 28px));height:100vh;height:100dvh;max-height:none;padding:0;display:flex;flex-direction:column;z-index:81;background:#fff;border:0;border-radius:0 24px 24px 0;box-shadow:16px 0 60px #192c381f;transform:translateX(-110%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s;overflow:hidden}
.nx-customer .nx-drawer.active{transform:translateX(0);visibility:visible;pointer-events:auto}
.nx-customer .nx-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:26px 22px 20px;border-bottom:1px solid var(--mn-line);background:#fff}
.nx-drawer-eyebrow{display:block;margin-bottom:6px;font-size:10px;font-weight:650;color:#6d7c86;letter-spacing:1.5px}
.nx-customer .nx-drawer-heading h2{margin:0;font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.7px;color:var(--mn-ink)}
.nx-customer .nx-drawer-close{position:static;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;transform:none;background:#f7f7f4;color:#6d7c86;border:0;border-radius:12px;padding:0}
.nx-customer .nx-drawer svg{width:21px;height:21px;flex-shrink:0}
.nx-customer .nx-drawer :is(button,a){-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s}
.nx-customer .nx-drawer :is(button,a):focus-visible,.nx-mobilebar-item:focus-visible{outline:3px solid #91a8b8;outline-offset:2px}
.nx-customer .nx-drawer-scroll{padding:22px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#edf2f5 transparent}
.nx-menu-account{display:flex;align-items:center;gap:12px;padding:0 4px 20px;color:var(--mn-ink)}.nx-menu-avatar{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:15px;background:#f1f3f3;color:#365f7d;font-size:19px;font-weight:650}
.nx-menu-account>span:nth-child(2){flex:1;min-width:0}.nx-menu-account strong{display:block;overflow-wrap:anywhere;font-size:15px;font-weight:650;line-height:1.5}.nx-menu-account small{display:block;font-size:11px;color:var(--mn-muted);margin-top:2px}.nx-menu-account>svg{width:16px!important;color:#91a8b8}
.nx-menu-wallet{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f7f7f4;border:1px solid #e1e6e8;border-radius:16px;padding:17px 18px;margin-bottom:26px}.nx-menu-wallet span{display:block;color:#6d7c86;font-size:11px;margin-bottom:5px}.nx-menu-wallet strong{display:block;font-size:26px;line-height:1.2;color:#29495f;letter-spacing:-.7px;font-weight:650;font-variant-numeric:tabular-nums}.nx-menu-wallet button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:#365f7d;color:#fff}
.nx-menu-section{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--mn-line)}.nx-menu-section h3{font-size:11px;color:#6d7c86;font-weight:600;margin:0 0 10px;padding:0 12px;letter-spacing:.35px}
.nx-customer .nx-menu-link{display:flex;align-items:center;gap:13px;min-height:46px;padding:11px 12px;margin:3px 0;border:0;border-radius:11px;font-size:14px;color:#344b5a;font-weight:500;line-height:1.55}.nx-menu-link>span{flex:1;min-width:0}.nx-menu-link>svg:first-child{width:19px;color:#91a8b8}.nx-menu-link>svg:last-child{width:14px;color:#91a8b8}.nx-customer .nx-menu-link[aria-current=page]{background:#edf2f5;color:#29495f;font-weight:600}.nx-customer .nx-menu-link:hover{background:#f7f7f4;color:#29495f}.nx-menu-link[aria-current=page]>svg{color:#365f7d}
.nx-menu-logout{display:flex;align-items:center;gap:13px;padding:12px;font-size:13px;color:#aa7489}.nx-menu-welcome{text-align:center;padding:0 8px 24px;margin-bottom:22px;border-bottom:1px solid var(--mn-line)}.nx-menu-welcome .nx-menu-avatar{margin:0 auto 14px}.nx-menu-welcome h3{font-size:17px;color:var(--mn-ink);font-weight:600;margin:0 0 8px}.nx-menu-welcome p{font-size:12px;line-height:1.7;color:var(--mn-muted);margin:0 0 16px}.nx-menu-login{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;background:#365f7d;color:#fff!important;border-radius:11px;font-size:13px;font-weight:600}.nx-menu-signup{display:inline-block;margin-top:12px;font-size:12px;color:#365f7d}
.nx-customer button.nx-menu-link{width:100%;text-align:left;font-family:inherit;background:transparent;cursor:pointer}.nx-customer .nx-menu-link:is([aria-expanded=true],.nx-menu-current){background:#edf2f5;color:#29495f;font-weight:600}.nx-menu-link[data-mobile-toggle]>svg:last-child{transition:transform .18s}.nx-menu-link[data-mobile-toggle][aria-expanded=true]>svg:last-child{transform:rotate(90deg);color:#365f7d}.nx-menu-submenu{margin:6px 12px 14px 21px;padding:0 0 0 22px;border-left:1px solid #e1e6e8}.nx-menu-submenu[hidden]{display:none!important}.nx-customer .nx-menu-submenu>a{display:block;padding:11px 10px;font-size:13px;line-height:1.55;color:#6d7c86;border-radius:8px;text-decoration:none}.nx-customer .nx-menu-submenu>a:hover{background:#f7f7f4;color:#29495f}.nx-menu-subheading{padding:15px 10px 5px;font-size:11px;font-weight:600;color:#6d7c86;letter-spacing:.3px}
.nx-customer .nx-drawer>.category-list{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(22px + env(safe-area-inset-bottom))}
.nx-customer .nx-drawer .category-item{margin:0 0 8px;border:0;list-style:none}.nx-customer .nx-drawer .category-link{position:relative;gap:12px;min-height:54px;padding:13px 15px;border:1px solid #e1e6e8;border-radius:13px;background:#fbfcfa;color:#344b5a;font-size:14px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}
.nx-customer .nx-drawer .category-link>img{width:29px;height:29px;object-fit:contain;flex-shrink:0;margin:0!important;border-radius:7px}.nx-customer .nx-drawer .category-link>svg{width:21px;color:#365f7d}.nx-customer .nx-drawer .category-link:not(.dropdown-link)::after{content:'';width:7px;height:7px;border:solid #91a8b8;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin-left:auto;flex-shrink:0}.nx-customer .nx-drawer .category-link:hover{background:#f7f7f4;border-color:#e1e6e8}.nx-customer .nx-drawer .dropdown-list{margin:5px 0 12px 14px;padding-left:14px;border-left:1px solid #e1e6e8}.nx-customer .nx-drawer .dropdown-list li{margin:0}.nx-customer .nx-drawer .dropdown-list a{padding:11px 12px;border:0;font-size:13px;color:#6d7c86;line-height:1.55}
.nx-customer .cart-sidebar.nx-drawer{inset:auto 12px calc(12px + env(safe-area-inset-bottom));width:auto;height:auto;max-height:86vh;max-height:86dvh;border-radius:24px;transform:translateY(calc(100% + 50px));box-shadow:0 -12px 60px #192c3824;max-width:480px;margin:0 auto}.nx-customer .cart-sidebar.nx-drawer.active{transform:translateY(0)}.nx-customer .cart-sidebar .nx-drawer-heading{padding:24px 22px 18px}.nx-customer .cart-sidebar .nx-drawer-heading h2{font-size:21px}.nx-drawer-heading p{font-size:12px;color:var(--mn-muted);margin:6px 0 0}.nx-customer .cart-sidebar.nx-drawer>.category-list{max-height:65vh;max-height:65dvh;padding-bottom:18px}
.nx-customer.nx-mobile-overlay-open .backdrop{display:block!important;opacity:1!important;z-index:80;background:#192c3866;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.nx-customer.nx-mobile-overlay-open :is(.nx-mobilebar,.backtop){opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:991px){
 .nx-customer{padding-bottom:calc(94px + env(safe-area-inset-bottom));scroll-padding-bottom:100px}
 .nx-customer .nx-mobilebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;z-index:70;gap:2px;min-height:67px;padding:6px;border:1px solid #e1e6e8;border-radius:20px;background:#fffffff5;box-shadow:0 5px 30px #29495f17,0 1px 3px #29495f08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 .nx-customer .nx-mobilebar>.nx-mobilebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;width:auto;padding:3px 0;border:0;border-radius:13px;background:transparent;color:#6d7c86;text-decoration:none;text-shadow:none;font-weight:500;line-height:1;cursor:pointer}
 .nx-customer .nx-mobilebar-icon{display:grid;place-items:center;width:39px;height:29px;padding:3px;border-radius:10px;color:inherit;background:transparent;transition:background .18s,color .18s}
 .nx-mobilebar-icon svg{width:21px;height:21px;stroke-width:1.65}.nx-customer .nx-mobilebar .nx-mobilebar-label{font-size:10px;line-height:1.4;font-weight:500;text-transform:none;color:inherit;letter-spacing:0;white-space:nowrap}
 .nx-customer .nx-mobilebar-item:is([aria-current=page],[aria-expanded=true],.nx-current){color:#29495f}.nx-customer .nx-mobilebar-item:is([aria-current=page],[aria-expanded=true],.nx-current) .nx-mobilebar-icon{background:#edf2f5}.nx-customer .nx-mobilebar-item:is([aria-current=page],[aria-expanded=true],.nx-current) .nx-mobilebar-label{font-weight:650}
 .nx-customer .nx-mobilebar-item:active .nx-mobilebar-icon{background:#f1f3f3;transform:scale(.96)}.nx-customer .nx-mobilebar-item:hover{background:transparent;color:#29495f}
 .nx-customer .backtop{right:18px;bottom:calc(91px + env(safe-area-inset-bottom));width:33px;height:33px;line-height:33px;border-radius:11px;background:#fff;color:#365f7d;border:1px solid #e1e6e8;box-shadow:0 3px 12px #29495f10;font-size:11px}
 .nx-customer .header-media-group>.header-user{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f7f7f4}.nx-customer .header-media-group>.header-user>svg{height:21px;width:21px}
}
@media(max-width:350px){.nx-customer .nx-mobilebar{left:8px;right:8px;padding:5px 3px}.nx-customer .nx-mobilebar .nx-mobilebar-label{font-size:9px}.nx-customer .nx-drawer-heading{padding-left:18px;padding-right:18px}.nx-customer .nx-drawer-scroll{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.nx-customer .nx-drawer,.nx-customer .nx-mobilebar-icon,.nx-customer .nx-drawer :is(a,button){transition:none}}
.nx-customer .nx-menu-submenu>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 9px}.nx-submenu-icon{display:inline-grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f7f7f4;color:#365f7d}.nx-customer .nx-drawer .nx-submenu-icon>svg{width:17px;height:17px;stroke-width:1.65}.nx-submenu-brand{background:#f7f7f4}.nx-submenu-icon>img{display:block;width:18px;height:18px;object-fit:contain}.nx-menu-submenu>a>span:last-child{min-width:0;overflow-wrap:anywhere}.nx-menu-subheading{display:flex;align-items:center;gap:8px;padding:14px 9px 5px}.nx-menu-subheading .nx-submenu-icon{background:transparent;color:#6d7c86;flex-basis:19px;width:19px;height:21px}.nx-menu-subheading .nx-submenu-icon>img{width:15px;height:15px}.nx-customer .nx-drawer .nx-menu-subheading .nx-submenu-icon>svg{width:14px;height:14px}

/* Clearer navigation typography, with native Chinese fallbacks. */
.nx-customer :is(.nx-drawer,.nx-mobilebar){font-family:var(--mn-font);font-optical-sizing:auto;letter-spacing:0}
.nx-customer .nx-drawer :is(a,button,input){font-family:inherit}
.nx-customer .nx-drawer-heading h2{font-family:inherit;font-size:24px;font-weight:700;letter-spacing:-.65px}
.nx-customer .nx-menu-welcome h3{font-family:inherit;font-size:18px;font-weight:700;letter-spacing:-.3px}
.nx-customer .nx-menu-welcome p{font-size:13px;line-height:1.65;color:#6d7c86}
.nx-customer .nx-menu-submenu>a{font-weight:500}
.nx-customer .nx-menu-account strong{font-weight:700}.nx-customer .nx-menu-wallet strong{font-weight:700}
.nx-customer .nx-menu-link:is([aria-current=page],[aria-expanded=true],.nx-menu-current){font-weight:600}
.nx-customer .nx-mobilebar .nx-mobilebar-label{font-weight:600;letter-spacing:0;line-height:1.45}
html[lang="zh-CN"] .nx-customer :is(.nx-drawer,.nx-mobilebar){font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}


/* public/client/css/linkedinshop-brand.css */
/* LinkedinShop: slate blue, warm neutrals, restrained animated identity. */
:root,body.nx-customer{
 --primary:#365f7d;--primary1:#29495f;--green:#365f7d;--green-dark:#29495f;--green-chalk:#edf2f5;
 --body:#f7f7f4;--border:#e1e6e8;--heading:#192c38;--text:#4e606b;
 --sk-ink:#192c38;--sk-muted:#6d7c86;--sk-green:#365f7d;--sk-green-deep:#29495f;
 --sk-border:#e1e6e8;--sk-background:#f7f7f4;--sk-luna-blue:#365f7d;--sk-luna-ink:#192c38;
 --store-green:#365f7d;--store-green-dark:#29495f;--store-line:#e1e6e8;--store-bg:#f7f7f4;--store-ink:#192c38;
 --nx-ink:#192c38;--nx-muted:#6d7c86;--nx-line:#e1e6e8;--nx-soft:#f1f3f3;--nx-accent:#365f7d;
 --mn-purple:#365f7d;--mn-ink:#192c38;--mn-muted:#6d7c86;--mn-line:#e1e6e8;
 --bs-primary:#365f7d;--bs-primary-rgb:54,95,125;
 --pfamily:Manrope,"Segoe UI",Arial,sans-serif;
}
body.nx-customer{background:#f7f7f4;color:#192c38;accent-color:#365f7d;font-family:var(--pfamily)!important}
.nx-customer .header-top{background:#eff1ef!important;border-bottom:1px solid #e3e7e5}
.nx-customer .header-top :is(.current,i,.header-top-list a){color:#4e606b!important}
.nx-customer .header-top-list li+li{border-color:#d8dfdf}
.nx-customer .header-part{background:#fff;border-bottom-color:#e7e9e5;box-shadow:0 3px 16px #192c3803}
.nx-customer .header-form{background:#f4f5f3;border:1px solid #e8ebe7}
.nx-customer .header-form:focus-within{border-color:#8da8bb;box-shadow:0 0 0 3px #365f7d12}
.nx-customer :is(.header-logo,.header-media-group>a){line-height:0}
.nx-customer .header-logo img{width:215px;height:46px;max-width:100%;max-height:46px;object-fit:contain}
.nx-customer .header-media-group>a img{width:205px;height:45px;max-height:45px;object-fit:contain}
.nx-customer .header-widget i{background:#f1f4f4;color:#536b7b}
.nx-customer .header-widget:hover i{background:#e5edf1;color:#29495f}
.nx-customer .skp-promotion-stage{border:1px solid #e0e6e5;box-shadow:none}
.nx-customer .skp-promotion{background:#edf0ee;border-color:#e0e6e5}
.nx-customer .skp-promotion:before,.nx-customer .skp-promotion:after{display:none}
.nx-customer .skp-promotion-copy :is(h1,h2){color:#192c38;font-weight:700;letter-spacing:-1.8px}
.nx-customer .skp-promotion-copy :is(h1,h2) em{color:#365f7d}
.nx-customer .skp-promotion-copy>span{color:#6d7c86;font-size:9px;letter-spacing:2px;font-weight:600}
.nx-customer .skp-promotion-copy>a{background:#365f7d;color:#fff;box-shadow:none;border-radius:10px;min-height:46px}
.nx-customer .skp-promotion-copy>a:hover{background:#29495f;box-shadow:0 4px 12px #192c3810}
.nx-customer .skp-promotion-wallet{background:#e9eff1}
.nx-customer .skp-promotion-discover{background:#eff1ed}
.nx-customer .skp-app-tile{border:1px solid #e5e9e6;border-radius:18px;box-shadow:0 12px 25px #192c380d}
.nx-customer .skp-slider-arrow{background:#fff;color:#365f7d;box-shadow:0 2px 8px #192c3808}
.nx-customer .skp-slider-dots button{background:#b7c4c8}
.nx-customer .skp-slider-dots button.is-active{background:#365f7d}
.nx-customer .skp-mini-banner{background:#fff;border:1px solid #e1e6e8;color:#192c38;border-radius:12px;transition:border-color .2s,box-shadow .2s}
.nx-customer .skp-mini-banner:after{display:none}
.nx-customer .skp-mini-banner small{color:#6d7c86;opacity:1;letter-spacing:.8px}
.nx-customer .skp-mini-banner strong{color:#192c38;font-weight:650}
.nx-customer .skp-mini-banner b{color:#365f7d}
.nx-customer .skp-mini-banner img{box-shadow:none;background:#f5f7f6;border-radius:10px;transform:rotate(0)}
.nx-customer .skp-mini-symbol{color:#8ba2b2;font-size:35px;transform:rotate(0)}
.nx-customer .skp-mini-banner:hover{filter:none;color:#192c38;border-color:#a6bac7;box-shadow:0 5px 14px #192c3808}
.nx-customer .store-auth-page{background:#f7f7f4}
.nx-customer :is(.store-auth-kicker,.nx-drawer-close,.nx-menu-avatar){background:#edf2f5;color:#365f7d}
.nx-customer :is(.form-button button,.ac-button-primary,.nx-checkout-pay){background:#365f7d}
.nx-customer :is(.form-button button,.ac-button-primary,.nx-checkout-pay):hover{background:#29495f}
.nx-customer .lk-footer{background:#eff1ed!important;border-top:1px solid #e1e6e1;color:#4e606b}
.nx-customer .lk-footer-logo img{filter:none!important;width:215px;height:46px;max-height:46px;object-fit:contain}
.nx-customer .user-form-logo img{width:240px;height:50px;max-width:100%;object-fit:contain}
.nx-customer .lk-footer :is(h3,strong){color:#192c38}
.nx-customer .lk-footer :is(p,.lk-footer-links a,.lk-footer-contact-row){color:#4e606b}
.nx-customer .lk-footer a:hover{color:#365f7d}
.nx-customer .lk-footer-support-button{background:#365f7d;color:#fff}
.nx-customer .lk-footer-support-button:hover{background:#29495f;color:#fff}
.nx-customer .lk-footer-bottom{border-color:#dfe4df;color:#6d7c86}
@media(max-width:575px){.nx-customer .header-media-group>a img{width:185px;height:40px;max-height:40px}.nx-customer .skp-promotion-copy :is(h1,h2){letter-spacing:-1px}.nx-customer .skp-mini-banner strong{font-size:15px}}


/* public/client/css/typography-polish.css */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/dm-sans/dm-sans-variable.woff2?v=1') format('woff2');}
/* Customer typography: readable text, restrained weights, native CJK fallbacks. */
html body.nx-customer {
  --pfamily: 'DM Sans', 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', Arial, sans-serif;
  --mn-font: var(--pfamily);
  font-family: var(--pfamily) !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.nx-customer :is(h1, h2, h3, h4, h5, h6, input, select, textarea, button) {
  font-family: var(--pfamily);
}
body.nx-customer :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 600;
  text-wrap: balance;
}
body.nx-customer :is(input, select, textarea) { font-size: 14px; }
body.nx-customer :is(button, .btn, .form-btn) { font-weight: 600; }

/* Header and navigation retain their existing proportions. */
body.nx-customer .header-top-list a,
body.nx-customer .header-top-select .nice-select { font-size: 13px; font-weight: 500; }
body.nx-customer .header-form input { font-size: 14px; }
body.nx-customer .header-widget span { font-size: 14px; font-weight: 600; }
body.nx-customer .header-widget sup { font-size: 11px; font-weight: 600; }
body.nx-customer .navbar-link { font-size: 14px; font-weight: 600; letter-spacing: 0; }
body.nx-customer .navbar-info small { font-size: 11px; font-weight: 500; letter-spacing: .15px; }
body.nx-customer .navbar-info span { font-size: 13px; font-weight: 600; }
body.nx-customer :is(.dropdown-link, .megamenu-list a, .category-link) { font-size: 14px; font-weight: 500; }
body.nx-customer :is(.nx-menu-link, .nx-menu-login, .nx-menu-signup, .nx-menu-logout) { font-size: 14px; font-weight: 600; }
body.nx-customer :is(.nx-drawer-eyebrow, .nx-menu-subheading, .nx-mobilebar-label) { font-size: 11px; font-weight: 600; }

/* Hero, announcements and product discovery. */
body.nx-customer :is(.skp-promotion h1, .skp-promotion h2, .storefront-hero h1) {
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.16;
}
body.nx-customer :is(.skp-promotion-copy > span, .storefront-eyebrow) {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body.nx-customer :is(.storefront-hero-copy > p, .storefront-slide-primary .storefront-hero-copy > p) {
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
}
body.nx-customer :is(.skp-promotion-copy > a, .storefront-cta, .storefront-hero-search button) { font-size: 14px; font-weight: 600; }
body.nx-customer :is(.skp-promotion-copy small, .storefront-hero-links, .storefront-assurance) { font-size: 12px; line-height: 1.65; }
body.nx-customer .storefront-hero-search input { font-size: 14px; }
body.nx-customer .skp-mini-banner small { font-size: 11px; font-weight: 500; letter-spacing: .04em; opacity: .85; }
body.nx-customer .skp-mini-banner strong { font-size: 19px; font-weight: 600; line-height: 1.4; }
body.nx-customer .skp-mini-banner b { font-size: 12px; font-weight: 500; line-height: 1.5; }
body.nx-customer .skp-mini-banner > span { display: flex; flex: 1; flex-direction: column; min-width: 0; align-self: stretch; }
body.nx-customer .skp-mini-banner small { min-height: 2.8em; line-height: 1.4; }
body.nx-customer .skp-mini-banner b { margin-top: auto; padding-top: 3px; }
body.nx-customer .skp-mini-banner > img, body.nx-customer .skp-mini-symbol { flex-shrink: 0; align-self: center; }
body.nx-customer .skp-announcement p { font-size: 14px; line-height: 1.75; }
body.nx-customer .skp-announcement strong { font-weight: 600; }
body.nx-customer .skp-category-tabs button { font-size: 13px; font-weight: 500; }
body.nx-customer .skp-category-tabs button.is-active { font-weight: 600; }
body.nx-customer :is(.skp-category span, .store-category-card strong) { font-size: 13px; font-weight: 600; line-height: 1.5; }
body.nx-customer :is(.skp-section-heading h2, .home-heading h3) { font-size: 23px; font-weight: 600; letter-spacing: -.025em; }
body.nx-customer :is(.skp-section-heading p, .skp-empty p, .skp-recent-grid a) { font-size: 14px; line-height: 1.7; }
body.nx-customer :is(.skp-section-heading > a, .skp-empty a) { font-size: 13px; font-weight: 600; }
body.nx-customer .skp-product-name { font-size: 14px; font-weight: 600; line-height: 1.6; }
body.nx-customer .skp-price { font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
body.nx-customer .skp-product-meta { font-size: 12px; line-height: 1.6; }
body.nx-customer .skp-sale { font-size: 11px; font-weight: 600; }
body.nx-customer .store-product-title { font-size: 14px; font-weight: 600; line-height: 1.6; }
body.nx-customer .store-product-content p { font-size: 13px; line-height: 1.7; }
body.nx-customer :is(.store-catalog-sidebar h2, .store-catalog-category) { font-size: 14px; font-weight: 600; }
body.nx-customer :is(.store-catalog-search input, .store-catalog-sort select) { font-size: 14px; }
body.nx-customer :is(.store-catalog-sort, .store-catalog-count) { font-size: 13px; }
body.nx-customer :is(.store-catalog-toolbar button, .store-catalog-reset) { font-size: 13px; font-weight: 600; }
body.nx-customer .details-content .details-name { font-weight: 600; letter-spacing: -.025em; }
body.nx-customer .details-desc { font-size: 14px; line-height: 1.85; }
body.nx-customer :is(.details-add-group .btn, .btn-buy) { font-size: 14px; font-weight: 600; }
body.nx-customer .details-meta .label-text { font-size: 11px; }

/* Authentication and customer forms. */
body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .user-form-title h2 { font-weight: 600; letter-spacing: -.025em; }
body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .user-form-title p { font-size: 14px; line-height: 1.75; }
body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .user-form label { font-size: 13px; font-weight: 500; }
body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .user-form .form-control { font-size: 14px; }
body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .form-button button { font-size: 14px; font-weight: 600; }
body.nx-customer :is(.user-form-remind, .user-form-remind p, .user-form-footer, .agree-terms-copy) { font-size: 13px; line-height: 1.75; }
body.nx-customer :is(.form-label, .nx-field-label, .nx-field > label, .nx-setting-copy label) { font-size: 13px; font-weight: 500; }
body.nx-customer :is(.profile-part, .contact-part, .nx-settings-form, .nx-tax-fields) :is(.form-control, .form-select) { font-size: 14px; }
body.nx-customer :is(.profile-part, .contact-part) :is(.form-btn, .shop-widget-btn) { font-size: 14px; font-weight: 600; }

/* Account summaries and dense record tables. */
body.nx-customer :is(.ac-page-heading h1, .oh-heading h1, .single-banner h2) { font-weight: 600; letter-spacing: -.025em; }
body.nx-customer :is(.ac-page-heading p, .oh-heading p, .ac-empty p, .oh-empty p, .nx-setting-copy p) { font-size: 14px; line-height: 1.75; }
body.nx-customer .ac-card-heading h2 { font-size: 18px; font-weight: 600; }
body.nx-customer .ac-card-heading p { font-size: 13px; line-height: 1.7; }
body.nx-customer :is(.ac-button, .ac-topup, .oh-button, .oh-bulk-actions .oh-button, .nx-tax-tabs .nav-link) { font-size: 13px; font-weight: 600; }
body.nx-customer .ac-sidebar .ac-nav-link { font-size: 14px; font-weight: 500; }
body.nx-customer :is(.ac-eyebrow, .ac-sidebar .ac-nav-label, .ac-balance-label, .ac-profile-fields dt, .ac-filter label, .oh-filter label) { font-size: 12px; font-weight: 500; }
body.nx-customer :is(.ac-profile-fields dd, .ac-filter input, .oh-filter input) { font-size: 14px; }
body.nx-customer :is(.ac-ledger-table, .oh-table, .profile-part .table) { font-variant-numeric: tabular-nums; }
body.nx-customer :is(.ac-ledger-table, .oh-table, .profile-part .table) th { font-size: 12px; font-weight: 600; line-height: 1.6; }
body.nx-customer :is(.ac-ledger-table, .oh-table, .profile-part .table) td { font-size: 13px; line-height: 1.65; }
body.nx-customer :is(.ac-transaction-description strong, .oh-product-name, .nx-log-action strong) { font-size: 13px; font-weight: 600; }
body.nx-customer :is(.ac-transaction-description div > span, .oh-order-ref, .oh-product-quantity, .oh-time-cell time, .oh-payment-cell > span, .oh-expiry, .oh-note-status, .oh-refunded) { font-size: 11px; line-height: 1.6; }
body.nx-customer :is(.oh-note, .ac-filter-bottom label, .ac-filter-bottom select, .oh-select-controls label, .oh-select-controls select) { font-size: 12px; }
body.nx-customer :is(.ac-record-count, .ac-pagination p, .ac-pagination nav > *, .oh-pagination p, .oh-pagination nav > *, .page-info, .single-banner .breadcrumb) { font-size: 12px; }
body.nx-customer :is(.ac-wallet-stats > div > div > span, .nx-field-help, .nx-security-note p, .nx-card-actions > span, .nx-card-notice, .ac-device p) { font-size: 12px; line-height: 1.75; }
body.nx-customer :is(.oh-retention strong, .oh-summary span) { font-size: 13px; font-weight: 500; }
body.nx-customer :is(.oh-retention p, .oh-summary p, .oh-bulk-actions > span) { font-size: 12px; line-height: 1.7; }

/* Purchase dialogs, product previews and policy content. */
body.nx-customer :is(.modal-title, .pv-title, .nx-checkout-header h2) { font-weight: 600; letter-spacing: -.02em; }
body.nx-customer :is(.nx-product-description, .policy-intro, .policy-document section > p, .blog-desc) { font-size: 14px; line-height: 1.85; }
body.nx-customer :is(.nx-checkout label, .nx-section-label, .nx-coupon-label, .nx-volume-deals, .nx-stock-line, .nx-sold, .nx-wallet div span) { font-size: 12px; line-height: 1.7; }
body.nx-customer :is(.nx-checkout-kicker, .pv-badge, .pv-selected-badge, .policy-modal-header span, .policy-effective, .blog-meta) { font-size: 11px; font-weight: 500; }
body.nx-customer :is(.nx-primary, .nx-secondary, .pv-btn-login, .pv-btn-pay, .policy-modal-actions button) { font-size: 14px; font-weight: 600; }
body.nx-customer :is(.nx-payment-note, .nx-coupon-hint, .nx-field-error, .nx-checkout-error, .nx-receipt-note, .nx-receipt-id, .policy-payment p, .nx-linkedin-rules li) { font-size: 13px; line-height: 1.75; }
body.nx-customer :is(.nx-unit-price, .nx-totals, .pv-payment-title, .policy-section-nav a, .policy-support-link) { font-size: 13px; }
body.nx-customer :is(.pv-coupon-input, .nx-coupon input) { font-size: 14px; }
body.nx-customer :is(.support-community-card p, .telegram-contact-intro, .support-admins > p) { font-size: 14px; line-height: 1.75; }
body.nx-customer :is(.support-community-card > div > span, .telegram-support-card span) { font-size: 12px; }
body.nx-customer :is(.support-community-card > a, .telegram-support-card > a) { font-size: 13px; font-weight: 600; }

@media (max-width: 767px) {
  body.nx-customer .skp-mini-banner strong { font-size: 17px; }
  body.nx-customer :is(.skp-mini-banner small, .skp-mini-banner b) { font-size: 11px; }
  body.nx-customer :is(.skp-section-heading h2, .home-heading h3) { font-size: 21px; }
  body.nx-customer .skp-section-heading > a { font-size: 12px; }
  body.nx-customer .skp-product-meta { font-size: 11px; }
  body.nx-customer .skp-price { font-size: 16px; }
  body.nx-customer :is(.store-auth-main, .nx-standalone-auth) .user-form .form-control,
  body.nx-customer :is(.profile-part, .contact-part, .nx-settings-form, .nx-tax-fields) :is(.form-control, .form-select) { font-size: 16px; }
}


/* public/client/css/footer-polish.css */
/* Footer uses its own component classes to avoid legacy theme overrides. */
body.nx-customer .lsf-footer{margin-top:58px;padding:0;background:#f1f3f0;border-top:1px solid #e0e5e2;color:#4e606b;text-align:left}
.lsf-footer .lsf-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,1fr);gap:64px;padding:48px 0 40px;align-items:start}
.lsf-footer .lsf-brand,.lsf-footer .lsf-links,.lsf-footer .lsf-support{min-width:0}
.lsf-footer .lsf-logo{display:inline-flex;align-items:center;margin:0 0 17px;line-height:0}
.lsf-footer .lsf-logo img{width:215px;height:45px;max-width:100%;object-fit:contain;filter:none}
.lsf-footer .lsf-brand>p{max-width:34ch;font-size:14px;line-height:1.8;color:#61717b;margin:0 0 22px;font-weight:400}
.lsf-footer .lsf-payment{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}
.lsf-footer .lsf-payment>span,.lsf-footer .lsf-payment>a{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.6;color:#526875}
.lsf-footer .lsf-payment>a{padding-left:16px;border-left:1px solid #d8e0dd;color:#365f7d}
.lsf-footer .lsf-payment svg{width:16px;height:16px;flex-shrink:0}
.lsf-footer :is(.lsf-links h3,.lsf-support h3){margin:9px 0 20px;padding:0;border:0;color:#243b49;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.15px;text-transform:none}
.lsf-footer .lsf-links ul{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.lsf-footer .lsf-links li{margin:0;padding:0;line-height:1.6}
.lsf-footer .lsf-links a{font-size:14px;line-height:1.6;color:#526775;font-weight:400;text-decoration:none;transition:color .18s}
.lsf-footer .lsf-links a:hover{color:#29495f;text-decoration:underline;text-underline-offset:4px}
.lsf-footer .lsf-support{border-left:1px solid #dfe5e1;padding-left:30px}
.lsf-footer .lsf-support-heading{display:flex;align-items:center;gap:9px;margin:7px 0 18px}
.lsf-footer .lsf-support-heading>span{display:grid;place-items:center;width:20px;height:22px;color:#365f7d}
.lsf-footer .lsf-support-heading svg{width:19px;height:19px}
.lsf-footer .lsf-support-heading h3{margin:0}
.lsf-footer .lsf-support>p:not(.lsf-contact){max-width:29ch;color:#61717b;font-size:14px;line-height:1.8;margin:0 0 19px}
.lsf-footer .lsf-contact{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7;color:#526775;margin:0 0 11px;overflow-wrap:anywhere}
.lsf-footer .lsf-contact>svg{height:16px;width:16px;flex-shrink:0;margin-top:3px;color:#6d8390}
.lsf-footer .lsf-support-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;min-height:42px;background:#fff;border:1px solid #d5dfe2;border-radius:9px;color:#365f7d;font-size:13px;font-weight:600;line-height:1.5;transition:color .18s,background .18s,border-color .18s}
.lsf-footer .lsf-support-link svg{width:17px;height:17px;flex-shrink:0;transition:transform .18s}
.lsf-footer .lsf-support-link:hover{background:#365f7d;border-color:#365f7d;color:#fff}
.lsf-footer .lsf-support-link:hover svg{transform:translateX(2px)}
.lsf-footer .lsf-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0 23px;border-top:1px solid #dce3de;background:transparent;color:#6d7c80}
.lsf-footer .lsf-bottom p{margin:0;color:inherit;font-size:12px;line-height:1.7;font-weight:400}
.lsf-footer .lsf-bottom>div{display:flex;align-items:center;gap:22px;font-size:12px;line-height:1.7}
.lsf-footer .lsf-language{color:#77868b;font-size:12px}
.lsf-footer .lsf-bottom a{color:#536b79;font-size:12px}
.lsf-footer :is(a,button):focus-visible{outline:3px solid #9bb3c4;outline-offset:5px;border-radius:4px}
@media(max-width:991px){.lsf-footer .lsf-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:28px;padding:38px 0 34px}.lsf-footer .lsf-support{padding-left:22px}.lsf-footer .lsf-logo img{width:195px;height:41px}}
@media(max-width:767px){body.nx-customer .lsf-footer{margin-top:40px}.lsf-footer .lsf-main{grid-template-columns:1fr 1fr;gap:30px 24px;padding-top:32px}.lsf-footer .lsf-brand{grid-column:1/-1;padding-bottom:25px;border-bottom:1px solid #dfe5e1}.lsf-footer .lsf-brand>p{max-width:48ch;margin-bottom:15px}.lsf-footer .lsf-logo{margin-bottom:12px}.lsf-footer .lsf-support{padding-left:22px}.lsf-footer .lsf-bottom{align-items:flex-start;flex-direction:column;gap:11px;padding:20px 0 calc(96px + env(safe-area-inset-bottom))}.lsf-footer .lsf-bottom>div{width:100%;justify-content:space-between}}
@media(max-width:400px){.lsf-footer .lsf-main{gap:27px 18px}.lsf-footer .lsf-support{padding-left:17px}.lsf-footer .lsf-support-link{padding:9px 10px;gap:9px;font-size:12px}.lsf-footer .lsf-links a,.lsf-footer .lsf-support>p:not(.lsf-contact){font-size:13px}}
@media(prefers-reduced-motion:reduce){.lsf-footer a,.lsf-footer .lsf-support-link svg{transition:none}}


/* public/client/css/dark-theme.css */
/* Customer appearance controls; dark styles are opt-in on the document root. */
.nx-customer .nx-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;width:38px;height:38px;padding:8px;border:1px solid #dfe6e8;border-radius:11px;background:#f1f4f4;color:#365f7d;font:inherit;cursor:pointer;line-height:1;transition:background .18s,border-color .18s}
.nx-customer .nx-theme-toggle:hover{background:#e4ecef;border-color:#b9cbd5}
.nx-customer .nx-theme-toggle:focus-visible{outline:3px solid #8eafc3;outline-offset:3px}
.nx-customer .nx-theme-toggle svg{display:block;width:19px;height:19px}
.nx-customer .nx-theme-toggle-labeled{width:auto;padding:8px 12px;font-size:12px;font-weight:500}
.nx-theme-sun{display:none}
html[data-customer-theme="dark"] .nx-theme-sun{display:block}
html[data-customer-theme="dark"] .nx-theme-moon{display:none}
.nx-menu-appearance{display:flex;justify-content:flex-end;margin:-5px 0 17px;padding-bottom:15px;border-bottom:1px solid var(--mn-line)}
.nx-header-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.nx-customer .nx-header-actions .header-src i{width:20px;height:20px;line-height:20px;background:transparent!important;color:inherit!important;border-radius:0}
html[data-customer-theme="dark"]{color-scheme:dark;background:#111c25}
html[data-customer-theme="dark"] body.nx-customer{
 --primary:#466e86;--primary1:#3e6379;--green:#466e86;--green-dark:#3e6379;--green-chalk:#223744;
 --body:#111c25;--border:#314450;--heading:#e3ebef;--text:#bdcbd3;
 --sk-ink:#e3ebef;--sk-muted:#9cabb5;--sk-green:#97bfd6;--sk-green-deep:#b6d2e2;--sk-border:#314450;--sk-background:#111c25;--sk-luna-blue:#97bfd6;--sk-luna-ink:#e3ebef;
 --store-green:#466e86;--store-green-dark:#3e6379;--store-line:#314450;--store-bg:#111c25;--store-ink:#e3ebef;
 --nx-ink:#e3ebef;--nx-muted:#9cabb5;--nx-line:#314450;--nx-soft:#20323e;--nx-accent:#97bfd6;
 --mn-purple:#97bfd6;--mn-ink:#e3ebef;--mn-muted:#9cabb5;--mn-line:#314450;
 --ui-purple:#97bfd6;--ui-purple-dark:#b6d2e2;--ui-ink:#e3ebef;--ui-muted:#9cabb5;--ui-border:#314450;
 background:#111c25;color:#bdcbd3;accent-color:#97bfd6
}
html[data-customer-theme="dark"] .nx-customer :is(h1,h2,h3,h4,h5,h6){color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer :is(a,button,input,textarea,select):focus-visible{outline-color:#97bfd6}
html[data-customer-theme="dark"] .nx-customer :is(.header-top,.header-part,.navbar-part){background:#15232d!important;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer .header-top :is(.current,i,.header-top-list a){color:#b7c8d2!important}
html[data-customer-theme="dark"] .nx-customer :is(.header-top-list li+li,.header-content){border-color:#314450}
html[data-customer-theme="dark"] .nx-customer :is(.header-form,.header-widget i,.header-user,.header-src,.nx-theme-toggle){background:#20323e;color:#b8d2e1;border-color:#314450}
html[data-customer-theme="dark"] .nx-customer .nx-theme-toggle:hover{background:#2c4555}
html[data-customer-theme="dark"] .nx-customer .header-form input{color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer .header-form input::placeholder{color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer :is(.header-form button,.navbar-link,.navbar-info a,.navbar-info p,.header-widget span){color:#c4d4dd!important}
html[data-customer-theme="dark"] .nx-customer :is(.navbar-link:hover,.navbar-item:focus-within>.navbar-link){background:#20323e!important;color:#b6d2e2!important}
html[data-customer-theme="dark"] .nx-customer .header-widget span p:last-child{color:#a9c9db!important}
html[data-customer-theme="dark"] .nx-customer :is(.navbar-info small,.navbar-info span,.dropdown-arrow:before){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer :is(.nice-select,.nice-select .list,.megamenu,.dropdown-position-list){background:#182630;color:#c4d4dd;border-color:#314450;box-shadow:0 12px 28px #0003}
html[data-customer-theme="dark"] .nx-customer :is(.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus,.megamenu-list a:hover,.dropdown-position-list a:hover){background:#223744;color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer :is(.store-catalog-page,.store-auth-page,.skp-home,.profile-part,.nx-standalone-auth){background:#111c25}
html[data-customer-theme="dark"] .nx-customer :is(.skp-promotion-stage,.skp-promotion,.skp-promotion-wallet,.skp-promotion-discover){background:#1b2d38;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer .skp-promotion-copy :is(h1,h2){color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer .skp-promotion-copy :is(h1,h2) em{color:#a9c9db}
html[data-customer-theme="dark"] .nx-customer .skp-promotion-copy>span{color:#a2b7c3}
html[data-customer-theme="dark"] .nx-customer .skp-promotion-copy>a{background:#466e86;color:#fff}
html[data-customer-theme="dark"] .nx-customer .skp-promotion-copy>a:hover{background:#3e6379}
html[data-customer-theme="dark"] .nx-customer :is(.skp-slider-arrow,.skp-category-prev,.skp-category-next){background:#2d4656;color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer .skp-app-tile{background:#fff;border-color:#dfe5e8;box-shadow:0 12px 28px #0002}
html[data-customer-theme="dark"] .nx-customer :is(.skp-mini-banner,.skp-announcement,.skp-category,.skp-product,.skp-product-card,.store-product-card,.store-catalog-sidebar,.store-catalog-toolbar,.skp-recent-grid a,.store-category-card,.blog-card,.blog-widget,.account-card,.details-content){background:#182630;border-color:#314450;color:#e3ebef;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer :is(.skp-mini-banner strong,.skp-product-name,.skp-product-name a,.store-product-title a,.store-category-card strong,.details-name,.details-name a,.blog-title a){color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer :is(.skp-mini-banner small,.skp-announcement p,.skp-product-meta,.skp-section-heading p,.store-catalog-intro p,.store-catalog-count,.store-product-content p,.details-desc,.details-meta,.blog-desc,.blog-meta){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer :is(.skp-mini-banner b,.skp-announcement>i,.skp-section-heading>a,.skp-mini-symbol,.skp-price,.details-price,.blog-btn){color:#a9c9db}
html[data-customer-theme="dark"] .nx-customer .skp-mini-banner img{background:#fff}
html[data-customer-theme="dark"] .nx-customer :is(.skp-mini-banner:hover,.skp-category:hover){border-color:#7094aa;color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer :is(.skp-category-tray,.skp-product-visual,.store-product-image,.store-product-fallback){background:#20323e;border-color:#314450}
html[data-customer-theme="dark"] .nx-customer .skp-category img{background:#fff;border-radius:8px;padding:3px}
html[data-customer-theme="dark"] .nx-customer .skp-category-tabs button{background:#182630;border-color:#314450;color:#bdcbd3}
html[data-customer-theme="dark"] .nx-customer .skp-category-tabs button.is-active{background:#466e86;color:#fff;border-color:#466e86}
html[data-customer-theme="dark"] .nx-customer .skp-category-tabs img{background:#fff;border-radius:3px}
html[data-customer-theme="dark"] .nx-customer :is(.store-catalog-category,.store-catalog-sidebar h2,.store-catalog-reset,.store-catalog-sort,.store-product-title,.blog-details-content,.blog-details-content p,.contact-part .contact-label){color:#bdcbd3}
html[data-customer-theme="dark"] .nx-customer .store-catalog-category:is(:hover,.active,[aria-current=page]){background:#223744;color:#c5d6e0}
html[data-customer-theme="dark"] .nx-customer :is(.store-auth-main .user-form-card,.user-form-remind,.nx-standalone-auth .user-form-card,.contact-part .contact-card,.policy-page-card,.policy-section-nav,.policy-modal-dialog,.support-community-card,.telegram-support-card){background:#182630;border-color:#314450;color:#e3ebef;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer :is(.user-form-title p,.user-form label,.user-form-remind p,.store-auth-footnote,.policy-intro,.policy-document section>p,.policy-effective,.policy-support-link,.support-community-card p,.telegram-contact-intro){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer :is(.user-form-remind a,.user-form a,.policy-open-link,.policy-modal-footer a){color:#a9c9db}
html[data-customer-theme="dark"] .nx-customer .store-auth-main .user-form-remind{background:transparent;border-color:transparent;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer :is(input.form-control,textarea.form-control,select.form-select,.store-catalog-search input,.store-catalog-sort select,.nice-select){background:#111c25;color:#e3ebef;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] .nx-customer :is(input,textarea)::placeholder{color:#8299a7}
html[data-customer-theme="dark"] .nx-customer :is(.form-control,.form-select):disabled{background:#20323e;color:#94a6b2}
html[data-customer-theme="dark"] .nx-customer :is(.form-button button,.form-btn,.shop-widget-btn,.user-form .btn){background:#466e86;color:#fff;border-color:#466e86}
html[data-customer-theme="dark"] .nx-customer :is(.store-auth-kicker,.password-tools button,.policy-payment,.policy-modal-header,.policy-modal-footer,.nx-linkedin-rules,.policy-modal-close,.policy-modal-actions button,.support-community-card>i,.telegram-support-card>i){background:#20323e;color:#a9c9db;border-color:#314450}
html[data-customer-theme="dark"] .nx-customer :is(.nx-linkedin-rules h4,.policy-payment strong){color:#c5d6e0}
html[data-customer-theme="dark"] .nx-customer :is(.nx-linkedin-rules li,.policy-payment p,.policy-modal-header span,.policy-modal-footer p){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer :is(.policy-modal-header,.policy-modal-footer){border-color:#314450}
html[data-customer-theme="dark"] .nx-customer :is(.nx-drawer,.nx-drawer-heading,.nx-mobilebar){background:#182630;border-color:#314450;box-shadow:0 8px 32px #0003}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-avatar,.nx-menu-wallet,.nx-drawer-close,.nx-submenu-icon,.nx-menu-submenu a:hover){background:#20323e;color:#a9c9db;border-color:#314450}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-link,.nx-menu-submenu>a,.nx-mobilebar-item){color:#b5c6d1}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-signup,.nx-menu-link>svg,.nx-menu-subheading){color:#a9c9db}
html[data-customer-theme="dark"] .nx-customer .nx-menu-link[aria-current=page]>svg{color:#c1dbe8}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-link:hover,.nx-menu-link[aria-current=page],.nx-menu-link[aria-expanded=true],.nx-menu-current,.nx-mobilebar-item[aria-current=page],.nx-mobilebar-item.nx-current){background:#223744;color:#b6d2e2}
html[data-customer-theme="dark"] .nx-customer .nx-mobilebar-item:is([aria-current=page],[aria-expanded=true],.nx-current){color:#c1dbe8;background:transparent}
html[data-customer-theme="dark"] .nx-customer .nx-mobilebar-item:is([aria-current=page],[aria-expanded=true],.nx-current) .nx-mobilebar-icon{background:#2b4555;color:#c1dbe8}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-welcome h3,.nx-menu-account strong,.nx-drawer-heading h2,.nx-menu-wallet strong){color:#e3ebef}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-welcome p,.nx-menu-account small,.nx-menu-section>h3,.nx-menu-wallet span,.nx-drawer-eyebrow){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer .nx-submenu-brand img{background:#fff;border-radius:3px}
html[data-customer-theme="dark"] .nx-customer :is(.nx-menu-login,.nx-menu-wallet button){background:#466e86;color:#fff}
html[data-customer-theme="dark"] .nx-customer .lsf-footer{background:#14222b;border-color:#314450;color:#bdcbd3}
html[data-customer-theme="dark"] .nx-customer .lsf-footer :is(h3,.lsf-brand>p,.lsf-support>p,.lsf-links a,.lsf-contact){color:#bdcbd3}
html[data-customer-theme="dark"] .nx-customer .lsf-footer :is(.lsf-payment>span,.lsf-payment>a,.lsf-bottom,.lsf-bottom a,.lsf-language){color:#9cabb5}
html[data-customer-theme="dark"] .nx-customer .lsf-footer :is(.lsf-support,.lsf-brand,.lsf-bottom,.lsf-payment>a){border-color:#314450}
html[data-customer-theme="dark"] .nx-customer .lsf-footer .lsf-support-link{background:#20323e;border-color:#466e86;color:#c5d6e0}
html[data-customer-theme="dark"] .nx-customer .lsf-footer .lsf-support-link:hover{background:#466e86;color:#fff}
html[data-customer-theme="dark"] .nx-customer :is(.swal2-popup.nx-alert,.nx-toast,.flatpickr-calendar){background:#182630!important;color:#e3ebef!important;border-color:#314450!important;box-shadow:0 12px 36px #0005!important}
html[data-customer-theme="dark"] .nx-customer :is(.swal2-title,.nx-alert-title,.nx-toast-title,.flatpickr-current-month,.flatpickr-weekday,.flatpickr-day){color:#e3ebef!important}
html[data-customer-theme="dark"] .nx-customer :is(.swal2-html-container,.nx-alert-body,.nx-toast-message){color:#b5c6d1!important}
html[data-customer-theme="dark"] .nx-customer :is(.flatpickr-day:hover,.flatpickr-day.selected){background:#466e86;border-color:#466e86}
html[data-customer-theme="dark"] .nx-customer :is(.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay){color:#6a8392!important}
html[data-customer-theme="dark"] .nx-customer :is(.pagination a,.pagination span,.details-action a,.details-list-action a,.details-add-group .btn){background:#20323e;color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] .nx-customer .backtop{background:#466e86;color:#fff}
@media(max-width:1199px){.nx-customer .header-media-group{display:grid;grid-template-columns:40px minmax(0,1fr) 82px;gap:10px;align-items:center}.nx-customer .header-media-group>a{justify-self:center;max-width:100%}.nx-customer .header-media-group>a img{max-width:100%;height:42px;object-fit:contain}.nx-customer .nx-header-actions>button{width:38px;height:38px;margin:0;display:grid;place-items:center;flex-shrink:0;padding:8px}}
@media(max-width:767px){.nx-customer .lsf-bottom>div{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px}.nx-customer .lsf-bottom .nx-theme-toggle-labeled{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.nx-customer .nx-theme-toggle{transition:none}}


/* public/client/css/dark-components.css */
/* Customer account, delivered data and payment surfaces. */
html[data-customer-theme="dark"] body.nx-customer :is(.ac-page,.ac-sidebar){--ac-ink:#e3ebef;--ac-muted:#9cabb5;--ac-purple:#97bfd6;--ac-line:#314450;--ac-soft:#223744}
html[data-customer-theme="dark"] body.nx-customer .oh-page{--oh-ink:#e3ebef;--oh-muted:#9cabb5;--oh-purple:#97bfd6;--oh-line:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.od-page,.od-export-modal){--od-ink:#e3ebef;--od-muted:#9cabb5;--od-accent:#97bfd6;--od-line:#314450;color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .usdt-page{--ud-ink:#e3ebef;--ud-muted:#9cabb5;--ud-purple:#97bfd6;--ud-line:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-page,.ac-sidebar,.oh-page,.od-page,.od-export-modal,.usdt-page) *{border-color:#314450}

/* Account cards, navigation, settings and security. */
html[data-customer-theme="dark"] body.nx-customer :is(.ac-sidebar,.ac-card,.ac-heading-mark,.profile-part .account-card,.profile-part .table-scroll,.profile-part .table-wrapper,#profile-edit .modal-content){background:#182630;color:#e3ebef;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-avatar,.ac-stat-icon,.ac-discount-icon,.ac-record-count,.ac-device,.ac-ledger-balance,.ac-ledger-wallet-icon,.ac-movement-debit,.ac-movement-neutral,.ac-change-neutral,.ac-empty>span,.nx-setting-icon,.nx-card-actions,.nx-security-note,.nx-log-action>span,.nx-tax-tabs){background:#20323e;color:#97bfd6;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-sidebar .ac-nav-link,.ac-nav-link>svg,.ac-sidebar .ac-nav-label,.ac-sidebar-user div>span,.ac-eyebrow,.ac-text-link,.ac-profile-fields dt,.ac-device summary,.ac-device p,.ac-filter label,.ac-filter input::placeholder,.ac-filter-bottom label,.ac-reset-link,.ac-transaction-description div>span,.ac-amount-muted,.ac-pagination p,.ac-pagination p b,.ac-pagination nav>b,.ac-pagination nav>span,.ac-empty p,.ac-empty h3,.ac-ledger-balance>div>span,.ac-wallet-stats>div>div>span,.ac-usd-label){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-sidebar-user strong,.ac-card-heading h2,.ac-wallet-stats strong,.ac-profile-fields dd,.ac-transaction-description strong,.ac-ledger-balance strong,.nx-setting-copy label,.nx-qr-step h3,.profile-part .account-title,.profile-part .account-title h4){color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .ac-sidebar .ac-nav-link:hover{background:#20323e;color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .ac-sidebar .ac-nav-active{background:#223744;color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer .ac-nav-active>svg{color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer .ac-sidebar .ac-logout{color:#e5a1b2}
html[data-customer-theme="dark"] body.nx-customer .ac-balance{background:#284657;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-amount-current,.ac-heading-mark){color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer :is(.nx-setting-copy p,.nx-card-actions>span,.nx-security-note p,.nx-qr-step p,.nx-field-label,.nx-field>label,.nx-field-help,.nx-log-table td:first-child,.nx-log-table td:last-child,.nx-log-action strong){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer .nx-switch-track{background:#314450;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer .nx-switch input:checked+.nx-switch-track{background:#466e86;border-color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer .nx-tax-tabs .nav-link{color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer .nx-tax-tabs .nav-link.active{background:#314450;color:#e3ebef;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-filter input,.ac-filter select,.nx-settings-form .form-control,.nx-authenticator-setup .form-control,.nx-tax-fields .form-control,#profile-edit .form-control,.profile-part .form-control,.profile-part .form-select,.profile-part .filter-select){background:#111c25;color:#e3ebef;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-filter input,.ac-filter select,.nx-settings-form .form-control,.nx-authenticator-setup .form-control,.nx-tax-fields .form-control,#profile-edit .form-control,.profile-part .form-control):focus{background:#182630;border-color:#97bfd6;box-shadow:0 0 0 3px #97bfd620}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-button-outline,.ac-pagination nav a,.profile-part .shop-widget-btn,.profile-part .table .btn-info,.profile-part .table .btn-success,#profile-edit .modal-close){background:#20323e;color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-button-primary,#profile-edit .form-btn,.profile-part .form-btn,.profile-part .table .btn-primary){background:#466e86;color:#fff!important;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-button-primary,#profile-edit .form-btn,.profile-part .form-btn):hover{background:#557f98}
html[data-customer-theme="dark"] body.nx-customer :is(#profile-edit .form-title h3){color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer :is(#profile-edit .form-title p,#profile-edit .form-label,.profile-part .form-label,.profile-part .filter-label,.profile-part .empty-state p){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-ledger-table th,.profile-part .table thead th){background:#20323e;color:#9cabb5;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-ledger-table td,.profile-part .table td){color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.ac-ledger-table tbody tr,.profile-part .table tbody tr):hover{background:#20323e}

/* Order history and delivered credentials. */
html[data-customer-theme="dark"] body.nx-customer :is(.oh-panel,.oh-shop-notice,.od-panel,.od-export-modal .modal-content,.od-export-modal .modal-header){background:#182630;color:#e3ebef;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-retention,.oh-retention-icon,.oh-retention-tag,.oh-toolbar,.oh-table th,.oh-note,.oh-empty>span,.oh-feedback,.oh-bulk-actions>span,.od-heading-icon,.od-selection-bar,.od-account-text,.od-inline-message,.od-empty>span,.od-export-modal .modal-footer,.od-excel-hint,.od-close,.od-column-moves button){background:#20323e;color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-browse,.oh-retention p,.oh-retention strong,.oh-summary p,.oh-filter label,.oh-select-controls label,.oh-clear,.oh-product-quantity,.oh-note-status,.oh-time-cell time,.oh-expiry,.oh-pagination p,.oh-pagination p strong,.oh-pagination nav>b,.oh-empty p,.oh-empty h2,.od-search-field>label,.od-reset,.od-page-size,.od-selected-count,.od-records .od-index-column,.od-uid-column code,.od-pagination p,.od-pagination strong,.od-page-position,.od-data-hint,.od-empty p,.od-dialog-eyebrow,.od-export-description,.od-format-options legend,.od-format-options strong,.od-format-options small,.od-column-heading h3,.od-column-heading>span,.od-export-columns label){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-summary strong,.oh-product-name,.oh-payment-cell strong,.od-account-text,.od-empty h3,.od-export-modal h2){color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-order-ref,.oh-retention-icon,.oh-retention-tag,.od-heading-icon){color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-filter input,.oh-select-controls select,.od-search-input input,.od-page-size select){background:#111c25;color:#e3ebef;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-filter input,.oh-note,.od-search-input input):focus{background:#182630;color:#e3ebef;border-color:#97bfd6;box-shadow:0 0 0 3px #97bfd620}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-filter input,.oh-note,.od-search-input input)::placeholder{color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-icon-button,.oh-bulk-actions .oh-icon-button,.oh-export-txt,.oh-pagination nav>a,.oh-pagination nav>span,.od-button,.od-button-quiet,.od-row-copy,.od-page-link,.od-export-columns li){background:#20323e;color:#c5d6e0!important;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-icon-button,.oh-export-txt,.od-button,.od-row-copy,.od-page-link):hover{background:#223744;color:#e3ebef!important;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-search,.oh-export:not(.oh-export-txt),.od-button-primary){background:#466e86;color:#fff!important;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-search,.oh-export:not(.oh-export-txt),.od-button-primary):hover{background:#557f98;color:#fff!important}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-table tbody tr,.od-records tbody tr):hover{background:#20323e}
html[data-customer-theme="dark"] body.nx-customer :is(.od-records thead,.od-records thead tr,.od-records th){background:#20323e;color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer .od-records tbody tr.od-is-selected{background:#223744;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer .od-format-options label:has(input:checked){background:#223744;border-color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-page button.oh-button:disabled,.oh-page button.oh-icon-button:disabled,.od-page .od-button:disabled,.od-page-link[aria-disabled=true],.od-column-moves button:disabled){background:#182630;color:#7d909c!important;border-color:#314450}

/* Wallet checkout and its optional UID preview. */
html[data-customer-theme="dark"] body.nx-customer .nx-checkout{--nx-ink:#e3ebef;--nx-muted:#9cabb5;--nx-accent:#97bfd6;background:#182630;color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .modal:has(.nx-checkout) .modal-content{background:#182630;box-shadow:0 30px 100px #0008}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-checkout-header,.nx-wallet,.nx-quantity,.nx-coupon){background:#182630;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-payment-panel,.nx-volume-deals,.nx-product-symbol,.nx-close,.nx-wallet>span,.nx-quantity button,.nx-coupon button,.nx-secondary,.nx-receipt pre){background:#20323e;color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-stock-line,.nx-section-label,.nx-wallet strong,label,.nx-totals strong,.nx-volume-deals strong,.nx-receipt pre,.nx-coupon input){color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-checkout-kicker,.nx-product-description,.nx-volume-deals,.nx-coupon-label span,.nx-favorite,.nx-payment-note,.nx-receipt-id,.nx-receipt-note){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-totals,.nx-total,.nx-sold,.nx-wallet a){border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout .nx-total strong{color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout .nx-primary{background:#466e86;color:#fff}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout .nx-primary:hover{background:#557f98}
html[data-customer-theme="dark"] body.nx-customer .nx-checkout :is(.nx-secondary,.nx-close,.nx-coupon button,.nx-quantity button):hover{background:#223744;color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-container,.pv-payment,.pv-uid-list,.pv-coupon-input){background:#182630!important;color:#e3ebef!important;border-color:#314450!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-header,.pv-payment-title,.pv-uid-list td,.pv-pagination button){border-color:#314450!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-title,.pv-payment-title){color:#e3ebef!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-badge,.pv-close,.pv-selected-badge,.pv-uid-list thead th,.pv-uid-list tr.pv-selected){background:#20323e!important;color:#c5d6e0!important;border-color:#314450!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-value-blue,.pv-value-green){color:#97bfd6!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-btn-pay,.pv-btn-login,.pv-pagination .pv-page-active){background:#466e86!important;color:#fff!important;border-color:#466e86!important}
html[data-customer-theme="dark"] body.nx-customer #openModal :is(.pv-btn-pay,.pv-btn-login):hover:not(:disabled){background:#557f98!important}
html[data-customer-theme="dark"] body.nx-customer .nx-linkedin-rules{background:#20323e;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .nx-linkedin-rules h4{color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer .nx-linkedin-rules li{color:#9cabb5}

/* Deposit and Binance Pay; QR canvases retain their white background. */
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-panel,.usdt-network,.usdt-presets button,.usdt-method-switch a,.bp-methods a){background:#182630;color:#c5d6e0;border-color:#314450;box-shadow:none}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-guide,.usdt-icon-tile,.usdt-network b,.usdt-amount-field,.usdt-rate,.usdt-history-count,.usdt-copy-row,.usdt-copy-row button,.usdt-details,.usdt-qr-card,.usdt-qr-unavailable,.usdt-support-icon,.usdt-state-expired,#bp-status){background:#20323e;color:#c5d6e0;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-label,.usdt-rate strong,.usdt-copy-row input,.usdt-qr-copy,.usdt-qr-copy .usdt-qr-amount strong,.usdt-table .usdt-table-amount,.usdt-terminal>strong){color:#e3ebef}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-asset p,.usdt-steps p,.usdt-support small,.usdt-guide-note,.usdt-card-heading p,.usdt-table td,.usdt-table-amount small,.usdt-copy-row>span,.usdt-details span,.usdt-qr-copy small,.usdt-qr-copy .usdt-qr-instructions,.usdt-terminal-support){color:#9cabb5}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-token,.usdt-steps li>span,.usdt-support,.usdt-reference code,.usdt-invoice-id,.usdt-text-link,.usdt-icon-tile){color:#97bfd6}
html[data-customer-theme="dark"] body.nx-customer .usdt-page .usdt-table th{background:#20323e;color:#9cabb5;border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .usdt-page .usdt-table td{border-color:#314450}
html[data-customer-theme="dark"] body.nx-customer .usdt-page .usdt-table tbody tr:hover{background:#20323e}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-presets button:hover,.usdt-presets button[aria-pressed=true],.usdt-open-invoice:hover){background:#223744;color:#e3ebef;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer :is(.usdt-primary,.usdt-method-switch a[aria-current=page],.bp-methods a.bp-method-active){background:#466e86;color:#fff!important;border-color:#466e86}
html[data-customer-theme="dark"] body.nx-customer .usdt-primary:hover{background:#557f98}
html[data-customer-theme="dark"] body.nx-customer :is(.nx-qr-step img,.usdt-qr-frame){background:#fff}

/* Preserve the meaning of status colors on dark surfaces. */
html[data-customer-theme="dark"] body.nx-customer :is(.alert.alert-success,.usdt-state-completed,.ac-change-credit,.ac-movement-credit,.nx-receipt-icon){background:#193c32;color:#9ad7ba;border-color:#315f4d}
html[data-customer-theme="dark"] body.nx-customer :is(.alert.alert-danger,.usdt-form-error,.usdt-state-cancelled,.oh-feedback-error,.od-inline-message[data-type=error],.od-export-error,.ac-change-debit,.nx-checkout .nx-checkout-error){background:#412631;color:#f0afbf;border-color:#714454}
html[data-customer-theme="dark"] body.nx-customer :is(.alert.alert-warning,.nx-card-notice,.usdt-notice,.usdt-state-waiting,.usdt-state-review,.oh-refunded){background:#403623!important;color:#e5c58c!important;border-color:#6b5736}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-danger,.oh-note-error,.nx-required,.nx-checkout .nx-coupon-hint.nx-field-error){color:#f0afbf!important}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-expiry-soon){color:#e5c58c}
html[data-customer-theme="dark"] body.nx-customer :is(.oh-row-excel,.nx-checkout .nx-stock-line strong,.nx-checkout .nx-coupon-hint,.nx-totals #into_discount){color:#9ad7ba}


/* public/client/css/mobile-refinements.css */
/* Phone layouts share the desktop theme tokens and keep existing controls. */
body.nx-customer .skp-promotion-icons-mobile { display: none; }

@media (max-width: 767px) {
  body.nx-customer {
    padding-bottom: calc(86px + env(safe-area-inset-bottom));
    -webkit-text-size-adjust: 100%;
  }

  body.nx-customer :is(.skp-home, .store-catalog-page) > .container {
    width: 100%;
    padding-inline: 16px;
  }

  body.nx-customer .header-content { min-height: 70px; }
  body.nx-customer .header-media-group { gap: 8px; }
  body.nx-customer .header-media-group > a { min-width: 0; }
  body.nx-customer .header-form input { font-size: 16px; }

  /* Original mobile composition, recolored to the current slate-blue palette. */
  body.nx-customer .skp-home { padding-top: 14px; }
  body.nx-customer .skp-promotion-stage { border-radius: 12px; }
  body.nx-customer .skp-promotion {
    height: 275px;
    padding: 25px 45px;
    background: radial-gradient(ellipse at 50% 40%, #f5f9fc 0%, #dce9f2 45%, #8baac1 100%);
  }
  body.nx-customer .skp-promotion::before,
  body.nx-customer .skp-promotion::after { display: block; border-color: #ffffff40; }
  body.nx-customer .skp-promotion-copy { width: 100%; }
  body.nx-customer .skp-promotion-copy > span {
    margin-bottom: 12px;
    font-size: 7px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: #526f84;
    text-wrap: balance;
  }
  body.nx-customer .skp-promotion-copy :is(h1, h2) {
    font-size: 31px;
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1.1px;
    color: #203f56;
  }
  body.nx-customer .skp-promotion-copy :is(h1, h2) em { color: #365f7d; }
  body.nx-customer .skp-promotion-copy h1 { max-width: 230px; margin-inline: auto; }
  body.nx-customer .skp-promotion-copy > a {
    min-height: 38px;
    margin-top: 19px;
    padding: 9px 18px;
    border-radius: 25px;
    font-size: 11px;
    gap: 12px;
    background: #365f7d;
    box-shadow: 0 6px 15px #29495f20;
  }
  body.nx-customer .skp-promotion-copy small { font-size: 10px; }
  body.nx-customer .skp-app-tile {
    width: 46px;
    height: 46px;
    border: 3px solid #ffffff99;
    border-radius: 11px;
    box-shadow: 0 9px 16px #29495f14;
  }
  body.nx-customer .skp-app-tile img { width: 28px; height: 28px; }
  body.nx-customer .skp-app-tile i { font-size: 23px; }
  body.nx-customer [data-promotion="0"] > .skp-promotion-icons:not(.skp-promotion-icons-mobile) { display: none; }
  body.nx-customer .skp-promotion-icons-mobile { display: block; }
  body.nx-customer :is(.skp-app-1, .skp-app-4) { display: grid; }
  body.nx-customer .skp-app-0 { top: -8px; left: 12%; }
  body.nx-customer .skp-app-1 { top: 102px; left: -13px; }
  body.nx-customer .skp-app-2 { bottom: -12px; left: 11%; }
  body.nx-customer .skp-app-3 { top: 3px; right: 9%; }
  body.nx-customer .skp-app-4 { top: 120px; right: -12px; }
  body.nx-customer .skp-app-key { bottom: -13px; right: 12%; }
  body.nx-customer .skp-slider-arrow { width: 27px; height: 27px; font-size: 10px; background: #ffffffd9; color: #365f7d; box-shadow: 0 2px 8px #29495f0a; }
  body.nx-customer .skp-slider-prev { left: 8px; }
  body.nx-customer .skp-slider-next { right: 8px; }
  body.nx-customer .skp-slider-dots { bottom: 1px; gap: 0; }
  body.nx-customer .skp-slider-dots button {
    width: 28px;
    height: 32px;
    padding: 0;
    border: 0;
    display: grid;
    place-items: center;
    background: transparent !important;
  }
  body.nx-customer .skp-slider-dots button::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 8px;
    background: #ffffff80;
  }
  body.nx-customer .skp-slider-dots button.is-active { width: 28px; }
  body.nx-customer .skp-slider-dots button.is-active::before { width: 18px; background: #fff; }
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion { background: radial-gradient(ellipse at 50% 40%, #28485f 0%, #20394d 50%, #172a39 100%); }
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion::before,
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion::after { border-color: #ffffff12; }
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion-copy :is(h1, h2) { color: #f0f5f8; }
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion-copy :is(h1, h2) em { color: #b0cee2; }
  html[data-customer-theme="dark"] body.nx-customer .skp-promotion-copy > span { color: #b0c3d0; }

  /* A single, compact shortcut panel keeps four destinations easy to scan. */
  body.nx-customer .skp-mini-banners {
    gap: 1px;
    margin-top: 14px;
    border: 1px solid var(--nx-line, #dfe6e8);
    border-radius: 16px;
    overflow: hidden;
    background: var(--nx-line, #dfe6e8);
  }
  body.nx-customer .skp-mini-banner {
    display: flex;
    min-height: 132px;
    padding: 16px;
    border: 0;
    border-radius: 0;
    align-items: stretch;
    background: #fff;
    box-shadow: none;
  }
  body.nx-customer .skp-mini-banner::after { display: none; }
  body.nx-customer .skp-mini-banner:focus-visible {
    outline: 2px solid var(--nx-accent, #365f7d);
    outline-offset: -3px;
  }
  body.nx-customer .skp-mini-banner > span { width: 100%; padding-top: 43px; }
  body.nx-customer .skp-mini-banner small { display: none; }
  body.nx-customer .skp-mini-banner strong {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.02em;
    overflow-wrap: normal;
    text-wrap: balance;
  }
  body.nx-customer .skp-mini-banner b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding-top: 0;
    font-size: 11px;
    line-height: 1.5;
    color: var(--nx-muted, #6d7c86);
  }
  body.nx-customer .skp-mini-banner b i {
    margin: 0;
    font-size: 12px;
    color: var(--nx-accent, #365f7d);
  }
  body.nx-customer .skp-mini-banner > img,
  body.nx-customer .skp-mini-banner > .skp-mini-symbol {
    position: absolute;
    top: 16px;
    left: 16px;
    right: auto;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 9px;
    background: var(--nx-soft, #edf2f4);
    color: var(--nx-accent, #365f7d);
    box-shadow: none;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    transform: none;
  }
  body.nx-customer .skp-announcement { margin: 16px 0 24px; gap: 10px; padding: 13px 12px; }
  body.nx-customer .skp-announcement p { font-size: 12px; line-height: 1.65; }
  body.nx-customer .skp-announcement > button { flex: 0 0 32px; min-height: 40px; }

  /* Compact catalog rows put the actual product details above the fold. */
  body.nx-customer .store-catalog-intro { padding: 22px 0 18px; }
  body.nx-customer .store-catalog-intro h1 { font-size: 26px; line-height: 1.25; }
  body.nx-customer .store-catalog-intro p { font-size: 13px; line-height: 1.65; }
  body.nx-customer .store-catalog-breadcrumb { margin-bottom: 14px; font-size: 12px; }
  body.nx-customer .store-catalog-sidebar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    margin-bottom: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--nx-line) transparent;
  }
  body.nx-customer :is(.store-catalog-filter-title, .store-catalog-sidebar h2) { display: none; }
  body.nx-customer .store-catalog-category {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 12px;
    margin: 0;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
  }
  body.nx-customer .store-catalog-category > i { display: none; }
  body.nx-customer .store-catalog-toolbar { gap: 10px; padding: 12px; }
  body.nx-customer .store-catalog-search { height: 44px; }
  body.nx-customer .store-catalog-search input { font-size: 16px; }
  body.nx-customer .store-catalog-sort { min-width: 0; font-size: 12px; gap: 7px; }
  body.nx-customer .store-catalog-sort select { min-width: 0; max-width: 100%; height: 44px; font-size: 13px; }
  body.nx-customer .store-catalog-toolbar > button { height: 44px; padding-inline: 16px; }
  body.nx-customer .store-catalog-count { padding: 18px 0 12px; font-size: 12px; }
  body.nx-customer .store-catalog-results .store-product-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.nx-customer .store-product-card {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 14px;
    border-radius: 15px;
    transform: none;
  }
  body.nx-customer .store-product-image {
    width: 76px;
    height: 88px;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  body.nx-customer .store-product-image > img { padding: 8px; object-fit: contain; }
  body.nx-customer .store-product-image > .nx-product-placeholder { width: 30px; height: 30px; }
  body.nx-customer .store-product-badge { top: 4px; left: 4px; padding: 3px 4px; font-size: 8px; }
  body.nx-customer .store-product-content { min-width: 0; padding: 0; }
  body.nx-customer .store-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 650;
  }
  body.nx-customer .store-product-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    max-height: 3.2em;
    margin: 7px 0 9px;
    font-size: 12px;
    line-height: 1.6;
    overflow: hidden;
  }
  body.nx-customer .store-product-bottom { gap: 8px; padding-top: 7px; border-color: var(--nx-line); }
  body.nx-customer .store-product-bottom strong { font-size: 18px; white-space: nowrap; }
  body.nx-customer .store-product-bottom a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-height: 40px;
    font-size: 11px;
    line-height: 1.3;
    text-align: right;
  }
  body.nx-customer .store-catalog-pagination a { width: 42px; height: 42px; }

  /* Home grids stay readable at two columns without oversized visual blocks. */
  body.nx-customer .skp-product-grid { gap: 10px; }
  body.nx-customer .skp-product-visual { aspect-ratio: 1.65; }
  body.nx-customer .skp-product-name { min-height: 42px; font-size: 13px; line-height: 1.55; }
  body.nx-customer .skp-product-meta { font-size: 10px; line-height: 1.5; gap: 5px; }
  body.nx-customer .skp-section-heading { align-items: flex-start; }
  body.nx-customer .skp-section-heading h2 { font-size: 21px; line-height: 1.3; }
  body.nx-customer .skp-section-heading p { font-size: 12px; line-height: 1.65; }
  body.nx-customer .skp-section-heading > a { flex-shrink: 0; min-height: 40px; font-size: 12px; }
  body.nx-customer .skp-category-tray { padding: 16px 12px; }
  body.nx-customer .skp-category span { font-size: 12px; }
  body.nx-customer .skp-category-tabs button { min-height: 42px; font-size: 12px; }

  /* Solid mobile surfaces avoid repainting a blurred dock on every scroll. */
  body.nx-customer .nx-mobilebar {
    min-height: 64px;
    left: 12px;
    right: 12px;
    padding: 5px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 3px 16px #29495f12;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.nx-customer .nx-mobilebar > .nx-mobilebar-item { min-height: 52px; }
  body.nx-customer .nx-mobilebar .nx-mobilebar-label { font-size: 10px; }
  body.nx-customer .backtop { bottom: calc(85px + env(safe-area-inset-bottom)); }
  body.nx-customer.nx-mobile-overlay-open .backdrop { backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-customer-theme="dark"] body.nx-customer .nx-mobilebar { background: #182630; }
}

@media (max-width: 374px) {
  body.nx-customer :is(.skp-home, .store-catalog-page) > .container { padding-inline: 12px; }
  body.nx-customer .store-product-card { grid-template-columns: 64px minmax(0, 1fr); gap: 11px; padding: 12px; }
  body.nx-customer .store-product-image { width: 64px; height: 80px; }
  body.nx-customer .skp-mini-banner { padding: 14px; min-height: 128px; }
  body.nx-customer .skp-mini-banner strong { font-size: 14px; }
  body.nx-customer .skp-mini-banner b { font-size: 10px; }
  body.nx-customer .skp-mini-banner > img,
  body.nx-customer .skp-mini-banner > .skp-mini-symbol { top: 14px; left: 14px; }
  body.nx-customer .skp-promotion { height: 275px; padding-inline: 40px; }
}

@media (hover: none) and (pointer: coarse) {
  body.nx-customer :is(.store-product-card, .skp-product, .skp-mini-banner):hover { transform: none; box-shadow: none; }
}


/* public/client/css/header-choices.css */
/* Render these controls once in HTML: no icon font or JS replacement to flash. */
body.nx-customer .header-top,
body.nx-customer .header-top-list a,
body.nx-customer .header-top .nx-header-choice > select {
  font-family: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
}
body.nx-customer .header-top-select { margin-top: 0; gap: 16px; }
body.nx-customer .header-top .nx-header-choice {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: auto;
  min-height: 32px;
  color: #4e606b;
}
body.nx-customer .header-top .nx-header-choice > select {
  display: block !important;
  appearance: none;
  -webkit-appearance: none;
  width: 72px;
  height: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0 16px 0 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  cursor: pointer;
}
body.nx-customer .header-top .nx-header-choice--currency > select { width: 52px; }
body.nx-customer .header-top .nx-choice-icon { width: 14px; height: 14px; flex: 0 0 14px; }
body.nx-customer .header-top .nx-choice-chevron {
  position: absolute;
  right: 2px;
  width: 10px;
  height: 10px;
  pointer-events: none;
  opacity: .7;
}
body.nx-customer .header-top .nx-header-choice > select:focus-visible {
  outline: 2px solid #365f7d;
  outline-offset: 2px;
}
body.nx-customer .header-top .nx-header-choice option { color: #192c38; background: #fff; }
html[data-customer-theme="dark"] body.nx-customer .header-top .nx-header-choice { color: #b7c8d2; }
html[data-customer-theme="dark"] body.nx-customer .header-top .nx-header-choice option { color: #e3ebef; background: #182630; }
html[data-customer-theme="dark"] body.nx-customer .header-top .nx-header-choice > select:focus-visible { outline-color: #97bfd6; }


/* public/client/css/store-motion.css */
/* Small, composited movements. Content stays visible before JS starts. */
@keyframes nx-store-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}
@keyframes nx-store-arrive {
  from { opacity: .65; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes nx-store-slide {
  from { transform: translateY(7px); }
  to { transform: translateY(0); }
}
body.nx-store-motion .skp-promotion:not([hidden]) .skp-app-tile {
  animation: nx-store-float 6s ease-in-out infinite;
}
body.nx-store-motion .skp-app-1,
body.nx-store-motion .skp-app-3 { animation-delay: -2s !important; }
body.nx-store-motion .skp-app-2,
body.nx-store-motion .skp-app-key { animation-delay: -4s !important; }
body.nx-store-motion .skp-promotion.is-active .skp-promotion-copy {
  animation: nx-store-slide .38s cubic-bezier(.2,.7,.2,1);
}
body.nx-store-motion.nx-store-hero-paused .skp-app-tile,
body.nx-store-motion.nx-store-page-paused .skp-app-tile { animation-play-state: paused !important; }
body.nx-store-motion .nx-motion-in {
  animation: nx-store-arrive .46s cubic-bezier(.2,.7,.2,1);
}
/* An explicit store preference may opt in without changing the OS preference. */
body.nx-store-motion-user .skp-promotion:not([hidden]) .skp-app-tile { animation-duration: 6s !important; }
body.nx-store-motion-user .skp-promotion.is-active .skp-promotion-copy { animation-duration: .38s !important; }
body.nx-store-motion-user .nx-motion-in { animation-duration: .46s !important; }
body.nx-store-motion :is(.skp-promotion-copy>a,.store-product-bottom>a,.skp-mini-banner b)>:is(i,svg) {
  transition: transform .2s ease;
}
body.nx-store-motion :is(.skp-promotion-copy>a,.skp-category,.skp-category-tabs button) {
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
body.nx-store-motion :is(.skp-product,.store-product-card,.skp-mini-banner) {
  transition: transform .24s cubic-bezier(.2,.7,.2,1), border-color .2s ease;
}
@media (hover: hover) and (pointer: fine) {
  body.nx-store-motion :is(.skp-product,.store-product-card,.skp-mini-banner):hover { transform: translateY(-4px); }
  body.nx-store-motion .skp-category:hover { transform: translateY(-3px); }
  body.nx-store-motion :is(.skp-promotion-copy>a:hover,.store-product-bottom>a:hover,.skp-mini-banner:hover b)>:is(i,svg) { transform: translateX(3px); }
  body.nx-store-motion .skp-mini-banner>img { transition: transform .3s ease; }
  body.nx-store-motion .skp-mini-banner:hover>img { transform: rotate(-6deg) scale(1.05); }
}
body.nx-store-motion :is(.skp-promotion-copy>a,.skp-category,.skp-mini-banner,.skp-category-tabs button):active { transform: scale(.98); }
@media (max-width: 767px) {
  body.nx-store-motion .skp-promotion:not([hidden]) .skp-app-tile { animation-duration: 5s; animation-iteration-count: 2; }
  body.nx-store-motion .nx-motion-in { animation-duration: .34s; }
  body.nx-store-motion-user .skp-promotion:not([hidden]) .skp-app-tile { animation-duration: 5s !important; }
  body.nx-store-motion-user .nx-motion-in { animation-duration: .34s !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.nx-store-motion:not(.nx-store-motion-user) :is(.skp-app-tile,.skp-promotion-copy,.nx-motion-in) { animation: none !important; }
  body.nx-store-motion:not(.nx-store-motion-user) :is(.skp-product,.store-product-card,.skp-mini-banner,.skp-category,.skp-category-tabs button,.skp-promotion-copy>a),
  body.nx-store-motion:not(.nx-store-motion-user) .skp-mini-banner>img { transition: none !important; transform: none !important; }
}


/* public/client/css/logo-motion.css */
/* Animate the visible logo as well as its vector artwork. Geometry stays fixed. */
.nx-customer .nx-live-brand { position: relative; isolation: isolate; }
.nx-customer .nx-live-brand[data-logo-motion="on"]>img,
.nx-customer .nx-live-brand[data-logo-motion="on"]>.nx-brand-svg {
  transform-origin: center;
  animation: nx-brand-breathe 3.8s ease-in-out infinite !important;
}
@keyframes nx-brand-breathe {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@supports (mask-image: linear-gradient(#000,#000)) or (-webkit-mask-image: linear-gradient(#000,#000)) {
  .nx-customer .nx-live-brand[data-logo-motion="on"]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(105deg,transparent 38%,#bceaffdd 48%,#ffffffee 51%,transparent 62%);
    background-size: 280% 100%;
    background-position: 140% 0;
    -webkit-mask: var(--nx-logo-mask) center / contain no-repeat;
    mask: var(--nx-logo-mask) center / contain no-repeat;
    animation: nx-brand-light 3.8s ease-in-out infinite, nx-brand-breathe 3.8s ease-in-out infinite !important;
  }
}
@keyframes nx-brand-light {
  0%, 8% { background-position: 140% 0; opacity: 0; }
  15% { opacity: .85; }
  60% { background-position: -100% 0; opacity: .85; }
  70%, 100% { background-position: -100% 0; opacity: 0; }
}
.nx-customer .nx-live-brand[data-logo-motion="off"]>img { animation: none !important; transform: none; }

.nx-brand-svg { display: block; max-width: 100%; --logo-ink:#192c38; --logo-accent:#365f7d; --logo-highlight:#658fa8; }
html[data-customer-theme="dark"] .nx-brand-svg { --logo-ink:#e3ebef; --logo-accent:#a9c9db; --logo-highlight:#e1f3fc; }
.nx-brand-svg .nx-logo-ink { fill: var(--logo-ink); }
.nx-brand-svg .nx-logo-accent { fill: var(--logo-accent); }
.nx-brand-svg .nx-logo-emblem { transform-origin:23px 28px; transform-box:view-box; }
.nx-brand-svg .nx-logo-trace { stroke-dasharray:1; stroke-dashoffset:1; opacity:0; }
.nx-brand-svg .nx-logo-shine { opacity:0; }
.nx-brand-svg .nx-logo-node { transform-origin:37px 22px; }
.nx-brand-svg .nx-logo-orbit { stroke-dasharray:.2 .8; opacity:0; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-emblem { animation:nx-logo-emblem 3.8s ease-in-out infinite!important; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-trace { animation:nx-logo-trace 3.8s ease-in-out infinite!important; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-shine { animation:nx-logo-shine 3.8s ease-in-out infinite!important; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-node { animation:nx-logo-node 3s ease-in-out infinite!important; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-orbit { animation:nx-logo-orbit 3.8s linear infinite!important; }
.nx-live-brand[data-logo-motion="on"] .nx-logo-accent { animation:nx-logo-accent 3.8s ease-in-out infinite!important; }
.nx-live-brand[data-logo-motion="off"] .nx-logo-base { stroke-opacity:1; }
.nx-customer .header-logo>.nx-brand-svg { width:215px; height:46px; }
.nx-customer .header-media-group>a>.nx-brand-svg { width:205px; height:42px; }
.nx-customer .lsf-logo>.nx-brand-svg { width:195px; height:41px; }
.nx-customer .user-form-logo>a>.nx-brand-svg { width:240px; height:50px; }
@media(max-width:575px) { .nx-customer .header-media-group>a>.nx-brand-svg { width:185px; height:40px; } }
@keyframes nx-logo-emblem { 0%,40%,100%{transform:rotate(0)}12%{transform:rotate(-7deg)}25%{transform:rotate(5deg)} }
@keyframes nx-logo-trace { 0%,4%{stroke-dashoffset:1;opacity:0}8%{opacity:1}27%,72%{stroke-dashoffset:0;opacity:1}90%,100%{stroke-dashoffset:0;opacity:0} }
@keyframes nx-logo-shine { 0%,20%{transform:translateX(-60px);opacity:0}25%{opacity:.6}48%,100%{transform:translateX(85px);opacity:0} }
@keyframes nx-logo-node { 0%,100%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)} }
@keyframes nx-logo-orbit { 0%{stroke-dashoffset:1;opacity:.35}50%{opacity:.8}100%{stroke-dashoffset:0;opacity:.35} }
@keyframes nx-logo-accent { 0%,38%,100%{fill:var(--logo-accent)}58%{fill:var(--logo-highlight)} }


/* public/client/css/header-state.css */
/* Keep one sticky stacking context and one height while scrolling. */
.nx-customer .header-part,
.nx-customer .header-part.active {
  position: sticky;
  top: 0;
  z-index: 50;
  isolation: isolate;
  transition: box-shadow .18s ease, border-color .18s ease;
}
.nx-customer .header-part .header-content,
.nx-customer .header-part.active .header-content {
  padding-top: 12px;
  padding-bottom: 12px;
  transition: none;
}
.nx-customer .skp-promotion-stage { isolation: isolate; }