:root {
    --pfamily: 'Roboto', sans-serif;
    --display-family: 'Saira Semi Condensed', 'Roboto', sans-serif;
    --primary: #b68b4d;
    --primary1: #e1bd7d;
    --lux-bg: #0c0a09;
    --lux-surface: #171311;
    --lux-surface-soft: #211a16;
    --lux-border: rgba(212, 175, 111, 0.16);
    --lux-text: #d8c6af;
    --lux-heading: #f6ead8;
    --lux-text-strong: #efe4d3;
    --lux-muted: #a89479;
    --lux-gold: #d4af6f;
    --lux-gold-strong: #f0d29c;
    --lux-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

html,
body {
    background:
        radial-gradient(circle at top left, rgba(212, 175, 111, 0.08), transparent 24%),
        linear-gradient(180deg, #0a0908 0%, #100d0b 100%);
}

body,
button,
input,
select,
textarea,
a,
span,
p,
li,
label {
    font-family: var(--pfamily) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.footer-title,
.my-wallet h3,
.home-heading h3 {
    font-family: var(--display-family) !important;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body {
    color: var(--lux-text);
}

body,
.account-card,
.feature-card,
.blog-card,
.tool-card,
.shop-widget,
.blog-widget,
.payment-card,
.profile-card,
.contact-card,
.faq-child,
.policy-content,
.navbar-content,
.header-content,
.header-top .row,
.footer-widget,
.footer-bottom,
.modal-form,
.user-form-card {
    color: var(--lux-text-strong);
}

.header-top,
.header-part,
.navbar-part,
.footer-part {
    background: transparent;
}

.header-part.active {
    background: transparent !important;
    box-shadow: none !important;
    z-index: 50;
}

.header-part.active .header-content {
    padding: 18px 24px !important;
    background: linear-gradient(180deg, rgba(29, 22, 18, 0.98), rgba(17, 13, 11, 0.98));
    border: 1px solid var(--lux-border);
    box-shadow: var(--lux-shadow);
}

.header-part.active .header-form {
    background: rgba(15, 12, 10, 0.94) !important;
    border-color: var(--lux-border) !important;
}

.header-part.active .header-widget sup {
    border-color: rgba(15, 12, 10, 0.94);
}

.header-top .row,
.header-content,
.navbar-content,
.account-card,
.feature-card,
.blog-card,
.contact-form,
.faq-parent,
.policy-content,
.tool-card,
.footer-part .container > .row:first-child {
    background: linear-gradient(180deg, rgba(29, 22, 18, 0.96), rgba(17, 13, 11, 0.96));
    border: 1px solid var(--lux-border);
    box-shadow: var(--lux-shadow);
}

.header-top .row,
.header-content,
.navbar-content,
.account-card,
.feature-card,
.tool-card,
.footer-part .container > .row:first-child {
    border-radius: 18px;
}

.header-top-list li a,
.header-top-welcome p,
.header-select,
.header-select select,
.navbar-link,
.footer-desc,
.footer-contact li,
.feature-name a,
.tool-card,
.tool-card a,
.tool-card span,
.feature-price,
.label-text,
.category-link,
.dropdown-position-list li a,
.megamenu-list li a {
    color: var(--lux-text);
}

.header-top-list li a:hover,
.navbar-link:hover,
.dropdown-position-list li a:hover,
.megamenu-list li a:hover,
.category-link:hover,
.feature-name a:hover,
.tool-card:hover,
.tool-card:hover span {
    color: var(--lux-heading);
}

.header-form,
.header-widget,
.header-cart,
.wallet-card,
.dropdown-position-list,
.megamenu,
.category-list,
.dropdown-list {
    background: rgba(15, 12, 10, 0.94);
    border: 1px solid var(--lux-border);
}

.header-form input,
.header-form input::placeholder {
    color: var(--lux-heading);
}

.header-form input::placeholder {
    opacity: 0.72;
}

.header-form button,
.btn-buy,
.form-button button,
.btn-category-home,
.btn-category-home.active,
.btn-primary,
.btn-success,
.btn-danger,
.user-form-social li a {
    background: linear-gradient(135deg, #b68b4d, #e1bd7d 58%, #f0d7aa);
    border: none;
    color: #1a140f !important;
    box-shadow: 0 10px 24px rgba(182, 139, 77, 0.24);
}

.header-widget i,
.header-cart i,
.header-select i,
.navbar-info i,
.footer-contact i,
.home-heading h3 i,
.feature-desc i,
.tool-card__icon i {
    color: var(--lux-gold) !important;
}

.header-widget span p,
.navbar-info p span,
.my-wallet h3,
.footer-title,
.home-heading h3,
.feature-price span {
    color: var(--lux-heading);
}

.header-widget img {
    border-radius: 50%;
}

.header-widget[title="Login"],
.header-widget[title="Profile"] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 8px 14px 8px 10px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(22, 17, 14, 0.98), rgba(13, 10, 8, 0.98)) !important;
}

.header-widget[title="Login"] img,
.header-widget[title="Profile"] img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    object-fit: cover;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 247, 236, 0.96), rgba(223, 198, 157, 0.92));
    border: 1px solid rgba(212, 175, 111, 0.18);
    padding: 4px;
}

.header-widget[title="Profile"] span,
.header-widget[title="Login"] span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    line-height: 1.1;
    color: var(--lux-heading) !important;
    font-size: 16px;
    font-weight: 700;
}

.header-widget[title="Profile"] span p:first-child {
    color: var(--lux-heading) !important;
    font-weight: 700;
}

.header-widget[title="Profile"] span p:last-child {
    color: var(--lux-gold-strong) !important;
    font-weight: 800;
}

.header-widget[title="Login"]:hover,
.header-widget[title="Profile"]:hover {
    border-color: rgba(240, 210, 156, 0.28) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 24px;
}

.header-widget-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
}

.navbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 0 24px;
}

.navbar-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 24px;
    flex: 1 1 auto;
    min-width: 0;
}

.navbar-item {
    margin-right: 0 !important;
    flex: 0 0 auto;
}

.navbar-link,
.header-widget span,
.btn-category-home,
.footer-links ul li a {
    white-space: nowrap;
}

.navbar-link {
    display: inline-flex;
    align-items: center;
    height: 64px;
    padding: 0 !important;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-arrow {
    padding-right: 18px !important;
}

.navbar-info-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    margin-left: auto;
}

.navbar-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    background: rgba(15, 12, 10, 0.94);
    border: 1px solid rgba(212, 175, 111, 0.16);
    flex: 0 0 auto;
}

.navbar-info p {
    display: inline-flex !important;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
}

.navbar-info p small,
.navbar-info p span {
    line-height: 1;
}

.navbar-info p small {
    display: none !important;
}

.navbar-info i,
.navbar-info svg {
    font-size: 16px !important;
}

.home-heading h3:not(.no-bg),
.btn-category-home,
.btn-category-home.active {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.18), rgba(240, 215, 170, 0.1)) !important;
    border: 1px solid rgba(212, 175, 111, 0.2);
    color: var(--lux-heading) !important;
    box-shadow: none !important;
}

.home-heading h3 {
    border-radius: 14px;
    padding: 14px 18px !important;
    font-size: 22px;
    line-height: 1.2;
    text-transform: none;
}

.home-heading h3 img,
.btn-category-home img {
    border-radius: 8px;
}

.custom-button-list {
    gap: 10px;
}

.btn-category-home {
    border-radius: 12px;
    padding: 12px 16px !important;
    color: var(--lux-text) !important;
}

.btn-category-home:hover {
    color: var(--lux-heading) !important;
    border-color: rgba(240, 210, 156, 0.28);
}

.dropdown-position-list,
.megamenu {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
}

.dropdown-position-list {
    background: linear-gradient(180deg, rgba(21, 16, 13, 0.98), rgba(15, 12, 10, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
    padding: 8px !important;
}

.dropdown-position-list::before {
    background: rgba(21, 16, 13, 0.98) !important;
    border-top: 1px solid rgba(212, 175, 111, 0.18) !important;
    border-left: 1px solid rgba(212, 175, 111, 0.18) !important;
}

.dropdown-position-list li a {
    background: transparent !important;
    color: var(--lux-text) !important;
    border-radius: 10px;
    padding: 10px 14px !important;
}

.dropdown-position-list li a:hover {
    background: rgba(182, 139, 77, 0.14) !important;
    color: var(--lux-heading) !important;
}

.dropdown-position-list li a img {
    border-radius: 6px;
    flex: 0 0 auto;
}

.megamenu {
    background: linear-gradient(180deg, rgba(21, 16, 13, 0.99), rgba(15, 12, 10, 0.99)) !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
}

.megamenu .container {
    padding: 0 !important;
}

.megamenu .row.row-cols-5 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 0 !important;
}

.megamenu .col-4 {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}

.megamenu-title {
    color: var(--lux-gold-strong);
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(240, 210, 156, 0.16);
}

.megamenu-wrap {
    margin-bottom: 22px;
    min-width: 0;
}

.megamenu-list {
    border-left: none !important;
}

.megamenu-list li {
    margin: 0 0 8px 0;
}

.megamenu-list li a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: transparent !important;
    color: var(--lux-text) !important;
    border-radius: 10px;
    padding: 8px 10px !important;
    line-height: 1.4;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.megamenu-list li a:hover {
    background: rgba(182, 139, 77, 0.14) !important;
    color: var(--lux-heading) !important;
}

.megamenu-list li a img {
    border-radius: 6px;
    flex: 0 0 auto;
    margin-top: 2px;
}

.feature-card,
.tool-card,
.wallet-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.feature-card:hover,
.tool-card:hover,
.wallet-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.34);
    border-color: rgba(240, 210, 156, 0.24);
}

.tool-card {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    padding: 14px 16px;
}

.tool-card__icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 247, 236, 0.96), rgba(223, 198, 157, 0.92));
    border: 1px solid rgba(212, 175, 111, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 10px 18px rgba(0, 0, 0, 0.18);
}

.tool-card__icon i {
    font-size: 24px;
    color: #2b2019 !important;
}

.tool-card__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.tool-card__title,
.tool-card__meta {
    color: inherit;
}

.tool-card__title {
    font-weight: 700;
}

.tool-card__meta {
    color: var(--lux-muted);
}

.feature-card {
    background: linear-gradient(180deg, rgba(24, 18, 15, 0.98), rgba(18, 14, 12, 0.98));
    border: 1px solid rgba(212, 175, 111, 0.18);
    border-radius: 18px;
    padding: 16px;
}

.feature-name a {
    color: var(--lux-heading);
    font-weight: 700;
    line-height: 1.55;
}

.feature-price {
    margin-bottom: 0;
}

.feature-price span,
.product-price span,
.card-price-product-list .feature-price span {
    color: #1b140e !important;
    background: linear-gradient(135deg, #f4e0b8, #e3be7a);
    border-radius: 12px;
    display: inline-block;
    padding: 8px 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(182, 139, 77, 0.22);
}

.label-text,
.label-text.feat,
.label-text.order,
.label-text.rate,
.label-text.sale,
.label-text.new,
.label-text.off {
    background: rgba(182, 139, 77, 0.14) !important;
    color: var(--lux-heading) !important;
    border: 1px solid rgba(212, 175, 111, 0.16);
    border-radius: 999px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    margin-top: 6px;
}

.label-text b {
    color: var(--lux-gold-strong);
}

.btn-buy {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.my-wallet,
.wallet-card {
    background: linear-gradient(180deg, rgba(21, 16, 13, 0.96), rgba(15, 12, 10, 0.96)) !important;
    border: 1px solid rgba(212, 175, 111, 0.16);
    border-radius: 16px;
}

.card-wallet-home {
    padding: 26px 22px !important;
}

.my-wallet {
    padding: 0 0 18px 0;
    border-bottom: 1px solid rgba(212, 175, 111, 0.12);
    margin-bottom: 18px;
    text-align: center;
}

.my-wallet p {
    margin-bottom: 8px;
    font-size: 15px;
}

.my-wallet h3 {
    margin: 0;
    font-size: 44px;
    line-height: 1;
    letter-spacing: -0.03em;
}

.wallet-card:hover {
    background: linear-gradient(180deg, rgba(35, 27, 21, 0.98), rgba(21, 16, 13, 0.98)) !important;
}

.my-wallet h3,
.wallet-card h3 {
    color: var(--lux-heading) !important;
}

.my-wallet p,
.wallet-card p {
    color: var(--lux-muted) !important;
}

.wallet-card h3 {
    font-size: 30px;
    line-height: 1.1;
}

.wallet-card-group {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wallet-card {
    padding: 22px 20px !important;
    text-align: center;
}

.wallet-card p {
    margin-bottom: 10px;
}

.wallet-card h3 {
    margin: 0;
}

.my-wallet p,
.wallet-card p,
.footer-copytext,
.footer-copytext a {
    color: var(--lux-muted);
}

.footer-part {
    padding-top: 18px;
}

.footer-part .container > .row:first-child {
    align-items: stretch;
    padding: 14px 18px;
    background: linear-gradient(180deg, rgba(33, 26, 22, 0.98), rgba(24, 19, 16, 0.98));
    border-radius: 24px;
    border: 1px solid rgba(212, 175, 111, 0.14);
    box-shadow: var(--lux-shadow);
    overflow: hidden;
}

.footer-part .container > .row:first-child > [class*="col-"] {
    display: flex;
}

.footer-widget {
    width: 100%;
    padding: 14px 16px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.footer-widget,
.footer-widget.contact,
.footer-links,
.footer-contact,
.footer-contact li,
.footer-links ul,
.footer-links ul li {
    background: transparent !important;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(245, 234, 216, 0.96), rgba(223, 198, 157, 0.92));
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-title {
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 1.05;
    color: var(--lux-heading) !important;
}

.footer-desc {
    margin-top: 12px;
    max-width: 240px;
    line-height: 1.55;
    font-size: 17px;
}

.footer-contact li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 0;
    border-bottom-color: rgba(212, 175, 111, 0.12) !important;
}

.footer-contact li:last-child,
.footer-links ul li:last-child {
    border-bottom: none !important;
}

.footer-contact li p,
.footer-links ul li a {
    font-size: 17px;
    line-height: 1.45;
}

.footer-contact li p,
.footer-links ul li a {
    color: var(--lux-text) !important;
}

.footer-links ul li {
    border-bottom-color: rgba(212, 175, 111, 0.12) !important;
}

.footer-links ul li a {
    display: inline-block;
    padding: 8px 0;
}

.footer-links ul li a:hover,
.footer-copytext a:hover {
    color: var(--lux-heading) !important;
    text-decoration: none;
}

.footer-bottom {
    margin-top: 16px !important;
    padding: 14px 22px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.92), rgba(120, 82, 35, 0.96)) !important;
    border: 1px solid rgba(240, 210, 156, 0.22);
    box-shadow: var(--lux-shadow);
}

.footer-copytext,
.footer-copytext a {
    color: #fff4df !important;
}

.footer-copytext {
    font-size: 15px;
    line-height: 1.4;
}

.footer-card {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 24px;
}

.table,
.table td,
.table th,
.contact-card,
.wishlist-card,
.payment-card,
.profile-card,
.address-card,
.compare-table,
.support-ticket,
.user-form-card,
.cart-sidebar,
.category-sidebar,
.modal-form,
.product-details-frame,
.shop-widget,
.faq-child,
.checkout-charge,
.checkout-coupon,
.checkout-cart,
.payment-form,
.payment-list,
.card {
    background-color: transparent;
}

.nav-sidebar,
.category-sidebar,
.cart-sidebar {
    background: linear-gradient(180deg, rgba(22, 17, 14, 0.985), rgba(11, 9, 8, 0.985)) !important;
    border-right: 1px solid rgba(212, 175, 111, 0.14);
    box-shadow: 24px 0 48px rgba(0, 0, 0, 0.42);
}

.nav-header,
.cart-header,
.category-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(212, 175, 111, 0.12) !important;
    padding: 18px 18px 16px !important;
}

.nav-header a,
.category-header a,
.cart-header a {
    display: inline-flex;
    align-items: center;
}

.nav-header img,
.category-header img {
    max-height: 44px;
    width: auto;
}

.nav-close,
.cart-close,
.category-close {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(212, 175, 111, 0.2) !important;
    border-radius: 999px;
    background: rgba(255, 248, 239, 0.94) !important;
    color: #241a13 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.nav-close i,
.cart-close i,
.category-close i {
    color: #241a13 !important;
    font-size: 18px;
}

.nav-content,
.category-list,
.cart-list {
    background: transparent !important;
}

.nav-btn {
    padding: 10px 18px 0;
    background: transparent !important;
}

.nav-btn .btn,
.nav-btn .btn-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #b68b4d, #d7af70 58%, #efd29b) !important;
    border: none !important;
    color: #1b140f !important;
    font-weight: 700;
    box-shadow: 0 12px 26px rgba(182, 139, 77, 0.24);
    width: 100%;
}

.nav-btn .btn i,
.nav-btn .btn-inline i {
    color: #1b140f !important;
}

.nav-select-group {
    margin: 14px 18px 10px !important;
    padding: 14px 16px !important;
    border-radius: 14px;
    background: rgba(27, 21, 17, 0.96) !important;
    border: 1px solid rgba(212, 175, 111, 0.14) !important;
}

.nav-select-group p {
    margin: 0;
    color: var(--lux-muted) !important;
    font-size: 16px;
}

.nav-select-group .text-wallet {
    color: var(--lux-gold-strong) !important;
    text-shadow: none !important;
}

.nav-list {
    padding: 0 18px 14px !important;
}

.nav-list > li {
    border-bottom: 1px solid rgba(212, 175, 111, 0.1);
}

.nav-list > li:last-child {
    border-bottom: none;
}

.nav-link {
    display: flex !important;
    align-items: center;
    gap: 14px;
    min-height: 56px;
    padding: 0 6px !important;
    color: var(--lux-text-strong) !important;
    font-size: 16px;
    font-weight: 600;
}

.nav-sidebar .dropdown-link {
    border-radius: 14px;
    background: rgba(24, 18, 15, 0.92) !important;
    border: 1px solid rgba(212, 175, 111, 0.12) !important;
    padding: 0 14px !important;
}

.nav-link i,
.nav-link svg {
    width: 22px;
    text-align: center;
    color: var(--lux-gold) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--lux-heading) !important;
}

.nav-sidebar .dropdown-link.active {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.18), rgba(240, 215, 170, 0.1)) !important;
    border-color: rgba(212, 175, 111, 0.2) !important;
}

.dropdown-list {
    margin: 0 0 12px !important;
    padding: 8px 10px !important;
    border-radius: 14px;
    background: rgba(18, 14, 12, 0.92) !important;
    border: 1px solid rgba(212, 175, 111, 0.12) !important;
}

.dropdown-list li {
    border-bottom: 1px solid rgba(212, 175, 111, 0.08);
}

.dropdown-list li:last-child {
    border-bottom: none;
}

.dropdown-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    color: var(--lux-text) !important;
    font-size: 14px;
}

.dropdown-list li a img {
    border-radius: 7px;
}

.nav-sidebar .dropdown-list {
    margin-top: 4px !important;
}

.nav-sidebar .dropdown-list li a {
    background: transparent !important;
    padding: 10px 8px !important;
    border-radius: 10px;
    align-items: flex-start;
    white-space: normal !important;
    line-height: 1.35;
    word-break: break-word;
}

.nav-sidebar .dropdown-list li a:hover {
    background: rgba(182, 139, 77, 0.12) !important;
    color: var(--lux-heading) !important;
}

.nav-sidebar .dropdown-list li a img {
    margin-top: 2px;
    flex: 0 0 auto;
}

.nav-info-group {
    margin: 10px 18px 24px !important;
    padding-top: 14px;
    border-top: 1px solid rgba(212, 175, 111, 0.12);
}

.nav-info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    margin-bottom: 10px;
    padding: 0;
    background: transparent !important;
    border: none !important;
}

.nav-info:last-child {
    margin-bottom: 0;
}

.nav-info i,
.nav-info svg {
    color: var(--lux-gold) !important;
    font-size: 20px !important;
}

.nav-info p,
.nav-info p span {
    color: var(--lux-text) !important;
    font-size: 15px;
    line-height: 1.35;
    word-break: break-word;
}

.mobile-menu {
    background: linear-gradient(180deg, rgba(24, 18, 15, 0.98), rgba(15, 12, 10, 0.98)) !important;
    border-top: 1px solid rgba(212, 175, 111, 0.14) !important;
    box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.28);
    z-index: 1000010 !important;
}

.mobile-menu a,
.mobile-menu button {
    color: var(--lux-text) !important;
}

.mobile-menu a.active,
.mobile-menu button.active,
.mobile-menu a:hover,
.mobile-menu button:hover {
    color: var(--lux-gold-strong) !important;
}

.mobile-menu i {
    color: var(--lux-gold) !important;
}

@media (max-width: 767.98px) {
    .nav-sidebar,
    .category-sidebar,
    .cart-sidebar {
        z-index: 1000003 !important;
    }

    .backdrop {
        z-index: 1000002 !important;
    }

    .floating-support-stack,
    .hotline-phone-ring-wrap {
        z-index: 1000000 !important;
    }

    .nav-sidebar.active ~ .floating-support-stack,
    .nav-sidebar.active ~ .hotline-phone-ring-wrap,
    .category-sidebar.active ~ .floating-support-stack,
    .category-sidebar.active ~ .hotline-phone-ring-wrap,
    .cart-sidebar.active ~ .floating-support-stack,
    .cart-sidebar.active ~ .hotline-phone-ring-wrap {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .hotline-phone-ring-wrap {
        left: 12px !important;
        bottom: 156px !important;
        transform: scale(0.72);
        transform-origin: left bottom;
    }

    .floating-support-stack {
        left: 14px !important;
        bottom: 206px !important;
        gap: 8px !important;
        flex-direction: column !important;
    }

    .floating-support-group,
    .floating-support-personal {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
    }

    .floating-support-group {
        width: 42px !important;
        height: 42px !important;
    }

    .floating-support-group svg {
        width: 20px !important;
        height: 20px !important;
    }

    .floating-support-personal {
        min-height: 44px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        max-width: 168px !important;
    }

    .floating-support-personal .zalo-icon {
        width: 22px !important;
        height: 22px !important;
        margin-right: 7px !important;
    }

    .floating-support-personal .zalo-icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    .floating-support-personal .zalo-button__text {
        font-size: 11px !important;
        line-height: 1 !important;
    }

    .floating-support-personal .notification-badge {
        top: -4px !important;
        right: -2px !important;
        min-width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
    }

    .nav-header {
        padding-right: 52px !important;
    }

    .nav-close {
        top: 10px !important;
        right: 10px !important;
    }

    .nav-btn,
    .nav-btn .btn,
    .nav-btn .btn-inline {
        background-clip: padding-box !important;
    }
}

.table {
    color: var(--lux-text-strong) !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
}

.table thead th {
    background: linear-gradient(180deg, rgba(35, 27, 21, 0.98), rgba(24, 18, 15, 0.98)) !important;
    color: var(--lux-heading) !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
}

.table tbody td,
.table tbody th,
.table > :not(caption) > * > * {
    background: rgba(18, 14, 12, 0.96) !important;
    color: var(--lux-text-strong) !important;
    border-color: rgba(212, 175, 111, 0.12) !important;
    box-shadow: none !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(24, 18, 15, 0.98) !important;
}

.table-hover > tbody > tr:hover > * {
    background: rgba(182, 139, 77, 0.12) !important;
    color: var(--lux-heading) !important;
}

.table a,
.table span,
.table p,
.table small,
.table strong,
.page-info {
    color: inherit !important;
}

.table-scroll,
.table-list,
.table,
.payment-card,
.profile-card,
.address-card,
.contact-card,
.faq-child,
.shop-widget,
.modal-form,
.user-form-card,
.checkout-charge,
.checkout-coupon,
.checkout-cart,
.payment-form,
.payment-list,
.card-body,
.card {
    border-color: rgba(212, 175, 111, 0.16) !important;
}

.user-form,
.modal-form,
.form-control,
.form-select,
.nice-select,
input,
textarea,
select {
    background-color: rgba(15, 12, 10, 0.94) !important;
    color: var(--lux-heading) !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
}

.nice-select .list,
.nice-select .option {
    background: rgba(15, 12, 10, 0.98) !important;
    color: var(--lux-text) !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background: rgba(182, 139, 77, 0.14) !important;
}

.user-form-remind {
    margin-top: 20px !important;
    padding: 18px 22px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(26, 20, 16, 0.98), rgba(15, 12, 10, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18) !important;
}

.user-form-remind p {
    margin: 0 !important;
    color: var(--lux-muted) !important;
    font-size: 18px !important;
    text-align: center !important;
}

.user-form-remind a {
    color: var(--lux-gold-strong) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.user-form-remind a:hover {
    color: #fff1cf !important;
}

.single-banner {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(212, 175, 111, 0.16);
    border-bottom: 1px solid rgba(212, 175, 111, 0.16);
}

.single-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(15, 43, 22, 0.78), rgba(7, 18, 44, 0.78));
}

.single-banner .container,
.single-banner h2,
.single-banner .breadcrumb {
    position: relative;
    z-index: 1;
}

.single-banner h2,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb .active {
    color: var(--lux-heading) !important;
}

.top-filter,
.blog-widget,
.blog-card,
.shop-widget,
.payment-card,
.profile-card,
.contact-card,
.faq-child {
    background: linear-gradient(180deg, rgba(24, 18, 15, 0.98), rgba(18, 14, 12, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    box-shadow: var(--lux-shadow);
}

.top-filter,
.blog-widget,
.blog-card,
.shop-widget {
    border-radius: 18px !important;
}

.top-filter {
    padding: 18px 22px;
}

.filter-label,
.page-info,
.blog-desc,
.blog-meta li span,
.blog-widget-text span,
.shop-widget-number,
.shop-widget-content label,
.shop-widget-content span {
    color: var(--lux-muted) !important;
}

.account-card p,
.feature-card p,
.blog-card p,
.shop-widget p,
.blog-widget p,
.payment-card p,
.profile-card p,
.contact-card p,
.faq-child p,
.policy-content p,
.category-link,
.dropdown-position-list li a,
.megamenu-list li a,
.navbar-info p,
.footer-links ul li a,
.footer-contact li p {
    color: var(--lux-text-strong) !important;
}

.blog-widget-title,
.blog-title a,
.blog-widget-text a,
.shop-widget-title,
.shop-widget-btn span,
.filter-action,
.filter-show {
    color: var(--lux-heading) !important;
}

.blog-widget-title::before,
.shop-widget-title::before {
    background: var(--lux-gold) !important;
}

.blog-widget-form input,
.shop-widget-search,
.shop-widget-group input,
.filter-select {
    background: rgba(15, 12, 10, 0.94) !important;
    color: var(--lux-heading) !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
}

.blog-widget-form button,
.shop-widget-btn,
.blog-btn {
    background: linear-gradient(135deg, #b68b4d, #e1bd7d 58%, #f0d7aa) !important;
    color: #1a140f !important;
    border: none !important;
}

.blog-btn i,
.shop-widget-btn i,
.blog-meta li i,
.blog-widget-title,
.shop-widget-title {
    color: inherit !important;
}

.blog-widget-category li,
.blog-widget-feed li,
.shop-widget-list li {
    border-bottom-color: rgba(212, 175, 111, 0.12) !important;
}

.blog-widget-category li a,
.shop-widget-list li,
.shop-widget-content label,
.blog-widget-text a {
    color: var(--lux-text) !important;
}

.blog-widget-category li a span {
    background: rgba(182, 139, 77, 0.14) !important;
    color: var(--lux-heading) !important;
}

.blog-widget-category li:hover a,
.shop-widget-list li:hover,
.blog-widget-text a:hover,
.blog-title a:hover {
    color: var(--lux-heading) !important;
}

.text-dark,
.fw-bold.text-dark {
    color: var(--lux-heading) !important;
}

.pagination .page-link {
    background: rgba(15, 12, 10, 0.94) !important;
    color: var(--lux-text) !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
    background: linear-gradient(135deg, #b68b4d, #e1bd7d 58%, #f0d7aa) !important;
    color: #1a140f !important;
}

.profile-part .account-card {
    border-radius: 24px;
    padding: 28px 30px;
}

.account-title {
    color: var(--lux-heading) !important;
    font-family: var(--display-family) !important;
    font-size: 30px;
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(212, 175, 111, 0.16);
}

.sidebar_profile {
    background: linear-gradient(180deg, rgba(23, 18, 15, 0.98), rgba(16, 13, 11, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.14) !important;
    border-radius: 18px !important;
    padding: 18px 18px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.sidebar_profile h6,
.sidebar_profile h6 span,
.sidebar_profile i {
    color: var(--lux-text-strong) !important;
}

.sidebar_profile h6 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.sidebar_profile i {
    width: 22px;
    text-align: center;
    color: var(--lux-gold) !important;
}

.sidebar_profile:hover,
.sidebar_profile.active {
    border-color: rgba(240, 210, 156, 0.28) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24) !important;
    transform: translateY(-1px);
}

.sidebar_profile.active {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.18), rgba(240, 215, 170, 0.10)) !important;
}

.sidebar_profile.active h6,
.sidebar_profile.active h6 span {
    color: var(--lux-heading) !important;
}

.profile-part .top-filter {
    padding: 18px 22px;
    border: 1px solid rgba(212, 175, 111, 0.14);
    border-radius: 18px;
    background: rgba(15, 12, 10, 0.55) !important;
}

.profile-part .table-wrapper {
    border: 1px solid rgba(212, 175, 111, 0.14);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(12, 10, 9, 0.6);
}

.profile-part .table thead th {
    font-size: 15px;
    font-weight: 700;
}

.profile-part .table tbody td {
    font-size: 15px;
}

.profile-part .table td small {
    color: var(--lux-text) !important;
}

.profile-part .table td b[style*="color:green"],
.profile-part .table td b[style*="color: green"] {
    color: #9fd6b0 !important;
}

.profile-part .table td b[style*="color:red"],
.profile-part .table td b[style*="color: red"] {
    color: #ff9a8d !important;
}

.profile-part .table td b[style*="color: blue"],
.profile-part .table td b[style*="color:blue"] {
    color: var(--lux-gold-strong) !important;
}

.profile-part .bank-card,
.profile-part .account-card[style*="overflow:hidden"] {
    background: linear-gradient(180deg, rgba(24, 18, 15, 0.99), rgba(16, 13, 11, 0.99)) !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    border-radius: 22px !important;
    box-shadow: var(--lux-shadow) !important;
}

.account-card.p-0.h-100[style*="overflow:hidden"],
.account-card.p-0[style*="overflow:hidden"] {
    display: flex;
    flex-direction: column;
    min-height: 224px;
}

.account-card.p-0.h-100[style*="overflow:hidden"] > div[style*="padding:16px 20px"],
.account-card.p-0[style*="overflow:hidden"] > div[style*="padding:16px 20px"] {
    min-height: 82px;
}

.account-card.p-0[style*="overflow:hidden"] > div[style*="padding:20px;font-size:14px;line-height:1.8;color:#374151;"] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

#bank_cards_container > [class*="col-"]:only-child {
    flex: 0 0 100%;
    max-width: 100%;
}

#bank_cards_container > [class*="col-"]:only-child .bank-card {
    max-width: 660px;
    margin: 0 auto;
}

.profile-part .bank-card-header,
.profile-part .account-card[style*="overflow:hidden"] > div[style*="linear-gradient"] {
    background: linear-gradient(135deg, rgba(120, 82, 35, 0.98), rgba(182, 139, 77, 0.92)) !important;
    color: #fff4df !important;
}

.profile-part .bank-card-header .bank-name,
.profile-part .bank-card-header .bank-owner,
.profile-part .account-card[style*="overflow:hidden"] p[style*="color:#fff"],
.profile-part .account-card[style*="overflow:hidden"] p[style*="rgba(255,255,255"] {
    color: #fff4df !important;
}

.profile-part .bank-card-header .bank-icon,
.profile-part .account-card[style*="overflow:hidden"] div[style*="width:40px"][style*="border-radius:10px"] {
    background: rgba(255, 244, 223, 0.14) !important;
    border: 1px solid rgba(255, 244, 223, 0.18);
}

.profile-part .bank-card-header .bank-icon i,
.profile-part .account-card[style*="overflow:hidden"] i[style*="color:#fff"] {
    color: #fff4df !important;
}

.profile-part .bank-qr-wrap,
.profile-part .bank-info,
.profile-part .bank-card-footer,
.profile-part .account-card[style*="overflow:hidden"] > div[style*="padding:20px"] {
    background: transparent !important;
    color: var(--lux-text-strong) !important;
}

.profile-part .bank-qr-wrap img {
    border-radius: 18px !important;
    border: 1px solid rgba(212, 175, 111, 0.14) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.profile-part .transfer-content-box {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.12), rgba(240, 215, 170, 0.08)) !important;
    border: 1px dashed rgba(212, 175, 111, 0.28) !important;
    border-radius: 16px !important;
    animation: none !important;
}

.profile-part .transfer-content-box .tc-label {
    color: var(--lux-muted) !important;
}

.profile-part .transfer-content-box .tc-value,
.profile-part .bank-info-row .info-value {
    color: var(--lux-heading) !important;
}

.profile-part .bank-info-row {
    border-bottom-color: rgba(212, 175, 111, 0.12) !important;
}

.profile-part .bank-info-row .info-label,
.profile-part .bank-card-footer small,
.profile-part .account-card[style*="overflow:hidden"] > div[style*="padding:20px"] {
    color: var(--lux-muted) !important;
}

.profile-part .bank-info-row .info-value[style*="color:#059669"],
.profile-part .bank-info-row .info-value[style*="color: #059669"],
.profile-part .bank-info-row .info-value[style*="color:#1e3a5f"],
.profile-part .bank-info-row .info-value[style*="color: #1e3a5f"] {
    color: var(--lux-gold-strong) !important;
}

.profile-part .copy-btn {
    background: rgba(255, 248, 238, 0.96) !important;
    color: #1b140e !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    border-radius: 10px !important;
}

.profile-part .copy-btn:hover {
    background: linear-gradient(135deg, #f4e0b8, #e3be7a) !important;
    color: #1b140e !important;
    border-color: rgba(212, 175, 111, 0.22) !important;
}

.profile-part .account-card .table thead tr[style],
.profile-part .account-card .table thead tr {
    background: rgba(24, 18, 15, 0.98) !important;
}

.profile-part .account-card .table thead th[style] {
    color: var(--lux-heading) !important;
    border: none !important;
    background: transparent !important;
}

.profile-part .account-card .table tbody tr[style] td {
    color: var(--lux-text-strong) !important;
    border-top: 1px solid rgba(212, 175, 111, 0.10) !important;
    border-bottom: none !important;
}

.profile-part .account-card .table tbody td[style*="color:#1e3a5f"] {
    color: var(--lux-heading) !important;
}

.profile-part .account-card .table tbody span[style*="background:linear-gradient(135deg,#dc2626,#ef4444)"] {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.92), rgba(120, 82, 35, 0.98)) !important;
    color: #fff4df !important;
    border: 1px solid rgba(240, 210, 156, 0.18);
}

.modal-backdrop.show {
    opacity: 0.72;
    background: rgba(6, 5, 4, 0.88);
}

#openModal .modal-dialog,
#exportAccountsModal .modal-dialog,
#leaderboardModal .modal-dialog,
#paymentModal .modal-dialog,
#bankAccountModal .modal-dialog,
#profile-edit .modal-dialog {
    max-width: min(1080px, calc(100vw - 48px));
}

#openModal .modal-content,
#exportAccountsModal .modal-content,
#leaderboardModal .modal-content,
#paymentModal .modal-content,
#bankAccountModal .modal-content,
#profile-edit .modal-content {
    background: linear-gradient(180deg, rgba(22, 17, 14, 0.99), rgba(14, 11, 9, 0.99)) !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
}

#openModal .modal-close,
#openModal .modal-close-mobile,
#openModal .btn-close,
#exportAccountsModal .btn-close,
#leaderboardModal .btn-close,
#paymentModal .btn-close,
#bankAccountModal .btn-close {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 248, 238, 0.96) !important;
    color: #1b140e !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
    opacity: 1;
}

#openModal .modal-close,
#openModal .btn-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 20;
    transform: none !important;
}

#openModal .modal-close:hover,
#openModal .modal-close-mobile:hover,
#openModal .btn-close:hover,
#exportAccountsModal .btn-close:hover,
#leaderboardModal .btn-close:hover,
#paymentModal .btn-close:hover,
#bankAccountModal .btn-close:hover {
    background: linear-gradient(135deg, #f4e0b8, #e3be7a) !important;
}

.product-view,
.pv-container {
    color: var(--lux-text-strong);
}

.product-view .row {
    margin: 0;
}

.product-view .col-md-6,
.product-view .col-lg-6 {
    padding: 28px;
}

.product-view .col-md-6:first-child {
    background: linear-gradient(180deg, rgba(245, 239, 231, 0.98), rgba(233, 225, 214, 0.96));
    color: #2d241d;
}

.product-view .col-md-6:last-child {
    background: linear-gradient(180deg, rgba(24, 18, 15, 0.99), rgba(16, 13, 11, 0.99));
}

.product-view .view-name a,
.product-view .view-price,
.product-view .view-desc,
.product-view .view-list-title,
.product-view .view-share-list li a {
    color: inherit !important;
}

.product-view .view-name {
    font-family: var(--display-family) !important;
    font-size: 28px;
    line-height: 1.28;
    margin-bottom: 14px;
}

.product-view .view-meta .label-text {
    background: rgba(182, 139, 77, 0.16) !important;
    color: #6f5632 !important;
    border-color: rgba(182, 139, 77, 0.16) !important;
}

.product-view .view-price span {
    color: #a5742e !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 22px;
}

.product-view .view-price del {
    color: #8f7d69 !important;
}

.product-view .card-hot-deal {
    background: rgba(182, 139, 77, 0.12) !important;
    border: 1px solid rgba(212, 175, 111, 0.16);
    border-radius: 14px;
    padding: 12px 14px;
    color: #4a3a2a;
}

.product-view .view-share-list li a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(26, 20, 15, 0.08);
}

.product-view .view-share-list li a:hover {
    background: rgba(182, 139, 77, 0.18);
}

.product-view table.table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(212, 175, 111, 0.18);
}

.product-view table.table tr:first-child td {
    background: rgba(29, 22, 18, 0.98) !important;
    color: var(--lux-heading) !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
}

.product-view table.table td {
    background: rgba(22, 17, 14, 0.98) !important;
    color: var(--lux-text-strong) !important;
    border-color: rgba(212, 175, 111, 0.12) !important;
    padding: 14px 12px;
}

.product-view .text-wallet,
.product-view #into_pay {
    color: var(--lux-gold-strong) !important;
    font-weight: 800;
}

.product-view #into_discount,
.pv-value-red {
    color: #ff9088 !important;
}

.product-view .product-action {
    gap: 8px;
    align-items: center;
}

.product-view .action-minus1,
.product-view .action-plus1 {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(212, 175, 111, 0.16);
    border-radius: 12px;
    background: rgba(255, 248, 238, 0.96);
    color: #1b140e;
}

.product-view .action-input,
.product-view .form-control-view-product {
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(212, 175, 111, 0.16);
    background: rgba(14, 11, 9, 0.94);
    color: var(--lux-heading);
    text-align: center;
}

.product-view .view-add-group,
.product-view .view-action-group {
    margin-top: 16px;
}

.product-view .label_favorite {
    border-radius: 14px;
    background: rgba(255, 248, 238, 0.96);
    color: #2b211a;
    border: none;
}

.product-view .label_favorite .action {
    color: inherit;
}

.pv-container {
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(22, 17, 14, 0.99), rgba(14, 11, 9, 0.99));
    color: var(--lux-text-strong);
}

.pv-header,
.pv-left,
.pv-payment {
    background: transparent !important;
}

.pv-header {
    border-bottom: 1px solid rgba(212, 175, 111, 0.12);
}

.pv-title,
.pv-payment-title {
    color: var(--lux-heading) !important;
}

.pv-badge-blue,
.pv-value-blue {
    color: var(--lux-gold-strong) !important;
}

.pv-badge,
.pv-selected-badge {
    border-radius: 999px;
}

.pv-uid-list,
.pv-payment,
#exportAccountColumnsList .list-group-item,
#exportAccountsModal .card,
#exportAccountsModal .card-footer {
    background: rgba(21, 16, 13, 0.96) !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
    color: var(--lux-text-strong) !important;
}

.pv-uid-list table th,
.pv-uid-list table td {
    border-color: rgba(212, 175, 111, 0.12) !important;
}

.pv-uid-list table th {
    color: var(--lux-heading);
}

.pv-coupon-input,
#exportAccountsModal .form-check-label,
#exportAccountsModal .card-body,
#exportAccountsModal .card-footer,
#exportAccountsModal .modal-body,
#exportAccountsModal .modal-title {
    color: var(--lux-text-strong) !important;
}

#exportAccountsModal .modal-header {
    background: linear-gradient(135deg, rgba(182, 139, 77, 0.94), rgba(120, 82, 35, 0.98)) !important;
    border: none !important;
}

#exportAccountsModal .alert {
    background: rgba(182, 139, 77, 0.12) !important;
    color: var(--lux-text-strong) !important;
}

#exportAccountsModal .btn-outline-primary,
#exportAccountsModal .btn-outline-secondary {
    background: rgba(255, 248, 238, 0.96) !important;
    color: #1b140e !important;
    border-color: rgba(212, 175, 111, 0.16) !important;
}

#exportAccountsModal .text-dark {
    color: var(--lux-heading) !important;
}

.marquee-container {
    display: none !important;
}

#top-menu-right,
#top-menu-left {
    display: none !important;
}

.hotline-phone-ring-wrap,
.floating-support-stack {
    display: block !important;
}

.hotline-phone-ring-wrap {
    left: 18px !important;
    bottom: 150px !important;
    z-index: 60 !important;
    width: 48px !important;
    height: 48px !important;
}

.hotline-phone-ring {
    width: 48px !important;
    height: 48px !important;
    left: 0 !important;
    bottom: 0 !important;
}

.hotline-bar {
    display: none !important;
}

.hotline-phone-ring-circle {
    width: 48px !important;
    height: 48px !important;
    top: 0 !important;
    left: 0 !important;
    border-color: rgba(235, 202, 140, 0.52) !important;
}

.hotline-phone-ring-circle-fill {
    width: 48px !important;
    height: 48px !important;
    top: 0 !important;
    left: 0 !important;
    background-color: rgba(209, 170, 103, 0.36) !important;
}

.hotline-phone-ring-img-circle {
    width: 48px !important;
    height: 48px !important;
    top: 0 !important;
    left: 0 !important;
    background: linear-gradient(135deg, #d4af6f, #f0d39b 62%, #fff0cc) !important;
    box-shadow: 0 12px 26px rgba(212, 175, 111, 0.3) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.hotline-phone-ring-img-circle .pps-btn-img,
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px !important;
    height: 20px !important;
}

.floating-support-stack {
    left: 18px !important;
    right: auto !important;
    bottom: 18px !important;
    z-index: 60 !important;
    position: fixed !important;
}

.floating-support-stack {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.floating-support-group {
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #0f8f77, #19b497) !important;
    color: #f5fff9 !important;
    box-shadow: 0 12px 26px rgba(25, 180, 151, 0.28) !important;
    border-radius: 50% !important;
    animation: luxFloatPulse 1.9s ease-in-out infinite !important;
    text-decoration: none !important;
}

.floating-support-group::before {
    content: "" !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(25, 180, 151, 0.34) !important;
    opacity: 0.75 !important;
    animation: luxPulseRing 1.9s ease-out infinite !important;
    pointer-events: none !important;
}

.floating-support-group svg {
    width: 24px !important;
    height: 24px !important;
}

.floating-support-group:hover,
.zalo-button:hover,
.hotline-phone-ring-wrap:hover .hotline-phone-ring-img-circle {
    transform: translateY(-2px) scale(1.05) !important;
}

.zalo-button.floating-support-personal {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 228px !important;
    height: 56px !important;
    padding: 0 18px 0 14px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #1f8dff, #2b67f6 58%, #2952d8) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(43, 103, 246, 0.3) !important;
    animation: luxFloatPulse 1.9s ease-in-out infinite !important;
}

.zalo-button.floating-support-personal::before {
    content: "" !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(43, 103, 246, 0.3) !important;
    opacity: 0.75 !important;
    animation: luxPulseRing 1.9s ease-out infinite !important;
    pointer-events: none !important;
}

.zalo-button.floating-support-personal .zalo-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 50% !important;
}

.zalo-button.floating-support-personal .zalo-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.zalo-button.floating-support-personal .zalo-button__text {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.zalo-button.floating-support-personal .notification-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff667d, #ff4d62) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(255, 88, 108, 0.32) !important;
}

.card-wallet-home {
    background: linear-gradient(180deg, rgba(28, 21, 17, 0.98), rgba(17, 13, 11, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28) !important;
}

.card-wallet-home .user-form-social {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 4px 0 0 !important;
}

.card-wallet-home .user-form-social li {
    margin: 0 !important;
}

.card-wallet-home .user-form-social li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.card-wallet-home .user-form-social li a.facebook {
    background: linear-gradient(135deg, #d7b16d, #f0d29c 58%, #fff1cf) !important;
    color: #1b140e !important;
}

.card-wallet-home .user-form-social li a.google {
    background: linear-gradient(180deg, rgba(33, 25, 20, 0.98), rgba(18, 14, 12, 0.98)) !important;
    color: var(--lux-heading) !important;
}

.card-wallet-home .user-form-social li a.google i,
.card-wallet-home .user-form-social li a.facebook i {
    color: inherit !important;
}

.card-wallet-home .user-form-social li a:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(240, 210, 156, 0.28) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2) !important;
}

#top-menu-right,
#top-menu-left {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 45 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#top-menu-right {
    right: 14px !important;
    left: auto !important;
}

#top-menu-left {
    left: 14px !important;
    right: auto !important;
}

#top-menu-right li,
#top-menu-left li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#top-menu-right .menu-item,
#top-menu-left .menu-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(250, 247, 241, 0.98), rgba(234, 224, 207, 0.96)) !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: width 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

#top-menu-right .menu-item:hover,
#top-menu-left .menu-item:hover,
#top-menu-right .menu-item.active,
#top-menu-left .menu-item.active {
    width: 228px !important;
    justify-content: flex-start !important;
    padding: 0 18px !important;
    transform: translateX(-2px) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

#top-menu-left .menu-item:hover,
#top-menu-left .menu-item.active {
    transform: translateX(2px) !important;
}

#top-menu-right .menu-item i,
#top-menu-left .menu-item i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    color: #241b15 !important;
    font-size: 18px !important;
    font-style: normal !important;
}

#top-menu-right .menu-item img,
#top-menu-left .menu-item img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    display: block !important;
}

#top-menu-right .menu-item span,
#top-menu-left .menu-item span {
    display: block !important;
    max-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: #241b15 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: max-width 0.22s ease, opacity 0.22s ease, margin 0.22s ease !important;
}

#top-menu-right .menu-item:hover span,
#top-menu-left .menu-item:hover span,
#top-menu-right .menu-item.active span,
#top-menu-left .menu-item.active span {
    max-width: 160px !important;
    opacity: 1 !important;
    margin-left: 12px !important;
}

#top-menu-right.hidden,
#top-menu-left.hidden {
    opacity: 0.18 !important;
    transform: translateY(-50%) translateX(42px) !important;
    pointer-events: auto !important;
}

#top-menu-left.hidden {
    transform: translateY(-50%) translateX(-42px) !important;
}

#top-menu-right.hidden li:not(:first-child),
#top-menu-left.hidden li:not(:first-child) {
    display: none !important;
}

#toggle-menu-button {
    background: linear-gradient(135deg, #cfa364, #f1d6a5) !important;
}

#top-menu-right .menu-item .fa-heart,
#top-menu-left .menu-item .fa-heart {
    color: #c43b4d !important;
}

@media (max-width: 991px) {
    #top-menu-right,
    #top-menu-left {
        top: auto !important;
        bottom: 18px !important;
        transform: none !important;
    }

    #top-menu-right.hidden,
    #top-menu-left.hidden {
        transform: translateX(42px) !important;
    }

    #top-menu-left.hidden {
        transform: translateX(-42px) !important;
    }

    #top-menu-right .menu-item:hover,
    #top-menu-left .menu-item:hover,
    #top-menu-right .menu-item.active,
    #top-menu-left .menu-item.active {
        width: 56px !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    #top-menu-right .menu-item:hover span,
    #top-menu-left .menu-item:hover span,
    #top-menu-right .menu-item.active span,
    #top-menu-left .menu-item.active span {
        max-width: 0 !important;
        opacity: 0 !important;
        margin-left: 0 !important;
    }
}

@keyframes luxPulseRing {
    0% {
        transform: scale(0.9);
        opacity: 0.6;
    }

    70% {
        transform: scale(1.18);
        opacity: 0;
    }

    100% {
        transform: scale(1.18);
        opacity: 0;
    }
}

@keyframes luxFloatPulse {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

@media (max-width: 991px) {
    .header-content,
    .header-top .row,
    .navbar-content,
    .account-card,
    .feature-card,
    .tool-card {
        border-radius: 14px;
    }
}

@media (max-width: 767.98px) {
    .floating-support-stack {
        left: 14px !important;
        bottom: 248px !important;
        z-index: 1000000 !important;
        gap: 8px !important;
        flex-direction: column !important;
    }

    .hotline-phone-ring-wrap {
        left: 12px !important;
        bottom: 192px !important;
        z-index: 1000000 !important;
        transform: scale(0.72) !important;
        transform-origin: left bottom !important;
    }
}

.swal2-container.swal2-backdrop-show {
    background: rgba(7, 6, 5, 0.72) !important;
    backdrop-filter: blur(6px);
}

.swal2-popup.swal2-modal {
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(23, 18, 14, 0.98), rgba(13, 10, 8, 0.98)) !important;
    border: 1px solid rgba(212, 175, 111, 0.18) !important;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38) !important;
    padding: 2rem 2rem 1.8rem !important;
}

.swal2-title,
.swal2-html-container,
.swal2-content {
    color: var(--lux-heading) !important;
}

.swal2-html-container,
.swal2-content {
    color: var(--lux-text) !important;
}

.swal2-icon.swal2-warning,
.swal2-icon.swal2-question,
.swal2-icon.swal2-info {
    border-color: rgba(212, 175, 111, 0.62) !important;
    color: var(--lux-gold-strong) !important;
}

.swal2-actions {
    gap: 12px !important;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
    min-width: 120px;
    border-radius: 14px !important;
    border: 1px solid rgba(212, 175, 111, 0.16) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22) !important;
    font-weight: 700 !important;
}

.swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, #b68b4d, #e1bd7d 58%, #f0d7aa) !important;
    color: #1a140f !important;
}

.swal2-styled.swal2-cancel {
    background: linear-gradient(180deg, rgba(41, 31, 24, 0.98), rgba(22, 17, 14, 0.98)) !important;
    color: var(--lux-heading) !important;
}