/**
 * Luxury Responsive Menu - Frontend Stylesheet
 * Chuẩn Haute Couture & Luxury: Typography Serif Cormorant Garamond, Champagne Gold, Frosted Blur.
 */

:root {
    /* FONTS */
    --luxury-font-serif: 'Cormorant Garamond', 'Playfair Display', Didot, Garamond, serif;
    --luxury-font-sans: 'Montserrat', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    /* PALETTE */
    --luxury-gold: #c5a880;
    --luxury-gold-hover: #a88a60;
    --luxury-gold-light: #faf6f0;
    --luxury-gold-border: rgba(197, 168, 128, 0.35);

    --luxury-dark: #121316;
    --luxury-dark-soft: #26272b;
    --luxury-muted: #787774;

    --luxury-bg-header: rgba(255, 255, 255, 0.94);
    --luxury-border: rgba(228, 222, 214, 0.7);
    --luxury-surface: #ffffff;
    --luxury-surface-hover: #fcfbf9;

    --luxury-dropdown-shadow: 0 30px 60px -15px rgba(18, 19, 22, 0.12), 0 10px 25px -8px rgba(197, 168, 128, 0.1);
    --luxury-radius: 4px;
    --luxury-transition: 0.35s cubic-bezier(0.25, 1, 0.35, 1);
    --luxury-z-header: 9999;
    --luxury-z-backdrop: 99998;
    --luxury-z-drawer: 99999;
}

/* ==========================================================================
   1. HEADER NAVBAR (FROSTED GLASS)
   ========================================================================== */

.luxury-site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--luxury-bg-header);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--luxury-border);
    z-index: var(--luxury-z-header);
    transition: all var(--luxury-transition);
}

.luxury-site-header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 8px 30px rgba(18, 19, 22, 0.05);
    border-bottom: 1px solid var(--luxury-gold-border);
}

.luxury-header-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 32px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: height var(--luxury-transition);
}

.luxury-site-header.is-scrolled .luxury-header-container {
    height: 66px;
}

/* Branding & Logo */
.luxury-site-branding {
    display: flex;
    align-items: center;
    justify-self: start;
    flex-shrink: 0;
}

.luxury-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--luxury-dark);
}

.luxury-custom-logo {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

.luxury-brand-crest {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-gold);
    transition: transform 0.4s ease;
}

.luxury-brand-link:hover .luxury-brand-crest {
    transform: rotate(45deg);
}

.luxury-brand-text-group {
    display: flex;
    flex-direction: column;
}

.luxury-brand-title {
    font-family: var(--luxury-font-serif);
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--luxury-dark);
    line-height: 1.1;
    text-transform: uppercase;
}

.luxury-brand-tagline {
    font-family: var(--luxury-font-sans);
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.28em;
    color: var(--luxury-gold);
    text-transform: uppercase;
    margin-top: 2px;
}

/* Actions & Button */
.luxury-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    gap: 20px;
}

.luxury-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 24px;
    font-family: var(--luxury-font-sans);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border-radius: var(--luxury-radius);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--luxury-transition);
}

.luxury-btn-outline {
    background: transparent;
    color: var(--luxury-dark);
    border: 1px solid var(--luxury-gold);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.luxury-btn-outline::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--luxury-gold);
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: -1;
}

.luxury-btn-outline:hover {
    color: #ffffff;
    border-color: var(--luxury-gold);
    box-shadow: 0 6px 20px rgba(197, 168, 128, 0.25);
}

.luxury-btn-outline:hover::before {
    transform: translateY(0);
}

/* ==========================================================================
   2. DESKTOP NAVIGATION
   ========================================================================== */

.luxury-desktop-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
}

.luxury-desktop-navigation .luxury-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.luxury-desktop-navigation .menu-item {
    position: relative;
}

.luxury-desktop-navigation .menu-item-wrapper {
    display: flex;
    align-items: center;
}

.luxury-desktop-navigation .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-family: var(--luxury-font-sans);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--luxury-dark);
    text-decoration: none;
    transition: color 0.3s ease;
    white-space: nowrap;
}

/* Hiệu ứng gạch chân mở rộng từ giữa */
.luxury-desktop-navigation .nav-link::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 1px;
    background: var(--luxury-gold);
    transition: width 0.35s cubic-bezier(0.25, 1, 0.35, 1), transform 0.35s cubic-bezier(0.25, 1, 0.35, 1);
    transform: translateX(-50%);
}

.luxury-desktop-navigation .nav-link:hover,
.luxury-desktop-navigation .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-desktop-navigation .menu-item:focus-within > .menu-item-wrapper > .nav-link {
    color: var(--luxury-gold-hover);
}

.luxury-desktop-navigation .nav-link:hover::after,
.luxury-desktop-navigation .menu-item:hover > .menu-item-wrapper > .nav-link::after {
    width: calc(100% - 32px);
}

.luxury-desktop-navigation .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-desktop-navigation .nav-link.is-active {
    color: var(--luxury-gold);
    font-weight: 600;
}

.luxury-desktop-navigation .menu-item.current-menu-item > .menu-item-wrapper > .nav-link::after,
.luxury-desktop-navigation .nav-link.is-active::after {
    width: calc(100% - 32px);
}

/* Cấu trúc layer độc lập cho Ánh sáng và Chữ */
.luxury-desktop-navigation .nav-link,
.wp-desktop-navigation .nav-link,
.luxury-mobile-navigation .nav-link,
.wp-mobile-navigation .nav-link {
    position: relative;
    overflow: visible;
}

.luxury-light-fx {
    position: absolute;
    inset: 3px 6px;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.nav-link-text {
    position: relative;
    z-index: 2;
}

.luxury-desktop-navigation .nav-link::after,
.wp-desktop-navigation .nav-link::after {
    z-index: 3;
}

/* Dropdown Toggle Icon */
.luxury-desktop-navigation .dropdown-toggle {
    background: none;
    border: none;
    color: var(--luxury-muted);
    cursor: pointer;
    padding: 10px 8px 10px 2px;
    margin-left: -12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.luxury-desktop-navigation .dropdown-toggle-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.luxury-desktop-navigation .dropdown-icon {
    width: 12px;
    height: 12px;
    transition: transform var(--luxury-transition);
}

.luxury-desktop-navigation .menu-item-has-children:hover > .menu-item-wrapper .dropdown-icon,
.luxury-desktop-navigation .menu-item-has-children:focus-within > .menu-item-wrapper .dropdown-icon {
    transform: rotate(180deg);
    color: var(--luxury-gold);
}

.luxury-desktop-navigation .submenu-depth-marker {
    display: none !important;
}

/* ==========================================================================
   DESKTOP SUBMENU
   ========================================================================== */

.luxury-desktop-navigation .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    background: var(--luxury-surface);
    border: 1px solid var(--luxury-border);
    border-top: 2px solid var(--luxury-gold);
    border-radius: var(--luxury-radius);
    padding: 14px 10px;
    margin: 0;
    list-style: none;
    box-shadow: var(--luxury-dropdown-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
                transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
                visibility 0.3s;
    z-index: 105;
}

.luxury-desktop-navigation .sub-menu::before {
    content: '';
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 16px;
}

.luxury-desktop-navigation .menu-item-has-children:hover > .sub-menu,
.luxury-desktop-navigation .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(2px);
    pointer-events: auto;
}

.luxury-desktop-navigation .sub-menu .nav-link {
    width: 100%;
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    padding: 11px 16px;
    color: var(--luxury-dark);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.25s ease;
}

.luxury-desktop-navigation .sub-menu .nav-link::after {
    display: none;
}

.luxury-desktop-navigation .sub-menu .nav-link:hover {
    background-color: var(--luxury-gold-light);
    color: var(--luxury-gold-hover);
    padding-left: 22px;
}

/* Submenu Cấp 2+ */
.luxury-desktop-navigation .sub-menu .menu-item {
    position: relative;
    width: 100%;
}

.luxury-desktop-navigation .sub-menu .menu-item-has-children > .menu-item-wrapper .dropdown-icon {
    transform: rotate(-90deg);
}

.luxury-desktop-navigation .sub-menu .menu-item-has-children:hover > .menu-item-wrapper .dropdown-icon {
    transform: rotate(-90deg) scale(1.15);
    color: var(--luxury-gold);
}

.luxury-desktop-navigation .sub-menu .sub-menu {
    top: -14px;
    left: calc(100% + 4px);
    transform: translateX(12px);
}

.luxury-desktop-navigation .sub-menu .menu-item-has-children:hover > .sub-menu {
    transform: translateX(0);
}

/* ==========================================================================
   3. HAMBURGER BUTTON (MINIMALIST LUXURY)
   ========================================================================== */

.luxury-hamburger-btn {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(197, 168, 128, 0.08);
    border: 1px solid rgba(197, 168, 128, 0.35);
    cursor: pointer;
    padding: 8px 18px;
    border-radius: 9999px;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.luxury-hamburger-btn:hover {
    background: rgba(197, 168, 128, 0.16);
    border-color: var(--luxury-gold, #c5a880);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.18);
}

.luxury-hamburger-label {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: var(--luxury-gold, #c5a880);
    text-transform: uppercase;
    line-height: 1;
}

.luxury-hamburger-box {
    width: 20px;
    height: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex-shrink: 0;
}

.luxury-hamburger-line {
    height: 1.5px;
    background-color: var(--luxury-gold, #c5a880);
    border-radius: 1px;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    transform-origin: center;
}

.top-line { width: 100%; }
.mid-line { width: 70%; align-self: flex-end; }
.bot-line { width: 100%; }

.luxury-hamburger-btn.is-active .top-line {
    transform: translateY(5.75px) rotate(45deg);
}

.luxury-hamburger-btn.is-active .mid-line {
    opacity: 0;
    transform: scaleX(0);
}

.luxury-hamburger-btn.is-active .bot-line {
    transform: translateY(-5.75px) rotate(-45deg);
}

/* ==========================================================================
   4. MOBILE OFF-CANVAS DRAWER
   ========================================================================== */

.luxury-mobile-drawer-wrapper {
    position: fixed;
    inset: 0;
    z-index: var(--luxury-z-drawer);
    visibility: hidden;
    transition: visibility 0.35s;
}

.luxury-mobile-drawer-wrapper.is-open {
    visibility: visible;
}

.luxury-mobile-drawer-backdrop {
    position: absolute;
    inset: 0;
    background-color: rgba(18, 19, 22, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.35s ease;
    cursor: pointer;
}

.luxury-mobile-drawer-wrapper.is-open .luxury-mobile-drawer-backdrop {
    opacity: 1;
}

.luxury-mobile-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 88%;
    max-width: 390px;
    background-color: var(--luxury-surface, #ffffff);
    display: flex;
    flex-direction: column;
    border-radius: 24px 0 0 24px;
    border-left: 1px solid var(--luxury-gold-border, rgba(197, 168, 128, 0.35));
    box-shadow: -20px 0 50px rgba(18, 19, 22, 0.25);
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

.luxury-mobile-drawer-wrapper.is-open .luxury-mobile-drawer-panel {
    transform: translateX(0);
}

/* Drawer Header */
.luxury-drawer-header {
    height: 78px;
    padding: 0 20px 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--luxury-border, rgba(197, 168, 128, 0.2));
    flex-shrink: 0;
    background: inherit;
}

.luxury-drawer-header-left {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.luxury-drawer-badge {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    color: var(--luxury-gold, #c5a880);
    text-transform: uppercase;
}

.luxury-drawer-title {
    font-family: var(--luxury-font-serif, 'Cinzel', serif);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--luxury-gold, #c5a880);
    text-transform: uppercase;
    line-height: 1.2;
}

.luxury-drawer-close-btn {
    background: rgba(197, 168, 128, 0.08);
    border: 1px solid rgba(197, 168, 128, 0.28);
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    color: var(--luxury-gold, #c5a880);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.luxury-drawer-close-btn:hover,
.luxury-drawer-close-btn:active {
    background: var(--luxury-gold, #c5a880);
    color: #121316;
    transform: rotate(90deg) scale(0.95);
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.35);
}

/* Drawer Body */
.luxury-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 18px 16px;
    -webkit-overflow-scrolling: touch;
}

.luxury-mobile-navigation .luxury-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.luxury-mobile-navigation .menu-item {
    position: relative;
    border-bottom: 1px solid rgba(197, 168, 128, 0.12);
    border-radius: 12px;
    transition: background 0.2s ease;
}

.luxury-mobile-navigation .menu-item:last-child {
    border-bottom: none;
}

.luxury-mobile-navigation .menu-item-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: 2px 4px 2px 10px;
    border-radius: 12px;
    transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.15s ease;
}

.luxury-mobile-navigation .menu-item-wrapper:active {
    background: rgba(197, 168, 128, 0.1);
    transform: scale(0.99);
}

.luxury-mobile-navigation .menu-item.is-expanded > .menu-item-wrapper {
    background: rgba(197, 168, 128, 0.07);
}

.luxury-mobile-navigation .nav-link {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 4px;
    font-family: var(--luxury-font-serif, 'Cinzel', serif);
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--luxury-dark, #121316);
    text-decoration: none;
    transition: color 0.2s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.luxury-mobile-navigation .nav-link:hover,
.luxury-mobile-navigation .nav-link:active {
    color: var(--luxury-gold, #c5a880);
}

.luxury-mobile-navigation .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-mobile-navigation .nav-link.is-active {
    color: var(--luxury-gold, #c5a880);
    font-weight: 600;
}

/* Accordion Toggle Button (Ergonomic 48x48 Touch Target) */
.luxury-mobile-navigation .dropdown-toggle {
    background: none;
    border: none;
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.luxury-mobile-navigation .dropdown-toggle:active {
    transform: scale(0.92);
}

.luxury-mobile-navigation .dropdown-toggle-badge {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(197, 168, 128, 0.1);
    border: 1px solid rgba(197, 168, 128, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-gold, #c5a880);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-mobile-navigation .dropdown-toggle:active .dropdown-toggle-badge {
    background: rgba(197, 168, 128, 0.22);
}

.luxury-mobile-navigation .dropdown-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-mobile-navigation .menu-item.is-expanded > .menu-item-wrapper .dropdown-toggle-badge {
    background: var(--luxury-gold, #c5a880);
    color: #121316;
    border-color: var(--luxury-gold, #c5a880);
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.45);
}

.luxury-mobile-navigation .menu-item.is-expanded > .menu-item-wrapper .dropdown-toggle .dropdown-icon {
    transform: rotate(180deg);
}

/* Submenu Visual Hierarchy & Accordion Body */
.luxury-mobile-navigation .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease;
    border-left: 2px solid var(--luxury-gold, #c5a880);
    margin-left: 14px;
    margin-top: 2px;
    margin-bottom: 6px;
    padding-left: 10px;
    background: rgba(197, 168, 128, 0.035);
    border-radius: 0 10px 10px 0;
}

.luxury-mobile-navigation .menu-item.is-expanded > .sub-menu {
    opacity: 1;
    padding-top: 4px;
    padding-bottom: 6px;
}

.luxury-mobile-navigation .sub-menu .menu-item {
    border-bottom: 1px dashed rgba(197, 168, 128, 0.16);
    border-radius: 8px;
}

.luxury-mobile-navigation .sub-menu .menu-item:last-child {
    border-bottom: none;
}

.luxury-mobile-navigation .sub-menu .menu-item-wrapper {
    min-height: 46px;
    padding: 0 4px 0 8px;
    border-radius: 8px;
}

.luxury-mobile-navigation .sub-menu .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 10px 4px;
    color: var(--luxury-dark-soft, #4a4a4a);
}

.luxury-mobile-navigation .sub-menu .nav-link:hover,
.luxury-mobile-navigation .sub-menu .nav-link:active {
    color: var(--luxury-gold, #c5a880);
}

/* Submenu Depth Marker (✦ Level 2, ✧ Level 3) */
.submenu-depth-marker {
    display: inline-block;
    margin-right: 6px;
    font-size: 0.72rem;
    color: var(--luxury-gold, #c5a880);
    opacity: 0.9;
    vertical-align: middle;
}

/* Submenu Level 3 */
.luxury-mobile-navigation .sub-menu .sub-menu {
    border-left: 1.5px dashed rgba(197, 168, 128, 0.45);
    margin-left: 10px;
    padding-left: 8px;
    background: rgba(0, 0, 0, 0.03);
}

.luxury-mobile-navigation .sub-menu .sub-menu .nav-link {
    font-size: 0.84rem;
    color: var(--luxury-muted, #767676);
}

/* Drawer Footer */
.luxury-drawer-footer {
    padding: 20px 24px;
    border-top: 1px solid var(--luxury-border, rgba(228, 222, 214, 0.6));
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--luxury-surface-hover, #fbfaf8);
}

.luxury-drawer-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--luxury-font-sans);
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: var(--luxury-dark-soft);
    text-decoration: none;
    transition: color 0.2s ease;
}

.luxury-drawer-contact-item svg {
    color: var(--luxury-gold);
}

.luxury-drawer-contact-item:hover {
    color: var(--luxury-gold-hover);
}

.luxury-drawer-cart-link,
.luxury-drawer-hotline-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(197, 168, 128, 0.06);
    border: 1px solid rgba(197, 168, 128, 0.22);
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif);
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: var(--luxury-dark, #121316);
    text-decoration: none;
    transition: all 0.25s ease;
}

.luxury-drawer-cart-link:hover,
.luxury-drawer-hotline-link:hover {
    background: rgba(197, 168, 128, 0.14);
    border-color: var(--luxury-gold, #c5a880);
    color: var(--luxury-gold, #c5a880);
    transform: translateY(-1px);
}

.luxury-drawer-cart-link svg,
.luxury-drawer-hotline-link svg {
    color: var(--luxury-gold, #c5a880);
    flex-shrink: 0;
}

.luxury-drawer-cart-badge {
    margin-left: auto;
    background-color: var(--luxury-gold, #c5a880);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.luxury-drawer-cta-btn {
    width: 100%;
    justify-content: center;
    padding: 13px;
}

/* Flatsome & Standalone Mobile Drawer Wrappers */
.luxury-flatsome-mobile-wrap,
.luxury-mobile-standalone-wrap {
    padding: 16px 0;
    width: 100%;
}

.luxury-mobile-drawer-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 16px 0 20px;
}

.luxury-mobile-drawer-divider::before,
.luxury-mobile-drawer-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--luxury-gold-border, rgba(197, 168, 128, 0.3));
}

.luxury-mobile-drawer-divider span {
    padding: 0 12px;
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: var(--luxury-gold, #c5a880);
    text-transform: uppercase;
}

/* ==========================================================================
   5. RESPONSIVE BREAKPOINTS
   ========================================================================== */

@media (max-width: 991px) {
    .luxury-header-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 64px;
        padding: 0 20px;
    }

    .luxury-header-container.luxury-header-centered {
        justify-content: center;
    }

    .luxury-desktop-navigation {
        display: none !important;
    }

    .luxury-header-cta-btn {
        display: none !important;
    }

    .luxury-hamburger-btn {
        display: inline-flex !important;
        min-height: 44px;
        padding: 8px 18px;
        -webkit-tap-highlight-color: transparent;
    }
}

@media (max-width: 480px) {
    .luxury-mobile-drawer-panel {
        width: 92%;
        border-radius: 20px 0 0 20px;
    }

    .luxury-drawer-header {
        height: 70px;
        padding: 0 16px 0 18px;
    }

    .luxury-drawer-body {
        padding: 14px 12px;
    }

    .luxury-mobile-navigation .nav-link {
        font-size: 1rem;
        padding: 10px 4px;
    }

    .luxury-mobile-navigation .sub-menu .nav-link {
        font-size: 0.88rem;
    }
}

@media (min-width: 992px) {
    .luxury-hamburger-btn {
        display: none !important;
    }

    .luxury-mobile-drawer-wrapper {
        display: none !important;
    }
}

/* Scroll Lock */
body.luxury-drawer-open {
    overflow: hidden;
    touch-action: none;
}

/* ==========================================================================
   7. WOOCOMMERCE & FLATSOME LUXURY CART
   ========================================================================== */

.luxury-cart-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-dark);
    padding: 8px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.luxury-cart-btn:hover {
    color: var(--luxury-gold);
}

.luxury-cart-badge {
    position: absolute;
    top: 2px;
    right: -2px;
    background: var(--luxury-gold);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    min-width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 4px;
    box-shadow: 0 2px 6px rgba(197, 168, 128, 0.4);
    transform: scale(0);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-cart-badge.has-items {
    transform: scale(1);
}

/* ==========================================================================
   8. 5 LUXURY MENU PRESETS & DESIGNS (5 THIẾT KẾ MENU SANG TRỌNG)
   ========================================================================== */

/* --------------------------------------------------------------------------
   STYLE 1: ROYAL GOLD (Hoàng Gia Cổ Điển - Champagne Gold)
   - Cổ điển hoàng gia Châu Âu, trang sức & đồng hồ quý phái (Cartier, Rolex)
   - Font Cormorant Garamond uyển chuyển, gạch chân nở tâm dát vàng, ngọc trai
   -------------------------------------------------------------------------- */
.luxury-style-royal-gold .nav-link,
.luxury-style-royal-gold .luxury-nav-menu .nav-link,
.luxury-style-royal-gold .nav-menu .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--luxury-dark, #121316) !important;
    transition: all 0.35s ease;
}

.luxury-style-royal-gold .nav-link::after {
    height: 1.5px;
    background: linear-gradient(90deg, transparent 0%, var(--luxury-gold, #c5a880) 50%, transparent 100%);
    box-shadow: 0 0 6px rgba(197, 168, 128, 0.4);
}

.luxury-style-royal-gold .nav-link:hover,
.luxury-style-royal-gold .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-royal-gold .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-royal-gold .nav-link.is-active {
    color: var(--luxury-gold, #c5a880) !important;
    letter-spacing: 0.14em !important;
}

.luxury-style-royal-gold .sub-menu {
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 20px 45px -10px rgba(18, 19, 22, 0.08), 0 0 15px rgba(197, 168, 128, 0.12) !important;
}

.luxury-style-royal-gold .sub-menu .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.98rem !important;
    letter-spacing: 0.08em !important;
    text-transform: none !important;
    color: var(--luxury-dark, #121316) !important;
}

.luxury-style-royal-gold .sub-menu .nav-link:hover {
    color: var(--luxury-gold, #c5a880) !important;
}

/* --------------------------------------------------------------------------
   STYLE 2: FLOATING PILL (Đảo Nổi Capsule - Apple & Modern Luxe)
   - Thiết kế lơ lửng capsule bo tròn tách rời viền trang web
   - Hover dạng viên thuốc (Pill Highlight) êm ái, hi-tech luxury
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-floating-pill,
.wp-site-header.luxury-style-floating-pill {
    background: transparent !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    padding: 14px 20px 0;
}

.luxury-style-floating-pill .luxury-header-container,
.luxury-style-floating-pill .wp-header-container {
    max-width: fit-content !important;
    margin: 0 auto !important;
    padding: 6px 18px !important;
    height: auto !important;
    min-height: 52px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    border-radius: 9999px !important;
    box-shadow: 0 12px 32px rgba(18, 19, 22, 0.08), 0 2px 6px rgba(197, 168, 128, 0.12) !important;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-site-header.luxury-style-floating-pill.is-scrolled .luxury-header-container,
.wp-site-header.luxury-style-floating-pill.is-scrolled .wp-header-container {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 16px 40px rgba(18, 19, 22, 0.12), 0 0 0 1px var(--luxury-gold, #c5a880) !important;
    transform: translateY(2px);
}

.luxury-style-floating-pill .luxury-desktop-navigation .luxury-nav-menu,
.luxury-style-floating-pill .wp-desktop-navigation .nav-menu {
    gap: 6px !important;
}

.luxury-style-floating-pill .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    padding: 8px 18px !important;
    border-radius: 9999px !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.12em !important;
    color: var(--luxury-dark, #121316) !important;
    transition: all 0.25s ease;
}

.luxury-style-floating-pill .nav-link::after {
    display: none !important;
}

.luxury-style-floating-pill .nav-link:hover,
.luxury-style-floating-pill .menu-item:hover > .menu-item-wrapper > .nav-link {
    background: rgba(197, 168, 128, 0.18) !important;
    color: var(--luxury-gold-hover, #a88a60) !important;
    transform: translateY(-1px);
}

.luxury-style-floating-pill .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-floating-pill .nav-link.is-active {
    background: var(--luxury-gold, #c5a880) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.45) !important;
}

.luxury-style-floating-pill .sub-menu {
    border-radius: 20px !important;
    border: 1px solid rgba(197, 168, 128, 0.25) !important;
    padding: 10px !important;
    margin-top: 10px;
    box-shadow: 0 20px 40px rgba(18, 19, 22, 0.1) !important;
}

.luxury-style-floating-pill .sub-menu .nav-link {
    border-radius: 12px !important;
}

/* --------------------------------------------------------------------------
   STYLE 3: MINIMAL EDITORIAL (Tạp Chí Thời Trang - Vogue / Celine)
   - Tinh tế, nét thanh lịch haute couture, chỉ mục số 01., 02., 03.
   - Hiệu ứng nghiêng italic thời thượng khi rê chuột
   -------------------------------------------------------------------------- */
.luxury-style-minimal-editorial .luxury-desktop-navigation,
.luxury-style-minimal-editorial .wp-desktop-navigation,
.luxury-style-minimal-editorial .luxury-nav-desktop,
.luxury-style-minimal-editorial .luxury-nav-menu,
.luxury-style-minimal-editorial .nav-menu {
    counter-reset: editorial-counter;
}

.luxury-style-minimal-editorial .luxury-nav-desktop > .menu-item,
.luxury-style-minimal-editorial .luxury-nav-menu > .menu-item,
.luxury-style-minimal-editorial .nav-menu > .menu-item {
    counter-increment: editorial-counter;
}

.luxury-style-minimal-editorial .luxury-nav-desktop > .menu-item > .menu-item-wrapper > .nav-link::before,
.luxury-style-minimal-editorial .luxury-nav-menu > .menu-item > .menu-item-wrapper > .nav-link::before,
.luxury-style-minimal-editorial .nav-menu > .menu-item > .menu-item-wrapper > .nav-link::before {
    content: "0" counter(editorial-counter) ". ";
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--luxury-gold, #c5a880) !important;
    margin-right: 7px;
    letter-spacing: 0.05em;
    opacity: 0.75;
    transition: all 0.3s ease;
}

.luxury-style-minimal-editorial .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--luxury-dark, #121316) !important;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-style-minimal-editorial .nav-link::after {
    height: 1px;
    background: var(--luxury-dark, #121316);
    bottom: 2px;
}

.luxury-style-minimal-editorial .nav-link:hover,
.luxury-style-minimal-editorial .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-minimal-editorial .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-minimal-editorial .nav-link.is-active {
    font-style: italic !important;
    color: var(--luxury-gold, #c5a880) !important;
    letter-spacing: 0.26em !important;
}

.luxury-style-minimal-editorial .nav-link:hover::before,
.luxury-style-minimal-editorial .menu-item:hover > .menu-item-wrapper > .nav-link::before {
    opacity: 1;
    transform: scale(1.1);
}

.luxury-style-minimal-editorial .sub-menu {
    border-radius: 0 !important;
    border: none !important;
    border-left: 2px solid var(--luxury-gold, #c5a880) !important;
    box-shadow: 0 15px 35px rgba(18, 19, 22, 0.06) !important;
    padding: 12px 0 !important;
}

.luxury-style-minimal-editorial .sub-menu .nav-link {
    letter-spacing: 0.12em !important;
    font-size: 0.78rem !important;
    padding: 10px 24px !important;
}

/* --------------------------------------------------------------------------
   STYLE 4: GLASSMORPHIC GLOW (Huyền Bí Ánh Kim - Neo-Luxe Obsidian Night)
   - Đêm tiệc thượng lưu, đen tuyền obsidian, kính mờ đa lớp
   - Phát hào quang ánh kim rực rỡ khi di chuột (Golden Aura Glow)
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-glassmorphic-glow,
.wp-site-header.luxury-style-glassmorphic-glow {
    background: rgba(14, 15, 18, 0.95) !important;
    backdrop-filter: blur(28px) !important;
    -webkit-backdrop-filter: blur(28px) !important;
    border-bottom: 1px solid rgba(197, 168, 128, 0.28) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45) !important;
}

.luxury-style-glassmorphic-glow .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    color: #e5e2db !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.18em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.luxury-style-glassmorphic-glow .dropdown-toggle {
    color: rgba(229, 226, 219, 0.7) !important;
}

.luxury-style-glassmorphic-glow .nav-link::after {
    background: var(--luxury-gold, #c5a880) !important;
    box-shadow: 0 0 10px var(--luxury-gold, #c5a880), 0 0 20px rgba(197, 168, 128, 0.6) !important;
    height: 2px;
}

.luxury-style-glassmorphic-glow .nav-link:hover,
.luxury-style-glassmorphic-glow .menu-item:hover > .menu-item-wrapper > .nav-link {
    color: #ffffff !important;
    text-shadow: 0 0 12px rgba(229, 201, 160, 0.9), 0 0 24px rgba(197, 168, 128, 0.6) !important;
}

.luxury-style-glassmorphic-glow .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-glassmorphic-glow .nav-link.is-active {
    color: var(--luxury-gold, #c5a880) !important;
    text-shadow: 0 0 10px rgba(197, 168, 128, 0.7) !important;
}

.luxury-style-glassmorphic-glow .sub-menu {
    background: rgba(18, 19, 22, 0.98) !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 25px rgba(197, 168, 128, 0.15) !important;
}

.luxury-style-glassmorphic-glow .sub-menu .nav-link {
    color: #c7c5c0 !important;
}

.luxury-style-glassmorphic-glow .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.12) !important;
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(229, 201, 160, 0.8) !important;
}

.luxury-style-glassmorphic-glow .luxury-hamburger-line,
.luxury-style-glassmorphic-glow .wp-hamburger-line {
    background-color: var(--luxury-gold, #c5a880) !important;
    box-shadow: 0 0 6px rgba(197, 168, 128, 0.5) !important;
}

/* --------------------------------------------------------------------------
   STYLE 5: BOLD CONTRAST (Runway Monokrome - Paris / Saint Laurent Chic)
   - Thời trang sàn diễn Milan/Paris, đen trắng tương phản dứt khoát
   - Hiệu ứng khung viền hình học (Architectural Box Border) mạnh mẽ & sắc nét
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-bold-contrast,
.wp-site-header.luxury-style-bold-contrast {
    border-bottom: 2px solid var(--luxury-dark, #121316) !important;
    background-color: #ffffff !important;
}

.luxury-style-bold-contrast .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-weight: 700 !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    padding: 10px 18px !important;
    border: 1px solid transparent;
    color: var(--luxury-dark, #121316) !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-style-bold-contrast .nav-link::after {
    display: none !important;
}

.luxury-style-bold-contrast .nav-link:hover,
.luxury-style-bold-contrast .menu-item:hover > .menu-item-wrapper > .nav-link {
    background: var(--luxury-dark, #121316) !important;
    color: #ffffff !important;
    border-color: var(--luxury-dark, #121316) !important;
    transform: translateY(-2px);
    box-shadow: 3px 3px 0px var(--luxury-gold, #c5a880) !important;
}

.luxury-style-bold-contrast .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-bold-contrast .nav-link.is-active {
    background: var(--luxury-dark, #121316) !important;
    color: #ffffff !important;
    border-color: var(--luxury-dark, #121316) !important;
    box-shadow: 3px 3px 0px var(--luxury-gold, #c5a880) !important;
}

.luxury-style-bold-contrast .sub-menu {
    border-radius: 0 !important;
    border: 2px solid var(--luxury-dark, #121316) !important;
    box-shadow: 6px 6px 0px rgba(18, 19, 22, 0.85) !important;
    background: #ffffff !important;
}

.luxury-style-bold-contrast .sub-menu .nav-link {
    border: none;
    font-weight: 600 !important;
    color: var(--luxury-dark, #121316) !important;
}

.luxury-style-bold-contrast .sub-menu .nav-link:hover {
    background: var(--luxury-dark, #121316) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

/* --------------------------------------------------------------------------
   STYLE 6: MONACO YACHT CLUB (Du Thuyền Siêu Sang - Riviera Deep Navy)
   - Cảm hứng vịnh Monte Carlo: Nền xanh đại dương sâu #0a1128, viền sợi chỉ vàng
   - Hiệu ứng lượn sóng viền đáy vàng kim sang trọng khi hover
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-monaco-yacht,
.wp-site-header.luxury-style-monaco-yacht {
    background: #0a1128 !important;
    border-bottom: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 10px 30px rgba(10, 17, 40, 0.5) !important;
}

.luxury-style-monaco-yacht .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #e4e9f2 !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease;
}

.luxury-style-monaco-yacht .nav-link::after {
    height: 2px;
    background: linear-gradient(90deg, #c5a880 0%, #fae1af 50%, #c5a880 100%) !important;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(197, 168, 128, 0.7);
}

.luxury-style-monaco-yacht .nav-link:hover,
.luxury-style-monaco-yacht .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-monaco-yacht .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-monaco-yacht .nav-link.is-active {
    color: #f7e1b5 !important;
    transform: translateY(-1px);
}

.luxury-style-monaco-yacht .dropdown-toggle {
    color: #c5a880 !important;
}

.luxury-style-monaco-yacht .sub-menu {
    background: #0d1736 !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6) !important;
}

.luxury-style-monaco-yacht .sub-menu .nav-link {
    color: #ccd6e8 !important;
}

.luxury-style-monaco-yacht .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.12) !important;
    color: #ffffff !important;
}

.luxury-style-monaco-yacht .luxury-hamburger-line,
.luxury-style-monaco-yacht .wp-hamburger-line {
    background-color: #f7e1b5 !important;
}

/* --------------------------------------------------------------------------
   STYLE 7: EMERALD HERITAGE (Ngọc Lục Bảo Hoàng Gia - Imperial Green & Gold)
   - Sắc xanh ngọc bích quý phái #062c20, viền vát cạnh giác cắt kim cương
   - Hào quang lục bảo dịu êm kết hợp vàng lá phong
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-emerald-heritage,
.wp-site-header.luxury-style-emerald-heritage {
    background: #062c20 !important;
    border-bottom: 2px solid #c5a880 !important;
    box-shadow: 0 12px 35px rgba(6, 44, 32, 0.6) !important;
}

.luxury-style-emerald-heritage .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #eaf5ee !important;
    padding: 10px 18px !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.luxury-style-emerald-heritage .nav-link::after {
    height: 2px;
    background: #dfba73 !important;
    box-shadow: 0 0 8px rgba(223, 186, 115, 0.8);
}

.luxury-style-emerald-heritage .nav-link:hover,
.luxury-style-emerald-heritage .menu-item:hover > .menu-item-wrapper > .nav-link {
    color: #dfba73 !important;
    background: rgba(223, 186, 115, 0.1) !important;
    box-shadow: 0 0 16px rgba(10, 80, 50, 0.5);
}

.luxury-style-emerald-heritage .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-emerald-heritage .nav-link.is-active {
    color: #dfba73 !important;
    background: rgba(223, 186, 115, 0.15) !important;
}

.luxury-style-emerald-heritage .dropdown-toggle {
    color: #dfba73 !important;
}

.luxury-style-emerald-heritage .sub-menu {
    background: #093829 !important;
    border: 1px solid #dfba73 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.luxury-style-emerald-heritage .sub-menu .nav-link {
    color: #d1e8db !important;
    font-size: 0.95rem !important;
}

.luxury-style-emerald-heritage .sub-menu .nav-link:hover {
    background: rgba(223, 186, 115, 0.15) !important;
    color: #dfba73 !important;
}

.luxury-style-emerald-heritage .luxury-hamburger-line,
.luxury-style-emerald-heritage .wp-hamburger-line {
    background-color: #dfba73 !important;
}

/* --------------------------------------------------------------------------
   STYLE 8: SWISS CHRONOGRAPH (Đồng Hồ Cơ Thụy Sĩ - Haute Horlogerie Precision)
   - Cảm hứng Patek Philippe: Vạch chia cơ học | giữa các mục menu, font chuẩn xác
   - Gạch chân chuyển động dứt khoát như kim giây đồng hồ cơ
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-swiss-chronograph,
.wp-site-header.luxury-style-swiss-chronograph {
    background: #18191c !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.luxury-style-swiss-chronograph .luxury-nav-desktop > .menu-item,
.luxury-style-swiss-chronograph .luxury-nav-menu > .menu-item,
.luxury-style-swiss-chronograph .nav-menu > .menu-item {
    position: relative;
}

.luxury-style-swiss-chronograph .luxury-nav-desktop > .menu-item:not(:last-child)::after,
.luxury-style-swiss-chronograph .luxury-nav-menu > .menu-item:not(:last-child)::after,
.luxury-style-swiss-chronograph .nav-menu > .menu-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(197, 168, 128, 0.35);
    font-size: 11px;
    font-weight: 300;
}

.luxury-style-swiss-chronograph .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: #d8d9de !important;
    padding: 8px 14px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-style-swiss-chronograph .nav-link::after {
    height: 1.5px;
    background: #c5a880 !important;
    transition: width 0.25s cubic-bezier(0.1, 0.9, 0.2, 1) !important;
}

.luxury-style-swiss-chronograph .nav-link:hover,
.luxury-style-swiss-chronograph .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-swiss-chronograph .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-swiss-chronograph .nav-link.is-active {
    color: #c5a880 !important;
}

.luxury-style-swiss-chronograph .dropdown-toggle {
    color: #c5a880 !important;
}

.luxury-style-swiss-chronograph .sub-menu {
    background: #202226 !important;
    border: 1px solid rgba(197, 168, 128, 0.25) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5) !important;
}

.luxury-style-swiss-chronograph .sub-menu .nav-link {
    color: #c4c5cc !important;
    font-size: 0.74rem !important;
}

.luxury-style-swiss-chronograph .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.1) !important;
    color: #ffffff !important;
}

.luxury-style-swiss-chronograph .luxury-hamburger-line,
.luxury-style-swiss-chronograph .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* --------------------------------------------------------------------------
   STYLE 9: ART DECO 1920s (Đêm Hội Gatsby - Great Gatsby Roaring 20s)
   - Hình học đối xứng hoàng kim 1920s, đường viền kép vàng đồng (Double Gold)
   - Họa tiết góc kim tự tháp Gatsby hoa mỹ
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-art-deco-gatsby,
.wp-site-header.luxury-style-art-deco-gatsby {
    background: #141416 !important;
    border-top: 1px solid #c5a880 !important;
    border-bottom: 3px double #c5a880 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.luxury-style-art-deco-gatsby .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.08rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #f1ebd8 !important;
    padding: 10px 18px !important;
    position: relative;
    transition: all 0.3s ease;
}

.luxury-style-art-deco-gatsby .nav-link::before {
    content: "◇";
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    color: #c5a880;
    font-size: 10px;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-style-art-deco-gatsby .nav-link:hover::before,
.luxury-style-art-deco-gatsby .menu-item.current-menu-item > .menu-item-wrapper > .nav-link::before,
.luxury-style-art-deco-gatsby .nav-link.is-active::before {
    transform: translateY(-50%) scale(1);
}

.luxury-style-art-deco-gatsby .nav-link::after {
    height: 1px;
    background: #c5a880 !important;
    bottom: 4px;
}

.luxury-style-art-deco-gatsby .nav-link:hover,
.luxury-style-art-deco-gatsby .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-art-deco-gatsby .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-art-deco-gatsby .nav-link.is-active {
    color: #e5c189 !important;
    letter-spacing: 0.22em !important;
    text-shadow: 0 0 8px rgba(229, 193, 137, 0.6);
}

.luxury-style-art-deco-gatsby .dropdown-toggle {
    color: #c5a880 !important;
}

.luxury-style-art-deco-gatsby .sub-menu {
    background: #19191d !important;
    border: 2px solid #c5a880 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7) !important;
}

.luxury-style-art-deco-gatsby .sub-menu .nav-link {
    color: #d6cfbf !important;
    font-size: 0.98rem !important;
}

.luxury-style-art-deco-gatsby .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #e5c189 !important;
}

.luxury-style-art-deco-gatsby .luxury-hamburger-line,
.luxury-style-art-deco-gatsby .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* --------------------------------------------------------------------------
   STYLE 10: ZEN MARBLE (Cẩm Thạch Tĩnh Lặng - Aman Kyoto & Carrara Luxe)
   - Cẩm thạch trắng Carrara & Wabi-Sabi thiền định, nhẹ nhàng thanh tịnh
   - Chấm ngọc trai Zen Pearl Dot xuất hiện trên đỉnh mục menu khi hover/active
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-zen-marble,
.wp-site-header.luxury-style-zen-marble {
    background: #fbfaf8 !important;
    border-bottom: 1px solid #e8e4dc !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.luxury-style-zen-marble .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.76rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #3b3936 !important;
    padding: 10px 18px !important;
    position: relative;
    transition: all 0.3s ease;
}

.luxury-style-zen-marble .nav-link::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c5a880;
    box-shadow: 0 0 6px rgba(197, 168, 128, 0.6);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-style-zen-marble .nav-link:hover::before,
.luxury-style-zen-marble .menu-item.current-menu-item > .menu-item-wrapper > .nav-link::before,
.luxury-style-zen-marble .nav-link.is-active::before {
    transform: translateX(-50%) scale(1);
}

.luxury-style-zen-marble .nav-link::after {
    display: none !important;
}

.luxury-style-zen-marble .nav-link:hover,
.luxury-style-zen-marble .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-zen-marble .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-zen-marble .nav-link.is-active {
    color: #8f7450 !important;
}

.luxury-style-zen-marble .dropdown-toggle {
    color: #8f7450 !important;
}

.luxury-style-zen-marble .sub-menu {
    background: #ffffff !important;
    border: 1px solid #e8e4dc !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px;
}

.luxury-style-zen-marble .sub-menu .nav-link {
    color: #4a4743 !important;
}

.luxury-style-zen-marble .sub-menu .nav-link:hover {
    background: #f7f5f0 !important;
    color: #8f7450 !important;
}

.luxury-style-zen-marble .luxury-hamburger-line,
.luxury-style-zen-marble .wp-hamburger-line {
    background-color: #3b3936 !important;
}

/* --------------------------------------------------------------------------
   STYLE 11: VELVET BORDEAUX (Rượu Vang Thượng Hạng - Grand Cru Velvet Burgundy)
   - Sắc đỏ nhung Bordeaux Pháp quý tộc #3b0918, ánh vàng Champagne ấm áp
   - Đổ bóng nhung mờ cao cấp, hào quang quý tộc
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-velvet-bordeaux,
.wp-site-header.luxury-style-velvet-bordeaux {
    background: #360714 !important;
    border-bottom: 2px solid #c99e64 !important;
    box-shadow: 0 12px 36px rgba(54, 7, 20, 0.6) !important;
}

.luxury-style-velvet-bordeaux .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.06rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #f7ede1 !important;
    padding: 10px 18px !important;
    transition: all 0.3s ease;
}

.luxury-style-velvet-bordeaux .nav-link::after {
    height: 1.5px;
    background: linear-gradient(90deg, transparent, #c99e64, transparent) !important;
    box-shadow: 0 0 10px rgba(201, 158, 100, 0.8);
}

.luxury-style-velvet-bordeaux .nav-link:hover,
.luxury-style-velvet-bordeaux .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-velvet-bordeaux .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-velvet-bordeaux .nav-link.is-active {
    color: #f0caa0 !important;
    text-shadow: 0 0 10px rgba(240, 202, 160, 0.7);
}

.luxury-style-velvet-bordeaux .dropdown-toggle {
    color: #c99e64 !important;
}

.luxury-style-velvet-bordeaux .sub-menu {
    background: #460d1d !important;
    border: 1px solid #c99e64 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

.luxury-style-velvet-bordeaux .sub-menu .nav-link {
    color: #edd9c7 !important;
}

.luxury-style-velvet-bordeaux .sub-menu .nav-link:hover {
    background: rgba(201, 158, 100, 0.18) !important;
    color: #ffffff !important;
}

.luxury-style-velvet-bordeaux .luxury-hamburger-line,
.luxury-style-velvet-bordeaux .wp-hamburger-line {
    background-color: #c99e64 !important;
}

/* --------------------------------------------------------------------------
   STYLE 12: CYBER NOIR (Rolls-Royce Vị Lai - Titanium & Amber Laser)
   - Kim loại titan nòng súng #16191f, vạch quét laser vàng hổ phách hiện đại
   - Góc cắt vát bát giác hiện đại sắc bén
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-cyber-noir,
.wp-site-header.luxury-style-cyber-noir {
    background: #14161b !important;
    border-bottom: 1px solid #2d313b !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.luxury-style-cyber-noir .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: #c8cbd2 !important;
    padding: 10px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    transition: all 0.25s ease;
}

.luxury-style-cyber-noir .nav-link::after {
    display: none !important;
}

.luxury-style-cyber-noir .nav-link:hover,
.luxury-style-cyber-noir .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-cyber-noir .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-cyber-noir .nav-link.is-active {
    background: #f59e0b !important;
    color: #000000 !important;
    border-color: #f59e0b !important;
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.6) !important;
    transform: translateY(-2px);
}

.luxury-style-cyber-noir .dropdown-toggle {
    color: #f59e0b !important;
}

.luxury-style-cyber-noir .sub-menu {
    background: #1b1e25 !important;
    border: 1px solid #f59e0b !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 15px rgba(245, 158, 11, 0.2) !important;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.luxury-style-cyber-noir .sub-menu .nav-link {
    clip-path: none !important;
    border: none !important;
    background: transparent !important;
    color: #d1d5db !important;
}

.luxury-style-cyber-noir .sub-menu .nav-link:hover {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #ffffff !important;
}

.luxury-style-cyber-noir .luxury-hamburger-line,
.luxury-style-cyber-noir .wp-hamburger-line {
    background-color: #f59e0b !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.7);
}

/* --------------------------------------------------------------------------
   STYLE 13: BOULEVARD SAINT-GERMAIN (Trà Chiều Paris - Ritz Paris Warm Taupe)
   - Gam màu kem sữa sepia sang trọng, phong cách quán trà thượng lưu Pháp
   - Gạch chân uốn lượn mượt mà mềm mại
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-parisian-cafe,
.wp-site-header.luxury-style-parisian-cafe {
    background: #f5f0ea !important;
    border-bottom: 1px solid #ddd2c4 !important;
    box-shadow: 0 4px 15px rgba(42, 36, 33, 0.05) !important;
}

.luxury-style-parisian-cafe .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    color: #2b231f !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease;
}

.luxury-style-parisian-cafe .nav-link::after {
    height: 1.5px;
    background: #9d7d5d !important;
    border-radius: 1px;
}

.luxury-style-parisian-cafe .nav-link:hover,
.luxury-style-parisian-cafe .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-parisian-cafe .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-parisian-cafe .nav-link.is-active {
    color: #9d7d5d !important;
    font-style: italic !important;
}

.luxury-style-parisian-cafe .dropdown-toggle {
    color: #9d7d5d !important;
}

.luxury-style-parisian-cafe .sub-menu {
    background: #ffffff !important;
    border: 1px solid #e3d8cb !important;
    box-shadow: 0 15px 35px rgba(42, 36, 33, 0.08) !important;
    border-radius: 4px;
}

.luxury-style-parisian-cafe .sub-menu .nav-link {
    color: #3b322c !important;
}

.luxury-style-parisian-cafe .sub-menu .nav-link:hover {
    background: #faf7f2 !important;
    color: #9d7d5d !important;
}

.luxury-style-parisian-cafe .luxury-hamburger-line,
.luxury-style-parisian-cafe .wp-hamburger-line {
    background-color: #2b231f !important;
}

/* --------------------------------------------------------------------------
   STYLE 14: GOLDEN ARCH (Cung Điện Versailles - Palatial Arch Renaissance)
   - Cảm hứng vòm cung thời Phục Hưng: Khung vòm cung úp ngược Cathedral Arch
   - Hiệu ứng đổ bóng 3D vàng kim cung đình lộng lẫy
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-golden-arch,
.wp-site-header.luxury-style-golden-arch {
    background: #111215 !important;
    border-bottom: 2px solid #c5a880 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

.luxury-style-golden-arch .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #ece7de !important;
    padding: 10px 20px !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: 1px solid transparent;
    border-bottom: none;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.luxury-style-golden-arch .nav-link::after {
    display: none !important;
}

.luxury-style-golden-arch .nav-link:hover,
.luxury-style-golden-arch .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-golden-arch .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-golden-arch .nav-link.is-active {
    background: rgba(197, 168, 128, 0.15) !important;
    border-color: #c5a880 !important;
    color: #f5dfbe !important;
    box-shadow: 0 -4px 15px rgba(197, 168, 128, 0.2);
    transform: translateY(-2px);
}

.luxury-style-golden-arch .dropdown-toggle {
    color: #c5a880 !important;
}

.luxury-style-golden-arch .sub-menu {
    background: #18191d !important;
    border: 1px solid #c5a880 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6) !important;
}

.luxury-style-golden-arch .sub-menu .nav-link {
    border-radius: 0 !important;
    color: #dad4c8 !important;
}

.luxury-style-golden-arch .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #f5dfbe !important;
}

.luxury-style-golden-arch .luxury-hamburger-line,
.luxury-style-golden-arch .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* --------------------------------------------------------------------------
   STYLE 15: HAUTE COUTURE RIBBON (Dải Lụa Satin Dior - Silk Ribbon Floating)
   - Cảm hứng sàn diễn thời trang cao cấp Paris: Dải ruy băng lụa lướt nhẹ
   - Gạch chân 2 đầu vuốt nhọn kim cương kiêu sa
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-haute-couture-ribbon,
.wp-site-header.luxury-style-haute-couture-ribbon {
    background: #ffffff !important;
    border-bottom: 1px solid #ede8e1 !important;
    box-shadow: 0 6px 25px rgba(18, 19, 22, 0.04) !important;
}

.luxury-style-haute-couture-ribbon .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #1a1a1c !important;
    padding: 10px 18px !important;
    position: relative;
    transition: all 0.3s ease;
}

.luxury-style-haute-couture-ribbon .nav-link::after {
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #c5a880 20%, #c5a880 80%, transparent 100%) !important;
    border-radius: 999px;
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
    box-shadow: 0 1px 6px rgba(197, 168, 128, 0.4);
}

.luxury-style-haute-couture-ribbon .nav-link:hover,
.luxury-style-haute-couture-ribbon .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-haute-couture-ribbon .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-haute-couture-ribbon .nav-link.is-active {
    color: #a88a60 !important;
    letter-spacing: 0.26em !important;
}

.luxury-style-haute-couture-ribbon .dropdown-toggle {
    color: #a88a60 !important;
}

.luxury-style-haute-couture-ribbon .sub-menu {
    background: #ffffff !important;
    border: 1px solid #ebd9c2 !important;
    box-shadow: 0 18px 40px rgba(18, 19, 22, 0.08) !important;
}

.luxury-style-haute-couture-ribbon .sub-menu .nav-link {
    color: #2c2b2a !important;
    font-size: 0.76rem !important;
}

.luxury-style-haute-couture-ribbon .sub-menu .nav-link:hover {
    background: #fbf8f4 !important;
    color: #a88a60 !important;
}

.luxury-style-haute-couture-ribbon .luxury-hamburger-line,
.luxury-style-haute-couture-ribbon .wp-hamburger-line {
    background-color: #1a1a1c !important;
}

/* --------------------------------------------------------------------------
   STYLE 16: JAPANESE KINTSUGI (Gốm Vàng Kintsugi Nhật Bản - Wabi-Sabi Gold Vein)
   - Triết lý gốm nung Wabi-Sabi hàn gắn bằng vàng ròng 24K
   - Đường rạn nứt dát vàng óng ánh dích dắc độc bản
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-kintsugi-gold,
.wp-site-header.luxury-style-kintsugi-gold {
    background: #f7f5f0 !important;
    border-bottom: 2px solid #e2ddd4 !important;
    box-shadow: 0 4px 20px rgba(45, 41, 38, 0.04) !important;
}
.luxury-style-kintsugi-gold .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    color: #232220 !important;
    padding: 10px 18px !important;
    position: relative;
    transition: all 0.3s ease;
}
.luxury-style-kintsugi-gold .nav-link::after {
    height: 2px;
    background: linear-gradient(135deg, #d4af37 0%, #f6e27a 40%, #c59b27 70%, #d4af37 100%) !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
    clip-path: polygon(0 40%, 30% 0, 70% 100%, 100% 40%, 100% 100%, 0 100%);
}
.luxury-style-kintsugi-gold .nav-link:hover,
.luxury-style-kintsugi-gold .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-kintsugi-gold .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-kintsugi-gold .nav-link.is-active {
    color: #b8860b !important;
    text-shadow: 0 1px 2px rgba(212, 175, 55, 0.2);
}
.luxury-style-kintsugi-gold .dropdown-toggle {
    color: #b8860b !important;
}
.luxury-style-kintsugi-gold .sub-menu {
    background: #faf8f5 !important;
    border: 1px solid #dcd5c7 !important;
    border-left: 3px solid #d4af37 !important;
    box-shadow: 0 15px 35px rgba(35, 34, 32, 0.08) !important;
}
.luxury-style-kintsugi-gold .sub-menu .nav-link {
    color: #2b2926 !important;
    font-size: 0.95rem !important;
}
.luxury-style-kintsugi-gold .sub-menu .nav-link:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #b8860b !important;
}
.luxury-style-kintsugi-gold .luxury-hamburger-line,
.luxury-style-kintsugi-gold .wp-hamburger-line {
    background-color: #232220 !important;
}

/* --------------------------------------------------------------------------
   STYLE 17: SOLITAIRE DIAMOND (Kim Cương Đơn Độc Bản - Harry Winston Solitaire)
   - Biểu tượng giác cắt kim cương 4 chấu Brilliant Cut
   - Tỏa sáng bạch kim Platinum & ánh sáng lăng kính
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-diamond-solitaire,
.wp-site-header.luxury-style-diamond-solitaire {
    background: #0b0c10 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.15) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}
.luxury-style-diamond-solitaire .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: #f1f5f9 !important;
    padding: 12px 18px !important;
    position: relative;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.luxury-style-diamond-solitaire .nav-link::before {
    content: '◆';
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    font-size: 7px;
    color: #ffffff;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(197, 168, 128, 0.7);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
    opacity: 0;
}
.luxury-style-diamond-solitaire .nav-link::after {
    height: 1px;
    background: linear-gradient(90deg, transparent, #ffffff 50%, transparent) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}
.luxury-style-diamond-solitaire .nav-link:hover,
.luxury-style-diamond-solitaire .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-diamond-solitaire .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-diamond-solitaire .nav-link.is-active {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.luxury-style-diamond-solitaire .nav-link:hover::before,
.luxury-style-diamond-solitaire .menu-item:hover > .menu-item-wrapper > .nav-link::before,
.luxury-style-diamond-solitaire .nav-link.is-active::before {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
.luxury-style-diamond-solitaire .dropdown-toggle {
    color: #e2e8f0 !important;
}
.luxury-style-diamond-solitaire .sub-menu {
    background: #0f1117 !important;
    border: 1px solid rgba(226, 232, 240, 0.2) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8) !important;
}
.luxury-style-diamond-solitaire .sub-menu .nav-link {
    color: #cbd5e1 !important;
}
.luxury-style-diamond-solitaire .sub-menu .nav-link:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}
.luxury-style-diamond-solitaire .luxury-hamburger-line,
.luxury-style-diamond-solitaire .wp-hamburger-line {
    background-color: #f1f5f9 !important;
}

/* --------------------------------------------------------------------------
   STYLE 18: SAINT-TROPEZ RIVIERA (Bến Du Thuyền Pháp - French Riviera Warm Sand)
   - Dải song song xanh Navy biển sâu & vàng cát biển
   - Phong cách nghỉ dưỡng triệu đô Côte d'Azur
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-riviera-yacht,
.wp-site-header.luxury-style-riviera-yacht {
    background: #ffffff !important;
    border-bottom: 2px solid #0f223d !important;
    box-shadow: 0 6px 24px rgba(15, 34, 61, 0.08) !important;
}
.luxury-style-riviera-yacht .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #0f223d !important;
    padding: 10px 18px !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.luxury-style-riviera-yacht .nav-link::after {
    height: 3px;
    background: linear-gradient(90deg, #0f223d 0%, #c5a880 50%, #0f223d 100%) !important;
    border-radius: 2px;
}
.luxury-style-riviera-yacht .nav-link:hover,
.luxury-style-riviera-yacht .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-riviera-yacht .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-riviera-yacht .nav-link.is-active {
    background: #f7f9fc !important;
    color: #0a1728 !important;
}
.luxury-style-riviera-yacht .dropdown-toggle {
    color: #0f223d !important;
}
.luxury-style-riviera-yacht .sub-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 3px solid #0f223d !important;
    box-shadow: 0 16px 36px rgba(15, 34, 61, 0.12) !important;
}
.luxury-style-riviera-yacht .sub-menu .nav-link {
    color: #1e293b !important;
}
.luxury-style-riviera-yacht .sub-menu .nav-link:hover {
    background: #f1f5f9 !important;
    color: #0f223d !important;
}
.luxury-style-riviera-yacht .luxury-hamburger-line,
.luxury-style-riviera-yacht .wp-hamburger-line {
    background-color: #0f223d !important;
}

/* --------------------------------------------------------------------------
   STYLE 19: IMPERIAL ORIENTAL (Hoàng Cung Tử Cấm Thành - Cinnabar Palace)
   - Sắc đỏ son thẫm Cinnabar & thếp vàng ròng hoàng cung
   - Mái ngói vút cong truyền thống quý phái
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-imperial-oriental,
.wp-site-header.luxury-style-imperial-oriental {
    background: #180808 !important;
    border-bottom: 2px solid #c5a880 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}
.luxury-style-imperial-oriental .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    color: #ebd5b3 !important;
    padding: 10px 18px !important;
    transition: all 0.3s ease;
}
.luxury-style-imperial-oriental .nav-link::after {
    height: 2px;
    background: #c5a880 !important;
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(197, 168, 128, 0.6);
}
.luxury-style-imperial-oriental .nav-link:hover,
.luxury-style-imperial-oriental .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-imperial-oriental .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-imperial-oriental .nav-link.is-active {
    color: #fff1d6 !important;
    text-shadow: 0 0 12px rgba(197, 168, 128, 0.5);
    background: rgba(139, 0, 0, 0.25);
    border-radius: 3px;
}
.luxury-style-imperial-oriental .dropdown-toggle {
    color: #c5a880 !important;
}
.luxury-style-imperial-oriental .sub-menu {
    background: #1f0b0b !important;
    border: 1px solid #c5a880 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7) !important;
}
.luxury-style-imperial-oriental .sub-menu .nav-link {
    color: #dfcdb0 !important;
}
.luxury-style-imperial-oriental .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #fff1d6 !important;
}
.luxury-style-imperial-oriental .luxury-hamburger-line,
.luxury-style-imperial-oriental .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* --------------------------------------------------------------------------
   STYLE 20: SMOKY QUARTZ (Thạch Anh Khói Thụy Sĩ - Audemars Piguet Ceramic)
   - Kính mờ gradient xám tro hổ phách xuyên thấu
   - Viền vát cạnh bát giác 45 độ phong cách Royal Oak
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-smoky-quartz,
.wp-site-header.luxury-style-smoky-quartz {
    background: linear-gradient(180deg, #1f1c19 0%, #141210 100%) !important;
    border-bottom: 1px solid rgba(210, 185, 150, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}
.luxury-style-smoky-quartz .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #d8cec2 !important;
    padding: 10px 18px !important;
    border: 1px solid transparent;
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
    transition: all 0.3s ease;
}
.luxury-style-smoky-quartz .nav-link::after {
    display: none !important;
}
.luxury-style-smoky-quartz .nav-link:hover,
.luxury-style-smoky-quartz .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-smoky-quartz .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-smoky-quartz .nav-link.is-active {
    background: rgba(197, 168, 128, 0.12) !important;
    color: #f7ede1 !important;
    border-color: rgba(197, 168, 128, 0.4) !important;
    box-shadow: inset 0 0 12px rgba(197, 168, 128, 0.1);
}
.luxury-style-smoky-quartz .dropdown-toggle {
    color: #d2b996 !important;
}
.luxury-style-smoky-quartz .sub-menu {
    background: #191613 !important;
    border: 1px solid rgba(210, 185, 150, 0.3) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6) !important;
}
.luxury-style-smoky-quartz .sub-menu .nav-link {
    color: #cfc5b8 !important;
    clip-path: none !important;
}
.luxury-style-smoky-quartz .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #ffffff !important;
}
.luxury-style-smoky-quartz .luxury-hamburger-line,
.luxury-style-smoky-quartz .wp-hamburger-line {
    background-color: #d2b996 !important;
}

/* --------------------------------------------------------------------------
   STYLE 21: VENETIAN PALAZZO (Cung Điện Nổi Venice - Grand Canal Trefoil)
   - Gothic Phục Hưng trên dòng Grand Canal Venice
   - Mái vòm 3 lá Trefoil Arch ôm đỉnh chữ, sóng nước dập dềnh mạ vàng
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-venetian-palazzo,
.wp-site-header.luxury-style-venetian-palazzo {
    background: #fbf8f4 !important;
    border-bottom: 2px solid #c5a880 !important;
    box-shadow: 0 6px 20px rgba(42, 32, 28, 0.05) !important;
}
.luxury-style-venetian-palazzo .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    color: #2a201c !important;
    padding: 10px 18px !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: all 0.3s ease;
}
.luxury-style-venetian-palazzo .nav-link::after {
    height: 2px;
    background: repeating-linear-gradient(90deg, #c5a880 0, #c5a880 6px, transparent 6px, transparent 9px) !important;
}
.luxury-style-venetian-palazzo .nav-link:hover,
.luxury-style-venetian-palazzo .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-venetian-palazzo .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-venetian-palazzo .nav-link.is-active {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #8c6a38 !important;
}
.luxury-style-venetian-palazzo .dropdown-toggle {
    color: #8c6a38 !important;
}
.luxury-style-venetian-palazzo .sub-menu {
    background: #ffffff !important;
    border: 1px solid #e5d8c6 !important;
    border-top: 2px solid #c5a880 !important;
    box-shadow: 0 16px 36px rgba(42, 32, 28, 0.08) !important;
}
.luxury-style-venetian-palazzo .sub-menu .nav-link {
    color: #2a201c !important;
}
.luxury-style-venetian-palazzo .sub-menu .nav-link:hover {
    background: #faf6f0 !important;
    color: #8c6a38 !important;
}
.luxury-style-venetian-palazzo .luxury-hamburger-line,
.luxury-style-venetian-palazzo .wp-hamburger-line {
    background-color: #2a201c !important;
}

/* --------------------------------------------------------------------------
   STYLE 22: ART NOUVEAU (Tân Nghệ Thuật Émile Gallé - Whiplash Curve)
   - Phong trào Paris 1900: Đường cong roi ngựa tự do, cành hoa ngọc trai
   - Sắc xanh rêu ngọc bích nhung sẫm & vàng kim kiêu kỳ
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-art-nouveau,
.wp-site-header.luxury-style-art-nouveau {
    background: #0f1914 !important;
    border-bottom: 2px solid #a3b899 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}
.luxury-style-art-nouveau .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    font-style: italic !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    color: #e5ede0 !important;
    padding: 10px 18px !important;
    transition: all 0.35s ease;
}
.luxury-style-art-nouveau .nav-link::after {
    height: 2px;
    background: linear-gradient(90deg, #a3b899 0%, #d4af37 50%, #a3b899 100%) !important;
    border-radius: 999px;
    box-shadow: 0 0 8px rgba(163, 184, 153, 0.6);
}
.luxury-style-art-nouveau .nav-link:hover,
.luxury-style-art-nouveau .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-art-nouveau .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-art-nouveau .nav-link.is-active {
    color: #f0f7ec !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
    letter-spacing: 0.2em !important;
}
.luxury-style-art-nouveau .dropdown-toggle {
    color: #a3b899 !important;
}
.luxury-style-art-nouveau .sub-menu {
    background: #14201a !important;
    border: 1px solid #33483c !important;
    border-top: 2px solid #a3b899 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7) !important;
}
.luxury-style-art-nouveau .sub-menu .nav-link {
    color: #d1ded0 !important;
}
.luxury-style-art-nouveau .sub-menu .nav-link:hover {
    background: rgba(163, 184, 153, 0.15) !important;
    color: #ffffff !important;
}
.luxury-style-art-nouveau .luxury-hamburger-line,
.luxury-style-art-nouveau .wp-hamburger-line {
    background-color: #a3b899 !important;
}

/* --------------------------------------------------------------------------
   STYLE 23: DUBAI MIRAGE (Ốc Đảo Sa Mạc Hoàng Kim - Arabian Nights Mirage)
   - Cồn cát sa mạc 3 tầng mờ ảo cuộn sóng dưới ánh hoàng hôn
   - Tông vàng đồng nung ấm áp & Burj Al Arab sang trọng
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-dubai-mirage,
.wp-site-header.luxury-style-dubai-mirage {
    background: linear-gradient(180deg, #18130e 0%, #100d0a 100%) !important;
    border-bottom: 2px solid #b89758 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}
.luxury-style-dubai-mirage .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #edd9b4 !important;
    padding: 10px 18px !important;
    border-radius: 2px;
    transition: all 0.3s ease;
}
.luxury-style-dubai-mirage .nav-link::after {
    height: 2px;
    background: linear-gradient(90deg, #7c5825 0%, #f5d799 50%, #7c5825 100%) !important;
    box-shadow: 0 0 10px rgba(245, 215, 153, 0.6);
}
.luxury-style-dubai-mirage .nav-link:hover,
.luxury-style-dubai-mirage .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-dubai-mirage .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-dubai-mirage .nav-link.is-active {
    background: rgba(184, 151, 88, 0.15) !important;
    color: #fff2db !important;
    text-shadow: 0 0 8px rgba(245, 215, 153, 0.4);
}
.luxury-style-dubai-mirage .dropdown-toggle {
    color: #b89758 !important;
}
.luxury-style-dubai-mirage .sub-menu {
    background: #17120d !important;
    border: 1px solid #b89758 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8) !important;
}
.luxury-style-dubai-mirage .sub-menu .nav-link {
    color: #e2cca4 !important;
}
.luxury-style-dubai-mirage .sub-menu .nav-link:hover {
    background: rgba(184, 151, 88, 0.2) !important;
    color: #fff2db !important;
}
.luxury-style-dubai-mirage .luxury-hamburger-line,
.luxury-style-dubai-mirage .wp-hamburger-line {
    background-color: #b89758 !important;
}

/* --------------------------------------------------------------------------
   STYLE 24: SAVILE ROW TAILORED (Âu Phục May Đo London - Bespoke Pick-Stitch)
   - Nghệ thuật may đo bespoken Savile Row London
   - Viền chỉ may tay đôi vàng kim vi sợi pick-stitching, nền len cashmere
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-savile-row,
.wp-site-header.luxury-style-savile-row {
    background: #17181c !important;
    border-bottom: 1px dashed #c5a880 !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5) !important;
}
.luxury-style-savile-row .nav-link {
    font-family: var(--luxury-font-serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    color: #eceff4 !important;
    padding: 10px 18px !important;
    border: 1px dashed transparent;
    transition: all 0.3s ease;
}
.luxury-style-savile-row .nav-link::after {
    display: none !important;
}
.luxury-style-savile-row .nav-link:hover,
.luxury-style-savile-row .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-savile-row .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-savile-row .nav-link.is-active {
    border-color: #c5a880 !important;
    color: #f7dfbe !important;
    background: rgba(197, 168, 128, 0.08) !important;
}
.luxury-style-savile-row .dropdown-toggle {
    color: #c5a880 !important;
}
.luxury-style-savile-row .sub-menu {
    background: #1b1c22 !important;
    border: 1px dashed #c5a880 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7) !important;
}
.luxury-style-savile-row .sub-menu .nav-link {
    color: #d8dce4 !important;
    border: none !important;
}
.luxury-style-savile-row .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.12) !important;
    color: #f7dfbe !important;
}
.luxury-style-savile-row .luxury-hamburger-line,
.luxury-style-savile-row .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* --------------------------------------------------------------------------
   STYLE 25: CELESTIAL ORBIT (Quỹ Đạo Thiên Thể Vũ Trụ - Patek Celestial Sky)
   - Đồng hồ thiên văn Patek Celestial & quỹ đạo hành tinh vàng ròng
   - Vòng elip quỹ đạo chuyển động quanh tâm chữ, điểm sao phát quang
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-style-celestial-orbit,
.wp-site-header.luxury-style-celestial-orbit {
    background: #080b12 !important;
    border-bottom: 1px solid rgba(197, 168, 128, 0.25) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
}
.luxury-style-celestial-orbit .nav-link {
    font-family: var(--luxury-font-sans, 'Montserrat', sans-serif) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: #e2e8f0 !important;
    padding: 10px 18px !important;
    position: relative;
    border-radius: 999px;
    transition: all 0.35s ease;
}
.luxury-style-celestial-orbit .nav-link::after {
    height: 1px;
    background: linear-gradient(90deg, transparent, #c5a880 30%, #ffffff 50%, #c5a880 70%, transparent) !important;
    box-shadow: 0 0 8px rgba(197, 168, 128, 0.8);
}
.luxury-style-celestial-orbit .nav-link:hover,
.luxury-style-celestial-orbit .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-style-celestial-orbit .menu-item.current-menu-item > .menu-item-wrapper > .nav-link,
.luxury-style-celestial-orbit .nav-link.is-active {
    color: #ffffff !important;
    background: rgba(197, 168, 128, 0.12) !important;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.2);
    letter-spacing: 0.28em !important;
}
.luxury-style-celestial-orbit .dropdown-toggle {
    color: #c5a880 !important;
}
.luxury-style-celestial-orbit .sub-menu {
    background: #0d111c !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85) !important;
}
.luxury-style-celestial-orbit .sub-menu .nav-link {
    color: #cbd5e1 !important;
    border-radius: 0 !important;
}
.luxury-style-celestial-orbit .sub-menu .nav-link:hover {
    background: rgba(197, 168, 128, 0.15) !important;
    color: #ffffff !important;
}
.luxury-style-celestial-orbit .luxury-hamburger-line,
.luxury-style-celestial-orbit .wp-hamburger-line {
    background-color: #c5a880 !important;
}

/* ==========================================================================
   DRAWER STYLE VARIATIONS FOR MOBILE (ALL 15 STYLES)
   ========================================================================== */
.luxury-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .wp-mobile-drawer-panel {
    background: #0e0f12 !important;
    color: #f0ece1 !important;
}

.luxury-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .luxury-drawer-header,
.wp-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .wp-drawer-header {
    border-bottom: 1px solid rgba(197, 168, 128, 0.25);
}

.luxury-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .luxury-drawer-title,
.wp-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .wp-drawer-title {
    color: var(--luxury-gold, #c5a880);
}

.luxury-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .nav-link {
    color: #e5e2db !important;
}

.luxury-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-glassmorphic-glow .nav-link:hover {
    color: var(--luxury-gold, #c5a880) !important;
}

.luxury-mobile-drawer-wrapper.luxury-style-floating-pill .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-floating-pill .nav-link {
    border-radius: 9999px;
    padding: 12px 18px;
    margin: 4px 0;
}

.luxury-mobile-drawer-wrapper.luxury-style-floating-pill .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-floating-pill .nav-link:hover {
    background: rgba(197, 168, 128, 0.12);
}

.luxury-mobile-drawer-wrapper.luxury-style-bold-contrast .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-bold-contrast .wp-mobile-drawer-panel {
    border-left: 3px solid var(--luxury-dark, #121316);
}

.luxury-mobile-drawer-wrapper.luxury-style-bold-contrast .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-bold-contrast .nav-link:hover {
    background: var(--luxury-dark, #121316);
    color: #ffffff !important;
}

/* Style 6: Monaco Yacht Club Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-monaco-yacht .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-monaco-yacht .wp-mobile-drawer-panel {
    background: #0a1128 !important;
    color: #e4e9f2 !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-monaco-yacht .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-monaco-yacht .nav-link {
    color: #ccd6e8 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-monaco-yacht .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-monaco-yacht .nav-link:hover {
    color: #f7e1b5 !important;
}

/* Style 7: Emerald Heritage Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-emerald-heritage .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-emerald-heritage .wp-mobile-drawer-panel {
    background: #062c20 !important;
    color: #eaf5ee !important;
    border-left: 2px solid #dfba73 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-emerald-heritage .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-emerald-heritage .nav-link {
    color: #d1e8db !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-emerald-heritage .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-emerald-heritage .nav-link:hover {
    color: #dfba73 !important;
}

/* Style 8: Swiss Chronograph Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-swiss-chronograph .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-swiss-chronograph .wp-mobile-drawer-panel {
    background: #18191c !important;
    color: #d8d9de !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-swiss-chronograph .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-swiss-chronograph .nav-link {
    color: #c4c5cc !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-swiss-chronograph .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-swiss-chronograph .nav-link:hover {
    color: #c5a880 !important;
}

/* Style 9: Art Deco Gatsby Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .wp-mobile-drawer-panel {
    background: #141416 !important;
    color: #f1ebd8 !important;
    border-left: 3px double #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .nav-link {
    color: #d6cfbf !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-art-deco-gatsby .nav-link:hover {
    color: #e5c189 !important;
}

/* Style 10: Zen Marble Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-zen-marble .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-zen-marble .wp-mobile-drawer-panel {
    background: #fbfaf8 !important;
    color: #3b3936 !important;
    border-left: 1px solid #e8e4dc !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-zen-marble .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-zen-marble .nav-link {
    color: #3b3936 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-zen-marble .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-zen-marble .nav-link:hover {
    color: #8f7450 !important;
}

/* Style 11: Velvet Bordeaux Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .wp-mobile-drawer-panel {
    background: #360714 !important;
    color: #f7ede1 !important;
    border-left: 2px solid #c99e64 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .nav-link {
    color: #edd9c7 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-velvet-bordeaux .nav-link:hover {
    color: #f0caa0 !important;
}

/* Style 12: Cyber Noir Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-cyber-noir .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-cyber-noir .wp-mobile-drawer-panel {
    background: #14161b !important;
    color: #c8cbd2 !important;
    border-left: 2px solid #f59e0b !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-cyber-noir .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-cyber-noir .nav-link {
    color: #c8cbd2 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-cyber-noir .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-cyber-noir .nav-link:hover {
    color: #f59e0b !important;
}

/* Style 13: Parisian Cafe Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-parisian-cafe .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-parisian-cafe .wp-mobile-drawer-panel {
    background: #f5f0ea !important;
    color: #2b231f !important;
    border-left: 2px solid #9d7d5d !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-parisian-cafe .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-parisian-cafe .nav-link {
    color: #2b231f !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-parisian-cafe .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-parisian-cafe .nav-link:hover {
    color: #9d7d5d !important;
}

/* Style 14: Golden Arch Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-golden-arch .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-golden-arch .wp-mobile-drawer-panel {
    background: #111215 !important;
    color: #ece7de !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-golden-arch .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-golden-arch .nav-link {
    color: #dad4c8 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-golden-arch .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-golden-arch .nav-link:hover {
    color: #f5dfbe !important;
}

/* Style 15: Haute Couture Ribbon Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .wp-mobile-drawer-panel {
    background: #ffffff !important;
    color: #1a1a1c !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .nav-link {
    color: #1a1a1c !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-haute-couture-ribbon .nav-link:hover {
    color: #a88a60 !important;
}

/* Style 16: Japanese Kintsugi Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-kintsugi-gold .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-kintsugi-gold .wp-mobile-drawer-panel {
    background: #f7f5f0 !important;
    color: #232220 !important;
    border-left: 3px solid #d4af37 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-kintsugi-gold .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-kintsugi-gold .nav-link {
    color: #232220 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-kintsugi-gold .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-kintsugi-gold .nav-link:hover {
    color: #b8860b !important;
}

/* Style 17: Solitaire Diamond Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-diamond-solitaire .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-diamond-solitaire .wp-mobile-drawer-panel {
    background: #0b0c10 !important;
    color: #f1f5f9 !important;
    border-left: 2px solid #ffffff !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-diamond-solitaire .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-diamond-solitaire .nav-link {
    color: #e2e8f0 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-diamond-solitaire .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-diamond-solitaire .nav-link:hover {
    color: #ffffff !important;
}

/* Style 18: Saint-Tropez Riviera Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-riviera-yacht .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-riviera-yacht .wp-mobile-drawer-panel {
    background: #ffffff !important;
    color: #0f223d !important;
    border-left: 3px solid #0f223d !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-riviera-yacht .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-riviera-yacht .nav-link {
    color: #0f223d !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-riviera-yacht .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-riviera-yacht .nav-link:hover {
    color: #c5a880 !important;
}

/* Style 19: Imperial Oriental Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-imperial-oriental .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-imperial-oriental .wp-mobile-drawer-panel {
    background: #180808 !important;
    color: #ebd5b3 !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-imperial-oriental .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-imperial-oriental .nav-link {
    color: #ebd5b3 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-imperial-oriental .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-imperial-oriental .nav-link:hover {
    color: #fff1d6 !important;
}

/* Style 20: Smoky Quartz Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-smoky-quartz .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-smoky-quartz .wp-mobile-drawer-panel {
    background: #141210 !important;
    color: #d8cec2 !important;
    border-left: 2px solid #d2b996 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-smoky-quartz .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-smoky-quartz .nav-link {
    color: #d8cec2 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-smoky-quartz .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-smoky-quartz .nav-link:hover {
    color: #f7ede1 !important;
}

/* Style 21: Venetian Palazzo Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-venetian-palazzo .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-venetian-palazzo .wp-mobile-drawer-panel {
    background: #fbf8f4 !important;
    color: #2a201c !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-venetian-palazzo .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-venetian-palazzo .nav-link {
    color: #2a201c !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-venetian-palazzo .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-venetian-palazzo .nav-link:hover {
    color: #8c6a38 !important;
}

/* Style 22: Art Nouveau Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-art-nouveau .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-art-nouveau .wp-mobile-drawer-panel {
    background: #0f1914 !important;
    color: #e5ede0 !important;
    border-left: 2px solid #a3b899 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-art-nouveau .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-art-nouveau .nav-link {
    color: #e5ede0 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-art-nouveau .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-art-nouveau .nav-link:hover {
    color: #ffffff !important;
}

/* Style 23: Dubai Mirage Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-dubai-mirage .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-dubai-mirage .wp-mobile-drawer-panel {
    background: #120e0a !important;
    color: #edd9b4 !important;
    border-left: 2px solid #b89758 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-dubai-mirage .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-dubai-mirage .nav-link {
    color: #edd9b4 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-dubai-mirage .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-dubai-mirage .nav-link:hover {
    color: #fff2db !important;
}

/* Style 24: Savile Row Tailored Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-savile-row .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-savile-row .wp-mobile-drawer-panel {
    background: #17181c !important;
    color: #eceff4 !important;
    border-left: 2px dashed #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-savile-row .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-savile-row .nav-link {
    color: #eceff4 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-savile-row .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-savile-row .nav-link:hover {
    color: #f7dfbe !important;
}

/* Style 25: Celestial Orbit Drawer */
.luxury-mobile-drawer-wrapper.luxury-style-celestial-orbit .luxury-mobile-drawer-panel,
.wp-mobile-drawer-wrapper.luxury-style-celestial-orbit .wp-mobile-drawer-panel {
    background: #080b12 !important;
    color: #e2e8f0 !important;
    border-left: 2px solid #c5a880 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-celestial-orbit .nav-link,
.wp-mobile-drawer-wrapper.luxury-style-celestial-orbit .nav-link {
    color: #e2e8f0 !important;
}
.luxury-mobile-drawer-wrapper.luxury-style-celestial-orbit .nav-link:hover,
.wp-mobile-drawer-wrapper.luxury-style-celestial-orbit .nav-link:hover {
    color: #ffffff !important;
}

/* ==========================================================================
   8. TÁCH BIỆT 5 CHẾ ĐỘ ÁNH SÁNG KHI HOVER (FINAL SPECIFICITY HOVER LIGHT FX)
   - Đặt ở cuối file CSS để đảm bảo quyền ưu tiên ghi đè tuyệt đối
   - Hoạt động độc lập 100% trên cả 15 mẫu thiết kế
   ========================================================================== */

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 1: TẮT HOÀN TOÀN ÁNH SÁNG KHI HOVER (CLEAN & SHARP)
   - Triệt tiêu hoàn toàn hào quang phát sáng, text-shadow và box-shadow
   - Chữ và gạch chân hiển thị sắc nét tinh khiết
   -------------------------------------------------------------------------- */
.luxury-site-header.luxury-light-none .luxury-light-fx,
.wp-site-header.luxury-light-none .luxury-light-fx,
.luxury-mobile-drawer-wrapper.luxury-light-none .luxury-light-fx,
.wp-mobile-drawer-wrapper.luxury-light-none .luxury-light-fx,
.luxury-flatsome-mobile-wrap.luxury-light-none .luxury-light-fx,
.luxury-mobile-standalone-wrap.luxury-light-none .luxury-light-fx {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.luxury-light-none .nav-link,
.luxury-light-none .nav-link:hover,
.luxury-light-none .menu-item:hover > .menu-item-wrapper > .nav-link,
.luxury-light-none .nav-link.is-active,
.luxury-light-none .sub-menu .nav-link,
.luxury-light-none .sub-menu .nav-link:hover {
    text-shadow: none !important;
    filter: none !important;
}

.luxury-light-none .nav-link::after,
.luxury-light-none .nav-link:hover::after,
.luxury-light-none .menu-item:hover > .menu-item-wrapper > .nav-link::after {
    box-shadow: none !important;
    filter: none !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 2: HÀO QUANG DÁT VÀNG DỊU ÊM (SUBTLE AMBIENT GLOW)
   - Ánh sáng vàng Champagne mờ nhẹ nhàng tỏa ra phía sau mục menu
   -------------------------------------------------------------------------- */
.luxury-light-subtle .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(197, 168, 128, 0.32) 0%, rgba(197, 168, 128, 0.1) 55%, transparent 75%) !important;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.28) !important;
    border: 1px solid rgba(197, 168, 128, 0.3) !important;
    border-radius: 6px;
    transform: scale(0.92);
}

.luxury-light-subtle .nav-link:hover .luxury-light-fx,
.luxury-light-subtle .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.05);
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 3: VỆT SÁNG LỤA QUÉT QUA (SILK SHIMMER SWEEP)
   - Vệt sáng kim sa lướt mượt mà từ trái sang phải như dải lụa satin
   -------------------------------------------------------------------------- */
.luxury-light-shimmer .nav-link {
    overflow: hidden;
}

.luxury-light-shimmer .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    background: linear-gradient(110deg, transparent 15%, rgba(255, 255, 255, 0.45) 45%, rgba(245, 220, 165, 0.75) 50%, rgba(255, 255, 255, 0.45) 55%, transparent 85%) !important;
    background-size: 250% 100% !important;
    background-position: 220% 0 !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 0 12px rgba(197, 168, 128, 0.3) !important;
    opacity: 0 !important;
    transform: none !important;
    transition: opacity 0.2s ease, background-position 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.luxury-light-shimmer .nav-link:hover .luxury-light-fx,
.luxury-light-shimmer .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    background-position: -80% 0 !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 4: HÀO QUANG DẠ TIỆC RỰC RỠ (RADIANT AURA GLOW)
   - Ánh kim tỏa sáng rõ nét kết hợp gạch chân phát quang rực rỡ
   -------------------------------------------------------------------------- */
.luxury-light-aura .nav-link .luxury-light-fx {
    background: radial-gradient(circle at center, rgba(212, 175, 55, 0.48) 0%, rgba(250, 225, 175, 0.28) 45%, rgba(197, 168, 128, 0.1) 70%, transparent 85%) !important;
    box-shadow: 0 0 22px rgba(197, 168, 128, 0.65), inset 0 0 12px rgba(255, 255, 255, 0.45) !important;
    border: 1px solid rgba(197, 168, 128, 0.7) !important;
    border-radius: 8px;
    transform: scale(0.85);
}

.luxury-light-aura .nav-link:hover .luxury-light-fx,
.luxury-light-aura .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.1);
}

.luxury-light-aura .nav-link:hover::after,
.luxury-light-aura .menu-item:hover > .menu-item-wrapper > .nav-link::after {
    box-shadow: 0 0 12px var(--luxury-gold, #c5a880), 0 0 24px rgba(197, 168, 128, 0.8) !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 5: ĐÈN RỌI SPOTLIGHT TƯƠNG TÁC (INTERACTIVE SPOTLIGHT)
   - Đốm sáng công nghệ cao bám theo đúng tọa độ con trỏ chuột
   -------------------------------------------------------------------------- */
.luxury-light-spotlight .nav-link .luxury-light-fx {
    background: radial-gradient(circle 60px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(212, 175, 55, 0.5) 0%, rgba(197, 168, 128, 0.2) 55%, transparent 100%) !important;
    box-shadow: 0 0 18px rgba(197, 168, 128, 0.4) !important;
    border: 1px solid rgba(197, 168, 128, 0.45) !important;
    border-radius: 8px;
    opacity: 0 !important;
    transition: opacity 0.25s ease;
}

.luxury-light-spotlight .nav-link:hover .luxury-light-fx,
.luxury-light-spotlight .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 6: NHỊP THỞ PHA LÊ (CRYSTAL BREATHING PULSE)
   - Quầng sáng vàng kim phập phồng co giãn theo nhịp thở êm ái
   -------------------------------------------------------------------------- */
@keyframes luxuryPulseGlow {
    0%, 100% {
        transform: scale(0.94);
        box-shadow: 0 0 10px rgba(197, 168, 128, 0.28), inset 0 0 6px rgba(197, 168, 128, 0.15);
        opacity: 0.65;
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 0 24px rgba(197, 168, 128, 0.75), inset 0 0 12px rgba(255, 235, 180, 0.45);
        opacity: 1;
    }
}

.luxury-light-neon-pulse .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(197, 168, 128, 0.35) 0%, rgba(197, 168, 128, 0.1) 60%, transparent 80%) !important;
    border: 1px solid rgba(197, 168, 128, 0.5) !important;
    border-radius: 6px;
    opacity: 0 !important;
}

.luxury-light-neon-pulse .nav-link:hover .luxury-light-fx,
.luxury-light-neon-pulse .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryPulseGlow 1.8s infinite ease-in-out !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 7: BỤI VÀNG SAO ĐÊM (CELESTIAL GOLD DUST)
   - Bụi sao vàng 24k lấp lánh như bầu trời đêm Monaco
   -------------------------------------------------------------------------- */
@keyframes luxuryGoldDustTwinkle {
    0%, 100% {
        background-position: 0 0, 10px 10px, 20px 5px, 0 0;
        opacity: 0.8;
    }
    50% {
        background-position: 15px 15px, 25px 5px, 5px 20px, 0 0;
        opacity: 1;
    }
}

.luxury-light-gold-dust .nav-link .luxury-light-fx {
    background: 
        radial-gradient(circle 2px at 20% 30%, rgba(255, 235, 180, 0.95), transparent 70%),
        radial-gradient(circle 2px at 80% 25%, rgba(255, 215, 0, 0.9), transparent 70%),
        radial-gradient(circle 1.5px at 45% 75%, rgba(255, 240, 200, 0.85), transparent 70%),
        radial-gradient(circle 2px at 70% 80%, rgba(212, 175, 55, 0.9), transparent 70%),
        radial-gradient(ellipse at center, rgba(197, 168, 128, 0.25) 0%, transparent 75%) !important;
    border: 1px solid rgba(197, 168, 128, 0.4) !important;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.35) !important;
    border-radius: 6px;
    opacity: 0 !important;
}

.luxury-light-gold-dust .nav-link:hover .luxury-light-fx,
.luxury-light-gold-dust .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryGoldDustTwinkle 2.2s infinite ease-in-out !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 8: TIA VIỀN LASER (ROYAL BORDER BEAM)
   - Tia sáng vàng kim siêu mảnh lướt chạy vòng quanh 4 cạnh viền
   -------------------------------------------------------------------------- */
@keyframes luxuryBeamRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.luxury-light-border-beam .nav-link {
    overflow: hidden;
}

.luxury-light-border-beam .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    padding: 1.5px;
    background: conic-gradient(from 0deg, transparent 0deg, transparent 60deg, #c5a880 120deg, #ffe5a3 150deg, #c5a880 180deg, transparent 240deg) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}

.luxury-light-border-beam .nav-link:hover .luxury-light-fx,
.luxury-light-border-beam .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryBeamRotate 2.5s linear infinite !important;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.45) !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 9: SAO BĂNG LƯỚT CHÉO (DIAGONAL METEOR SWEEP)
   - Vệt sao băng xiên 45 độ lướt xẹt nhanh để lại dải ánh sáng lấp lánh
   -------------------------------------------------------------------------- */
@keyframes luxuryMeteorSlide {
    0% {
        transform: translate(-130%, -130%) rotate(45deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translate(130%, 130%) rotate(45deg);
        opacity: 0;
    }
}

.luxury-light-meteor-sweep .nav-link {
    overflow: hidden;
}

.luxury-light-meteor-sweep .nav-link .luxury-light-fx {
    inset: -40% !important;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 235, 180, 0.2) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(197, 168, 128, 0.9) 55%, transparent 75%) !important;
    box-shadow: 0 0 22px rgba(197, 168, 128, 0.65) !important;
    opacity: 0 !important;
    transform: translate(-130%, -130%) rotate(45deg);
}

.luxury-light-meteor-sweep .nav-link:hover .luxury-light-fx,
.luxury-light-meteor-sweep .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    animation: luxuryMeteorSlide 1.2s cubic-bezier(0.25, 1, 0.5, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 10: NHẬT THỰC HOÀNG KIM (GOLDEN SOLAR ECLIPSE)
   - Vành cung ánh sáng vương giả tỏa rực từ mép trên và mép dưới
   -------------------------------------------------------------------------- */
.luxury-light-eclipse-glow .nav-link .luxury-light-fx {
    inset: 1px 4px !important;
    border-radius: 8px;
    background: transparent !important;
    box-shadow: 
        0 -4px 14px -2px rgba(255, 215, 0, 0.65),
        0 4px 14px -2px rgba(197, 168, 128, 0.65),
        inset 0 2px 8px rgba(255, 235, 180, 0.45),
        inset 0 -2px 8px rgba(197, 168, 128, 0.45) !important;
    border-top: 1.5px solid rgba(255, 225, 150, 0.85) !important;
    border-bottom: 1.5px solid rgba(197, 168, 128, 0.85) !important;
    border-left: none !important;
    border-right: none !important;
    transform: scaleX(0.7);
    opacity: 0 !important;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.luxury-light-eclipse-glow .nav-link:hover .luxury-light-fx,
.luxury-light-eclipse-glow .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scaleX(1);
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 11: SÓNG NƯỚC VERSAILLES (PALACE RIPPLE WAVE)
   - Gợn sóng ánh sáng lan tỏa vòng tròn từ tâm bung nở ra ngoài biên
   -------------------------------------------------------------------------- */
@keyframes luxuryRippleExpand {
    0% {
        transform: scale(0.65);
        opacity: 0.95;
        box-shadow: 0 0 0 0 rgba(197, 168, 128, 0.75);
    }
    100% {
        transform: scale(1.15);
        opacity: 0;
        box-shadow: 0 0 28px 14px rgba(197, 168, 128, 0);
    }
}

.luxury-light-ripple-wave .nav-link .luxury-light-fx {
    background: radial-gradient(circle at center, rgba(197, 168, 128, 0.45) 0%, rgba(197, 168, 128, 0.12) 60%, transparent 80%) !important;
    border: 1.5px solid rgba(197, 168, 128, 0.65) !important;
    border-radius: 999px;
    opacity: 0 !important;
}

.luxury-light-ripple-wave .nav-link:hover .luxury-light-fx,
.luxury-light-ripple-wave .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    animation: luxuryRippleExpand 1.3s cubic-bezier(0.2, 0.8, 0.3, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 12: LĂNG KÍNH KIM CƯƠNG (DIAMOND PRISM SPARKLE)
   - Ánh sáng lăng kính tán sắc ngọc trai 7 màu kết hợp vàng 24k kiêu kỳ
   -------------------------------------------------------------------------- */
@keyframes luxuryPrismFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.luxury-light-prism-flame .nav-link .luxury-light-fx {
    background: linear-gradient(125deg, 
        rgba(197, 168, 128, 0.3) 0%, 
        rgba(255, 230, 180, 0.4) 20%, 
        rgba(210, 235, 255, 0.35) 40%, 
        rgba(255, 215, 230, 0.35) 60%, 
        rgba(230, 210, 255, 0.35) 80%, 
        rgba(197, 168, 128, 0.3) 100%) !important;
    background-size: 300% 300% !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 0 16px rgba(220, 210, 240, 0.45), inset 0 0 10px rgba(255, 255, 255, 0.45) !important;
    border-radius: 6px;
    opacity: 0 !important;
    transform: scale(0.95);
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.luxury-light-prism-flame .nav-link:hover .luxury-light-fx,
.luxury-light-prism-flame .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.04);
    animation: luxuryPrismFlow 4s ease infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 13: VẦNG NHUNG BORDEAUX (BORDEAUX VELVET HALO)
   - Vầng hào quang 2 tầng đỏ nhung Bordeaux quý tộc và vàng Champagne
   -------------------------------------------------------------------------- */
.luxury-light-velvet-halo .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.35) 0%, rgba(114, 20, 34, 0.48) 55%, rgba(60, 10, 20, 0.22) 80%, transparent 100%) !important;
    border: 1px solid rgba(168, 30, 50, 0.55) !important;
    box-shadow: 0 0 20px rgba(138, 28, 48, 0.6), inset 0 0 10px rgba(212, 175, 55, 0.35) !important;
    border-radius: 6px;
    transform: scale(0.9);
    opacity: 0 !important;
    transition: all 0.35s ease !important;
}

.luxury-light-velvet-halo .nav-link:hover .luxury-light-fx,
.luxury-light-velvet-halo .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.06);
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 14: TIA CHỚP VỊ LAI (CYBER DUAL BEAM)
   - Hai tia laser đối xứng quét ngược chiều nhau ở mép trên và dưới
   -------------------------------------------------------------------------- */
@keyframes luxuryCyberBeamTop {
    0% {
        left: -100%;
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes luxuryCyberBeamBottom {
    0% {
        right: -100%;
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        right: 100%;
        opacity: 0;
    }
}

.luxury-light-cyber-glitch .nav-link {
    overflow: hidden;
}

.luxury-light-cyber-glitch .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    background: rgba(18, 19, 22, 0.15) !important;
    border: 1px solid rgba(197, 168, 128, 0.2) !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}

.luxury-light-cyber-glitch .nav-link .luxury-light-fx::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffe4a0, #ffffff);
    box-shadow: 0 0 10px #ffe4a0, 0 0 18px #c5a880;
}

.luxury-light-cyber-glitch .nav-link .luxury-light-fx::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 60%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #ffe4a0, #ffffff);
    box-shadow: 0 0 10px #ffe4a0, 0 0 18px #c5a880;
}

.luxury-light-cyber-glitch .nav-link:hover .luxury-light-fx,
.luxury-light-cyber-glitch .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
}

.luxury-light-cyber-glitch .nav-link:hover .luxury-light-fx::before,
.luxury-light-cyber-glitch .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::before {
    animation: luxuryCyberBeamTop 0.85s cubic-bezier(0.2, 0.8, 0.3, 1) infinite !important;
}

.luxury-light-cyber-glitch .nav-link:hover .luxury-light-fx::after,
.luxury-light-cyber-glitch .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::after {
    animation: luxuryCyberBeamBottom 0.85s cubic-bezier(0.2, 0.8, 0.3, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 15: ÁNH NẾN DẠ YẾN (PARISIAN CANDLELIGHT)
   - Ánh sáng vàng nến ấm áp chập chờn tự nhiên như bữa tối tại Paris
   -------------------------------------------------------------------------- */
@keyframes luxuryCandleFlicker {
    0%, 100% {
        box-shadow: 0 0 14px rgba(255, 190, 90, 0.45), inset 0 0 8px rgba(255, 190, 90, 0.2);
        opacity: 0.8;
        transform: scale(1);
    }
    25% {
        box-shadow: 0 0 22px rgba(255, 205, 110, 0.7), inset 0 0 12px rgba(255, 215, 120, 0.35);
        opacity: 1;
        transform: scale(1.03);
    }
    50% {
        box-shadow: 0 0 12px rgba(255, 180, 80, 0.35), inset 0 0 6px rgba(255, 180, 80, 0.15);
        opacity: 0.7;
        transform: scale(0.98);
    }
    75% {
        box-shadow: 0 0 24px rgba(255, 210, 120, 0.75), inset 0 0 14px rgba(255, 210, 120, 0.4);
        opacity: 0.95;
        transform: scale(1.04);
    }
}

.luxury-light-candlelight .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(255, 185, 80, 0.38) 0%, rgba(245, 150, 50, 0.15) 55%, transparent 75%) !important;
    border: 1px solid rgba(255, 190, 100, 0.45) !important;
    border-radius: 6px;
    opacity: 0 !important;
}

.luxury-light-candlelight .nav-link:hover .luxury-light-fx,
.luxury-light-candlelight .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryCandleFlicker 2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 16: CỰC QUANG BẮC CỰC (NORDIC AURORA BOREALIS)
   - Dải lụa cực quang ngọc lục bảo hòa quyện vàng kim Champagne huyền bí
   -------------------------------------------------------------------------- */
@keyframes luxuryAuroraWave {
    0% {
        background-position: 0% 50%;
        filter: hue-rotate(0deg);
    }
    50% {
        background-position: 100% 50%;
        filter: hue-rotate(25deg);
    }
    100% {
        background-position: 0% 50%;
        filter: hue-rotate(0deg);
    }
}
.luxury-light-aurora-borealis .nav-link .luxury-light-fx {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.35) 0%, rgba(52, 211, 153, 0.25) 25%, rgba(197, 168, 128, 0.4) 50%, rgba(99, 102, 241, 0.3) 75%, rgba(16, 185, 129, 0.35) 100%) !important;
    background-size: 250% 250% !important;
    border: 1px solid rgba(52, 211, 153, 0.5) !important;
    box-shadow: 0 0 18px rgba(16, 185, 129, 0.45), 0 0 28px rgba(197, 168, 128, 0.35) !important;
    border-radius: 6px;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}
.luxury-light-aurora-borealis .nav-link:hover .luxury-light-fx,
.luxury-light-aurora-borealis .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryAuroraWave 3.5s ease infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 17: BỌT KHÍ CHAMPAGNE (EFFERVESCENT DOM PÉRIGNON)
   - Những hạt bọt khí vàng óng ánh li ti nổi dần từ đáy lên đỉnh
   -------------------------------------------------------------------------- */
@keyframes luxuryChampagneRise {
    0% {
        background-position: 10% 120%, 35% 140%, 65% 110%, 85% 130%, 50% 150%;
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
    100% {
        background-position: 15% -20%, 30% -40%, 70% -10%, 80% -30%, 55% -50%;
        opacity: 0.3;
    }
}
.luxury-light-champagne-bubbles .nav-link .luxury-light-fx {
    background: 
        radial-gradient(circle 3px at center, rgba(255, 235, 175, 0.95), transparent 70%),
        radial-gradient(circle 2px at center, rgba(255, 215, 0, 0.9), transparent 70%),
        radial-gradient(circle 2.5px at center, rgba(245, 220, 160, 0.85), transparent 70%),
        radial-gradient(circle 1.5px at center, rgba(255, 245, 200, 0.9), transparent 70%),
        radial-gradient(circle 3px at center, rgba(212, 175, 55, 0.8), transparent 70%),
        radial-gradient(ellipse at center, rgba(197, 168, 128, 0.2) 0%, transparent 80%) !important;
    background-size: 20px 20px, 25px 25px, 18px 18px, 15px 15px, 22px 22px, 100% 100% !important;
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x, no-repeat !important;
    border: 1px solid rgba(197, 168, 128, 0.35) !important;
    box-shadow: 0 0 14px rgba(197, 168, 128, 0.3) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-champagne-bubbles .nav-link:hover .luxury-light-fx,
.luxury-light-champagne-bubbles .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryChampagneRise 1.8s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 18: RADAR HOÀNG KIM (MONACO YACHT RADAR)
   - Tia quét radar hình cánh quạt xoay tròn 360 độ từ tâm nút menu
   -------------------------------------------------------------------------- */
@keyframes luxuryRadarSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.luxury-light-golden-radar .nav-link .luxury-light-fx {
    background: conic-gradient(from 0deg at 50% 50%, rgba(197, 168, 128, 0.6) 0deg, rgba(255, 235, 180, 0.3) 30deg, transparent 65deg, transparent 360deg) !important;
    border: 1px solid rgba(197, 168, 128, 0.45) !important;
    border-radius: 999px;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.35), inset 0 0 10px rgba(197, 168, 128, 0.25) !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease;
}
.luxury-light-golden-radar .nav-link:hover .luxury-light-fx,
.luxury-light-golden-radar .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryRadarSpin 1.6s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 19: VỤ NỔ SIÊU TÂN TINH (COSMIC SUPERNOVA FLARE)
   - Đốm sáng bùng nổ tức thì ở tâm rồi tỏa thành 4 tia sao chéo sắc sảo
   -------------------------------------------------------------------------- */
@keyframes luxurySupernovaFlash {
    0%, 100% {
        transform: scale(0.92);
        opacity: 0.6;
        box-shadow: 0 0 12px rgba(255, 235, 180, 0.4);
    }
    50% {
        transform: scale(1.08);
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 225, 150, 0.9), 0 0 60px rgba(197, 168, 128, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.8);
    }
}
.luxury-light-supernova .nav-link .luxury-light-fx {
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.95) 0%, rgba(255, 235, 180, 0.6) 20%, rgba(197, 168, 128, 0.3) 50%, transparent 75%) !important;
    border: 1px solid rgba(255, 235, 180, 0.6) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-supernova .nav-link:hover .luxury-light-fx,
.luxury-light-supernova .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxurySupernovaFlash 1.1s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 20: DÒNG VÀNG TAN CHẢY (MOLTEN LIQUID GOLD 24K)
   - Dòng vàng 24k nóng chảy từ từ lấp đầy khung với bề mặt sóng sánh uyển chuyển
   -------------------------------------------------------------------------- */
@keyframes luxuryLiquidFlow {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}
.luxury-light-liquid-gold .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at 20% 80%, rgba(255, 215, 0, 0.6) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 20%, rgba(212, 175, 55, 0.5) 0%, transparent 50%),
                linear-gradient(135deg, rgba(197, 168, 128, 0.4) 0%, rgba(255, 230, 160, 0.6) 50%, rgba(184, 134, 11, 0.4) 100%) !important;
    background-size: 200% 200% !important;
    border: 1px solid rgba(212, 175, 55, 0.65) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.5), inset 0 0 10px rgba(255, 235, 180, 0.5) !important;
    border-radius: 6px;
    opacity: 0 !important;
    transform: scale(0.96);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.luxury-light-liquid-gold .nav-link:hover .luxury-light-fx,
.luxury-light-liquid-gold .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.05);
    animation: luxuryLiquidFlow 2.8s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 21: GƯƠNG ĐEN HỔ PHÁCH (OBSIDIAN AMBER REFLECTION)
   - Mặt kính gương đen phản chiếu một vệt sáng màu hổ phách quét cực êm
   -------------------------------------------------------------------------- */
@keyframes luxuryObsidianSheen {
    0% {
        top: -120%;
        opacity: 0;
    }
    25% {
        opacity: 0.9;
    }
    100% {
        top: 120%;
        opacity: 0;
    }
}
.luxury-light-obsidian-mirror .nav-link {
    overflow: hidden;
}
.luxury-light-obsidian-mirror .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    background: rgba(18, 19, 22, 0.25) !important;
    border: 1px solid rgba(217, 119, 6, 0.4) !important;
    box-shadow: 0 0 14px rgba(217, 119, 6, 0.3) !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}
.luxury-light-obsidian-mirror .nav-link .luxury-light-fx::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -120%;
    height: 60%;
    background: linear-gradient(180deg, transparent, rgba(251, 191, 36, 0.7), transparent);
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.6);
}
.luxury-light-obsidian-mirror .nav-link:hover .luxury-light-fx,
.luxury-light-obsidian-mirror .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
}
.luxury-light-obsidian-mirror .nav-link:hover .luxury-light-fx::after,
.luxury-light-obsidian-mirror .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::after {
    animation: luxuryObsidianSheen 1.3s cubic-bezier(0.2, 0.8, 0.2, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 22: TÀN LỬA PHƯỢNG HOÀNG (PHOENIX GOLDEN EMBERS)
   - Những đốm than hồng phát sáng màu cam vàng ấm áp bốc lên từ từ
   -------------------------------------------------------------------------- */
@keyframes luxuryEmberGlow {
    0%, 100% {
        box-shadow: 0 0 14px rgba(234, 88, 12, 0.4), 0 0 28px rgba(217, 119, 6, 0.25);
        opacity: 0.75;
    }
    50% {
        box-shadow: 0 0 24px rgba(249, 115, 22, 0.75), 0 0 45px rgba(234, 88, 12, 0.45);
        opacity: 1;
    }
}
.luxury-light-phoenix-ember .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(249, 115, 22, 0.42) 0%, rgba(217, 119, 6, 0.2) 55%, transparent 80%) !important;
    border: 1px solid rgba(234, 88, 12, 0.55) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-phoenix-ember .nav-link:hover .luxury-light-fx,
.luxury-light-phoenix-ember .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryEmberGlow 1.7s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 23: MÀNG HOLOGRAM ĐA CHIỀU (3D HOLOGRAPHIC LUXE)
   - Màng kim loại đổi màu theo góc nhìn: bạc, bạch kim và vàng kim 3D
   -------------------------------------------------------------------------- */
@keyframes luxuryHoloFlow {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 200%;
    }
}
.luxury-light-holographic-foil .nav-link .luxury-light-fx {
    background: linear-gradient(115deg, 
        rgba(255, 255, 255, 0.5) 0%, 
        rgba(255, 215, 0, 0.35) 20%, 
        rgba(147, 197, 253, 0.4) 40%, 
        rgba(244, 114, 182, 0.35) 60%, 
        rgba(197, 168, 128, 0.4) 80%, 
        rgba(255, 255, 255, 0.5) 100%) !important;
    background-size: 200% 200% !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 0 18px rgba(197, 168, 128, 0.45), inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-holographic-foil .nav-link:hover .luxury-light-fx,
.luxury-light-holographic-foil .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryHoloFlow 2.4s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 24: HOA SEN NỞ TÂM (ROYAL LOTUS BLOOM)
   - Quầng sáng tỏa tròn nở bung từ tâm ra 2 phía theo hình cánh hoa sen
   -------------------------------------------------------------------------- */
@keyframes luxuryLotusExpand {
    0% {
        transform: scale(0.7);
        opacity: 0.3;
    }
    60% {
        transform: scale(1.08);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.95;
    }
}
.luxury-light-lotus-bloom .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(251, 191, 36, 0.45) 0%, rgba(244, 114, 182, 0.22) 50%, rgba(197, 168, 128, 0.1) 75%, transparent 90%) !important;
    border: 1px solid rgba(251, 191, 36, 0.45) !important;
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.4), inset 0 0 10px rgba(244, 114, 182, 0.3) !important;
    border-radius: 999px;
    opacity: 0 !important;
}
.luxury-light-lotus-bloom .nav-link:hover .luxury-light-fx,
.luxury-light-lotus-bloom .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryLotusExpand 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 25: VÒNG KIM GIÂY CƠ HỌC (CHRONOGRAPH SECOND SWEEP)
   - Vệt sáng thanh mảnh lướt chạy theo chu vi viền như kim giây mạ vàng
   -------------------------------------------------------------------------- */
.luxury-light-chronograph-tick .nav-link .luxury-light-fx {
    inset: 1px 2px !important;
    border-radius: 6px;
    border: 1px dashed rgba(197, 168, 128, 0.65) !important;
    background: radial-gradient(circle at center, rgba(197, 168, 128, 0.18) 0%, transparent 70%) !important;
    box-shadow: 0 0 14px rgba(197, 168, 128, 0.35) !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease;
}
.luxury-light-chronograph-tick .nav-link:hover .luxury-light-fx,
.luxury-light-chronograph-tick .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    border-style: solid !important;
    box-shadow: 0 0 20px rgba(197, 168, 128, 0.6), inset 0 0 8px rgba(255, 235, 180, 0.4) !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 26: THÁC NƯỚC PHA LÊ (CRYSTAL CASCADE FALL)
   - Dải sáng pha lê trút xuống mềm mại từ trên xuống như bức tường nước sảnh 7 sao
   -------------------------------------------------------------------------- */
@keyframes luxuryCascadeFall {
    0% {
        top: -100%;
        opacity: 0;
    }
    30% {
        opacity: 0.95;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}
.luxury-light-monaco-cascade .nav-link {
    overflow: hidden;
}
.luxury-light-monaco-cascade .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    background: rgba(197, 168, 128, 0.1) !important;
    border: 1px solid rgba(197, 168, 128, 0.25) !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}
.luxury-light-monaco-cascade .nav-link .luxury-light-fx::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    height: 50%;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.85) 60%, rgba(197, 168, 128, 0.9));
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.6);
}
.luxury-light-monaco-cascade .nav-link:hover .luxury-light-fx,
.luxury-light-monaco-cascade .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
}
.luxury-light-monaco-cascade .nav-link:hover .luxury-light-fx::after,
.luxury-light-monaco-cascade .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::after {
    animation: luxuryCascadeFall 1s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 27: HUY HIỆU HOÀNG GIA (IMPERIAL CREST DOUBLE BORDER)
   - Khung viền kép phát sáng tinh xảo ôm trọn 4 góc mục menu
   -------------------------------------------------------------------------- */
.luxury-light-imperial-crest .nav-link .luxury-light-fx {
    inset: 2px 4px !important;
    border: 1px solid rgba(197, 168, 128, 0.8) !important;
    outline: 2px solid rgba(197, 168, 128, 0.35) !important;
    outline-offset: 2px !important;
    border-radius: 4px;
    background: radial-gradient(ellipse at center, rgba(197, 168, 128, 0.25) 0%, transparent 75%) !important;
    box-shadow: 0 0 16px rgba(197, 168, 128, 0.4) !important;
    transform: scale(0.92);
    opacity: 0 !important;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.luxury-light-imperial-crest .nav-link:hover .luxury-light-fx,
.luxury-light-imperial-crest .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    transform: scale(1.04);
    box-shadow: 0 0 24px rgba(197, 168, 128, 0.7), inset 0 0 10px rgba(255, 235, 180, 0.4) !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 28: MÀN LỤA CUNG ĐIỆN (ROYAL CURTAIN REVEAL)
   - Hai dải sáng tách đôi từ chính giữa trượt êm ái sang hai bên trái phải
   -------------------------------------------------------------------------- */
@keyframes luxuryCurtainLeft {
    0% {
        right: 50%;
        opacity: 0;
    }
    100% {
        right: 0%;
        opacity: 1;
    }
}
@keyframes luxuryCurtainRight {
    0% {
        left: 50%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
.luxury-light-silk-curtain .nav-link {
    overflow: hidden;
}
.luxury-light-silk-curtain .nav-link .luxury-light-fx {
    inset: 0 !important;
    border-radius: 6px;
    background: transparent !important;
    border: 1px solid rgba(197, 168, 128, 0.3) !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}
.luxury-light-silk-curtain .nav-link .luxury-light-fx::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: linear-gradient(90deg, rgba(197, 168, 128, 0.4), transparent);
}
.luxury-light-silk-curtain .nav-link .luxury-light-fx::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    background: linear-gradient(270deg, rgba(197, 168, 128, 0.4), transparent);
}
.luxury-light-silk-curtain .nav-link:hover .luxury-light-fx,
.luxury-light-silk-curtain .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 0 18px rgba(197, 168, 128, 0.4) !important;
}
.luxury-light-silk-curtain .nav-link:hover .luxury-light-fx::before,
.luxury-light-silk-curtain .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::before {
    animation: luxuryCurtainLeft 0.45s ease forwards !important;
}
.luxury-light-silk-curtain .nav-link:hover .luxury-light-fx::after,
.luxury-light-silk-curtain .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::after {
    animation: luxuryCurtainRight 0.45s ease forwards !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 29: VÒNG TINH VÂN VŨ TRỤ (STARLIGHT NEBULA HALO)
   - Vòng sáng tinh vân tím than và vàng kim xoay nhẹ tạo chiều sâu dải ngân hà
   -------------------------------------------------------------------------- */
@keyframes luxuryNebulaSpin {
    0% {
        transform: rotate(0deg) scale(0.95);
    }
    50% {
        transform: rotate(180deg) scale(1.05);
    }
    100% {
        transform: rotate(360deg) scale(0.95);
    }
}
.luxury-light-starlight-halo .nav-link .luxury-light-fx {
    background: radial-gradient(circle at 30% 30%, rgba(139, 92, 246, 0.45), transparent 60%),
                radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.5), transparent 60%),
                radial-gradient(ellipse at center, rgba(30, 27, 75, 0.3) 0%, transparent 80%) !important;
    border: 1px solid rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.45), 0 0 30px rgba(212, 175, 55, 0.35) !important;
    border-radius: 8px;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}
.luxury-light-starlight-halo .nav-link:hover .luxury-light-fx,
.luxury-light-starlight-halo .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryNebulaSpin 4s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 30: BĂNG TUYẾT BẠCH KIM (SWISS ALPS PLATINUM FROST)
   - Tinh thể băng tuyết bạch kim trắng sáng phản chiếu ánh kim lấp lánh
   -------------------------------------------------------------------------- */
@keyframes luxuryFrostShine {
    0%, 100% {
        box-shadow: 0 0 16px rgba(226, 232, 240, 0.5), inset 0 0 8px rgba(255, 255, 255, 0.5);
        opacity: 0.85;
    }
    50% {
        box-shadow: 0 0 28px rgba(255, 255, 255, 0.9), 0 0 45px rgba(203, 213, 225, 0.7), inset 0 0 14px rgba(255, 255, 255, 0.8);
        opacity: 1;
    }
}
.luxury-light-platinum-frost .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(226, 232, 240, 0.25) 50%, rgba(197, 168, 128, 0.1) 75%, transparent 90%) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-platinum-frost .nav-link:hover .luxury-light-fx,
.luxury-light-platinum-frost .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryFrostShine 1.9s ease-in-out infinite !important;
}


/* --------------------------------------------------------------------------
   CHẾ ĐỘ 31: ĐÈN CHÙM MURANO VENICE (VENETIAN CRYSTAL CHANDELIER)
   - Vòng ánh sáng pha lê khúc xạ lấp lánh như mặt cắt thủy tinh Murano Venice
   -------------------------------------------------------------------------- */
@keyframes luxuryVenetianSparkle {
    0%, 100% {
        box-shadow: 0 0 18px rgba(212, 175, 55, 0.45), 0 0 30px rgba(253, 230, 138, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.4);
        opacity: 0.85;
    }
    33% {
        box-shadow: 0 0 26px rgba(245, 158, 11, 0.65), 0 0 42px rgba(212, 175, 55, 0.45), inset 0 0 16px rgba(255, 255, 255, 0.6);
        opacity: 1;
    }
    66% {
        box-shadow: 0 0 14px rgba(212, 175, 55, 0.4), 0 0 24px rgba(245, 158, 11, 0.25), inset 0 0 8px rgba(255, 255, 255, 0.3);
        opacity: 0.8;
    }
}
.luxury-light-venetian-chandelier .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at 50% 20%, rgba(255, 243, 199, 0.4) 0%, rgba(212, 175, 55, 0.15) 60%, transparent 80%) !important;
    border: 1px solid rgba(212, 175, 55, 0.6) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-venetian-chandelier .nav-link:hover .luxury-light-fx,
.luxury-light-venetian-chandelier .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryVenetianSparkle 2.2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 32: CỔNG LƯỢNG TỬ ÁNH KIM (QUANTUM GOLDEN PORTAL)
   - Vòng xoáy elip đồng tâm xoay tròn đa chiều tạo cảm giác cổng không gian 4D
   -------------------------------------------------------------------------- */
@keyframes luxuryQuantumSpin {
    0% {
        transform: rotate(0deg) scale(0.96);
    }
    50% {
        transform: rotate(180deg) scale(1.04);
    }
    100% {
        transform: rotate(360deg) scale(0.96);
    }
}
.luxury-light-quantum-portal .nav-link .luxury-light-fx {
    background: conic-gradient(from 0deg, rgba(212, 175, 55, 0.45), rgba(168, 85, 247, 0.35), rgba(251, 191, 36, 0.5), rgba(212, 175, 55, 0.45)) !important;
    border: 1px solid rgba(212, 175, 55, 0.7) !important;
    border-radius: 8px;
    box-shadow: 0 0 22px rgba(212, 175, 55, 0.5), 0 0 35px rgba(168, 85, 247, 0.3) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}
.luxury-light-quantum-portal .nav-link:hover .luxury-light-fx,
.luxury-light-quantum-portal .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryQuantumSpin 3.5s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 33: HỌA TIẾT GUILLOCHÉ HOÀNG GIA (BREGUET GUILLOCHÉ DIAL)
   - Vân sóng cơ khí đồng hồ Thụy Sĩ lan tỏa tinh vi theo đường lượn sóng
   -------------------------------------------------------------------------- */
@keyframes luxuryGuillocheSweep {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}
.luxury-light-royal-guilloche .nav-link .luxury-light-fx {
    background: repeating-linear-gradient(45deg, rgba(197, 168, 128, 0.12) 0px, rgba(197, 168, 128, 0.12) 2px, transparent 2px, transparent 6px),
                radial-gradient(circle at center, rgba(197, 168, 128, 0.25) 0%, transparent 80%) !important;
    background-size: 200% 200%;
    border: 1px solid rgba(197, 168, 128, 0.5) !important;
    border-radius: 6px;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}
.luxury-light-royal-guilloche .nav-link:hover .luxury-light-fx,
.luxury-light-royal-guilloche .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 0 18px rgba(197, 168, 128, 0.45) !important;
    animation: luxuryGuillocheSweep 4s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 34: DUNG NHAM VÀNG NÚI LỬA (ETNA MOLTEN MAGMA)
   - Ánh đỏ cam rực rỡ từ đáy trào dâng xen kẽ các vệt vàng ròng 24K quyền uy
   -------------------------------------------------------------------------- */
@keyframes luxuryMagmaFlow {
    0%, 100% {
        background-position: 50% 0%;
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.4), 0 0 32px rgba(245, 158, 11, 0.45);
    }
    50% {
        background-position: 50% 100%;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.65), 0 0 45px rgba(245, 158, 11, 0.65);
    }
}
.luxury-light-magma-gold .nav-link .luxury-light-fx {
    background: linear-gradient(0deg, rgba(239, 68, 68, 0.35) 0%, rgba(245, 158, 11, 0.3) 60%, transparent 100%) !important;
    background-size: 100% 200%;
    border-bottom: 2px solid rgba(245, 158, 11, 0.9) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-magma-gold .nav-link:hover .luxury-light-fx,
.luxury-light-magma-gold .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryMagmaFlow 2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 35: ẢO ẢNH LAM NGỌC CEYLON (CEYLON SAPPHIRE MIRAGE)
   - Hào quang xanh thẫm hoàng gia Royal Blue phản chiếu vệt sáng vàng kim
   -------------------------------------------------------------------------- */
@keyframes luxurySapphireShine {
    0%, 100% {
        box-shadow: 0 0 18px rgba(30, 58, 138, 0.6), 0 0 30px rgba(59, 130, 246, 0.4), inset 0 0 8px rgba(197, 168, 128, 0.3);
        opacity: 0.85;
    }
    50% {
        box-shadow: 0 0 28px rgba(30, 58, 138, 0.85), 0 0 45px rgba(59, 130, 246, 0.65), inset 0 0 14px rgba(212, 175, 55, 0.5);
        opacity: 1;
    }
}
.luxury-light-sapphire-mirage .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(30, 58, 138, 0.45) 0%, rgba(59, 130, 246, 0.2) 65%, transparent 85%) !important;
    border: 1px solid rgba(147, 197, 253, 0.6) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-sapphire-mirage .nav-link:hover .luxury-light-fx,
.luxury-light-sapphire-mirage .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxurySapphireShine 2.4s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 36: NGỌN LỬA NGỌC LỤC BẢO (COLOMBIAN EMERALD FLAME)
   - Sắc xanh ngọc lục bảo nhảy múa uyển chuyển kết hợp quầng vàng Champagne
   -------------------------------------------------------------------------- */
@keyframes luxuryEmeraldFlame {
    0%, 100% {
        box-shadow: 0 0 16px rgba(16, 185, 129, 0.5), 0 0 28px rgba(5, 150, 105, 0.35);
        transform: translateY(0);
    }
    50% {
        box-shadow: 0 0 26px rgba(16, 185, 129, 0.8), 0 0 40px rgba(52, 211, 153, 0.5);
        transform: translateY(-1px);
    }
}
.luxury-light-emerald-aurora .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.35) 0%, rgba(5, 150, 105, 0.15) 60%, transparent 80%) !important;
    border: 1px solid rgba(52, 211, 153, 0.6) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-emerald-aurora .nav-link:hover .luxury-light-fx,
.luxury-light-emerald-aurora .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryEmeraldFlame 2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 37: CHÒM SAO HỒNG NGỌC MIẾN ĐIỆN (BURMESE RUBY STARLIGHT)
   - Sắc đỏ huyết bồ câu Pigeon Blood Ruby phát sáng lấp lánh như viên ngọc quý
   -------------------------------------------------------------------------- */
@keyframes luxuryRubyTwinkle {
    0%, 100% {
        box-shadow: 0 0 18px rgba(225, 29, 72, 0.55), 0 0 30px rgba(190, 18, 60, 0.35);
        opacity: 0.85;
    }
    50% {
        box-shadow: 0 0 28px rgba(225, 29, 72, 0.85), 0 0 45px rgba(244, 63, 94, 0.6);
        opacity: 1;
    }
}
.luxury-light-ruby-constellation .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at center, rgba(225, 29, 72, 0.38) 0%, rgba(159, 18, 57, 0.18) 60%, transparent 80%) !important;
    border: 1px solid rgba(251, 113, 133, 0.65) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-ruby-constellation .nav-link:hover .luxury-light-fx,
.luxury-light-ruby-constellation .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryRubyTwinkle 1.8s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 38: VẦNG DƯƠNG NHẬT HOA (VERSAILLES SUN KING HALO)
   - Hào quang tia nắng mặt trời Louis XIV tỏa nan hoa 360 độ từ tâm
   -------------------------------------------------------------------------- */
@keyframes luxurySunburstRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.luxury-light-sunburst-halo .nav-link .luxury-light-fx {
    background: repeating-conic-gradient(from 0deg, rgba(245, 158, 11, 0.3) 0deg 15deg, transparent 15deg 30deg),
                radial-gradient(circle at center, rgba(254, 240, 138, 0.45) 0%, transparent 70%) !important;
    border-radius: 50px;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}
.luxury-light-sunburst-halo .nav-link:hover .luxury-light-fx,
.luxury-light-sunburst-halo .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.5) !important;
    animation: luxurySunburstRotate 8s linear infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 39: DẠ PHỤC TUXEDO MAY ĐO (SAVILE ROW SILK LAPEL)
   - Viền satin đen tuyền bóng bẩy với đường ánh bạc bạch kim lướt chéo tinh tế
   -------------------------------------------------------------------------- */
@keyframes luxuryTuxedoSweep {
    0% {
        left: -100%;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        left: 200%;
        opacity: 0;
    }
}
.luxury-light-tuxedo-shimmer .nav-link {
    overflow: hidden;
}
.luxury-light-tuxedo-shimmer .nav-link .luxury-light-fx {
    background: rgba(18, 19, 22, 0.45) !important;
    border: 1px solid rgba(226, 232, 240, 0.5) !important;
    border-radius: 4px;
    opacity: 0 !important;
    transition: opacity 0.25s ease;
}
.luxury-light-tuxedo-shimmer .nav-link .luxury-light-fx::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 60%;
    background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, 0.7) 50%, transparent 80%);
    transform: skewX(-20deg);
}
.luxury-light-tuxedo-shimmer .nav-link:hover .luxury-light-fx,
.luxury-light-tuxedo-shimmer .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}
.luxury-light-tuxedo-shimmer .nav-link:hover .luxury-light-fx::after,
.luxury-light-tuxedo-shimmer .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx::after {
    animation: luxuryTuxedoSweep 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 40: XÀ CỪ NGỌC TRAI NAM HẢI (SOUTH SEA PEARL NACRE)
   - Ánh xà cừ óng ánh đổi màu nhẹ nhàng từ trắng kem sang hồng phấn và vàng nhạt
   -------------------------------------------------------------------------- */
@keyframes luxuryPearlHue {
    0%, 100% {
        filter: hue-rotate(0deg);
        box-shadow: 0 0 16px rgba(253, 230, 138, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.5);
    }
    50% {
        filter: hue-rotate(40deg);
        box-shadow: 0 0 24px rgba(244, 114, 182, 0.4), inset 0 0 14px rgba(255, 255, 255, 0.7);
    }
}
.luxury-light-pearl-luminescence .nav-link .luxury-light-fx {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(254, 240, 138, 0.25) 50%, rgba(244, 114, 182, 0.25) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 8px;
    opacity: 0 !important;
}
.luxury-light-pearl-luminescence .nav-link:hover .luxury-light-fx,
.luxury-light-pearl-luminescence .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryPearlHue 3s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 41: HẺM NÚI HOÀNG HÔN VÀNG (GRAND CANYON GOLDEN HOUR)
   - Dải hoàng hôn vàng hổ phách, đồng thau và cam đất nung ấm áp tráng lệ
   -------------------------------------------------------------------------- */
@keyframes luxuryCanyonGlow {
    0%, 100% {
        opacity: 0.8;
        box-shadow: 0 0 18px rgba(245, 158, 11, 0.5), 0 0 32px rgba(217, 119, 6, 0.3);
    }
    50% {
        opacity: 1;
        box-shadow: 0 0 28px rgba(245, 158, 11, 0.75), 0 0 45px rgba(234, 88, 12, 0.5);
    }
}
.luxury-light-canyon-gold .nav-link .luxury-light-fx {
    background: linear-gradient(90deg, rgba(234, 88, 12, 0.25) 0%, rgba(245, 158, 11, 0.35) 50%, rgba(217, 119, 6, 0.25) 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.6) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-canyon-gold .nav-link:hover .luxury-light-fx,
.luxury-light-canyon-gold .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryCanyonGlow 2.3s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 42: BƯỚC NHẢY KHÔNG GIAN ÁNH KIM (HYPERSPACE GOLD WARP)
   - Hai chùm tia sáng tốc độ ánh sáng kéo dài từ tâm bung ra hai biên
   -------------------------------------------------------------------------- */
@keyframes luxuryWarpExpand {
    0% {
        transform: scaleX(0.2);
        opacity: 0;
    }
    50% {
        transform: scaleX(1);
        opacity: 1;
    }
    100% {
        transform: scaleX(1.1);
        opacity: 0.85;
    }
}
.luxury-light-interstellar-warp .nav-link .luxury-light-fx {
    background: linear-gradient(90deg, rgba(255, 235, 180, 0.6) 0%, rgba(197, 168, 128, 0.3) 50%, rgba(255, 235, 180, 0.6) 100%) !important;
    border-top: 1px solid rgba(255, 235, 180, 0.8) !important;
    border-bottom: 1px solid rgba(255, 235, 180, 0.8) !important;
    border-radius: 4px;
    opacity: 0 !important;
}
.luxury-light-interstellar-warp .nav-link:hover .luxury-light-fx,
.luxury-light-interstellar-warp .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 0 22px rgba(255, 235, 180, 0.6) !important;
    animation: luxuryWarpExpand 0.4s ease-out forwards !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 43: ĐIÊU KHẮC KIM HOÀN FLORENCE (FLORENTINE ENGRAVING SPARKLE)
   - Bề mặt vàng sần vi hạt kim hoàn Florence phản chiếu hàng nghìn điểm sáng li ti
   -------------------------------------------------------------------------- */
@keyframes luxuryFlorentineGlitter {
    0%, 100% {
        opacity: 0.85;
        filter: brightness(1);
    }
    25% {
        opacity: 1;
        filter: brightness(1.2);
    }
    75% {
        opacity: 0.9;
        filter: brightness(1.15);
    }
}
.luxury-light-florentine-finish .nav-link .luxury-light-fx {
    background: radial-gradient(circle at 25% 25%, rgba(255, 235, 180, 0.5) 1px, transparent 1px),
                radial-gradient(circle at 75% 75%, rgba(255, 235, 180, 0.5) 1px, transparent 1px),
                radial-gradient(ellipse at center, rgba(197, 168, 128, 0.25) 0%, transparent 80%) !important;
    background-size: 8px 8px, 8px 8px, 100% 100%;
    border: 1px solid rgba(197, 168, 128, 0.55) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-florentine-finish .nav-link:hover .luxury-light-fx,
.luxury-light-florentine-finish .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 0 20px rgba(197, 168, 128, 0.5) !important;
    animation: luxuryFlorentineGlitter 1.5s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 44: HƠI THỞ HOÀNG LONG (IMPERIAL DRAGON FLAME BREATH)
   - Làn khói vàng kim hoàng gia bay lượn từ mép dưới lên trên uy nghiêm
   -------------------------------------------------------------------------- */
@keyframes luxuryDragonRise {
    0% {
        transform: translateY(4px) scale(0.96);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-2px) scale(1.02);
        opacity: 1;
    }
    100% {
        transform: translateY(4px) scale(0.96);
        opacity: 0.6;
    }
}
.luxury-light-dragon-breath .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at 50% 100%, rgba(245, 158, 11, 0.45) 0%, rgba(197, 168, 128, 0.2) 60%, transparent 85%) !important;
    border-radius: 8px;
    opacity: 0 !important;
}
.luxury-light-dragon-breath .nav-link:hover .luxury-light-fx,
.luxury-light-dragon-breath .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    box-shadow: 0 -4px 25px rgba(245, 158, 11, 0.4) !important;
    animation: luxuryDragonRise 2.5s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 45: PHA LÊ BĂNG GIÁ ĐA SẮC (ARCTIC ICE PRISM)
   - Tinh thể băng giá trắng trong suốt khúc xạ ánh cầu vồng lăng kính nhạt
   -------------------------------------------------------------------------- */
@keyframes luxuryIcePrism {
    0%, 100% {
        box-shadow: 0 0 16px rgba(224, 242, 254, 0.6), inset 0 0 8px rgba(255, 255, 255, 0.6);
        opacity: 0.85;
    }
    50% {
        box-shadow: 0 0 28px rgba(186, 230, 253, 0.9), 0 0 45px rgba(224, 242, 254, 0.7), inset 0 0 14px rgba(255, 255, 255, 0.9);
        opacity: 1;
    }
}
.luxury-light-frost-prism .nav-link .luxury-light-fx {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(224, 242, 254, 0.3) 50%, rgba(254, 243, 199, 0.2) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-frost-prism .nav-link:hover .luxury-light-fx,
.luxury-light-frost-prism .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryIcePrism 2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 46: TINH ĐỒ CHIÊM TINH HOÀNG ĐẠO (CELESTIAL CONSTELLATION MESH)
   - Các điểm sao nối nhau bởi tia sáng vi mảnh như chòm sao hoàng đạo
   -------------------------------------------------------------------------- */
@keyframes luxuryConstellationPulse {
    0%, 100% {
        opacity: 0.8;
        box-shadow: 0 0 16px rgba(212, 175, 55, 0.4), inset 0 0 8px rgba(147, 197, 253, 0.3);
    }
    50% {
        opacity: 1;
        box-shadow: 0 0 26px rgba(212, 175, 55, 0.7), 0 0 35px rgba(147, 197, 253, 0.5), inset 0 0 12px rgba(255, 255, 255, 0.6);
    }
}
.luxury-light-constellation-lines .nav-link .luxury-light-fx {
    background: radial-gradient(circle at 20% 40%, rgba(255, 255, 255, 0.8) 1.5px, transparent 2px),
                radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.8) 1.5px, transparent 2px),
                radial-gradient(circle at 50% 70%, rgba(255, 255, 255, 0.8) 1.5px, transparent 2px),
                radial-gradient(ellipse at center, rgba(30, 27, 75, 0.3) 0%, transparent 80%) !important;
    border: 1px dashed rgba(212, 175, 55, 0.5) !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-constellation-lines .nav-link:hover .luxury-light-fx,
.luxury-light-constellation-lines .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryConstellationPulse 2.4s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 47: ĐƯỜNG VÂN ĐÁ CẨM THẠCH CARRARA (GOLDEN MARBLE VEINS)
   - Vệt sáng vàng ròng uốn lượn mềm mại như vân đá cẩm thạch trắng Carrara
   -------------------------------------------------------------------------- */
@keyframes luxuryMarbleVein {
    0% {
        background-position: -150% 0%;
    }
    100% {
        background-position: 250% 0%;
    }
}
.luxury-light-carrara-vein .nav-link {
    overflow: hidden;
}
.luxury-light-carrara-vein .nav-link .luxury-light-fx {
    background: linear-gradient(110deg, transparent 30%, rgba(212, 175, 55, 0.5) 45%, rgba(255, 255, 255, 0.7) 50%, rgba(212, 175, 55, 0.5) 55%, transparent 70%) !important;
    background-size: 200% 100%;
    border: 1px solid rgba(226, 232, 240, 0.45) !important;
    border-radius: 6px;
    opacity: 0 !important;
    transition: opacity 0.25s ease;
}
.luxury-light-carrara-vein .nav-link:hover .luxury-light-fx,
.luxury-light-carrara-vein .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryMarbleVein 2s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 48: VÀNH NHẬT HOA BÙNG CHÁY (SOLAR FLARE PROMINENCE)
   - Cung lửa vàng đỏ uốn cong nhẹ nhàng nhô lên từ mép viền trên
   -------------------------------------------------------------------------- */
@keyframes luxurySolarFlare {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 -4px 18px rgba(245, 158, 11, 0.5), 0 -8px 30px rgba(239, 68, 68, 0.35);
    }
    50% {
        transform: translateY(-2px);
        box-shadow: 0 -6px 26px rgba(245, 158, 11, 0.8), 0 -12px 42px rgba(239, 68, 68, 0.55);
    }
}
.luxury-light-solar-prominence .nav-link .luxury-light-fx {
    background: radial-gradient(ellipse at 50% 0%, rgba(245, 158, 11, 0.45) 0%, rgba(239, 68, 68, 0.2) 60%, transparent 85%) !important;
    border-top: 2px solid rgba(245, 158, 11, 0.9) !important;
    border-radius: 8px;
    opacity: 0 !important;
}
.luxury-light-solar-prominence .nav-link:hover .luxury-light-fx,
.luxury-light-solar-prominence .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxurySolarFlare 2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 49: GẤP NẾP ÁNH SÁNG ORIGAMI (GEOMETRIC LIGHT FOLD)
   - Các mảng sáng hình học tam giác nghiêng đa sắc độ chiếu vào nhau 3D
   -------------------------------------------------------------------------- */
@keyframes luxuryOrigamiTilt {
    0%, 100% {
        transform: perspective(400px) rotateX(0deg);
        box-shadow: 0 4px 16px rgba(197, 168, 128, 0.4);
    }
    50% {
        transform: perspective(400px) rotateX(6deg);
        box-shadow: 0 8px 24px rgba(197, 168, 128, 0.65);
    }
}
.luxury-light-origami-fold .nav-link .luxury-light-fx {
    background: linear-gradient(135deg, rgba(197, 168, 128, 0.35) 0%, rgba(255, 235, 180, 0.15) 50%, rgba(168, 138, 96, 0.35) 100%) !important;
    border: 1px solid rgba(197, 168, 128, 0.6) !important;
    border-radius: 4px;
    opacity: 0 !important;
    transform-origin: center bottom;
}
.luxury-light-origami-fold .nav-link:hover .luxury-light-fx,
.luxury-light-origami-fold .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryOrigamiTilt 2.2s ease-in-out infinite !important;
}

/* --------------------------------------------------------------------------
   CHẾ ĐỘ 50: LƯỚI MA TRẬN KIM CƯƠNG TỐI THƯỢNG (SUPREME DIAMOND MATRIX)
   - Mạng lưới mặt cắt Brilliant Cut tỏa sáng đa điểm với quầng hào quang kép
   -------------------------------------------------------------------------- */
@keyframes luxuryDiamondMatrix {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 0 0 35px rgba(212, 175, 55, 0.5), inset 0 0 10px rgba(255, 255, 255, 0.8);
        opacity: 0.9;
    }
    33% {
        box-shadow: 0 0 32px rgba(255, 255, 255, 0.95), 0 0 50px rgba(253, 230, 138, 0.75), inset 0 0 16px rgba(255, 255, 255, 1);
        opacity: 1;
    }
    66% {
        box-shadow: 0 0 24px rgba(224, 231, 255, 0.85), 0 0 40px rgba(212, 175, 55, 0.6), inset 0 0 12px rgba(255, 255, 255, 0.85);
        opacity: 0.95;
    }
}
.luxury-light-diamond-matrix .nav-link .luxury-light-fx {
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.55) 0%, rgba(254, 243, 199, 0.3) 45%, rgba(212, 175, 55, 0.15) 75%, transparent 95%) !important;
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    outline: 1px solid rgba(212, 175, 55, 0.5) !important;
    outline-offset: 1px !important;
    border-radius: 6px;
    opacity: 0 !important;
}
.luxury-light-diamond-matrix .nav-link:hover .luxury-light-fx,
.luxury-light-diamond-matrix .menu-item:hover > .menu-item-wrapper > .nav-link .luxury-light-fx {
    opacity: 1 !important;
    animation: luxuryDiamondMatrix 1.8s ease-in-out infinite !important;
}