:root {
    --mogai-primary: #4f8ff3;
    --mogai-primary-dark: #3f79d0;
    --mogai-secondary: #73a9ff;
    --mogai-background: #edf5ff;
    --mogai-surface: rgba(255, 255, 255, 0.92);
    --mogai-surface-elevated: rgba(248, 252, 255, 0.96);
    --mogai-surface-muted: #f5f9ff;
    --mogai-text: #20314d;
    --mogai-text-muted: #627493;
    --mogai-border: #d8e7ff;
    --mogai-frame-outline: rgba(115, 169, 255, 0.32);
    --mogai-success: #16a34a;
    --mogai-warning: #f59e0b;
    --mogai-danger: #ef4444;
    --mogai-shadow-color: rgba(74, 130, 214, 0.16);
    --mogai-shadow-strong: rgba(74, 130, 214, 0.24);
    --mogai-background-overlay: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.36) 100%);
    --mogai-icon-tone: #4f8ff3;
    --mogai-hero-mask: radial-gradient(circle at 15% 10%, rgba(79, 143, 243, 0.14), transparent 45%), radial-gradient(circle at 85% 0%, rgba(115, 169, 255, 0.12), transparent 40%);
    --mogai-primary-soft: #edf5ff;
    --mogai-success-soft: #eaf8ef;
    --mogai-warning-soft: #fff6e6;
    --mogai-danger-soft: #fef0f0;
    --mogai-button-text: #ffffff;
    --mogai-button-subtle-text: #3f79d0;
    --mogai-font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    --mogai-radius-sm: 12px;
    --mogai-radius-md: 18px;
    --mogai-radius-lg: 24px;
    --mogai-panel-gradient: linear-gradient(180deg, var(--mogai-surface-elevated) 0%, var(--mogai-surface) 100%);
    --mogai-panel-shadow: 0 18px 42px var(--mogai-shadow-color), inset 0 1px 0 rgba(255, 255, 255, 0.20);
    --mogai-card-shadow-hover: 0 20px 38px var(--mogai-shadow-strong), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    --mogai-button-gradient: linear-gradient(135deg, var(--mogai-secondary) 0%, var(--mogai-primary) 100%);
    --mogai-button-gradient-hover: linear-gradient(135deg, var(--mogai-primary) 0%, var(--mogai-primary-dark) 100%);
    --mogai-button-shadow: 0 12px 26px var(--mogai-shadow-color), inset 0 1px 0 rgba(255, 255, 255, 0.20);
    --mogai-button-shadow-pressed: 0 8px 18px var(--mogai-shadow-color), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    --mogai-body-background-fallback: linear-gradient(180deg, #edf5ff 0%, #f8fbff 60%, #eff6ff 100%);
    --mogai-body-background-overlay: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.36) 100%);
    --mogai-body-background-image: none;
    --mogai-body-background-attachment: scroll;
    --brand: var(--mogai-primary);
    --brand-dark: var(--mogai-primary-dark);
    --brand-soft: var(--mogai-primary-soft);
    --border: var(--mogai-border);
    --surface-2: var(--mogai-surface-muted);
    --text: var(--mogai-text);
    --muted: var(--mogai-text-muted);
    --primary-from: var(--mogai-secondary);
    --primary-to: var(--mogai-primary);
    --primary-shadow: var(--mogai-shadow-color);
    --shadow-soft: 0 18px 42px var(--mogai-shadow-color);
    --brand-ring: var(--mogai-shadow-color);
    --bodyBground: var(--mogai-surface);
    --fontColor: var(--mogai-text);
}

html[data-mogai-theme] {
    color-scheme: light;
}

body {
    font-family: var(--mogai-font-sans);
    color: var(--mogai-text);
    background-color: var(--mogai-background) !important;
    background-image: var(--mogai-body-background-fallback), var(--mogai-body-background-overlay), var(--mogai-body-background-image) !important;
    background-size: cover, cover, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center top, center top, center top !important;
    background-attachment: scroll, fixed, var(--mogai-body-background-attachment) !important;
    transition: background-color 0.25s ease, color 0.25s ease;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
    color: var(--mogai-text);
}

a {
    color: var(--mogai-primary);
    text-decoration-color: var(--mogai-frame-outline);
    text-underline-offset: 0.18em;
    transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

a:hover {
    color: var(--mogai-primary-dark);
    text-decoration-color: var(--mogai-primary);
}

::placeholder {
    color: var(--mogai-text-muted);
}

hr {
    border-color: var(--mogai-border) !important;
}

.header {
    position: relative;
    z-index: 90;
}

.h-fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(12px);
    z-index: 9999;
}

.h-fix > .container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 4px 0 5px;
}

.header-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    width: 100%;
}

.logo,
.logo-text {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.logo a,
.logo-text a {
    display: flex;
    align-items: center;
}

.logo img {
    max-height: 40px;
    max-width: 180px;
}

.logo-text a span {
    font-size: clamp(19px, 2.1vw, 24px);
    color: var(--brand);
    font-weight: 700;
    letter-spacing: 0.4px;
    max-width: 40vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-container {
    flex: 1 1 auto;
    min-width: 0;
}

.nav-bar .nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    overflow: auto;
    scrollbar-width: none;
}

.nav-bar .nav::-webkit-scrollbar {
    display: none;
}

.header .nav-bar li {
    position: relative;
}

.header .nav-bar li a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    height: 34px;
    border-radius: 999px;
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
}

.header .nav-bar li em[class*="dot"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.header .nav-bar li em[class*="dot"] .fa {
    font-size: 14px;
    color: #8c93a2;
}

.header .nav-bar li a:hover {
    color: var(--brand);
    background: var(--brand-soft);
}

.header .nav-bar li.active > a,
.header .nav-bar li[class*="li-cate-"].active > a {
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-from), var(--primary-to));
    box-shadow: 0 6px 14px var(--primary-shadow);
}

.header .nav-bar ul li > ul {
    min-width: 160px;
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 888;
}

.header .nav-bar ul li.on > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.header .nav-bar ul li > ul li {
    width: 100%;
}

.header .nav-bar ul li > ul li a {
    display: block;
    width: 100%;
    padding: 8px 16px;
    border-radius: 0;
    color: #5f6b78;
    font-weight: 400;
}

.header .nav-bar ul li > ul li a:hover {
    background: #f4f7f6;
    color: var(--brand);
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 0;
    padding-left: 18px;
    min-width: max-content;
}

.header-right-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.header-theme-picker {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.header-theme-select-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 28px 0 10px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-2);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    transition: all 0.2s ease;
}

.header-theme-select-wrap:hover,
.header-theme-select-wrap:focus-within {
    background: var(--brand-soft);
    border-color: #d5e8e2;
}

.header-theme-select-wrap i.fa {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--brand);
    pointer-events: none;
}

.header-theme-select-wrap::after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: var(--muted);
    pointer-events: none;
}

.header-theme-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    height: 32px;
    width: 108px;
    min-width: 108px;
    max-width: 108px;
    padding: 0 14px 0 22px;
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
    cursor: pointer;
}

.header-theme-select:focus {
    outline: none;
}

.header-theme-select option {
    color: var(--text);
    background: #ffffff;
}

.header-account {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.header-auth-links {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--surface-2);
    flex-shrink: 0;
}

.header-auth-btn {
    height: 32px;
    padding: 0 12px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    text-decoration: none;
    border: 0;
    white-space: nowrap;
}

.header-auth-btn.is-login {
    background: transparent;
    color: #33423c;
}

.header-auth-btn.is-login:hover {
    color: var(--brand);
    background: var(--brand-soft);
}

.header-auth-btn.is-register {
    background: linear-gradient(135deg, var(--primary-from), var(--primary-to));
    color: #ffffff;
}

.header-auth-btn.is-register:hover {
    transform: translateY(-1px);
    color: #ffffff;
}

.header-auth-btn + .header-auth-btn {
    border-left: 1px solid var(--border);
}

.header-user-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 4px;
    border-radius: 999px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text);
    transition: all 0.2s ease;
    text-decoration: none;
    flex-shrink: 0;
}

.header-user-card:hover {
    background: var(--brand-soft);
    border-color: #d5e8e2;
}

.header-user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.08);
}

.header-user-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.1;
    min-width: 0;
    flex: 0 0 auto;
}

.header-user-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-user-balance {
    font-size: 12px;
    color: var(--muted);
    white-space: nowrap;
}

.header-search-order-btn .a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--brand);
    font-size: 14px;
    border: 1px solid var(--border);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    color: #ffffff !important;
}

.header-search-order-btn .a:hover {
    background: var(--brand-soft);
    color: #ffd84d !important;
}

.header-search-order-btn .a i.fa {
    color: inherit !important;
}

.m-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: #4b5563;
    border: 1px solid var(--border);
    transition: all 0.2s ease;
    cursor: pointer;
}

.m-btn:hover {
    color: var(--brand);
    background: var(--brand-soft);
}

.m-btn i.fa {
    font-size: 16px;
}

.panel,
.card,
.goods-con,
.payment-container,
.main,
form:not(.layui-form),
.footer-link-chip,
.goods-list-section,
.panel-card,
.notice-banner,
.mogai-hero,
.goods-header,
.goods-card,
.skeleton-card,
.category-panel,
.notice-panel,
.mogai-side-card,
.goods-right .form-group,
.form-group,
.qrcode-container,
.quantity-selector,
.select-pay,
.order-items th,
.order-items td,
.item-image img {
    border-color: var(--mogai-frame-outline) !important;
}

.panel,
.card,
.goods-con,
.payment-container,
.main,
form:not(.layui-form),
.footer-link-chip,
.goods-list-section,
.panel-card,
.notice-banner,
.mogai-hero,
.goods-header,
.goods-card,
.skeleton-card,
.category-panel,
.notice-panel,
.mogai-side-card,
.goods-right .form-group,
.form-group,
.qrcode-container,
.quantity-selector,
.select-pay {
    background: var(--mogai-panel-gradient) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

.goods-left,
.card-body,
.panel-body,
.goods-detail,
.markdown,
.goods-right-wrapper {
    color: var(--mogai-text);
}

.goods-left {
    border-right-color: var(--mogai-border) !important;
}

.goods-right-wrapper,
.panel-heading,
.order-items th,
.goods-sales,
.goods-stock,
.deliver-pill,
.stat-pill,
.goods-cover,
.skeleton-cover,
.quantity-selector .btn,
.goods-right .coupon-input-wrap .coupon-input,
.goods-right .coupon-input-wrap .coupon-apply-btn,
.subcategory-toggle:hover,
.subcategory-item:hover,
.goods-search-box,
.goods-sort-select,
.theme-source-item {
    background: var(--mogai-surface-muted) !important;
}

.panel-heading,
.goods-right .form-title,
.spec-title,
.card-title,
.page-title,
.panel-title,
.goods-title,
.payment-name,
.title {
    color: var(--mogai-text) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
}

.des,
.goods-price .name,
.goods-sales,
.goods-stock,
.payment-desc,
.item-info .spec,
.notice-banner-body,
.panel-sub,
.panel-sub *,
.goods-meta,
.instructions,
.footer,
.copyright,
.copyright a,
.main-footer,
.text-muted {
    color: var(--mogai-text-muted) !important;
}

.goods-price .currency,
.goods-price .price,
.item-price,
.item-total,
.goods-right .coupon-tip,
.amount {
    color: var(--mogai-danger) !important;
}

.tag .badge-success,
.badge-success {
    background: var(--mogai-success-soft) !important;
    color: var(--mogai-success) !important;
    border: 1px solid var(--mogai-frame-outline) !important;
}

.tag .badge-primary,
.badge-primary {
    background: var(--mogai-primary-soft) !important;
    color: var(--mogai-primary-dark) !important;
    border: 1px solid var(--mogai-frame-outline) !important;
}

.tag .badge-danger,
.badge-danger {
    background: var(--mogai-danger-soft) !important;
    color: var(--mogai-danger) !important;
    border: 1px solid var(--mogai-frame-outline) !important;
}

input,
select,
textarea,
.goods-search-box,
.goods-sort-select,
.goods-right .coupon-input-wrap .coupon-input,
.quantity-selector input {
    border: 1px solid var(--mogai-border) !important;
    background: var(--mogai-surface) !important;
    color: var(--mogai-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(15, 23, 42, 0.02);
    border-radius: var(--mogai-radius-sm);
}

input:focus,
select:focus,
textarea:focus,
.goods-search-box:focus-within,
.goods-sort-select:focus,
.goods-right .coupon-input-wrap .coupon-input:focus,
.select-pay.active,
.select-pay:hover {
    border-color: var(--mogai-primary) !important;
    box-shadow: 0 0 0 4px var(--mogai-shadow-color) !important;
}

.footer-nav .nav-icon,
.notice-banner-icon,
.intro a,
.goods-right .form-title i,
.spec-title i,
.goods-detail-title i,
.payment-checked,
.footer-links-title {
    color: var(--mogai-icon-tone) !important;
}

.m-btn i.fa {
    color: inherit !important;
}

.goods-search-submit,
.buy-cta,
.goods-right .buy-btn-g,
#sku-buy-btn,
#settle-btn,
button[type="submit"],
.btn-primary,
.layui-btn-primary,
.footer-nav .nav-item.active {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
    border: 1px solid transparent !important;
    box-shadow: var(--mogai-button-shadow) !important;
    transform: translateY(0);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.goods-search-submit:hover,
.buy-cta:hover,
.goods-right .buy-btn-g:hover,
#sku-buy-btn:hover,
button[type="submit"]:hover,
.btn-primary:hover,
.layui-btn-primary:hover {
    background: var(--mogai-button-gradient-hover) !important;
    color: var(--mogai-button-text) !important;
    transform: translateY(-1px);
    box-shadow: 0 16px 30px var(--mogai-shadow-strong), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.goods-search-submit:active,
.buy-cta:active,
.goods-right .buy-btn-g:active,
#sku-buy-btn:active,
button[type="submit"]:active,
.btn-primary:active,
.layui-btn-primary:active {
    transform: translateY(1px);
    box-shadow: var(--mogai-button-shadow-pressed) !important;
}

.goods-right .coupon-input-wrap .coupon-apply-btn {
    color: var(--mogai-button-subtle-text) !important;
    border: 1px solid var(--mogai-frame-outline) !important;
    box-shadow: 0 8px 18px var(--mogai-shadow-color) !important;
}

.goods-right .coupon-input-wrap .coupon-apply-btn:hover {
    background: linear-gradient(135deg, var(--mogai-secondary) 0%, var(--mogai-primary) 100%) !important;
    color: var(--mogai-button-text) !important;
}

.goods-page {
    --brand: var(--mogai-primary) !important;
    --brand-dark: var(--mogai-primary-dark) !important;
    --brand-soft: var(--mogai-primary-soft) !important;
    --accent: var(--mogai-danger) !important;
    --ink: var(--mogai-text) !important;
    --muted: var(--mogai-text-muted) !important;
    --card: var(--mogai-surface-elevated) !important;
    --line: var(--mogai-border) !important;
    background: transparent !important;
}

.goods-page::before {
    background: var(--mogai-hero-mask) !important;
}

.category-card:hover,
.category-card.is-active,
.goods-card:hover,
.mogai-side-card:hover,
.footer-link-chip:hover {
    border-color: var(--mogai-primary) !important;
    box-shadow: var(--mogai-card-shadow-hover) !important;
}

.subcategory-item,
.footer-link-chip,
.goods-sales,
.goods-stock,
.deliver-pill,
.stat-pill {
    border: 1px solid var(--mogai-border) !important;
}

.subcategory-item.is-active,
.subcategory-item.is-active:hover {
    background: linear-gradient(135deg, var(--mogai-secondary) 0%, var(--mogai-primary) 100%) !important;
    border-color: transparent !important;
    color: var(--mogai-button-text) !important;
    box-shadow: 0 10px 18px var(--mogai-shadow-color) !important;
}

.notice-banner-icon,
.subcategory-toggle,
.goods-sales,
.goods-stock {
    background: var(--mogai-primary-soft) !important;
}

.notice-banner-tag,
.panel-sub,
.category-card.is-active {
    background: var(--mogai-primary-soft) !important;
    color: var(--mogai-primary-dark) !important;
}

.main-footer {
    background: linear-gradient(180deg, var(--mogai-background) 0%, var(--mogai-surface-elevated) 100%) !important;
    color: var(--mogai-text-muted) !important;
}

.panel,
.card,
.goods-con,
.goods-card,
.category-card,
.subcategory-item,
.mogai-side-card,
.panel-card,
.notice-banner,
.goods-header,
.goods-list-section,
.category-panel,
.notice-panel,
.payment-container,
.footer-link-chip,
.select-pay,
.quantity-selector {
    border-radius: var(--mogai-radius-md) !important;
}

.category-card,
.subcategory-item,
.goods-card,
.mogai-side-card,
.panel-card,
.notice-banner,
.goods-header,
.goods-list-section,
.category-panel,
.notice-panel,
.footer-link-chip,
.select-pay,
.quantity-selector,
.goods-right .form-group,
.form-group {
    box-shadow: var(--mogai-panel-shadow) !important;
}

.header .nav-bar li a,
.footer-link-chip,
.subcategory-item,
.select-pay,
.quantity-selector .btn,
.goods-search-box,
.goods-sort-select {
    border: 1px solid transparent;
}

.header .nav-bar li a {
    font-weight: 600;
}

.goods-search-submit,
.buy-cta,
.goods-right .buy-btn-g,
#sku-buy-btn,
.header-search-order-btn .a {
    border-radius: 14px !important;
}

.goods-right .coupon-input-wrap .coupon-apply-btn,
.goods-sales,
.goods-stock,
.deliver-pill,
.stat-pill,
.notice-banner-tag,
.panel-sub {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.footer-links-row {
    border-bottom: 1px solid var(--mogai-border) !important;
}

.footer-link-chip {
    color: var(--mogai-text-muted) !important;
}

.footer-link-chip:hover,
.copyright a:hover {
    color: var(--mogai-primary-dark) !important;
}

.divider {
    color: var(--mogai-border) !important;
}

.goods-con,
.payment-container {
    border-radius: 18px !important;
}

.logo-text a,
.logo-text span,
.page-title,
.main p,
h1,
h2,
h3,
h4,
h5 {
    color: inherit;
}

.payment-container .title,
.scan-title {
    color: var(--mogai-primary) !important;
}

.qrcode {
    background: linear-gradient(135deg, var(--mogai-secondary) 0%, var(--mogai-primary) 100%) !important;
    color: var(--mogai-button-text) !important;
}

.main p a,
form a {
    border-color: var(--mogai-border) !important;
    color: var(--mogai-primary) !important;
}

.main p a:hover,
form a:hover {
    color: var(--mogai-primary-dark) !important;
}

html[data-mogai-theme="dark_geek"] .h-fix {
    background: rgba(5, 11, 24, 0.82) !important;
    border-bottom-color: rgba(56, 189, 248, 0.14) !important;
    box-shadow: 0 16px 32px rgba(2, 8, 23, 0.34) !important;
    backdrop-filter: blur(18px);
}

html[data-mogai-theme="dark_geek"] .header .nav-bar li a {
    color: #c7d4ea !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar li a:hover {
    background: rgba(37, 99, 235, 0.12) !important;
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .panel-card,
html[data-mogai-theme="dark_geek"] .goods-card,
html[data-mogai-theme="dark_geek"] .goods-list-section,
html[data-mogai-theme="dark_geek"] .notice-banner,
html[data-mogai-theme="dark_geek"] .category-panel,
html[data-mogai-theme="dark_geek"] .notice-panel,
html[data-mogai-theme="dark_geek"] .mogai-side-card,
html[data-mogai-theme="dark_geek"] .goods-header,
html[data-mogai-theme="dark_geek"] .payment-container {
    background: linear-gradient(180deg, rgba(12, 22, 40, 0.94) 0%, rgba(9, 18, 33, 0.90) 100%) !important;
    border-color: rgba(56, 189, 248, 0.14) !important;
    box-shadow: 0 24px 44px rgba(2, 8, 23, 0.42), inset 0 1px 0 rgba(148, 163, 184, 0.08) !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-box,
html[data-mogai-theme="dark_geek"] .goods-sort-select,
html[data-mogai-theme="dark_geek"] .select-pay,
html[data-mogai-theme="dark_geek"] .quantity-selector,
html[data-mogai-theme="dark_geek"] .goods-right .form-group,
html[data-mogai-theme="dark_geek"] .form-group {
    background: rgba(10, 18, 34, 0.92) !important;
    border-color: rgba(56, 189, 248, 0.16) !important;
    color: #e2e8f0 !important;
}

html[data-mogai-theme="dark_geek"] .category-panel {
    background: linear-gradient(180deg, rgba(8, 16, 31, 0.96) 0%, rgba(10, 18, 35, 0.92) 100%) !important;
    border-color: rgba(56, 189, 248, 0.14) !important;
    box-shadow: 0 26px 44px rgba(2, 8, 23, 0.34), inset 0 1px 0 rgba(148, 163, 184, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .category-card {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.94) 0%, rgba(12, 24, 46, 0.92) 100%) !important;
    border-color: rgba(56, 189, 248, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .category-card:hover,
html[data-mogai-theme="dark_geek"] .category-card.is-active {
    background: rgba(12, 24, 46, 0.94) !important;
    border-color: rgba(59, 130, 246, 0.34) !important;
    box-shadow: 0 20px 34px rgba(2, 8, 23, 0.42), inset 0 0 0 1px rgba(56, 189, 248, 0.08) !important;
}

html[data-mogai-theme="dark_geek"] .category-item,
html[data-mogai-theme="dark_geek"] .subcategory-item {
    background: linear-gradient(180deg, rgba(19, 33, 55, 0.98) 0%, rgba(23, 40, 68, 0.96) 100%) !important;
    color: #dbeafe !important;
    border-color: rgba(96, 165, 250, 0.20) !important;
    box-shadow: 0 12px 22px rgba(2, 8, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .category-item:hover,
html[data-mogai-theme="dark_geek"] .subcategory-item:hover,
html[data-mogai-theme="dark_geek"] .subcategory-item.is-active,
html[data-mogai-theme="dark_geek"] .subcategory-item.is-active:hover {
    background: linear-gradient(180deg, rgba(29, 52, 88, 0.98) 0%, rgba(33, 62, 106, 0.96) 100%) !important;
    color: #f8fbff !important;
    border-color: rgba(125, 211, 252, 0.26) !important;
    box-shadow: 0 16px 28px rgba(2, 8, 23, 0.22), 0 0 0 1px rgba(56, 189, 248, 0.10) inset !important;
}

html[data-mogai-theme="dark_geek"] .category-name,
html[data-mogai-theme="dark_geek"] .subcategory-name,
html[data-mogai-theme="dark_geek"] .category-count,
html[data-mogai-theme="dark_geek"] .category-count strong {
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .category-count,
html[data-mogai-theme="dark_geek"] .subcategory-name {
    color: #bfd2eb !important;
}

html[data-mogai-theme="dark_geek"] .category-count strong {
    color: #7dd3fc !important;
}

html[data-mogai-theme="dark_geek"] .notice-banner-icon,
html[data-mogai-theme="dark_geek"] .subcategory-toggle,
html[data-mogai-theme="dark_geek"] .goods-sales,
html[data-mogai-theme="dark_geek"] .goods-stock {
    background: rgba(37, 99, 235, 0.14) !important;
    color: #bfdbfe !important;
}

html[data-mogai-theme="dark_geek"] .subcategory-toggle {
    background: linear-gradient(180deg, rgba(25, 50, 92, 0.96) 0%, rgba(20, 40, 76, 0.94) 100%) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    color: #dbeafe !important;
    box-shadow: 0 10px 18px rgba(2, 8, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-mogai-theme="dark_geek"] .subcategory-toggle:hover {
    background: linear-gradient(180deg, rgba(32, 62, 112, 0.98) 0%, rgba(27, 53, 97, 0.96) 100%) !important;
    border-color: rgba(125, 211, 252, 0.28) !important;
    color: #f8fbff !important;
    box-shadow: 0 14px 24px rgba(2, 8, 23, 0.22), 0 0 0 1px rgba(56, 189, 248, 0.12) inset !important;
}

html[data-mogai-theme="dark_geek"] .category-card.is-expanded .subcategory-toggle,
html[data-mogai-theme="dark_geek"] .category-card.is-active .subcategory-toggle {
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.96) 0%, rgba(29, 78, 216, 0.94) 100%) !important;
    border-color: rgba(147, 197, 253, 0.34) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 26px rgba(29, 78, 216, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-submit,
html[data-mogai-theme="dark_geek"] .buy-cta,
html[data-mogai-theme="dark_geek"] .goods-right .buy-btn-g,
html[data-mogai-theme="dark_geek"] #sku-buy-btn,
html[data-mogai-theme="dark_geek"] .header-search-order-btn .a {
    box-shadow: 0 14px 28px rgba(29, 78, 216, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html[data-mogai-theme="dark_geek"] .goods-con {
    background: linear-gradient(180deg, rgba(9, 18, 33, 0.97) 0%, rgba(10, 20, 37, 0.95) 100%) !important;
    border-color: rgba(56, 189, 248, 0.14) !important;
    box-shadow: 0 28px 50px rgba(2, 8, 23, 0.42), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .goods-left {
    background: linear-gradient(180deg, rgba(9, 18, 33, 0.96) 0%, rgba(11, 22, 40, 0.94) 100%) !important;
    border-right-color: rgba(56, 189, 248, 0.12) !important;
}

html[data-mogai-theme="dark_geek"] .goods-right-wrapper {
    background: linear-gradient(180deg, rgba(12, 22, 40, 0.96) 0%, rgba(15, 27, 48, 0.94) 100%) !important;
}

html[data-mogai-theme="dark_geek"] .goods-right {
    background: transparent !important;
}

html[data-mogai-theme="dark_geek"] .card-title,
html[data-mogai-theme="dark_geek"] .goods-detail,
html[data-mogai-theme="dark_geek"] .goods-detail h1,
html[data-mogai-theme="dark_geek"] .goods-detail h2,
html[data-mogai-theme="dark_geek"] .goods-detail h3,
html[data-mogai-theme="dark_geek"] .goods-detail p,
html[data-mogai-theme="dark_geek"] .goods-detail li,
html[data-mogai-theme="dark_geek"] .goods-detail-title,
html[data-mogai-theme="dark_geek"] .goods-right .form-title,
html[data-mogai-theme="dark_geek"] .spec-title {
    color: #e2e8f0 !important;
}

html[data-mogai-theme="dark_geek"] .des,
html[data-mogai-theme="dark_geek"] .goods-detail blockquote,
html[data-mogai-theme="dark_geek"] .goods-detail table,
html[data-mogai-theme="dark_geek"] .goods-detail .table,
html[data-mogai-theme="dark_geek"] .goods-price .name,
html[data-mogai-theme="dark_geek"] .payment-desc {
    color: #90a4c2 !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail a,
html[data-mogai-theme="dark_geek"] .intro a {
    color: #7dd3fc !important;
}

html[data-mogai-theme="dark_geek"] .spec-option {
    background: linear-gradient(180deg, rgba(18, 31, 52, 0.98) 0%, rgba(22, 39, 66, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    color: #dbeafe !important;
    box-shadow: 0 10px 18px rgba(2, 8, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .spec-option:hover {
    background: linear-gradient(180deg, rgba(24, 43, 74, 0.98) 0%, rgba(29, 52, 88, 0.96) 100%) !important;
    border-color: rgba(125, 211, 252, 0.24) !important;
    color: #f8fbff !important;
    box-shadow: 0 14px 24px rgba(2, 8, 23, 0.20), 0 0 0 1px rgba(56, 189, 248, 0.08) inset !important;
}

html[data-mogai-theme="dark_geek"] .spec-option.active {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.96) 0%, rgba(29, 78, 216, 0.94) 100%) !important;
    border-color: rgba(147, 197, 253, 0.30) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 28px rgba(29, 78, 216, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html[data-mogai-theme="dark_geek"] .spec-option.active::after {
    color: #ffffff !important;
}

html[data-mogai-theme="dark_geek"] .spec-option.disabled {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.78) 0%, rgba(17, 24, 39, 0.76) 100%) !important;
    border-color: rgba(71, 85, 105, 0.26) !important;
    color: #64748b !important;
    box-shadow: none !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail-section {
    border-top-color: rgba(56, 189, 248, 0.12) !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail-section,
html[data-mogai-theme="dark_geek"] .goods-detail-section .goods-detail {
    background: transparent !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail strong,
html[data-mogai-theme="dark_geek"] .goods-detail b {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail span[style*="color: #e03e2d"],
html[data-mogai-theme="dark_geek"] .goods-detail span[style*="color:#e03e2d"] {
    color: #fca5a5 !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail table,
html[data-mogai-theme="dark_geek"] .goods-detail .table,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table table,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table table {
    width: 100%;
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.98) 0%, rgba(14, 27, 48, 0.96) 100%) !important;
    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 20px 34px rgba(2, 8, 23, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail table th,
html[data-mogai-theme="dark_geek"] .goods-detail table td,
html[data-mogai-theme="dark_geek"] .goods-detail .table th,
html[data-mogai-theme="dark_geek"] .goods-detail .table td,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table th,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table td,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table th,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table td {
    background: transparent !important;
    border-color: rgba(96, 165, 250, 0.14) !important;
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail table th,
html[data-mogai-theme="dark_geek"] .goods-detail .table th,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table th,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table th {
    background: linear-gradient(180deg, rgba(29, 52, 88, 0.98) 0%, rgba(23, 41, 70, 0.96) 100%) !important;
    color: #f8fbff !important;
    font-weight: 700 !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail table tr:nth-child(even) td,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table tr:nth-child(even) td,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table tr:nth-child(even) td {
    background: rgba(15, 27, 48, 0.36) !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table {
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-spec-table h3,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-spec-table h3,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-notice h3,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-notice h3 {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-content,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-content,
html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-notice,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-notice {
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail .hfcz-notice,
html[data-mogai-theme="dark_geek"] .goods-detail .hrcz-notice {
    padding: 20px 22px !important;
    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.98) 0%, rgba(12, 24, 46, 0.96) 100%) !important;
    box-shadow: 0 20px 34px rgba(2, 8, 23, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .goods-detail pre,
html[data-mogai-theme="dark_geek"] .goods-detail code,
html[data-mogai-theme="dark_geek"] .goods-detail blockquote {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(56, 189, 248, 0.14) !important;
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .payment-methods {
    padding: 10px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.94) 0%, rgba(11, 22, 40, 0.92) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.05), 0 14px 28px rgba(2, 8, 23, 0.22) !important;
}

html[data-mogai-theme="dark_geek"] .payment-item {
    background: linear-gradient(180deg, rgba(16, 28, 48, 0.98) 0%, rgba(19, 33, 55, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.14) !important;
    box-shadow: 0 12px 22px rgba(2, 8, 23, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .payment-item:hover {
    background: linear-gradient(180deg, rgba(18, 33, 58, 0.98) 0%, rgba(22, 40, 68, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.24) !important;
    box-shadow: 0 16px 28px rgba(2, 8, 23, 0.18), 0 0 0 1px rgba(56, 189, 248, 0.10) inset !important;
}

html[data-mogai-theme="dark_geek"] .payment-item.active {
    background: linear-gradient(180deg, rgba(22, 42, 73, 0.98) 0%, rgba(26, 51, 89, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.22), 0 0 0 1px rgba(56, 189, 248, 0.16) inset !important;
}

html[data-mogai-theme="dark_geek"] .payment-name {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .payment-desc {
    color: #a9bdd8 !important;
}

html[data-mogai-theme="dark_geek"] .payment-icon {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(226, 232, 240, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 8px 18px rgba(2, 8, 23, 0.10) !important;
}

html[data-mogai-theme="dark_geek"] .category-icon,
html[data-mogai-theme="dark_geek"] .subcategory-icon {
    background: linear-gradient(180deg, rgba(16, 28, 48, 0.98) 0%, rgba(20, 36, 60, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    box-shadow: 0 10px 18px rgba(2, 8, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .goods-card .goods-cover,
html[data-mogai-theme="dark_geek"] .goods-left .goods-cover {
    background: linear-gradient(180deg, rgba(15, 27, 48, 0.98) 0%, rgba(19, 33, 55, 0.96) 100%) !important;
    border: 1px solid rgba(96, 165, 250, 0.20) !important;
    box-shadow: 0 14px 24px rgba(2, 8, 23, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .goods-card .goods-cover img,
html[data-mogai-theme="dark_geek"] .goods-left .goods-cover img {
    border-radius: inherit;
}

html[data-mogai-theme="dark_geek"] .goods-card:hover .goods-cover,
html[data-mogai-theme="dark_geek"] .goods-left .goods-cover:hover {
    border-color: rgba(125, 211, 252, 0.28) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.26), 0 0 0 1px rgba(56, 189, 248, 0.12) inset !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-group {
    padding: 12px !important;
    background: linear-gradient(180deg, rgba(9, 18, 33, 0.94) 0%, rgba(12, 22, 40, 0.90) 100%) !important;
    border-color: rgba(56, 189, 248, 0.16) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.28), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-head {
    margin-bottom: 8px !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-group h3 {
    color: #dbeafe !important;
    letter-spacing: 0.02em;
}

html[data-mogai-theme="dark_geek"] .mogai-side-card {
    min-height: 84px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    background: linear-gradient(180deg, rgba(23, 33, 54, 0.96) 0%, rgba(28, 41, 66, 0.94) 100%) !important;
    box-shadow: 0 14px 24px rgba(2, 8, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-card:hover {
    border-color: rgba(96, 165, 250, 0.28) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.22), 0 0 0 1px rgba(37, 99, 235, 0.16) inset !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-card img {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 8px 18px rgba(2, 8, 23, 0.22) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-meta {
    gap: 8px !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-title {
    color: #eff6ff !important;
    font-size: 14px !important;
}

html[data-mogai-theme="dark_geek"] .mogai-side-btn {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html[data-mogai-theme="dark_geek"] .goods-sort-box {
    position: relative;
}

html[data-mogai-theme="dark_geek"] .goods-sort-box::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: 13px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(96, 165, 250, 0.22) 0%, rgba(37, 99, 235, 0.26) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 18px rgba(2, 8, 23, 0.18);
    pointer-events: none;
}

html[data-mogai-theme="dark_geek"] .goods-sort-box::before {
    content: "";
    position: absolute;
    right: 22px;
    bottom: 25px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #dbeafe;
    border-bottom: 2px solid #dbeafe;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 1;
}

html[data-mogai-theme="dark_geek"] .goods-sort-label {
    color: #a9bdd8 !important;
}

html[data-mogai-theme="dark_geek"] .goods-sort-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 46px !important;
    background-image: none !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar li a {
    color: #d7e6f8 !important;
    background: rgba(12, 23, 42, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar li a:hover {
    background: linear-gradient(180deg, rgba(22, 40, 69, 0.92) 0%, rgba(26, 48, 84, 0.90) 100%) !important;
    color: #f8fbff !important;
    box-shadow: 0 12px 20px rgba(2, 8, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar li.active > a,
html[data-mogai-theme="dark_geek"] .header .nav-bar li[class*="li-cate-"].active > a {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 28px rgba(29, 78, 216, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar ul li > ul {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.98) 0%, rgba(12, 24, 46, 0.96) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.30) !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar ul li > ul li a {
    color: #c5d8ef !important;
}

html[data-mogai-theme="dark_geek"] .header .nav-bar ul li > ul li a:hover {
    background: rgba(37, 99, 235, 0.14) !important;
    color: #f8fbff !important;
}

html[data-mogai-theme="dark_geek"] .header-auth-links,
html[data-mogai-theme="dark_geek"] .header-user-card {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.96) 0%, rgba(13, 24, 45, 0.94) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 14px 24px rgba(2, 8, 23, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .header-auth-btn.is-login {
    color: #dbeafe !important;
    background: transparent !important;
}

html[data-mogai-theme="dark_geek"] .header-auth-btn.is-login:hover {
    background: rgba(37, 99, 235, 0.14) !important;
    color: #ffffff !important;
}

html[data-mogai-theme="dark_geek"] .header-auth-btn.is-register,
html[data-mogai-theme="dark_geek"] .header-search-order-btn .a {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border-color: rgba(147, 197, 253, 0.24) !important;
    box-shadow: 0 16px 28px rgba(29, 78, 216, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .header-search-order-btn .a:hover,
html[data-mogai-theme="dark_geek"] .header-auth-btn.is-register:hover {
    background: linear-gradient(135deg, #7dd3fc 0%, #2563eb 100%) !important;
    color: #fef08a !important;
}

html[data-mogai-theme="dark_geek"] .header-user-card:hover {
    background: linear-gradient(180deg, rgba(14, 28, 52, 0.98) 0%, rgba(18, 34, 62, 0.96) 100%) !important;
    border-color: rgba(125, 211, 252, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .header-user-name {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .header-user-balance {
    color: #a9bdd8 !important;
}

html[data-mogai-theme="dark_geek"] .main-footer {
    background: linear-gradient(180deg, rgba(6, 13, 25, 0.98) 0%, rgba(9, 18, 33, 0.96) 100%) !important;
    border-top: 1px solid rgba(56, 189, 248, 0.12) !important;
    color: #97abc7 !important;
}

html[data-mogai-theme="dark_geek"] .footer-links-title,
html[data-mogai-theme="dark_geek"] .copyright,
html[data-mogai-theme="dark_geek"] .copyright a,
html[data-mogai-theme="dark_geek"] .main-footer a {
    color: #bdd2eb !important;
}

html[data-mogai-theme="dark_geek"] .footer-links-row {
    border-bottom-color: rgba(56, 189, 248, 0.10) !important;
}

html[data-mogai-theme="dark_geek"] .footer-link-chip {
    background: linear-gradient(180deg, rgba(14, 27, 48, 0.96) 0%, rgba(18, 33, 59, 0.94) 100%) !important;
    border-color: rgba(96, 165, 250, 0.16) !important;
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .footer-link-chip:hover,
html[data-mogai-theme="dark_geek"] .copyright a:hover,
html[data-mogai-theme="dark_geek"] .main-footer a:hover {
    color: #7dd3fc !important;
    border-color: rgba(125, 211, 252, 0.22) !important;
    background: linear-gradient(180deg, rgba(23, 41, 70, 0.98) 0%, rgba(27, 49, 85, 0.96) 100%) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-hero {
    background: linear-gradient(180deg, rgba(9, 18, 33, 0.96) 0%, rgba(12, 22, 40, 0.92) 100%) !important;
    border-color: rgba(56, 189, 248, 0.14) !important;
    box-shadow: 0 24px 40px rgba(2, 8, 23, 0.28), inset 0 1px 0 rgba(148, 163, 184, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-hero-slider {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.98) 0%, rgba(15, 27, 48, 0.94) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.22) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-hero-caption {
    background: linear-gradient(135deg, rgba(29, 78, 216, 0.54) 0%, rgba(14, 165, 233, 0.38) 100%) !important;
    color: #f8fbff !important;
    text-shadow: 0 2px 10px rgba(2, 8, 23, 0.24);
    box-shadow: 0 16px 30px rgba(2, 8, 23, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-hero-dots button {
    background: rgba(191, 219, 254, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .mogai-hero-dots button.is-active {
    background: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18) !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-box {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.94) 0%, rgba(12, 24, 46, 0.92) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 12px 22px rgba(2, 8, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-box:focus-within,
html[data-mogai-theme="dark_geek"] .goods-sort-select:focus {
    border-color: rgba(125, 211, 252, 0.28) !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-icon,
html[data-mogai-theme="dark_geek"] .goods-sort-label {
    color: #a9bdd8 !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-input,
html[data-mogai-theme="dark_geek"] .goods-sort-select {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-input::placeholder {
    color: #7f95b4 !important;
}

html[data-mogai-theme="dark_geek"] .goods-search-submit {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

html[data-mogai-theme="dark_geek"] {
    color-scheme: dark;
}

html[data-mogai-theme="dark_geek"] body,
html[data-mogai-theme="dark_geek"] .main,
html[data-mogai-theme="dark_geek"] .card-body,
html[data-mogai-theme="dark_geek"] .panel-body,
html[data-mogai-theme="dark_geek"] .goods-detail,
html[data-mogai-theme="dark_geek"] .markdown,
html[data-mogai-theme="dark_geek"] .item-info,
html[data-mogai-theme="dark_geek"] .payment-desc,
html[data-mogai-theme="dark_geek"] .panel-sub,
html[data-mogai-theme="dark_geek"] .instructions,
html[data-mogai-theme="dark_geek"] .goods-meta,
html[data-mogai-theme="dark_geek"] .des {
    color: #dbeafe !important;
}

html[data-mogai-theme="dark_geek"] .text-muted,
html[data-mogai-theme="dark_geek"] .muted,
html[data-mogai-theme="dark_geek"] .goods-stock,
html[data-mogai-theme="dark_geek"] .goods-sales,
html[data-mogai-theme="dark_geek"] .item-info .spec,
html[data-mogai-theme="dark_geek"] .goods-price .name,
html[data-mogai-theme="dark_geek"] .panel-sub,
html[data-mogai-theme="dark_geek"] .panel-sub *,
html[data-mogai-theme="dark_geek"] .copyright,
html[data-mogai-theme="dark_geek"] .copyright a {
    color: #9db0c8 !important;
}

html[data-mogai-theme="dark_geek"] a,
html[data-mogai-theme="dark_geek"] .main a,
html[data-mogai-theme="dark_geek"] .panel a,
html[data-mogai-theme="dark_geek"] .card a,
html[data-mogai-theme="dark_geek"] .goods-detail a,
html[data-mogai-theme="dark_geek"] .coupon-change-link,
html[data-mogai-theme="dark_geek"] .item-info a {
    color: #7dd3fc !important;
    text-decoration-color: rgba(125, 211, 252, 0.28) !important;
}

html[data-mogai-theme="dark_geek"] a:hover,
html[data-mogai-theme="dark_geek"] .main a:hover,
html[data-mogai-theme="dark_geek"] .panel a:hover,
html[data-mogai-theme="dark_geek"] .card a:hover,
html[data-mogai-theme="dark_geek"] .goods-detail a:hover,
html[data-mogai-theme="dark_geek"] .coupon-change-link:hover,
html[data-mogai-theme="dark_geek"] .item-info a:hover {
    color: #dbeafe !important;
    text-decoration-color: rgba(219, 234, 254, 0.34) !important;
}

html[data-mogai-theme="dark_geek"] .panel,
html[data-mogai-theme="dark_geek"] .card,
html[data-mogai-theme="dark_geek"] .panel-heading,
html[data-mogai-theme="dark_geek"] .panel-body,
html[data-mogai-theme="dark_geek"] .order-items,
html[data-mogai-theme="dark_geek"] .mode-payment,
html[data-mogai-theme="dark_geek"] .qrcode-container,
html[data-mogai-theme="dark_geek"] .amount-bar,
html[data-mogai-theme="dark_geek"] .drawer-footer {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.96) 0%, rgba(13, 24, 45, 0.94) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 18px 30px rgba(2, 8, 23, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-mogai-theme="dark_geek"] .panel-heading,
html[data-mogai-theme="dark_geek"] .panel-title,
html[data-mogai-theme="dark_geek"] .title,
html[data-mogai-theme="dark_geek"] .card-title,
html[data-mogai-theme="dark_geek"] .goods-title .title-text,
html[data-mogai-theme="dark_geek"] .goods-right .form-title,
html[data-mogai-theme="dark_geek"] .spec-title,
html[data-mogai-theme="dark_geek"] .payment-name,
html[data-mogai-theme="dark_geek"] .page-title {
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .order-items th,
html[data-mogai-theme="dark_geek"] .order-items td,
html[data-mogai-theme="dark_geek"] .panel,
html[data-mogai-theme="dark_geek"] .card,
html[data-mogai-theme="dark_geek"] .panel-heading,
html[data-mogai-theme="dark_geek"] .panel-body,
html[data-mogai-theme="dark_geek"] .goods-con,
html[data-mogai-theme="dark_geek"] .goods-card,
html[data-mogai-theme="dark_geek"] .goods-cover,
html[data-mogai-theme="dark_geek"] .item-image img,
html[data-mogai-theme="dark_geek"] .select-pay,
html[data-mogai-theme="dark_geek"] .quantity-selector,
html[data-mogai-theme="dark_geek"] .quantity-btn,
html[data-mogai-theme="dark_geek"] .quantity-input,
html[data-mogai-theme="dark_geek"] .goods-right .coupon-input-wrap .coupon-input,
html[data-mogai-theme="dark_geek"] .goods-right .coupon-input-wrap .coupon-apply-btn,
html[data-mogai-theme="dark_geek"] .layui-input,
html[data-mogai-theme="dark_geek"] .layui-textarea,
html[data-mogai-theme="dark_geek"] .layui-select,
html[data-mogai-theme="dark_geek"] .layui-layer,
html[data-mogai-theme="dark_geek"] .layui-layer-title {
    border-color: rgba(96, 165, 250, 0.18) !important;
}

html[data-mogai-theme="dark_geek"] .goods-price .currency,
html[data-mogai-theme="dark_geek"] .goods-price .price,
html[data-mogai-theme="dark_geek"] .item-price,
html[data-mogai-theme="dark_geek"] .item-total,
html[data-mogai-theme="dark_geek"] .total-price,
html[data-mogai-theme="dark_geek"] .dynamic-price,
html[data-mogai-theme="dark_geek"] .amount {
    color: #fca5a5 !important;
}

html[data-mogai-theme="dark_geek"] .tag .badge-success,
html[data-mogai-theme="dark_geek"] .badge-success {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #86efac !important;
    border: 1px solid rgba(34, 197, 94, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .tag .badge-primary,
html[data-mogai-theme="dark_geek"] .badge-primary {
    background: rgba(37, 99, 235, 0.16) !important;
    color: #bfdbfe !important;
    border: 1px solid rgba(96, 165, 250, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .tag .badge-danger,
html[data-mogai-theme="dark_geek"] .badge-danger {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(248, 113, 113, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .goods-right .coupon-input-wrap .coupon-input,
html[data-mogai-theme="dark_geek"] .quantity-input,
html[data-mogai-theme="dark_geek"] .layui-input,
html[data-mogai-theme="dark_geek"] .layui-textarea {
    background: linear-gradient(180deg, rgba(10, 18, 34, 0.96) 0%, rgba(13, 24, 45, 0.94) 100%) !important;
    color: #eff6ff !important;
}

html[data-mogai-theme="dark_geek"] .goods-right .coupon-input-wrap .coupon-input::placeholder,
html[data-mogai-theme="dark_geek"] .layui-input::placeholder,
html[data-mogai-theme="dark_geek"] .layui-textarea::placeholder,
html[data-mogai-theme="dark_geek"] .quantity-input::placeholder {
    color: #7f95b4 !important;
}

html[data-mogai-theme="dark_geek"] .quantity-btn,
html[data-mogai-theme="dark_geek"] .btn.decrease,
html[data-mogai-theme="dark_geek"] .btn.increase,
html[data-mogai-theme="dark_geek"] .select-pay {
    background: linear-gradient(180deg, rgba(18, 31, 52, 0.98) 0%, rgba(22, 39, 66, 0.96) 100%) !important;
    color: #dbeafe !important;
    box-shadow: 0 10px 18px rgba(2, 8, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-mogai-theme="dark_geek"] .quantity-btn:hover,
html[data-mogai-theme="dark_geek"] .btn.decrease:hover,
html[data-mogai-theme="dark_geek"] .btn.increase:hover,
html[data-mogai-theme="dark_geek"] .select-pay:hover {
    background: linear-gradient(180deg, rgba(24, 43, 74, 0.98) 0%, rgba(29, 52, 88, 0.96) 100%) !important;
    color: #f8fbff !important;
    border-color: rgba(125, 211, 252, 0.24) !important;
}

html[data-mogai-theme="dark_geek"] .select-pay.active,
html[data-mogai-theme="dark_geek"] .layui-this,
html[data-mogai-theme="dark_geek"] .active > .select-pay {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    border-color: rgba(147, 197, 253, 0.30) !important;
    box-shadow: 0 16px 28px rgba(29, 78, 216, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html[data-mogai-theme="dark_geek"] .btn,
html[data-mogai-theme="dark_geek"] .layui-btn,
html[data-mogai-theme="dark_geek"] button[type="submit"],
html[data-mogai-theme="dark_geek"] .drawer-btn,
html[data-mogai-theme="dark_geek"] .confirm-btn button,
html[data-mogai-theme="dark_geek"] .btn-primary,
html[data-mogai-theme="dark_geek"] .layui-btn-primary {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border-color: rgba(147, 197, 253, 0.24) !important;
    box-shadow: 0 14px 28px rgba(29, 78, 216, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-mogai-theme="dark_geek"] .btn:hover,
html[data-mogai-theme="dark_geek"] .layui-btn:hover,
html[data-mogai-theme="dark_geek"] button[type="submit"]:hover,
html[data-mogai-theme="dark_geek"] .drawer-btn:hover,
html[data-mogai-theme="dark_geek"] .confirm-btn button:hover,
html[data-mogai-theme="dark_geek"] .btn-primary:hover,
html[data-mogai-theme="dark_geek"] .layui-btn-primary:hover {
    background: linear-gradient(135deg, #7dd3fc 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

html[data-mogai-theme="dark_geek"] .goods-card,
html[data-mogai-theme="dark_geek"] .item-image img,
html[data-mogai-theme="dark_geek"] .goods-cover,
html[data-mogai-theme="dark_geek"] .goods-cover img,
html[data-mogai-theme="dark_geek"] .skeleton-cover,
html[data-mogai-theme="dark_geek"] .payment-icon,
html[data-mogai-theme="dark_geek"] .category-icon,
html[data-mogai-theme="dark_geek"] .subcategory-icon,
html[data-mogai-theme="dark_geek"] .mogai-side-card img {
    border-color: rgba(96, 165, 250, 0.20) !important;
}

html[data-mogai-theme="dark_geek"] .goods-card:hover,
html[data-mogai-theme="dark_geek"] .item-image img:hover,
html[data-mogai-theme="dark_geek"] .goods-cover:hover,
html[data-mogai-theme="dark_geek"] .payment-item.active,
html[data-mogai-theme="dark_geek"] .category-card.is-active,
html[data-mogai-theme="dark_geek"] .subcategory-item.is-active {
    border-color: rgba(125, 211, 252, 0.28) !important;
}

html[data-mogai-theme="dark_geek"] .empty-state,
html[data-mogai-theme="dark_geek"] .empty-icon,
html[data-mogai-theme="dark_geek"] .empty-copy {
    color: #9db0c8 !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) {
    --mogai-enhanced-panel-bg: linear-gradient(180deg, var(--mogai-surface-elevated) 0%, var(--mogai-surface) 100%);
    --mogai-enhanced-card-bg: linear-gradient(180deg, var(--mogai-surface) 0%, var(--mogai-surface-muted) 100%);
    --mogai-enhanced-soft-bg: linear-gradient(180deg, var(--mogai-primary-soft) 0%, var(--mogai-surface-elevated) 100%);
    --mogai-enhanced-category-panel-bg: linear-gradient(180deg, var(--mogai-surface-elevated) 0%, var(--mogai-surface) 100%);
    --mogai-enhanced-category-card-bg: linear-gradient(180deg, var(--mogai-surface-elevated) 0%, var(--mogai-surface-muted) 100%);
    --mogai-enhanced-category-card-active-bg: linear-gradient(180deg, var(--mogai-primary-soft) 0%, var(--mogai-surface-elevated) 100%);
    --mogai-enhanced-category-chip-bg: linear-gradient(180deg, var(--mogai-surface) 0%, var(--mogai-surface-muted) 100%);
    --mogai-enhanced-category-chip-hover-bg: linear-gradient(180deg, var(--mogai-primary-soft) 0%, var(--mogai-surface) 100%);
    --mogai-enhanced-soft-shadow: 0 18px 34px var(--mogai-shadow-color);
    --mogai-enhanced-link: var(--mogai-icon-tone);
    --mogai-enhanced-link-hover: var(--mogai-primary-dark);
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-panel {
    background: var(--mogai-enhanced-category-panel-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-card {
    background: var(--mogai-enhanced-category-card-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-card:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-card.is-active {
    background: var(--mogai-enhanced-category-card-active-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-card-shadow-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-name,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-name {
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-count {
    color: var(--mogai-text-muted) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-count strong {
    color: var(--mogai-secondary) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-item,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-item {
    background: var(--mogai-enhanced-category-chip-bg) !important;
    color: var(--mogai-text) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-item:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-item:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-item.is-active,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-item.is-active:hover {
    background: var(--mogai-enhanced-category-chip-hover-bg) !important;
    color: var(--mogai-text) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-card-shadow-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-toggle {
    background: linear-gradient(180deg, var(--mogai-primary-soft) 0%, var(--mogai-surface-elevated) 100%) !important;
    border-color: var(--mogai-frame-outline) !important;
    color: var(--mogai-icon-tone) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-toggle:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-card.is-expanded .subcategory-toggle,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-card.is-active .subcategory-toggle {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
    border-color: transparent !important;
    box-shadow: var(--mogai-button-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mogai-side-card,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right-wrapper,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail-section,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .hfcz-content,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .hrcz-content,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .hfcz-notice,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .hrcz-notice {
    background: var(--mogai-enhanced-panel-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail table,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .table,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hfcz-spec-table table,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hrcz-spec-table table {
    background: var(--mogai-enhanced-card-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail table td,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail .table td,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hfcz-spec-table td,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hrcz-spec-table td {
    color: var(--mogai-text) !important;
    border-color: var(--mogai-border) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) body,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .main,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .card-body,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .panel-body,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .markdown {
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .main a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .coupon-change-link {
    color: var(--mogai-enhanced-link) !important;
    text-decoration-color: var(--mogai-frame-outline) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) a:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .main a:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail a:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .coupon-change-link:hover {
    color: var(--mogai-enhanced-link-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .h-fix,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-auth-links,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-user-card,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select-wrap,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .panel,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .card,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-con,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-card,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-header,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-list-section,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .notice-banner,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .notice-panel,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mogai-hero,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mogai-side-group,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-container,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .main-footer {
    background: var(--mogai-enhanced-panel-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header .nav-bar li a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-user-name,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-title .title-text,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .panel-title,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail-title,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .page-title {
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header .nav-bar li a:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-card:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .footer-link-chip:hover {
    background: var(--mogai-enhanced-soft-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-card-shadow-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select-wrap:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select-wrap:focus-within {
    background: var(--mogai-enhanced-soft-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-card-shadow-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select-wrap i.fa,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select-wrap::after {
    color: var(--mogai-icon-tone) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-theme-select option {
    background: var(--mogai-surface-elevated) !important;
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header .nav-bar li.active > a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header .nav-bar li[class*="li-cate-"].active > a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-auth-btn.is-register,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-search-order-btn .a,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-search-submit,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .buy-cta,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right .buy-btn-g,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #sku-buy-btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .layui-btn {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
    border-color: transparent !important;
    box-shadow: var(--mogai-button-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-search-order-btn .a:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .header-auth-btn.is-register:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-search-submit:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .buy-cta:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right .buy-btn-g:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .btn:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .layui-btn:hover {
    background: var(--mogai-button-gradient-hover) !important;
    color: var(--mogai-button-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-search-box,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-sort-select,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .select-pay,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .quantity-selector,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .quantity-btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .quantity-input,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .spec-option,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-item {
    background: var(--mogai-enhanced-card-bg) !important;
    color: var(--mogai-text) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-search-box:focus-within,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-sort-select:focus,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .select-pay:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .quantity-btn:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .spec-option:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-item:hover {
    background: var(--mogai-enhanced-soft-bg) !important;
    color: var(--mogai-text) !important;
    border-color: var(--mogai-frame-outline) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .select-pay.active,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-item.active,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .spec-option.active {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
    border-color: transparent !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-cover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .item-image img,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .category-icon,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .subcategory-icon,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-icon,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mogai-side-card img {
    background: var(--mogai-surface-muted) !important;
    border-color: var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .order-items th,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail table th,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hfcz-spec-table th,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .hrcz-spec-table th {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-content,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mode-payment,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .submit-order,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .amount-bar,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-footer,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .order-container,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .log-con.blog-container,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) [id^="cart-"],
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup > div {
    background: var(--mogai-enhanced-panel-bg) !important;
    border-color: var(--mogai-frame-outline) !important;
    color: var(--mogai-text) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-content,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .mode-payment,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .submit-order,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-footer,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup > div:last-child {
    border-top: 1px solid var(--mogai-frame-outline) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail p,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail li,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail h1,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail h2,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-detail h3,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .item-info .title,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) [id^="cart-"] h1,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-content {
    color: var(--mogai-text) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .payment-desc,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right .coupon-tip,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .item-info .spec,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) [id^="cart-"] p,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .order-items td::before {
    color: var(--mogai-text-muted) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right .coupon-change-link,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .edit-sku-btn {
    color: var(--mogai-enhanced-link) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .goods-right .coupon-change-link:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .edit-sku-btn:hover {
    color: var(--mogai-enhanced-link-hover) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .confirm-btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-actions {
    background: transparent !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .drawer-btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup .btn,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup .sku {
    border-radius: 12px !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup .sku {
    background: var(--mogai-enhanced-card-bg) !important;
    color: var(--mogai-text) !important;
    border: 1px solid var(--mogai-frame-outline) !important;
    box-shadow: var(--mogai-panel-shadow) !important;
    padding: 8px 12px !important;
    margin: 6px 8px 0 0 !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup .sku:hover,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup .bh-sku-selected {
    background: var(--mogai-button-gradient) !important;
    color: var(--mogai-button-text) !important;
    border-color: transparent !important;
    box-shadow: var(--mogai-button-shadow) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) [id^="cart-"] input[type="text"],
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) #edit-sku-popup input[type="text"] {
    background: var(--mogai-surface) !important;
    color: var(--mogai-text) !important;
    border: 1px solid var(--mogai-border) !important;
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .select-cart {
    accent-color: var(--mogai-primary);
}

html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) .back-top,
html:is(
    [data-mogai-theme="current_default"],
    [data-mogai-theme="tech_blue_white"],
    [data-mogai-theme="dark_geek"],
    [data-mogai-theme="black_gold"],
    [data-mogai-theme="cyber_purple_blue"],
    [data-mogai-theme="green_secure"],
    [data-mogai-theme="orange_promo"],
    [data-mogai-theme="red_black_esports"],
    [data-mogai-theme="cyan_white_minimal"],
    [data-mogai-theme="pink_purple_young"],
    [data-mogai-theme="gray_blue_business"]
) hr.bottom-5 {
    color: var(--mogai-border) !important;
    border-color: var(--mogai-border) !important;
}

@media (max-width: 1200px) {
    .header-search-order-btn {
        display: none;
    }

    .header-theme-select {
        width: 102px;
        min-width: 102px;
        max-width: 102px;
    }

    .nav-bar .nav {
        gap: 4px;
    }
}

@media (max-width: 992px) {
    .header-bar {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .header-right {
        margin-right: 0;
        padding-left: 0;
    }

    .nav-container {
        order: 3;
        width: 100%;
    }

    .nav-bar .nav {
        padding-bottom: 6px;
    }

    .header-user-name {
        max-width: 90px;
    }
}

@media (max-width: 768px) {
    .header-bar {
        min-height: 54px;
        gap: 10px;
    }

    .logo img {
        max-height: 36px;
    }

    .logo-text a span {
        max-width: 60vw;
        font-size: 19px;
    }

    .header-right-btn {
        gap: 6px;
    }

    .header-theme-picker {
        display: none;
    }

    .header-auth-btn {
        height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .header-user-card {
        padding: 4px 10px 4px 4px;
        gap: 8px;
    }

    .header-user-avatar {
        width: 30px;
        height: 30px;
    }

    .header-user-name {
        max-width: 72px;
        font-size: 13px;
    }

    .header-user-balance {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .m-btn {
        width: 34px;
        height: 34px;
    }

    .header-bar {
        gap: 10px;
    }
}