/* ╔══════════════════════════════════════════════════════════════╗
   ║   SNR GLOW — ULTRA LUXURY CINEMATIC LAYER                  ║
   ║   Balmain · YSL · Prada · Apple Dark aesthetic              ║
   ║   Gold: #c8a96b  Silver(N): #9b9fa8  Black: #0b0b0b        ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ══ KEYFRAMES ══ */
@keyframes snrShimmer {
    0%   { background-position: -250% center; }
    100% { background-position: 250% center; }
}
@keyframes snrGlowPulse {
    0%, 100% { box-shadow: 0 0 18px rgba(200,169,107,0.3), 0 0 40px rgba(200,169,107,0.1); }
    50%       { box-shadow: 0 0 32px rgba(200,169,107,0.6), 0 0 60px rgba(200,169,107,0.22); }
}
@keyframes snrBorderSilver {
    0%, 100% { border-color: rgba(192,197,206,0.32); }
    50%       { border-color: rgba(192,197,206,0.62); }
}
@keyframes snrSweep {
    0%   { left: -80%; }
    100% { left: 130%; }
}
@keyframes snrFadeUp {
    from { opacity:0; transform:translateY(20px); }
    to   { opacity:1; transform:translateY(0); }
}

/* ══ BASE ══ */
html { scroll-behavior: smooth; }
body {
    background-color: #0b0b0b !important;
    color: #d6d6d6 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-family: 'Tajawal', sans-serif !important;
    text-rendering: optimizeLegibility !important;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Tajawal', sans-serif !important; }
p { color: #8e8e8e !important; line-height: 1.85 !important; font-size: 14px !important; }

/* ══ HEADER — GLASSMORPHISM ══ */
header,
.navbar-sticky,
.navbar-sticky .navbar,
.navbar-expand-md,
.navbar-light,
.mobile-head {
    background: rgba(9,9,9,0.97) !important;
    backdrop-filter: blur(28px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
    border-bottom: 1px solid rgba(200,169,107,0.16) !important;
    box-shadow: 0 4px 40px rgba(0,0,0,0.75) !important;
}
.topbar {
    background: #000000 !important;
    border-bottom: 1px solid rgba(200,169,107,0.06) !important;
    letter-spacing: 0.5px;
    font-size: 12px !important;
}
.topbar-text, .topbar-link { color: #8e8e8e !important; }
.topbar-link i             { color: #c8a96b !important; }
.topbar-link:hover         { color: #f0d7a1 !important; }

/* ══ NAV LINKS — luxury animated underline ══ */
.navbar-nav .nav-link {
    position: relative !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #d6d6d6 !important;
    padding-bottom: 6px !important;
    transition: color 0.3s ease !important;
}
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    width: 0; height: 1.5px;
    background: linear-gradient(90deg, transparent, #c8a96b, transparent);
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
    border-radius: 2px;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link { color: #f0d7a1 !important; }
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.active .nav-link::after { width: 100%; left: 0; }

/* ══ ICON CIRCLES — Silver N-letter metallic ══ */
.navbar-tool-icon-box,
.navbar-tool-icon-box.bg-secondary {
    background: radial-gradient(circle at 40% 35%, #2e2e2e, #1a1a1a 60%, #111) !important;
    border: 1.5px solid rgba(192,197,206,0.42) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:
        inset 0 1.5px 3px rgba(212,216,224,0.18),
        inset 0 -1.5px 3px rgba(0,0,0,0.55),
        0 3px 14px rgba(0,0,0,0.65) !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
.navbar-tool-icon-box:hover,
.navbar-tool-icon-box.bg-secondary:hover {
    background: radial-gradient(circle at 40% 35%, #3a3a3a, #252525 60%, #1a1a1a) !important;
    border-color: #c8a96b !important;
    box-shadow: 0 0 16px rgba(200,169,107,0.38), 0 4px 18px rgba(0,0,0,0.7) !important;
    transform: scale(1.09) !important;
}
.navbar-tool-icon-box i,
.navbar-tool-icon-box [class*="tio-"],
.navbar-tool-icon-box [class*="czi-"] { color: #d4d8e0 !important; font-size: 16px; }
.navbar-tool-icon-box svg path        { fill: #d4d8e0 !important; }
.navbar-tool-icon-box img.img-profile {
    width: 32px !important; height: 32px !important;
    border: 2px solid rgba(192,197,206,0.5) !important;
    border-radius: 50% !important;
}

/* Cart badge — gold */
.navbar-tool .navbar-tool-label {
    background: linear-gradient(135deg, #b89355, #e0c07a) !important;
    color: #000000 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    min-width: 17px !important; min-height: 17px !important; line-height: 17px !important;
    border-radius: 50% !important; border: none !important;
    box-shadow: 0 2px 8px rgba(200,169,107,0.55) !important;
}

/* ══ BOTTOM NAV BAR ══ */
.navbar-stuck-menu,
.navbar-expand-md.navbar-stuck-menu {
    background: linear-gradient(180deg, #111, #0f0f0f) !important;
    border-top: 1px solid rgba(200,169,107,0.08) !important;
}

/* ══ SHIMMER GOLD BUTTON ══ */
.btn--primary,
.btn-primary {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(110deg,
        #b89355 0%,
        #c8a96b 25%,
        #f0d7a1 50%,
        #d4af73 70%,
        #b89355 100%) !important;
    background-size: 260% auto !important;
    animation: snrShimmer 3.8s linear infinite !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    padding: 13px 30px !important;
    box-shadow: 0 5px 22px rgba(200,169,107,0.38), inset 0 1px 0 rgba(255,255,255,0.14) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    will-change: transform !important;
}
.btn--primary::after,
.btn-primary::after {
    content: '';
    position: absolute;
    top: 0; left: -80%;
    width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transform: skewX(-18deg);
    animation: snrSweep 3.8s ease-in-out infinite;
    pointer-events: none;
}
.btn--primary:hover,
.btn-primary:hover {
    transform: translateY(-3px) scale(1.025) !important;
    box-shadow: 0 12px 36px rgba(200,169,107,0.58), inset 0 1px 0 rgba(255,255,255,0.18) !important;
    color: #000000 !important;
}

/* ══ BOOTSTRAP BLUE OVERRIDES ══ */
.text-primary, .web-text-primary { color: #c8a96b !important; }
.bg-primary { background: linear-gradient(135deg, #b89355, #d4af73) !important; }
.border-primary { border-color: #c8a96b !important; }
.text-warning { color: #d4af73 !important; }
.badge { background: linear-gradient(135deg, #b89355, #d4af73) !important; color: #000 !important; }
.bg-light { background-color: #111111 !important; }
.bg-secondary { background: #1a1a1a !important; }

/* ══ SEARCH BAR ══ */
.form-control.appended-form-control,
.form-control.search-bar-input {
    height: 46px !important;
    background: rgba(18,18,18,0.96) !important;
    border: 1px solid rgba(200,169,107,0.22) !important;
    color: #d6d6d6 !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
.form-control.appended-form-control:focus {
    border-color: #c8a96b !important;
    box-shadow: 0 0 0 3px rgba(200,169,107,0.13), 0 0 20px rgba(200,169,107,0.07) !important;
    background: rgba(24,24,24,0.98) !important;
}
.form-control.appended-form-control::placeholder { color: #555 !important; }
.search_button {
    height: 46px !important; width: 52px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}
.search_button:hover { box-shadow: 0 4px 20px rgba(200,169,107,0.48) !important; transform: scale(1.05) !important; }
.search_button i { color: #000 !important; font-size: 16px !important; }

/* ══ DROPDOWNS ══ */
.dropdown-menu {
    background: rgba(10,10,10,0.99) !important;
    backdrop-filter: blur(22px) !important;
    border: 1px solid rgba(200,169,107,0.14) !important;
    box-shadow: 0 22px 65px rgba(0,0,0,0.96) !important;
    border-radius: 12px !important;
    padding: 6px !important;
}
.dropdown-item {
    color: #8e8e8e !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    padding: 9px 14px !important;
    letter-spacing: 0.2px !important;
    transition: all 0.22s ease !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    background: rgba(200,169,107,0.07) !important;
    color: #f0d7a1 !important;
}
.dropdown-divider { border-color: rgba(255,255,255,0.04) !important; }

/* ══ MEGA MENU ══ */
.megamenu-wrap, .category-menu-wrap {
    background: rgba(8,8,8,0.99) !important;
    backdrop-filter: blur(22px) !important;
    border: 1px solid rgba(200,169,107,0.09) !important;
}
.category-menu li a {
    color: #8e8e8e !important; font-size: 13px !important;
    padding: 10px 16px !important;
    transition: all 0.22s ease !important;
}
.category-menu li a:hover {
    background: rgba(200,169,107,0.05) !important;
    color: #f0d7a1 !important;
}
.mega_menu {
    background: rgba(9,9,9,0.99) !important;
    border: 1px solid rgba(200,169,107,0.09) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,0.99) !important;
    border-radius: 12px !important;
}
.mega_menu_inner h6 a {
    color: #c8a96b !important;
    font-size: 11px !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}
.mega_menu a { color: #8e8e8e !important; font-size: 13px !important; transition: color 0.22s ease !important; }
.mega_menu a:hover { color: #f0d7a1 !important; }

/* ══ COMPANY RELIABILITY FEATURES ══ */
.__inline-9,
.shipping-policy-web,
.footer-top-slider-wrap {
    background: linear-gradient(180deg, #0b0b0b 0%, #111111 100%) !important;
    border-top: 1px solid rgba(200,169,107,0.08) !important;
    border-bottom: 1px solid rgba(200,169,107,0.08) !important;
}

/* Silver N-letter metallic circles */
.shopping-method-icon {
    background: radial-gradient(circle at 35% 30%, #383838, #1e1e1e 60%, #0f0f0f) !important;
    border: 2.5px solid rgba(192,197,206,0.45) !important;
    box-shadow:
        inset 0 2px 5px rgba(212,216,224,0.22),
        inset 0 -2px 5px rgba(0,0,0,0.65),
        0 8px 28px rgba(0,0,0,0.85) !important;
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    animation: snrBorderSilver 3.5s ease-in-out infinite;
}
.shipping-method-system:hover .shopping-method-icon {
    border-color: rgba(200,169,107,0.72) !important;
    animation: snrGlowPulse 1.6s ease-in-out infinite !important;
    transform: scale(1.08) !important;
}
.shopping-method-icon img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(22%) saturate(380%) hue-rotate(12deg) brightness(1.08) !important;
    width: 40px !important; height: 40px !important;
    transition: transform 0.38s ease !important;
}
.shipping-method-system:hover .shopping-method-icon img {
    transform: scale(1.18) rotate(4deg) !important;
}
.shipping-method-system p {
    color: #d6d6d6 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

/* Glass service cards (about/contact/faq) */
.footer-slide-item {
    background: rgba(16,16,16,0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(200,169,107,0.14) !important;
    border-radius: 18px !important;
    box-shadow:
        0 10px 44px rgba(0,0,0,0.75),
        inset 0 1px 0 rgba(200,169,107,0.07),
        inset 0 -1px 0 rgba(0,0,0,0.4) !important;
    transition: all 0.42s cubic-bezier(0.4,0,0.2,1) !important;
}
.footer-slide-item:hover {
    border-color: rgba(200,169,107,0.48) !important;
    box-shadow:
        0 22px 65px rgba(0,0,0,0.92),
        0 0 35px rgba(200,169,107,0.1),
        inset 0 1px 0 rgba(200,169,107,0.14) !important;
    transform: translateY(-7px) !important;
}
.footer-slide-item h2.heading { color: #d6d6d6 !important; font-weight: 700 !important; }
.footer-slide-item p.des { color: #8e8e8e !important; font-size: 12px !important; }
.footer-slide-item .text-primary { color: #c8a96b !important; }
.footer-slide-item .text-primary svg path { fill: #c8a96b !important; }
.footer-slide-item img.object-contain.svg {
    filter: brightness(0) saturate(100%) invert(70%) sepia(30%) saturate(450%) hue-rotate(10deg) !important;
}

/* ══ SECTION HEADINGS ══ */
.section-header h2,
.arrival-title .text-capitalize,
h2.arrival-title {
    background: linear-gradient(120deg, #f0d7a1 0%, #c8a96b 38%, #b89355 65%, #d4af73 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}
.view-all-btn-text, .view-btn-text { color: #c8a96b !important; font-weight: 600 !important; }
.view-all-btn-text:hover { color: #f0d7a1 !important; }

/* ══ PRODUCT CARDS ══ */
.product-single-hover,
.product-card,
.__product-card {
    background: #111111 !important;
    border: 1px solid rgba(200,169,107,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: all 0.45s cubic-bezier(0.4,0,0.2,1) !important;
    box-shadow: 0 4px 22px rgba(0,0,0,0.55) !important;
    will-change: transform !important;
}
.product-single-hover:hover,
.product-card:hover {
    border-color: rgba(200,169,107,0.45) !important;
    box-shadow:
        0 26px 68px rgba(0,0,0,0.9),
        0 0 42px rgba(200,169,107,0.1),
        inset 0 1px 0 rgba(200,169,107,0.07) !important;
    transform: translateY(-7px) !important;
}
.product-single-hover img:not(.img-profile),
.product-card img:not(.img-profile) {
    transition: transform 0.65s cubic-bezier(0.4,0,0.2,1) !important;
}
.product-single-hover:hover img:not(.img-profile),
.product-card:hover img:not(.img-profile) { transform: scale(1.07) !important; }

/* Price */
.new-price, .price, [class*="price-value"] {
    color: #c8a96b !important; font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 22px rgba(200,169,107,0.22) !important;
}
del, .old-price { color: #444 !important; }

/* Discount shimmer badge */
.for-discount-value {
    background: linear-gradient(110deg, #b89355, #f0d7a1, #b89355) !important;
    background-size: 220% auto !important;
    animation: snrShimmer 4.5s linear infinite !important;
    color: #000000 !important; font-weight: 800 !important;
    border-radius: 6px !important; font-size: 11px !important;
}

/* ══ FOOTER ══ */
.page-footer, footer {
    background: linear-gradient(180deg, #0e0e0e 0%, #000000 100%) !important;
    border-top: 1px solid rgba(200,169,107,0.10) !important;
    position: relative !important;
}
.page-footer::before, footer::before {
    content: ''; position: absolute; top: 0; left: 50%;
    transform: translateX(-50%);
    width: 50%; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,169,107,0.4), transparent);
    pointer-events: none;
}
.footer-header {
    font-size: 11px !important; letter-spacing: 2.2px !important;
    text-transform: uppercase !important; color: #c8a96b !important;
    font-weight: 700 !important; padding-bottom: 12px !important;
    position: relative !important; margin-bottom: 16px !important;
}
.footer-header::after {
    content: ''; position: absolute;
    bottom: 0; left: 0;
    width: 28px; height: 1.5px;
    background: linear-gradient(90deg, #c8a96b, transparent);
    border-radius: 2px;
}
[dir="rtl"] .footer-header::after { left: auto; right: 0; }
.footer-padding-bottom a,
.footer-padding-bottom .widget-list-link {
    color: #8e8e8e !important; font-size: 13px !important;
    line-height: 2.3 !important; transition: all 0.22s ease !important;
    letter-spacing: 0.2px;
}
.footer-padding-bottom a:hover,
.footer-padding-bottom .widget-list-link:hover { color: #f0d7a1 !important; }

/* Newsletter */
.subscribe-border {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(200,169,107,0.2) !important;
    color: #d6d6d6 !important; height: 46px !important;
    border-radius: 8px 0 0 8px !important; font-size: 13px !important;
    transition: border-color 0.3s ease !important;
}
[dir="rtl"] .subscribe-border { border-radius: 0 8px 8px 0 !important; }
.subscribe-border:focus { border-color: #c8a96b !important; }
.subscribe-border::placeholder { color: #444 !important; }
.subscribe-button {
    height: 46px !important; font-size: 11px !important;
    letter-spacing: 1.3px !important; text-transform: uppercase !important;
    border-radius: 0 8px 8px 0 !important; padding: 0 22px !important;
    background: linear-gradient(110deg, #b89355, #d4af73, #b89355) !important;
    background-size: 220% auto !important;
    animation: snrShimmer 4.5s linear infinite !important;
    border: none !important;
}
[dir="rtl"] .subscribe-button { border-radius: 8px 0 0 8px !important; }

/* Copyright bar */
.bg-white-overlay-50 {
    background: rgba(3,3,3,0.95) !important;
    border-top: 1px solid rgba(200,169,107,0.07) !important;
}
.bg-white-overlay-50 * { color: #8e8e8e !important; }
.bg-white-overlay-50 a { color: #c8a96b !important; }

/* Social icons */
.social-btn {
    width: 36px !important; height: 36px !important;
    border-radius: 50% !important;
    background: rgba(22,22,22,0.95) !important;
    border: 1px solid rgba(155,159,168,0.2) !important;
    display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
.social-btn:hover {
    background: linear-gradient(135deg, #b89355, #f0d7a1) !important;
    border-color: transparent !important;
    box-shadow: 0 5px 22px rgba(200,169,107,0.42) !important;
    transform: translateY(-4px) scale(1.12) !important;
}

/* ══ PAGINATION ══ */
.page-link {
    background: rgba(18,18,18,0.85) !important;
    border-color: rgba(200,169,107,0.14) !important;
    color: #8e8e8e !important; border-radius: 8px !important;
    margin: 0 3px !important; transition: all 0.25s ease !important;
}
.page-link:hover { background: rgba(200,169,107,0.09) !important; color: #c8a96b !important; }
.page-item.active .page-link {
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    border-color: transparent !important; color: #000 !important;
    box-shadow: 0 4px 18px rgba(200,169,107,0.42) !important;
}

/* ══ INPUT FOCUS ══ */
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: #c8a96b !important;
    box-shadow: 0 0 0 2.5px rgba(200,169,107,0.15), 0 0 18px rgba(200,169,107,0.07) !important;
    outline: none !important;
}

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
::-webkit-scrollbar-track { background: #0b0b0b !important; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #c8a96b, #b89355) !important;
    border-radius: 4px !important;
}

/* ══ STAR RATINGS ══ */
.text-warning, [class*="star"] i, .review-star i { color: #d4af73 !important; }

/* ══ CHECKOUT STEPS ══ */
.checkout-steps.steps-light .step-item.active .step-count,
.checkout-steps.steps-light .step-item.active .step-progress,
.customize-step .step-item.active .step-count {
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    color: #000 !important; border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(200,169,107,0.35) !important;
}

/* ══ SCROLL TO TOP ══ */
.btn-scroll-top {
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    border: none !important; width: 42px !important; height: 42px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 22px rgba(200,169,107,0.42) !important;
    transition: all 0.3s ease !important;
}
.btn-scroll-top:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 30px rgba(200,169,107,0.62) !important; }
.btn-scroll-top i { color: #000 !important; }

/* ══ LOADER ══ */
.global-loader .loader {
    border: 3px solid rgba(200,169,107,0.07) !important;
    border-top-color: #c8a96b !important;
    width: 36px !important; height: 36px !important;
    border-radius: 50%;
}

/* ══ TABS ══ */
.checkout-details-page .nav-tabs .nav-link.active {
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    color: #000 !important; font-weight: 700 !important; border-color: transparent !important;
}
.checkout-details-page .nav-tabs .nav-link {
    background: #1a1a1a !important; border: 1px solid rgba(155,159,168,0.14) !important; color: #8e8e8e !important;
}

/* ══ MOBILE ══ */
@media (max-width: 767px) {
    body { background-color: #0b0b0b !important; }
    .btn--primary, .btn-primary { padding: 11px 22px !important; font-size: 12px !important; }
    .navbar-tool-icon-box { width: 36px !important; height: 36px !important; min-width: 36px !important; }
    .shopping-method-icon { width: 72px !important; height: 72px !important; }
    .shopping-method-icon img { width: 32px !important; height: 32px !important; }
}

/* ══ RTL SUPPORT ══ */
[dir="rtl"] .category-menu li a:hover { padding-left: 22px !important; padding-right: 16px !important; }
[dir="rtl"] .mega_menu a:hover { padding-left: 6px !important; }
[dir="rtl"] .dropdown-item:hover { padding-left: 20px !important; }

/* ══ GPU PERFORMANCE ══ */
.btn--primary, .btn-primary,
.product-single-hover, .product-card,
.footer-slide-item,
.navbar-tool-icon-box,
.shopping-method-icon,
.social-btn {
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* ══ SECTIONS GLOW ══ */
.new-arrival-section { position: relative; }
.new-arrival-section::before {
    content: '';
    position: absolute; top: -60px; left: 50%;
    transform: translateX(-50%);
    width: 45%; height: 120px;
    background: radial-gradient(ellipse, rgba(200,169,107,0.05) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}

/* -------------------------------------------------------
   HOME.CSS DARK OVERRIDES � force all white/light to dark
   ------------------------------------------------------- */

/* -- Category boxes -- */
.category_div {
    background: linear-gradient(145deg, #1e1e1e, #161616) !important;
    border: 1px solid rgba(200,169,107,0.14) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
.category_div:hover {
    background: linear-gradient(145deg, #242424, #1a1a1a) !important;
    border-color: rgba(200,169,107,0.4) !important;
    box-shadow: 0 6px 24px rgba(200,169,107,0.12) !important;
}
.category_title { color: #d6d6d6 !important; }

/* -- Carousel nav dots -- */
.cz-carousel [data-nav] {
    background-color: rgba(200,169,107,0.3) !important;
    border-radius: 50% !important;
}
.cz-carousel [data-nav].tns-nav-active {
    background-color: #c8a96b !important;
    box-shadow: 0 0 10px rgba(200,169,107,0.5) !important;
}

/* -- Flash deal product cards -- */
.flash_deal_product {
    background: linear-gradient(145deg, #1a1a1a, #141414) !important;
    border: 1px solid rgba(200,169,107,0.1) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
    border-radius: 12px !important;
    transition: all 0.35s ease !important;
}
.flash_deal_product:hover {
    border-color: rgba(200,169,107,0.4) !important;
    box-shadow: 0 12px 36px rgba(0,0,0,0.7), 0 0 30px rgba(200,169,107,0.1) !important;
    transform: translateY(-4px) !important;
}
.flash_deal_product_pic {
    background: linear-gradient(180deg, #1e1e1e, #161616) !important;
    border-radius: 10px 10px 0 0 !important;
}
.flash_deal_product_details .flash-product-title a {
    color: #d6d6d6 !important; font-weight: 600 !important;
}
.flash_deal_product_details .flash-product-title a:hover { color: #f0d7a1 !important; }
.flash_deal_product_details .flash-product-price { color: #c8a96b !important; font-weight: 700 !important; }
.flash_deal_product_details .flash-product-review .review-count { color: #c8a96b !important; }

/* -- Flash deal title -- */
.flash_deal_title {
    background: linear-gradient(120deg, #f0d7a1, #c8a96b, #b89355) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 26px !important;
    letter-spacing: 2px !important;
}

/* -- Deal of the day section -- */
.deal_of_the_day {
    background: linear-gradient(135deg, #0f0f0f, #1a1a1a) !important;
    border: 1px solid rgba(200,169,107,0.1) !important;
    border-radius: 14px !important;
}
.deal_of_the_day h1 {
    background: linear-gradient(120deg, #f0d7a1, #c8a96b) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* -- Product card header (deal section) -- */
.deal_latest_product .product-card,
.deal_latest_product .product-card .card-header {
    background: linear-gradient(180deg, #1e1e1e, #161616) !important;
    border-color: rgba(200,169,107,0.1) !important;
}
.deal_latest_product .product-title,
.deal_latest_product .product-title1,
.product-title1,
.featured_product-title .ptr {
    color: #d6d6d6 !important;
}

/* -- Banner product background -- */
.banner_product { background: #111111 !important; }

/* -- Best selling / Top rated image areas -- */
.best-selling-image,
.top-rated-image {
    background: linear-gradient(180deg, #1e1e1e, #161616) !important;
}

/* -- Featured deal section -- */
.featured_deal_left {
    background: linear-gradient(135deg, #b89355, #c8a96b) !important;
}
.featured_deal,
.__featured-deal-wrap,
.bg--light {
    background: linear-gradient(135deg, #111111, #191919) !important;
    border: 1px solid rgba(200,169,107,0.12) !important;
    border-radius: 14px !important;
}
.featured_deal_title {
    color: #f0d7a1 !important;
    background: linear-gradient(120deg, #f0d7a1, #c8a96b, #b89355) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.text-dark { color: #d6d6d6 !important; }

/* -- Buy button -- */
.buy_btn {
    background: linear-gradient(135deg, #b89355, #d4af73) !important;
    border: none !important; color: #000 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px rgba(200,169,107,0.35) !important;
}
.buy_btn:hover { box-shadow: 0 8px 28px rgba(200,169,107,0.55) !important; }

/* -- Shop sidebar (mobile) -- */
#shop-sidebar {
    background: rgba(12,12,12,0.98) !important;
    border: 1px solid rgba(200,169,107,0.12) !important;
    backdrop-filter: blur(20px) !important;
}

/* -- Btn-outline info (blue ? gold) -- */
.btn-outline--info {
    border-color: #c8a96b !important;
    color: #c8a96b !important;
}
.btn-outline--info:hover {
    border-color: #c8a96b !important;
    background-color: #c8a96b !important;
    color: #000 !important;
}

/* -- Progress bar -- */
.progress { background-color: rgba(200,169,107,0.12) !important; }
.progress-bar { background: linear-gradient(90deg, #b89355, #d4af73) !important; }
.border-primary-light { border-color: rgba(200,169,107,0.22) !important; }

/* -- Countdown -- */
.cz-countdown-days,
.cz-countdown-hours,
.cz-countdown-minutes,
.cz-countdown-seconds {
    border: 1px solid rgba(200,169,107,0.35) !important;
    background: rgba(200,169,107,0.05) !important;
    border-radius: 6px !important;
    color: #f0d7a1 !important;
}
.cz-countdown .cz-countdown-value { color: #c8a96b !important; }
.countdown-background { background: linear-gradient(135deg, #b89355, #c8a96b) !important; }

/* -- Saved address dropdown -- */
.saved-address-dropdown .dropdown-item.active {
    border: 1px solid rgba(200,169,107,0.3) !important;
    background: rgba(200,169,107,0.06) !important;
    color: #c8a96b !important;
}

/* -- Qty buttons -- */
.qty_input {
    background: rgba(200,169,107,0.06) !important;
    border-color: rgba(200,169,107,0.35) !important;
    color: #d6d6d6 !important;
}
.qty_minus, .qty_plus { color: #c8a96b !important; }

/* -- Banner card -- */
.banner_card {
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(200,169,107,0.1) !important;
    border-radius: 12px !important;
}

/* -- Recommended product card -- */
.recommended-product-card img {
    border: 1px solid rgba(200,169,107,0.12) !important;
}

/* -- Flash deal section border -- */
.fd { border-bottom: 1px solid rgba(200,169,107,0.15) !important; }
.view_border { border-top: 1px solid rgba(200,169,107,0.12) !important; }

/* -- Flash deal section overall -- */
.flash_deal {
    background: linear-gradient(180deg, #0f0f0f, #141414) !important;
    border: 1px solid rgba(200,169,107,0.1) !important;
}

/* -- Product cards -- */
.__best-selling:hover .ptr,
.flash_deal_product:hover .flash-product-title { color: #f0d7a1 !important; }

/* -- Section backgrounds -- */
.bg-white, .bg-gray-100, .bg-light {
    background-color: #111111 !important;
}
section { background-color: transparent !important; }
.container > section, .container-fluid > section { background: transparent !important; }

/* -- Section card margin -- */
.__inline-62 {
    background: linear-gradient(145deg, #141414, #111111) !important;
    border: 1px solid rgba(200,169,107,0.1) !important;
    border-radius: 14px !important;
}

/* -- All white text forced dark -- */
.text-dark, .text-black, [class*="text-dark"] { color: #d6d6d6 !important; }
.fw-bold, .font-bold { font-weight: 700 !important; }

/* -----------------------------------------------------------
   NAVBAR ALIGNMENT & TEXT VISIBILITY FIXES
   ----------------------------------------------------------- */

/* -- Fix: Bootstrap dropdown caret shifting "???????" up -- */
/* The .dropdown-toggle::after creates an inline triangle that causes vertical displacement */
.navbar-nav .nav-link.dropdown-toggle::after,
.navbar-stuck-menu .nav-link.dropdown-toggle::after {
    display: none !important;           /* Hide Bootstrap caret completely */
    border: none !important;
    margin: 0 !important;
    vertical-align: 0 !important;
    content: none !important;
}

/* Reset: All nav-links same level */
.navbar-nav { align-items: center !important; }
.navbar-nav .nav-item {
    display: flex !important;
    align-items: center !important;
}
.navbar-nav .nav-link {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* -- Underline fix: don't use ::after (conflicts with Bootstrap caret) -- */
/* Use a box-shadow bottom border instead */
.navbar-nav .nav-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, transparent, #c8a96b, transparent) !important;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    border-radius: 2px !important;
    border: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    margin: 0 !important;
    vertical-align: 0 !important;
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.active .nav-link::after {
    width: 100% !important;
    left: 0 !important;
}

/* Active nav item - same style for both home and brand */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.active .nav-link.dropdown-toggle {
    color: #f0d7a1 !important;
}

/* -- Fix: "??? ????" / View All - visible gold -- */
.view-all-btn-text,
.view-btn-text,
a.view-all-btn-text,
a.text-capitalize.view-all-btn-text {
    color: #c8a96b !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}
.view-all-btn-text:hover, .view-btn-text:hover { color: #f0d7a1 !important; }
.view-all-btn-text i, .view-btn-text i { color: #c8a96b !important; }

/* -- Fix: Section title "???? ????????" - gold gradient -- */
.arrival-title,
.arrival-title .text-capitalize,
h2.arrival-title,
.section-header h2,
.feature-product-title {
    background: linear-gradient(120deg, #f0d7a1 0%, #c8a96b 40%, #b89355 70%, #d4af73 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

/* Fix section-header container */
.section-header { display: flex; align-items: baseline; justify-content: space-between; }

/* -- Fix: count-value (brand product count) -- */
.count-value { color: #9b9fa8 !important; font-size: 12px !important; }

/* -- Fix: All black/dark text on dark backgrounds -- */
.text-dark { color: #d6d6d6 !important; }
.text-black, [class*="text-black"] { color: #d6d6d6 !important; }
.font-weight-bold, .fw-bold { color: inherit !important; }

/* Product titles - white not black */
.widget-product-title .ptr,
.featured_product-title .ptr,
.product-title1,
.deal_latest_product .product-title,
.flash_deal_product_details .flash-product-title a {
    color: #d6d6d6 !important;
}
.widget-product-title .ptr:hover,
.featured_product-title .ptr:hover { color: #f0d7a1 !important; }

/* -- Fix: SAR / currency text -- */
.currency-text, .wallet-balance, .price, [class*="currency"] span {
    color: #c8a96b !important;
}

/* -- Fix: category section text -- */
.category_title { color: #d6d6d6 !important; }
.category_div span { color: #d6d6d6 !important; }

/* -- Fix: deal of day title -- */
.deal_of_the_day h1 {
    background: linear-gradient(120deg, #f0d7a1, #c8a96b) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* -- Fix: featured deal text -- */
.featured_deal_title {
    background: linear-gradient(120deg, #f0d7a1, #c8a96b, #b89355) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* -- Fix: flash deal title -- */
.flash_deal_title {
    background: linear-gradient(120deg, #f0d7a1, #c8a96b) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    letter-spacing: 2px !important;
}

/* -- Fix: remaining hard-coded black colors -- */
.color-000000, [style*="color: #000000"], [style*="color:#000000"],
[style*="color: black"], [style*="color:black"] {
    color: #d6d6d6 !important;
}
/* EXCEPTION: keep button text black (gold shimmer button has black text) */
.btn--primary [style*="color: #000000"],
.btn-primary [style*="color: #000000"] { color: #000000 !important; }

/* -- Fix: border colors -- */
.border-e2f0ff, [style*="border-color: #e2f0ff"] {
    border-color: rgba(200,169,107,0.15) !important;
}

/* -- Fix: top-bar / announcement text -- */
.direction-ltr, .direction-rtl { color: #8e8e8e !important; }
.topbar a, .topbar span, .topbar p { color: #8e8e8e !important; }
.topbar a:hover { color: #c8a96b !important; }

/* -- Fix: category_div image round circle -- */
.category_div img { border: 1px solid rgba(200,169,107,0.2) !important; }

/* -- Fix: navbar extra dropdown arrow (custom chevron) -- */
.czi-chevron-down, .czi-chevron-up { color: #9b9fa8 !important; font-size: 10px; }

/* -- Ensure seller name etc visible -- */
.seller-name a, .brand-name a { color: #d6d6d6 !important; }
.seller-name a:hover, .brand-name a:hover { color: #c8a96b !important; }

/* -----------------------------------------------------------
   CRITICAL FIX: Remove display:flex override that was showing
   mobile-only (d-md-none) login/register on desktop
   ----------------------------------------------------------- */

/* Remove the problematic !important display overrides */
.navbar-nav .nav-item {
    display: list-item !important;
}
.navbar-nav .nav-item.d-none {
    display: none !important;
}
.navbar-nav .nav-item.d-md-none {
    display: none !important; /* hidden on desktop */
}

/* -- Fix: only snr-main-nav gets alignment fix (not all navbar-nav) -- */
.snr-main-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
}
.snr-main-nav .nav-item {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
}

/* -- All SNR nav links: consistent GOLD color -- */
.snr-main-nav .snr-nav-link,
.snr-main-nav .nav-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #d6d6d6 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 14px 16px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transition: color 0.3s ease !important;
    border: none !important;
    background: none !important;
}
.snr-main-nav .snr-nav-link:hover,
.snr-main-nav .nav-link:hover {
    color: #f0d7a1 !important;
}

/* Active state: gold color */
.snr-main-nav .nav-item.active .snr-nav-link,
.snr-main-nav .nav-item.active .nav-link {
    color: #f0d7a1 !important;
}

/* -- Animated sliding underline -- */
.snr-main-nav .snr-nav-link::before,
.snr-main-nav .nav-link::before {
    content: '' !important;
    position: absolute !important;
    bottom: 8px !important;
    left: 16px !important;
    right: 16px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, transparent, #c8a96b, transparent) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.38s cubic-bezier(0.4,0,0.2,1) !important;
    pointer-events: none !important;
}
.snr-main-nav .nav-item.active .snr-nav-link::before,
.snr-main-nav .nav-item.active .nav-link::before,
.snr-main-nav .snr-nav-link:hover::before,
.snr-main-nav .nav-link:hover::before {
    transform: scaleX(1) !important;
    background: linear-gradient(90deg, transparent, #c8a96b, #f0d7a1, #c8a96b, transparent) !important;
}

/* Remove Bootstrap dropdown-toggle caret */
.snr-main-nav .nav-link.dropdown-toggle::after {
    display: none !important;
    border: none !important;
    margin: 0 !important;
    content: none !important;
}

/* -- Auth icon: gold user icon -- */
.snr-auth-icon .navbar-tool-icon-box {
    background: radial-gradient(circle at 40% 35%, #2a2a2a, #181818) !important;
    border: 1.5px solid rgba(200,169,107,0.4) !important;
    border-radius: 50% !important;
    width: 40px !important; height: 40px !important;
}
.snr-auth-icon .navbar-tool-icon-box svg path { fill: #c8a96b !important; }
.snr-auth-icon .navbar-tool-icon-box:hover {
    border-color: #c8a96b !important;
    box-shadow: 0 0 14px rgba(200,169,107,0.4) !important;
}