/* ═══════════════════════════════════════════════════════════════════
   LUXURY JEWELRY THEME — Premium Golden Ruby Collection 2026
   Brand: Warm Gold · Ruby Red · Champagne · Ivory · Deep Burgundy
   Designer: Kiro AI | All animations are performance-optimized
   ═══════════════════════════════════════════════════════════════════ */

/* ─── GOOGLE FONTS ─── */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap");

/* ─── LUXURY DESIGN TOKENS ─── */
:root {
  /* Luxury Gold Palette */
  --lux-gold:           #C9A84C;
  --lux-gold-light:     #E8C96A;
  --lux-gold-dark:      #A07830;
  --lux-gold-pale:      #F5E6B8;
  --lux-gold-deep:      #7D5A1E;

  /* Ruby Red Palette */
  --lux-ruby:           #8B1A2A;
  --lux-ruby-bright:    #B02035;
  --lux-ruby-light:     #D4445A;
  --lux-ruby-dark:      #5C0F1C;
  --lux-ruby-glow:      rgba(139,26,42,0.35);

  /* Champagne & Ivory */
  --lux-champagne:      #F7EDD8;
  --lux-ivory:          #FDF8EF;
  --lux-cream:          #FAF3E0;
  --lux-warm-white:     #FFFDF8;

  /* Dark & Rich */
  --lux-dark:           #1A0A0E;
  --lux-dark-rich:      #2C1218;
  --lux-dark-mid:       #3D1B22;
  --lux-charcoal:       #1C1C1E;

  /* Gradients */
  --lux-gradient-gold:   linear-gradient(135deg, #A07830 0%, #C9A84C 30%, #E8C96A 55%, #C9A84C 80%, #A07830 100%);
  --lux-gradient-ruby:   linear-gradient(135deg, #5C0F1C 0%, #8B1A2A 40%, #B02035 70%, #8B1A2A 100%);
  --lux-gradient-hero:   linear-gradient(135deg, #1A0A0E 0%, #2C1218 40%, #3D1B22 70%, #2C1218 100%);
  --lux-gradient-warm:   linear-gradient(135deg, #C9A84C 0%, #D4445A 50%, #C9A84C 100%);
  --lux-gradient-card:   linear-gradient(180deg, #FFFDF8 0%, #FDF8EF 100%);
  --lux-gradient-footer: linear-gradient(180deg, #1A0A0E 0%, #0D0508 100%);

  /* Shadows */
  --lux-shadow-gold:    0 4px 20px rgba(201,168,76,0.25), 0 1px 4px rgba(160,120,48,0.2);
  --lux-shadow-ruby:    0 4px 20px rgba(139,26,42,0.3), 0 1px 4px rgba(92,15,28,0.2);
  --lux-shadow-card:    0 2px 16px rgba(26,10,14,0.08), 0 1px 4px rgba(0,0,0,0.05);
  --lux-shadow-hover:   0 12px 40px rgba(201,168,76,0.2), 0 4px 16px rgba(139,26,42,0.15);
  --lux-shadow-deep:    0 20px 60px rgba(26,10,14,0.4), 0 8px 20px rgba(0,0,0,0.2);
  --lux-shadow-glow:    0 0 30px rgba(201,168,76,0.4), 0 0 60px rgba(201,168,76,0.2);

  /* Borders */
  --lux-border-gold:    1px solid rgba(201,168,76,0.35);
  --lux-border-light:   1px solid rgba(201,168,76,0.15);
  --lux-border-ruby:    1px solid rgba(139,26,42,0.3);

  /* Radii */
  --lux-r-xs:   4px;
  --lux-r-sm:   8px;
  --lux-r-md:   12px;
  --lux-r-lg:   18px;
  --lux-r-xl:   24px;
  --lux-r-pill: 50px;

  /* Transitions */
  --lux-transition:      all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  --lux-transition-slow: all 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  --lux-spring:          all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Typography */
  --font-serif:  "Cormorant Garamond", "Georgia", serif;
  --font-display: "Cinzel", serif;
  --font-body:   "Montserrat", "Inter", sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 1 — GLOBAL RESET & BODY
   ═══════════════════════════════════════════════════════════════════ */

/* Protect icon fonts — must come first */
.fa, .fas, .far, .fab, .fal,
.fa-solid, .fa-regular, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome","Font Awesome 4" !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
}
svg, svg * { font-family: inherit !important; }
svg[data-feather] { fill: none !important; stroke: currentColor !important; }

/* Global font stack */
body,
body p, body span, body a,
body h1, body h2, body h3, body h4, body h5, body h6,
body li, body label, body td, body th,
body strong, body b, body input, body select,
body textarea, body button, body div {
  font-family: var(--font-body) !important;
  box-sizing: border-box;
}

/* Headings get serif */
body h1, body h2, body h3 {
  font-family: var(--font-serif) !important;
}

body {
  background: var(--lux-ivory) !important;
  color: var(--lux-dark) !important;
  font-size: 14px;
  line-height: 1.7;
}

body p, body li, body label,
body td, body th, body strong, body b {
  color: var(--lux-dark) !important;
}

a { transition: var(--lux-transition); }

/* Luxury scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--lux-cream); }
::-webkit-scrollbar-thumb { background: var(--lux-gold); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--lux-gold-dark); }

/* ═══════════════════════════════════════════════════════════════════
   PHASE 2 — TOP ANNOUNCEMENT BAR
   ═══════════════════════════════════════════════════════════════════ */

.top_header,
body .top_header,
header .top_header,
#navbar_top .top_header {
  background: var(--lux-gradient-ruby) !important;
  background-image: var(--lux-gradient-ruby) !important;
  background-color: var(--lux-ruby-dark) !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(201,168,76,0.3) !important;
  box-shadow: 0 2px 12px rgba(92,15,28,0.4) !important;
  animation: none !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtle shimmer on top bar */
.top_header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(201,168,76,0.08) 40%,
    rgba(232,201,106,0.15) 50%,
    rgba(201,168,76,0.08) 60%,
    transparent 100%
  ) !important;
  animation: luxTopShimmer 4s ease-in-out infinite !important;
  pointer-events: none !important;
}

@keyframes luxTopShimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.top_header, .top_header p, .top_header span,
.top_header a, .top_header div, .top_header marquee {
  color: var(--lux-gold-pale) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.4px !important;
}

.top_header a[href^="tel"] {
  background: rgba(201,168,76,0.2) !important;
  border: 1px solid rgba(201,168,76,0.45) !important;
  border-radius: var(--lux-r-xs) !important;
  padding: 3px 12px !important;
  font-weight: 700 !important;
  color: var(--lux-gold-light) !important;
  letter-spacing: 0.5px !important;
  transition: var(--lux-transition) !important;
}

.top_header a[href^="tel"]:hover {
  background: rgba(201,168,76,0.35) !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 3 — MAIN DESKTOP HEADER
   ═══════════════════════════════════════════════════════════════════ */

.main-header, .logo-area {
  background: var(--lux-warm-white) !important;
  border-bottom: none !important;
  box-shadow: 0 4px 24px rgba(26,10,14,0.08), 0 1px 0 rgba(201,168,76,0.2) !important;
  position: relative !important;
}

/* Luxury gold accent line under header */
.main-header::after, .logo-area::after {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  background: var(--lux-gradient-gold) !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  opacity: 1 !important;
}

.main-header *, .logo-area * {
  color: var(--lux-dark) !important;
}

/* Logo area */
.main-logo a { display: flex !important; align-items: center !important; }
.main-logo img {
  filter: none !important;
  transition: var(--lux-transition-slow) !important;
}
.main-logo img:hover { filter: drop-shadow(0 0 8px rgba(201,168,76,0.5)) !important; }

/* Header action items */
.header-list-items ul li a {
  color: var(--lux-dark) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: var(--lux-transition) !important;
}
.header-list-items ul li a:hover { color: var(--lux-ruby) !important; }

.header-list-items ul li span {
  background: var(--lux-ruby) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(139,26,42,0.4) !important;
  border-radius: 50% !important;
  font-weight: 700 !important;
}

.header-list-items svg {
  stroke: var(--lux-ruby) !important;
  fill: none !important;
  width: 20px !important; height: 20px !important;
}

.header-list-items ul li a i {
  color: var(--lux-ruby) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* Cart short summary dropdown */
.cshort-summary {
  border-radius: var(--lux-r-md) !important;
  box-shadow: var(--lux-shadow-deep) !important;
  border: var(--lux-border-gold) !important;
  background: var(--lux-warm-white) !important;
}

.cshort-summary img {
  border-radius: 50% !important;
  border: 2px solid var(--lux-gold-pale) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 4 — MOBILE HEADER
   ═══════════════════════════════════════════════════════════════════ */

.mobile-header {
  background: var(--lux-warm-white) !important;
  border-bottom: 2px solid transparent !important;
  border-image: var(--lux-gradient-gold) 1 !important;
  box-shadow: 0 3px 16px rgba(26,10,14,0.1) !important;
}

.mobile-header * { color: var(--lux-dark) !important; }

.menu-bar i, .toggle i {
  color: var(--lux-ruby) !important;
  font-size: 22px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  transition: var(--lux-transition) !important;
}

.menu-bar i:hover, .toggle i:hover { color: var(--lux-gold) !important; transform: scale(1.1) !important; }

.menu-bag i, .cart-dialog i, #cart-qty i {
  color: var(--lux-ruby) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.menu-bag .margin-shopping span,
.mobilecart-qty {
  background: var(--lux-ruby) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(139,26,42,0.45) !important;
  border: 1.5px solid rgba(255,255,255,0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 5 — SEARCH BAR
   ═══════════════════════════════════════════════════════════════════ */

.main-search form, .mobile-search form {
  border: 1.5px solid rgba(201,168,76,0.4) !important;
  border-radius: var(--lux-r-pill) !important;
  overflow: hidden !important;
  background: var(--lux-ivory) !important;
  box-shadow: inset 0 1px 4px rgba(26,10,14,0.06), 0 2px 8px rgba(201,168,76,0.1) !important;
  transition: var(--lux-transition) !important;
  display: flex !important;
  align-items: stretch !important;
}

.main-search form:focus-within, .mobile-search form:focus-within {
  border-color: var(--lux-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.15), inset 0 1px 4px rgba(26,10,14,0.04) !important;
}

.search_keyword, .msearch_keyword {
  background: transparent !important;
  border: none !important;
  color: var(--lux-dark) !important;
  font-weight: 500 !important;
  padding-left: 18px !important;
  flex: 1 !important;
  font-family: var(--font-body) !important;
  font-size: 13.5px !important;
}

.search_keyword::placeholder, .msearch_keyword::placeholder {
  color: rgba(26,10,14,0.4) !important;
  font-style: italic !important;
  letter-spacing: 0.3px !important;
}

.main-search form button, .mobile-search form button {
  background: var(--lux-gradient-ruby) !important;
  border: none !important;
  color: var(--lux-gold-light) !important;
  padding: 0 20px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  min-width: 50px !important;
  transition: var(--lux-transition) !important;
}

.main-search form button:hover, .mobile-search form button:hover {
  background: var(--lux-gradient-gold) !important;
}

.main-search form button svg, .mobile-search form button svg,
.main-search form button i, .mobile-search form button i {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  width: 17px !important; height: 17px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 6 — NAVIGATION MENU BAR
   ═══════════════════════════════════════════════════════════════════ */

.menu-area {
  background: var(--lux-gradient-hero) !important;
  background-color: var(--lux-dark-rich) !important;
  box-shadow: 0 4px 20px rgba(26,10,14,0.5), inset 0 1px 0 rgba(201,168,76,0.15) !important;
  position: relative !important;
  z-index: 1001 !important;
  overflow: visible !important;
  border-top: 1px solid rgba(201,168,76,0.2) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}

/* ALL CATEGORIES — luxury gold button */
.all__category__list > a,
li.all__category__list > a,
.all__category__list > a *,
.all__category__list > a i {
  background: var(--lux-gradient-gold) !important;
  background-image: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 12px rgba(201,168,76,0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  transition: var(--lux-transition) !important;
}

.all__category__list > a:hover,
.all__category__list > a:hover * {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-light) !important;
  box-shadow: 0 4px 20px rgba(139,26,42,0.5) !important;
}

/* Nav links */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.right__menu__top li p a {
  color: rgba(245,230,184,0.88) !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px !important;
  padding: 6px 14px !important;
  border-radius: var(--lux-r-xs) !important;
  border: 1px solid transparent !important;
  transition: var(--lux-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  position: relative !important;
}

/* Underline hover effect */
.heder__category > li:not(.all__category__list) a::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important; left: 14px !important;
  width: 0 !important; height: 1px !important;
  background: var(--lux-gradient-gold) !important;
  transition: width 0.3s ease !important;
  display: block !important;
}

.heder__category > li:not(.all__category__list) a:hover::after { width: calc(100% - 28px) !important; }

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
  color: var(--lux-gold-light) !important;
  border-color: rgba(201,168,76,0.2) !important;
}

/* Track order icon */
.track_btn a {
  color: var(--lux-gold-light) !important;
  font-weight: 600 !important;
  border: 1.5px solid rgba(201,168,76,0.4) !important;
  padding: 5px 14px !important;
  border-radius: var(--lux-r-xs) !important;
  display: inline-flex !important;
  align-items: center !important; gap: 6px !important;
  transition: var(--lux-transition) !important;
  background: rgba(201,168,76,0.08) !important;
  font-size: 13px !important;
}

.track_btn a i {
  color: var(--lux-gold) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.track_btn a:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  border-color: var(--lux-gold) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

.track_btn a:hover i { color: var(--lux-dark-rich) !important; }

/* ═══════════════════════════════════════════════════════════════════
   PHASE 7 — CATEGORY DROPDOWN SIDEBAR
   ═══════════════════════════════════════════════════════════════════ */

.side__bar {
  background: var(--lux-dark) !important;
  background-color: var(--lux-dark) !important;
  border-radius: 0 0 var(--lux-r-md) var(--lux-r-md) !important;
  box-shadow: 0 20px 60px rgba(26,10,14,0.7), 0 4px 20px rgba(0,0,0,0.4) !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  border-top: 2px solid var(--lux-gold) !important;
  overflow: visible !important;
}

body .side__bar, body div.side__bar {
  background: var(--lux-dark) !important;
  background-color: var(--lux-dark) !important;
}

.side__bar,
.side__bar *,
.side__bar ul,
.side__bar ul li,
body .side__bar ul li a {
  color: var(--lux-champagne) !important;
  background-color: transparent !important;
}

.side__bar ul li {
  background: transparent !important;
  transition: var(--lux-transition) !important;
}

.side__bar ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--lux-champagne) !important;
  border-bottom: 1px solid rgba(201,168,76,0.08) !important;
  transition: var(--lux-transition) !important;
  letter-spacing: 0.3px !important;
}

.side__bar ul li a img {
  width: 22px !important; height: 22px !important;
  object-fit: contain !important;
  border-radius: var(--lux-r-xs) !important;
  filter: brightness(0.9) !important;
  flex-shrink: 0 !important;
}

.side__bar ul li a i,
.side__bar ul li a .fa-chevron-right {
  color: rgba(201,168,76,0.4) !important;
  font-size: 10px !important;
  margin-left: auto !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.side__bar ul li:hover { background: rgba(201,168,76,0.07) !important; }

.side__bar ul li:hover > a,
body .side__bar ul li:hover > a {
  color: var(--lux-gold-light) !important;
  padding-left: 22px !important;
  border-left: 2px solid var(--lux-gold) !important;
  background: transparent !important;
}

.side__bar ul li:hover > a i,
body .side__bar ul li:hover > a i {
  color: var(--lux-gold) !important;
  transform: translateX(3px) !important;
}

/* Sub-menu level 2 — Ruby */
.side__barsub,
.all__category__list .side__barsub,
body .side__barsub {
  background: var(--lux-dark-rich) !important;
  background-color: var(--lux-dark-rich) !important;
  border-left: 2px solid var(--lux-ruby) !important;
  border-top: 1px solid rgba(176,32,53,0.4) !important;
  box-shadow: 8px 0 30px rgba(26,10,14,0.5) !important;
  min-width: 230px !important;
}

.side__barsub,
.side__barsub *,
body .side__barsub ul li a,
body .side__barsub ul li a span {
  color: var(--lux-gold-pale) !important;
  background-color: transparent !important;
}

.side__barsub ul li a {
  padding: 10px 16px !important;
  font-size: 13px !important;
  color: var(--lux-gold-pale) !important;
  border-bottom: 1px solid rgba(139,26,42,0.15) !important;
  transition: var(--lux-transition) !important;
}

.side__barsub ul li:hover { background: rgba(139,26,42,0.12) !important; }
body .side__barsub ul li:hover > a {
  color: var(--lux-gold-light) !important;
  padding-left: 20px !important;
  border-left: 2px solid var(--lux-ruby-light) !important;
  background: transparent !important;
}

/* Sub-menu level 3 — Gold */
.side__barchild,
.all__category__list .side__barchild,
body .side__barchild {
  background: var(--lux-dark-mid) !important;
  background-color: var(--lux-dark-mid) !important;
  border-left: 2px solid var(--lux-gold-dark) !important;
  border-top: 1px solid rgba(201,168,76,0.25) !important;
  box-shadow: 8px 0 24px rgba(26,10,14,0.4) !important;
  min-width: 220px !important;
}

.side__barchild,
.side__barchild *,
body .side__barchild ul li a,
body .side__barchild ul li a span {
  color: var(--lux-champagne) !important;
  background-color: transparent !important;
}

.side__barchild ul li a {
  padding: 9px 16px !important;
  font-size: 12.5px !important;
  color: var(--lux-champagne) !important;
  border-bottom: 1px solid rgba(201,168,76,0.08) !important;
  transition: var(--lux-transition) !important;
}

.side__barchild ul li:hover { background: rgba(201,168,76,0.08) !important; }
body .side__barchild ul li:hover > a {
  color: var(--lux-gold-light) !important;
  padding-left: 20px !important;
  border-left: 2px solid var(--lux-gold) !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 8 — MOBILE SLIDE MENU
   Pure white background with luxury gold/ruby accents only.
   NO wildcard color override — each element styled individually
   to prevent white-on-white or invisible text bugs.
   ═══════════════════════════════════════════════════════════════════ */

/* Panel container — pure white, luxury border */
.mobile-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 8px 0 40px rgba(26,10,14,0.22) !important;
  border-right: 2px solid rgba(201,168,76,0.25) !important;
  /* NO overflow:hidden — let subcategories expand */
  overflow-y: auto !important;
  overflow-x: visible !important;
}

/* ── CRITICAL: DO NOT use .mobile-menu * { color } wildcard ──
   It causes category text to become invisible by overriding
   responsive.css and mobile-menu.css text colors.
   Instead, style each selector explicitly below.            */

/* Logo bar — ruby gradient header */
.mobile-menu-logo {
  background: var(--lux-gradient-ruby) !important;
  background-image: var(--lux-gradient-ruby) !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid rgba(201,168,76,0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Logo image in mobile menu header */
.mobile-menu-logo .logo-image img {
  height: 40px !important;
  width: auto !important;
  filter: brightness(1.1) !important;
}

/* Close button (×) */
.mobile-menu-logo .mobile-menu-close i,
.mobile-menu-close i {
  color: var(--lux-gold-light) !important;
  font-size: 22px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* ── Category list items — explicit dark text on white ── */
.mobile-menu .first-nav .parent-category {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(201,168,76,0.12) !important;
}

/* Category name link — MUST be dark on white */
.mobile-menu .menu-category-name,
.mobile-menu a.menu-category-name {
  color: #1A0A0E !important;
  background: transparent !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 12px 18px !important;
  display: block !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.3px !important;
  border-bottom: none !important;
}

/* Category icon image */
.mobile-menu .menu-category-name .side_cat_img {
  width: 22px !important;
  height: auto !important;
  margin-right: 8px !important;
  opacity: 0.85 !important;
}

/* Hover state */
.mobile-menu .menu-category-name:hover,
.mobile-menu a.menu-category-name:hover {
  background: #FDF8EF !important;
  color: var(--lux-ruby) !important;
  padding-left: 24px !important;
}

/* Toggle chevron button */
.mobile-menu span.menu-category-toggle,
.mobile-menu span.menu-subcategory-toggle {
  position: absolute !important;
  right: 0 !important; top: 0 !important;
  width: 48px !important; height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.mobile-menu span.menu-category-toggle i,
.mobile-menu span.menu-subcategory-toggle i {
  color: var(--lux-gold-dark) !important;
  font-size: 13px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  transition: transform 0.3s ease !important;
}

.mobile-menu span.menu-category-toggle.active i,
.mobile-menu span.menu-subcategory-toggle.active i {
  transform: rotate(180deg) !important;
}

/* Subcategory items (second-nav) */
.mobile-menu .second-nav {
  background: #FAF3E0 !important;
  border-top: 1px solid rgba(201,168,76,0.1) !important;
}

.mobile-menu .parent-subcategory {
  display: block !important;
  position: relative !important;
  border-bottom: 1px solid rgba(201,168,76,0.08) !important;
}

.mobile-menu a.menu-subcategory-name,
.mobile-menu .menu-subcategory-name {
  color: #3D1B22 !important;
  background: transparent !important;
  display: block !important;
  padding: 10px 18px 10px 38px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.22s ease !important;
}

.mobile-menu a.menu-subcategory-name:hover {
  color: var(--lux-ruby) !important;
  background: rgba(201,168,76,0.07) !important;
  padding-left: 44px !important;
}

/* Child category items (third-nav) */
.mobile-menu .third-nav {
  background: #F7EDD8 !important;
}

.mobile-menu li.childcategory {
  display: block !important;
  border-bottom: 1px solid rgba(201,168,76,0.06) !important;
}

.mobile-menu a.menu-childcategory-name,
.mobile-menu .menu-childcategory-name {
  color: #5C0F1C !important;
  background: transparent !important;
  display: block !important;
  padding: 9px 18px 9px 58px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.mobile-menu a.menu-childcategory-name:hover {
  color: var(--lux-ruby-bright) !important;
  background: rgba(201,168,76,0.06) !important;
}

/* Active parent — subtle highlight */
.mobile-menu li.parent-category.active {
  background: rgba(201,168,76,0.04) !important;
}

/* Mobile-only hotline bar below mobile header */
.d-flex.d-sm-none.align-items-center a {
  color: var(--lux-gold-light) !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 9 — HERO SLIDER
   ═══════════════════════════════════════════════════════════════════ */

.slider-section {
  margin-bottom: 16px !important;
  margin-top: 10px !important;
}

.home-slider-container {
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--lux-shadow-deep) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
}

.slider-item img { width: 100% !important; display: block !important; }

/* Glassmorphism slider arrows */
.main_slider .owl-prev,
.main_slider .owl-next,
.main-slider .owl-prev,
.main-slider .owl-next,
.main-slider .owl-nav button,
.main_slider .owl-nav button {
  background: rgba(201,168,76,0.12) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(201,168,76,0.35) !important;
  border-radius: 50% !important;
  width: 46px !important; height: 46px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  box-shadow: 0 4px 20px rgba(26,10,14,0.3), inset 0 1px 0 rgba(201,168,76,0.25) !important;
  transition: var(--lux-transition) !important;
  color: #ffffff !important;
}

.main_slider .owl-prev:hover,
.main_slider .owl-next:hover,
.main-slider .owl-prev:hover,
.main-slider .owl-next:hover,
.main-slider .owl-nav button:hover,
.main_slider .owl-nav button:hover {
  background: rgba(201,168,76,0.3) !important;
  border-color: rgba(201,168,76,0.65) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 8px 30px rgba(201,168,76,0.35), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

.main_slider .owl-prev i, .main_slider .owl-next i,
.main-slider .owl-prev i, .main-slider .owl-next i,
.main-slider .owl-nav button span, .main_slider .owl-nav button span {
  color: var(--lux-gold-light) !important;
  font-size: 18px !important;
  text-shadow: 0 1px 4px rgba(26,10,14,0.5) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 10 — SECTION TITLES & HOMEPAGE SECTIONS
   ═══════════════════════════════════════════════════════════════════ */

body {
  background: var(--lux-ivory) !important;
  background-color: var(--lux-ivory) !important;
}

.homeproduct {
  background: var(--lux-warm-white) !important;
  border-radius: var(--lux-r-md) !important;
  margin-bottom: 12px !important;
  padding: 16px 0 !important;
  box-shadow: 0 2px 12px rgba(26,10,14,0.04) !important;
  border: 1px solid rgba(201,168,76,0.08) !important;
}

.sec_title { margin-bottom: 14px !important; }

.section-title-header {
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
}

.section-title-name {
  font-family: var(--font-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--lux-dark-rich) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--lux-gold) !important;
  display: inline-block !important;
  position: relative !important;
  bottom: -2px !important;
}

/* Gold diamond ornament before section titles */
.section-title-name::before {
  content: "◆ " !important;
  color: var(--lux-gold) !important;
  font-size: 10px !important;
  vertical-align: middle !important;
  letter-spacing: 0 !important;
}

/* View more button */
.view_more_btn, a.view_more_btn {
  background: transparent !important;
  color: var(--lux-ruby) !important;
  border: 1.5px solid rgba(139,26,42,0.4) !important;
  border-radius: var(--lux-r-xs) !important;
  padding: 5px 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  transition: var(--lux-transition) !important;
  font-family: var(--font-body) !important;
  float: none !important;
  display: inline-block !important;
}

.view_more_btn:hover, a.view_more_btn:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-light) !important;
  border-color: var(--lux-ruby) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--lux-shadow-ruby) !important;
}

/* Bottom ad banners */
.bottoads_area {
  padding: 16px 0 !important;
  background: var(--lux-ivory) !important;
  margin-bottom: 8px !important;
}

.ads_item {
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--lux-shadow-card) !important;
  border: var(--lux-border-light) !important;
  transition: var(--lux-transition) !important;
}

.ads_item:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--lux-shadow-hover) !important;
  border-color: rgba(201,168,76,0.3) !important;
}

.ads_item img { border-radius: var(--lux-r-md) !important; }

/* Footer top ads */
.footer_top_ads_area {
  background: var(--lux-warm-white) !important;
  margin-bottom: 12px !important;
  padding: 24px 0 !important;
  border-top: 1px solid rgba(201,168,76,0.15) !important;
}

.footertop_ads_item {
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--lux-shadow-card) !important;
  border: var(--lux-border-light) !important;
  transition: var(--lux-transition) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 11 — CATEGORY CARDS
   ═══════════════════════════════════════════════════════════════════ */

.cat_item {
  background: var(--lux-warm-white) !important;
  border: 1.5px solid rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-md) !important;
  padding: 14px 6px !important;
  text-align: center !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-card) !important;
  height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtle gold shimmer on hover */
.cat_item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, transparent 60%, rgba(201,168,76,0.06) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
  pointer-events: none !important;
}

.cat_item:hover::before { opacity: 1 !important; }

.cat_item:hover {
  border-color: var(--lux-gold) !important;
  box-shadow: var(--lux-shadow-gold) !important;
  transform: translateY(-5px) scale(1.02) !important;
}

.cat_img {
  width: 100% !important; height: 75px !important;
  overflow: hidden !important;
  margin: 0 auto 8px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  transition: var(--lux-transition) !important;
}

.cat_item:hover .cat_img { transform: scale(1.1) !important; }

.cat_img img {
  width: auto !important; max-width: 90% !important;
  height: 100% !important; object-fit: contain !important;
}

.cat_name a {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--lux-dark) !important;
  display: block !important;
  line-height: 1.3 !important;
  letter-spacing: 0.3px !important;
  transition: var(--lux-transition) !important;
}

.cat_item:hover .cat_name a {
  color: var(--lux-ruby) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 12 — PRODUCT CARDS (Core Luxury Design)
   ═══════════════════════════════════════════════════════════════════ */

.product_item, .product-item, .wist_item {
  background: var(--lux-warm-white) !important;
  background-image: var(--lux-gradient-card) !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
  border-radius: var(--lux-r-md) !important;
  box-shadow: var(--lux-shadow-card) !important;
  transition: var(--lux-transition) !important;
  overflow: hidden !important;
  padding: 12px !important;
  margin-bottom: 16px !important;
  margin-top: 4px !important;
  position: relative !important;
}

/* Gold top accent line on each card */
.product_item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 15% !important;
  width: 70% !important; height: 2px !important;
  background: var(--lux-gradient-gold) !important;
  border-radius: 0 0 var(--lux-r-xs) var(--lux-r-xs) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

.product_item:hover::before { opacity: 1 !important; }

.product_item:hover, .product-item:hover, .wist_item:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--lux-shadow-hover) !important;
  border-color: rgba(201,168,76,0.4) !important;
  z-index: 10 !important;
  margin-top: 0 !important;
}

/* Product image */
.pro_img {
  height: 200px !important;
  border-radius: var(--lux-r-sm) !important;
  overflow: hidden !important;
  background: var(--lux-cream) !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  border: 1px solid rgba(201,168,76,0.1) !important;
}

.pro_img > a {
  display: flex !important; height: 100% !important; width: 100% !important;
  align-items: center !important; justify-content: center !important;
}

.pro_img img {
  width: 100% !important; height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product_item:hover .pro_img img,
.wist_item:hover .pro_img img {
  transform: scale(1.1) !important;
}

/* Product name */
.pro_name {
  height: 48px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
}

.pro_name a {
  font-family: var(--font-body) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--lux-dark) !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: var(--lux-transition) !important;
  letter-spacing: 0.2px !important;
}

.pro_name a:hover {
  color: var(--lux-ruby) !important;
  text-decoration: none !important;
}

/* Product price */
.pro_price { margin-top: 8px !important; margin-bottom: 8px !important; }

.pro_price p {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--lux-ruby) !important;
  text-align: left !important;
  font-family: var(--font-body) !important;
  letter-spacing: 0.3px !important;
}

.pro_price del, .pro_price s {
  color: rgba(26,10,14,0.4) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-right: 5px !important;
}

/* Star ratings on cards */
.product_item i.fas.fa-star,
.product_item i.fas.fa-star-half-alt {
  color: var(--lux-gold) !important;
  font-size: 11px !important;
}

.product_item i.far.fa-star {
  color: rgba(201,168,76,0.3) !important;
  font-size: 11px !important;
}

/* Sale badge */
.sale-badge-box {
  background: var(--lux-gradient-ruby) !important;
  border-radius: 50% !important;
  width: 46px !important; height: 46px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  flex-direction: column !important;
  box-shadow: 0 3px 12px rgba(139,26,42,0.45) !important;
  border: 1.5px solid rgba(201,168,76,0.35) !important;
}

.sale-badge-text, .sale-badge-text p {
  color: var(--lux-gold-pale) !important;
  font-size: 10px !important; font-weight: 700 !important;
  margin: 0 !important; line-height: 1.1 !important;
  letter-spacing: 0.3px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 13 — LUXURY BUTTON SYSTEM
   ═══════════════════════════════════════════════════════════════════ */

/* Keyframes */
@keyframes luxGoldShimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes luxRubyPulse {
  0%   { box-shadow: 0 4px 20px rgba(139,26,42,0.4); }
  50%  { box-shadow: 0 4px 32px rgba(139,26,42,0.65), 0 0 0 4px rgba(176,32,53,0.1); }
  100% { box-shadow: 0 4px 20px rgba(139,26,42,0.4); }
}

@keyframes luxGoldGlow {
  0%   { box-shadow: 0 4px 18px rgba(201,168,76,0.35); }
  50%  { box-shadow: 0 4px 30px rgba(201,168,76,0.6), 0 0 0 4px rgba(201,168,76,0.1); }
  100% { box-shadow: 0 4px 18px rgba(201,168,76,0.35); }
}

@keyframes luxShineSwipe {
  from { left: -80%; }
  to   { left: 150%; }
}

@keyframes luxCartGlow {
  0%, 100% { box-shadow: 0 4px 18px rgba(139,26,42,0.4); }
  50%       { box-shadow: 0 4px 28px rgba(139,26,42,0.65), 0 0 0 4px rgba(139,26,42,0.12); }
}

/* ─── BTN-1: Product Card "ORDER NOW" — Ruby Gradient ─── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  background: linear-gradient(135deg, #5C0F1C 0%, #8B1A2A 40%, #B02035 70%, #8B1A2A 100%) !important;
  background-size: 200% 200% !important;
  color: var(--lux-gold-pale) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-sm) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  height: 38px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  box-shadow: 0 4px 16px rgba(139,26,42,0.4), inset 0 1px 0 rgba(201,168,76,0.15) !important;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s ease !important;
  animation: luxRubyPulse 3s ease-in-out infinite !important;
}

/* Shine sweep on product card buttons */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: -80% !important;
  width: 50% !important; height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(245,230,184,0.2), transparent) !important;
  transform: skewX(-18deg) !important;
  pointer-events: none !important; z-index: 0 !important;
  transition: none !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before {
  animation: luxShineSwipe 0.6s ease forwards !important;
}

/* Reset style.css slide animation */
.cart_btn.order_button a::after { display: none !important; }
.cart_btn.order_button a span {
  position: relative !important; top: 0 !important;
  height: auto !important; display: inline !important;
  line-height: normal !important; transition: none !important;
  background: transparent !important; color: var(--lux-gold-pale) !important;
}
.cart_btn.order_button a:hover span { top: 0 !important; }

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 10px 30px rgba(139,26,42,0.55), 0 0 0 2px rgba(201,168,76,0.2) !important;
  animation: none !important;
  background-position: right center !important;
}

.pro_btn .cart_btn button *,
.pro_btn .order_button a *,
.addcartbutton * { color: var(--lux-gold-pale) !important; background: transparent !important; }

.addcartbutton span {
  color: var(--lux-gold-pale) !important;
  background: transparent !important;
  display: inline-block !important;
  position: relative !important; z-index: 2 !important;
}

/* ─── BTN-2: Go To Cart ─── */
.go_cart {
  background: var(--lux-gradient-ruby) !important;
  background-image: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-light) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.8px !important;
  text-align: center !important;
  padding: 11px 0 !important;
  display: block !important;
  transition: var(--lux-transition) !important;
  box-shadow: 0 4px 18px rgba(139,26,42,0.4) !important;
  position: relative !important; overflow: hidden !important;
  animation: luxCartGlow 2.5s ease-in-out infinite !important;
  text-transform: uppercase !important;
}

.go_cart:hover {
  background: linear-gradient(135deg, #2C1218 0%, #5C0F1C 40%, #8B1A2A 100%) !important;
  color: var(--lux-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 26px rgba(139,26,42,0.55) !important;
  animation: none !important;
}

/* ─── BTN-3: Submit / Send ─── */
.submit-btn {
  background: var(--lux-gradient-gold) !important;
  background-image: var(--lux-gradient-gold) !important;
  background-size: 200% 200% !important;
  color: var(--lux-dark-rich) !important;
  border: none !important;
  border-radius: var(--lux-r-pill) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 13px 0 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-gold) !important;
  position: relative !important; overflow: hidden !important;
  animation: luxGoldShimmer 4s ease infinite !important;
}

.submit-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--lux-shadow-glow) !important;
  animation: none !important;
}

.submit-btn::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: -80% !important;
  width: 55% !important; height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
  transform: skewX(-15deg) !important;
  pointer-events: none !important; z-index: 1 !important;
  transition: none !important;
}

.submit-btn:hover::before {
  animation: luxShineSwipe 0.65s ease forwards !important;
}

/* ─── BTN-4: Order Place (Checkout CTA) ─── */
.order_place {
  background: linear-gradient(90deg, #5C0F1C 0%, #8B1A2A 35%, #C9A84C 65%, #8B1A2A 85%, #5C0F1C 100%) !important;
  background-size: 250% auto !important;
  background-image: linear-gradient(90deg, #5C0F1C 0%, #8B1A2A 35%, #C9A84C 65%, #8B1A2A 85%, #5C0F1C 100%) !important;
  color: var(--lux-gold-pale) !important;
  border: none !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 14px 0 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: background-position 0.5s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 6px 24px rgba(139,26,42,0.4), inset 0 1px 0 rgba(201,168,76,0.2) !important;
  animation: luxGoldShimmer 4s ease-in-out infinite !important;
}

.order_place:hover {
  background-position: right center !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 36px rgba(139,26,42,0.55), 0 0 0 2px rgba(201,168,76,0.2) !important;
  animation: none !important;
  color: var(--lux-gold-pale) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 14 — PRODUCT DETAIL PAGE BUTTONS
   ═══════════════════════════════════════════════════════════════════ */

/* ─── ADD TO CART — Deep Ruby Sapphire ─── */
.single_product.d-flex .add_cart_btn {
  background: linear-gradient(
    135deg,
    #2C1218 0%,
    #5C0F1C 25%,
    #8B1A2A 55%,
    #5C0F1C 80%,
    #2C1218 100%
  ) !important;
  background-size: 280% 280% !important;
  color: var(--lux-gold-pale) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--lux-r-md) !important;
  height: 54px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
  flex: 1 !important;
  width: auto !important;
  cursor: pointer !important;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s ease !important;
  box-shadow: 0 5px 22px rgba(92,15,28,0.45), inset 0 1px 0 rgba(201,168,76,0.15) !important;
  animation: luxGoldShimmer 5s ease infinite !important;
}

.single_product.d-flex .add_cart_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -75% !important;
  width: 50% !important; height: 200% !important;
  background: linear-gradient(105deg, transparent 30%, rgba(245,230,184,0.18) 50%, transparent 70%) !important;
  transform: skewX(-15deg) !important;
  transition: left 0.7s ease !important;
  pointer-events: none !important; z-index: 2 !important;
}

.single_product.d-flex .add_cart_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 10% !important;
  width: 80% !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.6), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .add_cart_btn:hover::before { left: 130% !important; }

.single_product.d-flex .add_cart_btn:hover {
  transform: translateY(-4px) scale(1.02) !important;
  border-color: rgba(201,168,76,0.5) !important;
  box-shadow: 0 16px 40px rgba(92,15,28,0.55), 0 0 0 1px rgba(201,168,76,0.2) !important;
  animation: none !important;
}

.single_product.d-flex .add_cart_btn,
.single_product.d-flex .add_cart_btn * {
  color: var(--lux-gold-pale) !important;
}

/* ─── ORDER NOW — Luxury Gold Gradient ─── */
.single_product.d-flex .order_now_btn {
  background: linear-gradient(
    135deg,
    #7D5A1E 0%,
    #A07830 22%,
    #C9A84C 45%,
    #E8C96A 65%,
    #C9A84C 82%,
    #7D5A1E 100%
  ) !important;
  background-size: 280% 280% !important;
  color: var(--lux-dark-rich) !important;
  border: none !important;
  border-radius: var(--lux-r-md) !important;
  height: 54px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
  flex: 1 !important;
  width: auto !important;
  cursor: pointer !important;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s ease !important;
  animation: luxGoldShimmer 3s ease-in-out infinite !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

.single_product.d-flex .order_now_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -80% !important;
  width: 45% !important; height: 200% !important;
  background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,0.3) 50%, transparent 75%) !important;
  transform: skewX(-18deg) !important;
  pointer-events: none !important; z-index: 2 !important;
}

.single_product.d-flex .order_now_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 8% !important;
  width: 84% !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .order_now_btn:hover::before {
  left: 130% !important;
  transition: left 0.65s ease !important;
}

.single_product.d-flex .order_now_btn:hover {
  transform: translateY(-4px) scale(1.02) !important;
  animation: none !important;
  box-shadow: var(--lux-shadow-glow) !important;
}

.single_product.d-flex .order_now_btn,
.single_product.d-flex .order_now_btn * {
  color: var(--lux-dark-rich) !important;
}

/* ─── CALL & WHATSAPP ─── */

@keyframes luxAmethystPulse {
  0%   { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(92,15,28,0.4); }
  50%  { background-position: 100% 50%; box-shadow: 0 4px 32px rgba(139,26,42,0.65), 0 0 0 3px rgba(176,32,53,0.1); }
  100% { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(92,15,28,0.4); }
}

@keyframes luxJadeGlow {
  0%   { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(21,128,61,0.4); }
  50%  { background-position: 100% 50%; box-shadow: 0 4px 30px rgba(34,197,94,0.6), 0 0 0 3px rgba(74,222,128,0.1); }
  100% { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(21,128,61,0.4); }
}

.call_now_btn {
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 10px !important;
  height: 52px !important;
  border-radius: var(--lux-r-md) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px !important;
  width: 100% !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s ease !important;
  border: none !important;
  cursor: pointer !important;
  color: #ffffff !important;
}

.call_now_btn * { color: #ffffff !important; position: relative !important; z-index: 2 !important; }

.call_now_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -60% !important; left: -90% !important;
  width: 46% !important; height: 220% !important;
  transform: skewX(-16deg) !important;
  pointer-events: none !important; z-index: 3 !important;
  transition: none !important;
}

.call_now_btn:hover::before {
  left: 135% !important;
  transition: left 0.68s cubic-bezier(0.4,0,0.2,1) !important;
}

.call_now_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 8% !important;
  width: 84% !important; height: 1px !important;
  pointer-events: none !important; z-index: 4 !important;
}

.call_now_btn[href^="tel"] {
  background: linear-gradient(135deg, #5C0F1C 0%, #8B1A2A 35%, #B02035 60%, #8B1A2A 85%, #5C0F1C 100%) !important;
  background-size: 260% 260% !important;
  box-shadow: 0 4px 20px rgba(92,15,28,0.45), inset 0 1px 0 rgba(201,168,76,0.15) !important;
  animation: luxAmethystPulse 3s ease-in-out infinite !important;
}

.call_now_btn[href^="tel"]::before {
  background: linear-gradient(105deg, transparent 20%, rgba(245,230,184,0.25) 50%, transparent 80%) !important;
}

.call_now_btn[href^="tel"]::after {
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.6), transparent) !important;
}

.call_now_btn[href^="tel"]:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation: none !important;
  box-shadow: 0 14px 38px rgba(139,26,42,0.6), 0 0 0 2px rgba(201,168,76,0.2) !important;
}

.call_now_btn[href*="whatsapp"],
.call_now_btn[href*="api.whatsapp"] {
  background: linear-gradient(135deg, #052e16 0%, #14532d 20%, #15803d 45%, #22c55e 70%, #15803d 88%, #052e16 100%) !important;
  background-size: 260% 260% !important;
  box-shadow: 0 4px 20px rgba(21,128,61,0.45), inset 0 1px 0 rgba(167,243,208,0.2) !important;
  animation: luxJadeGlow 3s ease-in-out infinite !important;
}

.call_now_btn[href*="whatsapp"]::before {
  background: linear-gradient(105deg, transparent 20%, rgba(187,247,208,0.28) 50%, transparent 80%) !important;
}

.call_now_btn[href*="whatsapp"]::after {
  background: linear-gradient(90deg, transparent, rgba(134,239,172,0.65), transparent) !important;
}

.call_now_btn[href*="whatsapp"]:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation: none !important;
  box-shadow: 0 14px 36px rgba(21,128,61,0.6), 0 0 0 2px rgba(74,222,128,0.25) !important;
}

.call_now_btn i {
  font-size: 17px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* Generic bootstrap buttons */
.btn-primary, .button-primary {
  background: var(--lux-gradient-ruby) !important;
  border-color: var(--lux-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-ruby) !important;
}

.btn-primary:hover, .button-primary:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  border-color: var(--lux-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

.btn-success {
  background: linear-gradient(135deg, #15803d, #22c55e) !important;
  border-color: #15803d !important;
  color: #ffffff !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(21,128,61,0.3) !important;
  transition: var(--lux-transition) !important;
}

.btn-success:hover {
  background: linear-gradient(135deg, #14532d, #15803d) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(21,128,61,0.45) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 15 — COUNTDOWN TIMER
   ═══════════════════════════════════════════════════════════════════ */

.timer_inner .syotimer-cell {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  box-shadow: 0 3px 12px rgba(139,26,42,0.35), inset 0 1px 0 rgba(201,168,76,0.15) !important;
  font-weight: 700 !important;
  min-width: 42px !important; padding: 8px !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  font-family: var(--font-body) !important;
}

.timer_inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 16 — FORMS & INPUTS
   ═══════════════════════════════════════════════════════════════════ */

.form-control, input[type="text"], input[type="email"],
input[type="number"], input[type="password"], select, textarea {
  background: var(--lux-warm-white) !important;
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  color: var(--lux-dark) !important;
  border-radius: var(--lux-r-sm) !important;
  transition: var(--lux-transition) !important;
  font-family: var(--font-body) !important;
}

.form-control:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--lux-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12), 0 2px 8px rgba(201,168,76,0.08) !important;
  outline: none !important;
  background: var(--lux-ivory) !important;
}

.form-control::placeholder, input::placeholder, textarea::placeholder {
  color: rgba(26,10,14,0.4) !important;
  font-style: italic !important;
  letter-spacing: 0.2px !important;
}

/* Auth / Login forms */
.auth-title {
  color: var(--lux-dark-rich) !important;
  font-family: var(--font-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  background: var(--lux-cream) !important;
  border-bottom: 2px solid rgba(201,168,76,0.25) !important;
  letter-spacing: 0.5px !important;
}

.form-content {
  border-radius: var(--lux-r-lg) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  box-shadow: var(--lux-shadow-card) !important;
  background: var(--lux-warm-white) !important;
}

.no-account a, .register-now a { color: var(--lux-ruby) !important; font-weight: 600 !important; }
.forget-link { color: var(--lux-ruby) !important; }

/* Payment radio */
.payment-methods .form-check-input { border: 2px solid var(--lux-gold) !important; }
.payment-methods .form-check-input:checked { border-color: var(--lux-ruby) !important; }
.payment-methods .form-check-input:checked + .form-check-label {
  color: var(--lux-ruby) !important; font-weight: 700 !important;
}

/* Coupon form */
.coupon-form form input {
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--lux-r-sm) 0 0 var(--lux-r-sm) !important;
  background: var(--lux-ivory) !important;
}

.coupon-form form button {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: 0 var(--lux-r-sm) var(--lux-r-sm) 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* ─── Checkout Forms ─── */
.checkout-shipping .card-header, .cart_details .card-header {
  background: var(--lux-cream) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}

.checkout-shipping h5, .cart_details h5 {
  color: var(--lux-dark-rich) !important;
  font-family: var(--font-serif) !important;
  letter-spacing: 0.5px !important;
}

.checkout-shipping h6 { color: var(--lux-ruby) !important; }
.checkout-shipping label { color: var(--lux-dark) !important; font-weight: 600 !important; }

/* Contact form */
.contact-form {
  background: var(--lux-cream) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-md) !important;
}

.contact-form label { color: var(--lux-dark-rich) !important; font-weight: 600 !important; }

/* Cart summary */
.cart-summary {
  background: var(--lux-cream) !important;
  border-radius: var(--lux-r-md) !important;
  border: var(--lux-border-gold) !important;
}

.cart-summary h5 {
  color: var(--lux-dark-rich) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  font-family: var(--font-serif) !important;
  letter-spacing: 0.5px !important;
}

.cart-summary table td { color: var(--lux-dark) !important; }

/* ═══════════════════════════════════════════════════════════════════
   PHASE 17 — PRODUCT DETAILS PAGE
   ═══════════════════════════════════════════════════════════════════ */

section.pro_details_area, .homeproduct.main-details-page {
  background: var(--lux-warm-white) !important;
}

.details_right {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
  background: var(--lux-warm-white) !important;
  padding: 20px 22px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

/* Product name on details page */
.product-cart .name {
  font-family: var(--font-serif) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: var(--lux-dark-rich) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.5px !important;
}

/* Details price */
.details-price {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--lux-ruby) !important;
  letter-spacing: 0.3px !important;
}

.details-price del {
  color: rgba(26,10,14,0.4) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* Stars on detail page */
.details-ratting-wrapper i { color: var(--lux-gold) !important; }
.details-ratting-wrapper i.far.fa-star { color: rgba(201,168,76,0.3) !important; }
.details-ratting-wrapper span { color: var(--lux-dark-mid) !important; font-size: 13px !important; }
.all-reviews-button { color: var(--lux-ruby) !important; font-weight: 600 !important; }

/* Product code */
.product-code p {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Color & size selectors */
.color_inner p, .size_inner p {
  color: var(--lux-dark-rich) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.selector-item_label {
  border: 1.5px solid rgba(201,168,76,0.3) !important;
  color: var(--lux-dark) !important;
  border-radius: var(--lux-r-xs) !important;
  transition: var(--lux-transition) !important;
  font-weight: 600 !important;
}

.selector-item_radio:checked + .selector-item_label,
.selector-item_label:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
  cursor: pointer !important;
}

/* Qty counter */
.qty-cart .quantity {
  border: 1.5px solid rgba(201,168,76,0.35) !important;
  border-radius: var(--lux-r-sm) !important;
  overflow: hidden !important;
  background: var(--lux-warm-white) !important;
}

.quantity .minus, .quantity .plus {
  background: var(--lux-cream) !important;
  color: var(--lux-ruby) !important;
  border-color: rgba(201,168,76,0.25) !important;
  font-weight: 700 !important;
  transition: var(--lux-transition) !important;
}

.quantity .minus:hover, .quantity .plus:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
}

.quantity input { color: var(--lux-dark) !important; font-weight: 600 !important; }

/* Thumbnail indicator */
.indicator-item {
  border: 1.5px solid rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-sm) !important;
  overflow: hidden !important;
  transition: var(--lux-transition) !important;
  cursor: pointer !important;
}

.indicator-item:hover {
  border-color: var(--lux-gold) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

/* Description section */
.description {
  background: var(--lux-cream) !important;
  border-radius: var(--lux-r-md) !important;
  border: var(--lux-border-light) !important;
}

.description h2 {
  color: var(--lux-dark-rich) !important;
  font-family: var(--font-serif) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}

/* Review cards */
.review-card {
  background: var(--lux-cream) !important;
  border-radius: var(--lux-r-md) !important;
  border: var(--lux-border-light) !important;
  padding: 16px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.review_star { color: var(--lux-gold) !important; }
.reviewer_name { color: var(--lux-dark-rich) !important; font-weight: 600 !important; }
.review_content { color: rgba(26,10,14,0.75) !important; }
.review_data { color: rgba(26,10,14,0.4) !important; font-size: 12px !important; }

/* Review action button */
.details-action-box .section-head .action .details-action-btn {
  background: var(--lux-gradient-ruby) !important;
  border-color: var(--lux-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  transition: var(--lux-transition) !important;
}

.details-action-box .section-head .action .details-action-btn:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
}

.section-head h2 {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 20px !important;
  letter-spacing: 0.5px !important;
}

/* Empty review state */
.details-action-box .empty-content i {
  color: var(--lux-ruby) !important;
  background: rgba(139,26,42,0.08) !important;
}

/* Description nav tabs */
.desc-nav-ul li a {
  background: var(--lux-cream) !important;
  border: var(--lux-border-light) !important;
  border-radius: var(--lux-r-sm) !important;
  color: var(--lux-dark) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

.desc-nav-ul li.active a, .desc-nav-ul li:hover a {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
}

/* Product details breadcrumb */
.breadcrumb ul li a { color: rgba(26,10,14,0.5) !important; }
.breadcrumb ul li span { color: rgba(201,168,76,0.6) !important; }

/* Pro brand label */
.pro_brand p { color: var(--lux-dark-mid) !important; font-weight: 600 !important; }

/* Shipping info alert */
.del_charge_area .alert-info {
  background: rgba(201,168,76,0.06) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-sm) !important;
  color: var(--lux-dark-mid) !important;
}

.del_charge_area .alert-info i { color: var(--lux-gold-dark) !important; }

/* Related product section */
section.related-product-section {
  background: var(--lux-warm-white) !important;
  border-top: 1px solid rgba(201,168,76,0.15) !important;
}

.related-title h5 {
  font-family: var(--font-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--lux-dark-rich) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--lux-gold) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 18 — FOOTER (Premium Luxury Dark)
   ═══════════════════════════════════════════════════════════════════ */

footer, .footer-top, .footer-bottom, .main-footer {
  background: var(--lux-gradient-footer) !important;
  background-color: var(--lux-dark) !important;
}

.footer-top {
  padding: 55px 0 38px !important;
  border-top: 2px solid var(--lux-gold) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Elegant ornamental background pattern */
.footer-top::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(201,168,76,0.05) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(139,26,42,0.06) 0%, transparent 40%) !important;
  pointer-events: none !important;
}

.footer-top *, .footer-bottom *, footer * {
  color: rgba(245,230,184,0.78) !important;
}

/* Footer logo */
.footer-about {
  text-align: left !important;
  padding-right: 30px !important;
}

.footer-about img { max-height: 55px !important; width: auto !important; margin-bottom: 14px !important; }

.footer-about p {
  color: rgba(245,230,184,0.65) !important;
  font-size: 13.5px !important;
  line-height: 1.85 !important;
}

.footer-hotlint {
  color: var(--lux-gold) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  transition: var(--lux-transition) !important;
}

.footer-hotlint:hover { color: #ffffff !important; }

/* Footer section headings */
.footer-menu ul li.title a {
  color: var(--lux-gold) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  display: block !important;
  border: none !important;
  border-bottom: 1px solid rgba(201,168,76,0.25) !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
}

/* Footer links */
.footer-menu ul li a {
  color: rgba(245,230,184,0.65) !important;
  font-size: 13px !important;
  line-height: 2.2 !important;
  transition: var(--lux-transition) !important;
  display: block !important;
  font-family: var(--font-body) !important;
}

.footer-menu ul li a:hover {
  color: var(--lux-gold-light) !important;
  padding-left: 8px !important;
}

/* Social icons */
.social_link li a {
  background: rgba(201,168,76,0.1) !important;
  color: rgba(245,230,184,0.7) !important;
  border-radius: 50% !important;
  width: 38px !important; height: 38px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 15px !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  transition: var(--lux-transition) !important;
}

.social_link li a i {
  color: rgba(245,230,184,0.7) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome","Font Awesome 4" !important;
}

.social_link li a:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  transform: translateY(-3px) scale(1.08) !important;
  border-color: var(--lux-gold) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

.social_link li a:hover i { color: var(--lux-dark-rich) !important; }

/* Download app section */
.d_app h2 {
  color: var(--lux-gold) !important;
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 12px !important;
}

.stay_conn { text-align: center !important; }

/* Footer bottom */
.footer-bottom {
  background: rgba(0,0,0,0.4) !important;
  background-color: rgba(0,0,0,0.4) !important;
  border-top: 1px solid rgba(201,168,76,0.12) !important;
  padding: 16px 0 !important;
}

.copyright p, .copyright p span {
  color: rgba(245,230,184,0.38) !important;
  font-size: 12.5px !important;
  text-align: center !important;
}

.developer-credit-link {
  color: var(--lux-gold) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.developer-credit-link:hover { color: #ffffff !important; }

/* ═══════════════════════════════════════════════════════════════════
   PHASE 19 — MOBILE BOTTOM NAVIGATION
   ═══════════════════════════════════════════════════════════════════ */

@keyframes luxNavFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes luxHomePulse {
  0%, 100% { box-shadow: 0 4px 20px rgba(201,168,76,0.5); }
  50%       { box-shadow: 0 4px 30px rgba(201,168,76,0.75), 0 0 0 4px rgba(201,168,76,0.1); }
}

@media (max-width: 767px) {
  body { padding-bottom: 78px !important; }

  .footer_nav {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: var(--lux-dark) !important;
    background-color: var(--lux-dark) !important;
    border-top: 1px solid rgba(201,168,76,0.3) !important;
    box-shadow: 0 -4px 24px rgba(26,10,14,0.5), inset 0 1px 0 rgba(201,168,76,0.1) !important;
    height: 68px !important;
    padding: 0 !important; margin: 0 !important;
  }

  .footer_nav ul {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    width: 100% !important; height: 68px !important;
    margin: 0 !important; padding: 0 !important;
    align-items: center !important; justify-items: center !important;
    list-style: none !important;
  }

  .footer_nav ul li {
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    width: 100% !important; height: 100% !important;
    list-style: none !important; margin: 0 !important; padding: 0 !important;
  }

  .footer_nav ul li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 4px !important;
    width: 52px !important; height: 52px !important;
    border-radius: var(--lux-r-md) !important;
    text-decoration: none !important;
    position: relative !important; cursor: pointer !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: var(--lux-transition) !important;
  }

  .footer_nav ul li a span:first-child {
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    width: 100% !important; line-height: 1 !important;
    position: relative !important; z-index: 1 !important;
  }

  .footer_nav ul li a span i {
    font-size: 20px !important;
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
    display: block !important; line-height: 1 !important;
    color: rgba(245,230,184,0.45) !important;
    transition: var(--lux-transition) !important;
  }

  .footer_nav ul li a span:last-child {
    font-size: 9.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: capitalize !important;
    color: rgba(245,230,184,0.38) !important;
    transition: var(--lux-transition) !important;
  }

  .footer_nav ul li a:hover {
    background: rgba(201,168,76,0.08) !important;
    border-color: rgba(201,168,76,0.2) !important;
  }
  .footer_nav ul li a:hover span i { color: var(--lux-gold) !important; }
  .footer_nav ul li a:hover span:last-child { color: var(--lux-gold) !important; }

  /* Home tab — elevated gold center button */
  .footer_nav ul li:nth-child(3) a {
    width: 58px !important; height: 58px !important;
    border-radius: 16px !important;
    margin-top: -18px !important;
    background: var(--lux-gradient-gold) !important;
    border: 1.5px solid rgba(232,201,106,0.4) !important;
    box-shadow: 0 6px 24px rgba(201,168,76,0.5), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    animation: luxHomePulse 2.8s ease-in-out infinite !important;
    transition: var(--lux-transition) !important;
  }

  .footer_nav ul li:nth-child(3) a span i {
    color: var(--lux-dark-rich) !important;
    font-size: 22px !important;
  }
  .footer_nav ul li:nth-child(3) a span:last-child {
    color: var(--lux-dark-rich) !important;
    font-size: 9px !important; font-weight: 800 !important;
  }

  .footer_nav ul li:nth-child(3) a:hover {
    background: var(--lux-gradient-ruby) !important;
    box-shadow: 0 8px 28px rgba(139,26,42,0.55) !important;
    animation: none !important;
  }
  .footer_nav ul li:nth-child(3) a:hover span i { color: var(--lux-gold-pale) !important; }
  .footer_nav ul li:nth-child(3) a:hover span:last-child { color: var(--lux-gold-pale) !important; }

  /* Mobile cart badge */
  .footer_nav .mobilecart-qty {
    position: absolute !important;
    top: -4px !important; right: -3px !important;
    background: var(--lux-ruby) !important;
    color: var(--lux-gold-pale) !important;
    border-radius: 50% !important;
    min-width: 17px !important; height: 17px !important;
    font-size: 9px !important; font-weight: 900 !important;
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    border: 2px solid var(--lux-dark) !important;
    z-index: 10 !important;
  }

  .footer-bottom { padding-bottom: 84px !important; }
  .footer-top { padding-bottom: 28px !important; }
}

@media (min-width: 768px) {
  .footer_nav { display: none !important; }
  body { padding-bottom: 0 !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 20 — CATEGORY / LISTING PAGE
   ═══════════════════════════════════════════════════════════════════ */

section.product-section {
  background: var(--lux-ivory) !important;
  padding: 24px 0 !important;
}

/* Breadcrumb */
.category-breadcrumb a {
  color: rgba(26,10,14,0.5) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  transition: var(--lux-transition) !important;
}

.category-breadcrumb a:hover { color: var(--lux-ruby) !important; }
.category-breadcrumb span { color: rgba(201,168,76,0.5) !important; margin: 0 6px !important; }
.category-breadcrumb strong {
  color: var(--lux-dark-rich) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

/* Sort form */
.page-sort .form-select {
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  background: var(--lux-warm-white) !important;
  color: var(--lux-dark) !important;
  border-radius: var(--lux-r-sm) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Filter button (mobile) */
.filter_btn {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  border: none !important;
  font-weight: 700 !important;
}

.filter_close {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
}

/* Sidebar accordion */
.sidebar_item .accordion-header .accordion-button {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sidebar_item .accordion-header .accordion-button:not(.collapsed) {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
}

.accordion-item {
  border: 1px solid rgba(201,168,76,0.18) !important;
  border-radius: var(--lux-r-sm) !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}

.cust_according_body ul li a {
  color: var(--lux-dark) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 7px 16px !important;
  transition: var(--lux-transition) !important;
}

.cust_according_body ul li a:hover {
  background: rgba(201,168,76,0.08) !important;
  color: var(--lux-ruby) !important;
  padding-left: 22px !important;
}

/* Subcategory filter checkboxes */
.subcategory-filter-label {
  color: var(--lux-dark) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  transition: var(--lux-transition) !important;
  cursor: pointer !important;
}

.subcategory-filter-label:hover { background: rgba(201,168,76,0.07) !important; }

.subcategory-filter-label input[type=checkbox] {
  border: 2px solid rgba(201,168,76,0.4) !important;
  border-radius: var(--lux-r-xs) !important;
  -webkit-appearance: none !important;
  height: 18px !important; width: 18px !important;
  opacity: 0.7 !important;
  cursor: pointer !important;
  transition: var(--lux-transition) !important;
}

.subcategory-filter-label input[type=checkbox]:checked {
  background-color: var(--lux-ruby) !important;
  border-color: var(--lux-ruby) !important;
  opacity: 1 !important;
}

/* Price range jQuery UI slider */
.ui-slider-horizontal .ui-slider-range {
  background: var(--lux-gradient-gold) !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  background: var(--lux-ruby) !important;
  border: 2px solid var(--lux-gold) !important;
  border-radius: 50% !important;
}

/* Product grid */
.main_product_inner {
  grid-gap: 12px !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background: var(--lux-gradient-ruby) !important;
  border-color: var(--lux-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  box-shadow: var(--lux-shadow-ruby) !important;
}

.pagination .page-link {
  color: var(--lux-ruby) !important;
  border-color: rgba(201,168,76,0.2) !important;
  border-radius: var(--lux-r-sm) !important;
  transition: var(--lux-transition) !important;
  background: var(--lux-warm-white) !important;
  font-weight: 600 !important;
}

.pagination .page-link:hover {
  background: rgba(201,168,76,0.1) !important;
  color: var(--lux-ruby) !important;
  border-color: rgba(201,168,76,0.35) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 21 — CART PAGE
   ═══════════════════════════════════════════════════════════════════ */

section.vcart-section {
  padding: 30px 0 !important;
  background: var(--lux-ivory) !important;
}

.vcart-inner {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  padding: 24px 26px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.cart-title h4 {
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: var(--lux-dark-rich) !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  margin-bottom: 16px !important;
}

/* Cart table */
.vcart-content table thead tr th {
  color: var(--lux-dark-rich) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid rgba(201,168,76,0.2) !important;
  padding: 10px 8px !important;
  background: var(--lux-cream) !important;
}

.vcart-content table tbody tr td {
  color: var(--lux-dark) !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  border-color: rgba(201,168,76,0.1) !important;
  padding: 12px 8px !important;
}

.vcart-content img {
  border-radius: 50% !important;
  border: 2px solid rgba(201,168,76,0.25) !important;
  width: 48px !important; height: 48px !important;
}

/* Cart quantity controls */
.vcart-qty .quantity {
  border: 1.5px solid rgba(201,168,76,0.3) !important;
  border-radius: var(--lux-r-sm) !important;
  background: var(--lux-ivory) !important;
}

.vcart-qty .quantity .minus,
.vcart-qty .quantity .plus {
  background: var(--lux-cream) !important;
  color: var(--lux-ruby) !important;
  border-color: rgba(201,168,76,0.2) !important;
  font-weight: 700 !important;
  transition: var(--lux-transition) !important;
}

.vcart-qty .quantity .minus:hover,
.vcart-qty .quantity .plus:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
}

/* Remove cart button */
.remove-cart, .remove-cart:focus {
  background: var(--lux-gradient-ruby) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  transition: var(--lux-transition) !important;
}

.remove-cart:hover { transform: scale(1.1) !important; box-shadow: var(--lux-shadow-ruby) !important; }
.remove-cart .feather { color: var(--lux-gold-pale) !important; }

/* Cart summary sidebar */
.cart-summary {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  padding: 20px !important;
  box-shadow: var(--lux-shadow-card) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtle ornamental top accent */
.cart-summary::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--lux-gradient-gold) !important;
}

/* Process to checkout button */
.go_cart {
  margin-top: 12px !important;
  letter-spacing: 1px !important;
}

/* Breadcrumb on cart page */
.custom-breadcrumb ul li a {
  color: rgba(26,10,14,0.5) !important;
  font-size: 13.5px !important;
  transition: var(--lux-transition) !important;
}

.custom-breadcrumb ul li a:hover { color: var(--lux-ruby) !important; }
.custom-breadcrumb ul li a i {
  color: var(--lux-gold) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* Breadcrumb section */
section.breadcrumb-section {
  padding: 12px 0 !important;
  background: var(--lux-cream) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  margin-bottom: 16px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 22 — CHECKOUT PAGE
   ═══════════════════════════════════════════════════════════════════ */

.chheckout-section { padding: 30px 0 !important; background: var(--lux-ivory) !important; }

.checkout-shipping .card {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  box-shadow: var(--lux-shadow-card) !important;
  overflow: hidden !important;
  background: var(--lux-warm-white) !important;
  margin-bottom: 16px !important;
}

.checkout-shipping .card-header {
  background: var(--lux-cream) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding: 14px 18px !important;
}

.checkout-shipping h5, .cart_details h5 {
  font-family: var(--font-serif) !important;
  font-size: 17px !important;
  color: var(--lux-dark-rich) !important;
  letter-spacing: 0.5px !important;
}

.checkout-shipping input,
.checkout-shipping input:focus,
.checkout-shipping select,
.checkout-shipping select:focus {
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--lux-r-sm) !important;
  background: var(--lux-ivory) !important;
  color: var(--lux-dark) !important;
}

/* Payment methods */
.bkashform, .nagadform, .rocketform {
  background: var(--lux-cream) !important;
  border: var(--lux-border-light) !important;
  border-radius: var(--lux-r-md) !important;
}

/* Cart details list */
.cartlist img {
  border-radius: 50% !important;
  border: 2px solid rgba(201,168,76,0.2) !important;
}

/* Order place button overridden in PHASE 13 */

/* ═══════════════════════════════════════════════════════════════════
   PHASE 23 — CUSTOMER ACCOUNT & AUTH PAGES
   ═══════════════════════════════════════════════════════════════════ */

.customer-section { padding: 24px 0 !important; background: var(--lux-ivory) !important; }

/* Customer sidebar */
.customer-sidebar, .sidebar-menu {
  background: var(--lux-warm-white) !important;
  background-color: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  box-shadow: var(--lux-shadow-card) !important;
  overflow: hidden !important;
}

.sidebar-menu li a {
  color: var(--lux-dark) !important;
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: var(--lux-transition) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.sidebar-menu li a i {
  color: var(--lux-gold-dark) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  color: var(--lux-ruby) !important;
  background: rgba(201,168,76,0.06) !important;
  padding-left: 22px !important;
  border-left: 3px solid var(--lux-gold) !important;
}

.sidebar-menu li a.active i { color: var(--lux-ruby) !important; }

/* Sub-nav menus that use .sidebar-menu class but are inside the header dropdown */
.all__category__list .sidebar-menu,
.all__category__list .sidebar-menu ul li a,
.all__category__list .sidebar-menu ul li a:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.account-title {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border-bottom: 2px solid rgba(201,168,76,0.2) !important;
  letter-spacing: 0.5px !important;
  padding: 10px 0 !important;
}

.customer-content {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-light) !important;
  border-radius: var(--lux-r-lg) !important;
  padding: 20px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.customer-auth {
  background: var(--lux-cream) !important;
  border: var(--lux-border-light) !important;
  border-radius: var(--lux-r-md) !important;
  padding: 14px !important;
}

.invoice_btn, .invoice_btn:focus {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  border: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
}

/* Auth section */
.auth-section { background: var(--lux-ivory) !important; }

/* Tables in customer area */
.table td, .table th {
  color: var(--lux-dark) !important;
  border-color: rgba(201,168,76,0.12) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: rgba(201,168,76,0.03) !important;
}

/* Track order table */
.tracktable thead {
  background: var(--lux-gradient-ruby) !important;
}

.tracktable thead * { color: var(--lux-gold-pale) !important; }
td.tfoot_bg {
  background: var(--lux-cream) !important;
  color: var(--lux-dark-rich) !important;
  font-weight: 600 !important;
}

/* Track order info */
.track_info ul li span {
  color: var(--lux-ruby) !important;
  font-weight: 700 !important;
}

/* Order success */
.success-title h2 {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 28px !important;
  letter-spacing: 0.5px !important;
}

.success-table {
  background: var(--lux-cream) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 24 — CONTACT PAGE
   ═══════════════════════════════════════════════════════════════════ */

section.contact-section {
  padding: 24px 0 !important;
  background: var(--lux-ivory) !important;
}

section.comn_sec {
  background: var(--lux-cream) !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}

.cmn_menu ul { display: flex !important; justify-content: center !important; gap: 20px !important; flex-wrap: wrap !important; }

.cmn_menu ul li { position: relative !important; }

.cmn_menu ul li a {
  color: var(--lux-dark-mid) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: var(--lux-transition) !important;
  padding: 4px 0 !important;
}

.cmn_menu ul li a:hover { color: var(--lux-ruby) !important; }

.cmn_menu ul li::after {
  background: rgba(201,168,76,0.4) !important;
  width: 1px !important;
  height: 12px !important;
  top: 7px !important;
}

/* Contact info items */
.cont_item a {
  color: var(--lux-dark-rich) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: var(--lux-transition) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.cont_item a:hover { color: var(--lux-ruby) !important; }

.cont_item [data-feather] {
  stroke: var(--lux-gold) !important;
  width: 20px !important; height: 20px !important;
}

/* Contact form */
.contact-form {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  padding: 24px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.contact-form .account-title {
  color: var(--lux-dark-rich) !important;
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  margin-bottom: 16px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 25 — CMS / STATIC PAGES
   ═══════════════════════════════════════════════════════════════════ */

section.createpage-section {
  padding: 40px 0 !important;
  background: var(--lux-warm-white) !important;
}

.section-meta-description {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-light) !important;
  border-radius: var(--lux-r-xl) !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.page-title h5 {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

.page-description ul li {
  color: var(--lux-dark) !important;
  line-height: 1.9 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 26 — QUICK VIEW MODAL & OVERLAY
   ═══════════════════════════════════════════════════════════════════ */

#page-overlay {
  background: rgba(26,10,14,0.72) !important;
  backdrop-filter: blur(4px) !important;
}

.modal-view {
  border-radius: var(--lux-r-xl) !important;
  box-shadow: var(--lux-shadow-deep) !important;
  border: var(--lux-border-gold) !important;
  background: var(--lux-warm-white) !important;
}

.close-modal {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: 50% !important;
  border: 2px solid rgba(201,168,76,0.25) !important;
  transition: var(--lux-transition) !important;
}

.close-modal:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  transform: rotate(90deg) scale(1.1) !important;
}

/* Quick view product name */
.quick-product .name {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

/* Wishlist modal */
#custom-modal .title {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}

.wishlist-modal .price {
  color: var(--lux-ruby) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

/* Confirm & continue buttons */
.confirm-btn {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: var(--lux-transition) !important;
  text-align: center !important;
  display: block !important;
}

.confirm-btn:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

.continue-btn {
  background: var(--lux-cream) !important;
  border-radius: var(--lux-r-sm) !important;
  color: var(--lux-dark-mid) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  transition: var(--lux-transition) !important;
}

.continue-btn:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
}

/* Bootstrap modal */
.modal-content {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  background: var(--lux-warm-white) !important;
  box-shadow: var(--lux-shadow-deep) !important;
}

.modal-header {
  background: var(--lux-cream) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}

.modal-title {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 27 — LOADING SPINNER & TOASTR
   ═══════════════════════════════════════════════════════════════════ */

#loading { background: rgba(247,237,216,0.6) !important; backdrop-filter: blur(3px) !important; }

.custom-loader {
  --c: radial-gradient(farthest-side, var(--lux-gold) 92%, #0000);
  filter: drop-shadow(0 0 8px rgba(201,168,76,0.6)) !important;
}

/* Toastr */
#toast-container > div {
  border-radius: var(--lux-r-md) !important;
  box-shadow: var(--lux-shadow-deep) !important;
  font-family: var(--font-body) !important;
}

#toast-container > .toast-success {
  background-color: rgba(21,128,61,0.95) !important;
  border-left: 3px solid var(--lux-gold) !important;
}

#toast-container > .toast-error {
  background-color: rgba(139,26,42,0.95) !important;
  border-left: 3px solid var(--lux-gold-pale) !important;
}

#toast-container > .toast-warning {
  background-color: rgba(201,168,76,0.95) !important;
  color: var(--lux-dark-rich) !important;
  border-left: 3px solid var(--lux-dark-rich) !important;
}

#toast-container > .toast-info {
  background-color: rgba(26,10,14,0.9) !important;
  border-left: 3px solid var(--lux-gold) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 28 — SCROLL TO TOP BUTTON
   ═══════════════════════════════════════════════════════════════════ */

@keyframes luxFloatBob {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-6px); }
}

.scrolltop {
  background: var(--lux-gradient-gold) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  box-shadow: var(--lux-shadow-gold) !important;
  transition: var(--lux-transition) !important;
  right: 30px !important; bottom: 16px !important;
}

.scrolltop:hover {
  background: var(--lux-gradient-ruby) !important;
  box-shadow: var(--lux-shadow-ruby) !important;
  transform: scale(1.1) !important;
}

.scrolltop .scroll i {
  color: var(--lux-dark-rich) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.scrolltop:hover .scroll i { color: var(--lux-gold-pale) !important; }

/* WhatsApp float button */
.float {
  background: #25D366 !important;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4) !important;
  border: none !important;
  transition: var(--lux-transition) !important;
  animation: luxFloatBob 3s ease-in-out infinite !important;
}

.float:hover {
  background: #20BA5A !important;
  animation: none !important;
  transform: scale(1.12) !important;
  box-shadow: 0 8px 28px rgba(37,211,102,0.55) !important;
}

.float .my-float {
  color: #ffffff !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome","Font Awesome 4" !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 29 — LUXURY ENTRANCE ANIMATIONS
   ═══════════════════════════════════════════════════════════════════ */

@keyframes luxFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes luxFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes luxSlideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

@keyframes luxGoldFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.7; }
  33%       { transform: translateY(-12px) rotate(2deg); opacity: 1; }
  66%       { transform: translateY(-6px) rotate(-1deg); opacity: 0.85; }
}

/* Product cards fade in on load */
.product_item, .cat_item {
  animation: luxFadeUp 0.45s ease both !important;
}

/* Stagger delays for visible cards */
.product_item:nth-child(1), .cat_item:nth-child(1) { animation-delay: 0.05s !important; }
.product_item:nth-child(2), .cat_item:nth-child(2) { animation-delay: 0.10s !important; }
.product_item:nth-child(3), .cat_item:nth-child(3) { animation-delay: 0.15s !important; }
.product_item:nth-child(4), .cat_item:nth-child(4) { animation-delay: 0.20s !important; }
.product_item:nth-child(5), .cat_item:nth-child(5) { animation-delay: 0.25s !important; }

/* Mobile menu slide animation */
.mobile-menu.active { animation: luxSlideInLeft 0.32s ease both !important; }

/* Section hero fade */
.slider-section { animation: luxFadeIn 0.5s ease both !important; }

/* ─── Floating gold ornament on hero area ─── */
.home-slider-container::after {
  display: none !important; /* clean hero, no overlays */
}

/* ─── Quick view hover shimmer on product cards ─── */
.quick_view_btn {
  background: rgba(26,10,14,0.85) !important;
  backdrop-filter: blur(8px) !important;
  border-top: 1px solid rgba(201,168,76,0.2) !important;
}

.quick_view_btn button {
  color: var(--lux-gold-light) !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

/* Quick view hard button (top-right on card) */
.quick_view_hard a {
  border: 1.5px solid rgba(201,168,76,0.35) !important;
  background: rgba(26,10,14,0.5) !important;
  backdrop-filter: blur(8px) !important;
  color: var(--lux-gold-light) !important;
  border-radius: 50% !important;
  transition: var(--lux-transition) !important;
}

.quick_view_hard a:hover {
  background: var(--lux-gradient-ruby) !important;
  border-color: var(--lux-ruby) !important;
  color: var(--lux-gold-pale) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 30 — MISC UI COMPONENTS
   ═══════════════════════════════════════════════════════════════════ */

/* Alerts */
.alert-success {
  background: rgba(21,128,61,0.06) !important;
  border: 1px solid rgba(21,128,61,0.25) !important;
  border-left: 3px solid #22c55e !important;
  color: #14532d !important;
  border-radius: var(--lux-r-md) !important;
}

.alert-info {
  background: rgba(201,168,76,0.06) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  color: var(--lux-dark-rich) !important;
  border-radius: var(--lux-r-md) !important;
}

/* Stars (global) */
.fas.fa-star, .fas.fa-star-half-alt { color: var(--lux-gold) !important; }
.far.fa-star { color: rgba(201,168,76,0.28) !important; }

/* wcart button */
.wcart-btn, .wcart-btn:focus {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: 50% !important;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--lux-r-sm) !important;
  background: var(--lux-ivory) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--lux-dark) !important;
  font-weight: 500 !important;
}

.select2-dropdown {
  border: 1.5px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--lux-r-sm) !important;
  box-shadow: var(--lux-shadow-card) !important;
  background: var(--lux-warm-white) !important;
}

.select2-results__option--highlighted {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
}

/* Search result dropdown */
.search_product {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
  box-shadow: var(--lux-shadow-deep) !important;
  overflow: hidden !important;
}

.search_product ul li {
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
  transition: var(--lux-transition) !important;
}

.search_product ul li:hover { background: var(--lux-cream) !important; }
.search_product img { border-radius: 50% !important; border: 2px solid rgba(201,168,76,0.2) !important; }
.search_content .price { color: var(--lux-ruby) !important; font-weight: 700 !important; }

/* Progress bar */
.progress-bar { background: var(--lux-gradient-ruby) !important; }

/* Badge */
.badge { font-weight: 700 !important; border-radius: var(--lux-r-pill) !important; letter-spacing: 0.5px !important; }
.badge-success, .bg-success { background: #15803d !important; }
.badge-danger, .bg-danger { background: var(--lux-ruby) !important; }
.badge-primary, .bg-primary { background: var(--lux-ruby) !important; }

/* Review form */
.rating label { font-size: 20px !important; cursor: pointer !important; }
.rating > label.active:before,
.rating > label.active ~ label:before,
.rating > label:hover:before,
.rating > label:hover ~ label:before {
  content: "\2605" !important;
  position: absolute !important;
  color: var(--lux-gold) !important;
}

button.details-review-button {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  transition: var(--lux-transition) !important;
}

button.details-review-button:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
}

textarea#message-text {
  border: 2px solid rgba(201,168,76,0.3) !important;
  border-radius: var(--lux-r-sm) !important;
}

textarea#message-text:focus {
  border-color: var(--lux-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 31 — RESPONSIVE OVERRIDES (Mobile & Tablet)
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  .slider-item { height: 160px !important; }
  .home-slider-container { border-radius: var(--lux-r-sm) !important; border: none !important; }

  .product_item { padding: 8px !important; margin-bottom: 10px !important; }
  .pro_img { height: 155px !important; background: var(--lux-cream) !important; }
  .pro_price p { font-size: 14px !important; }
  .pro_name { height: 44px !important; }
  .pro_name a { font-size: 12px !important; }

  .cat_img { height: 62px !important; width: 62px !important; }
  .cat_item { height: 112px !important; padding: 8px 4px !important; }
  .cat_name a { font-size: 10.5px !important; }

  .section-title-name {
    font-size: 15px !important;
    letter-spacing: 0.8px !important;
  }

  .main-search form, .mobile-search form {
    border-radius: var(--lux-r-pill) !important;
  }

  .mobile-search form button {
    border-radius: 0 var(--lux-r-pill) var(--lux-r-pill) 0 !important;
  }

  .menu-logo img { height: 46px !important; }

  /* Content padding for fixed header */
  #content { padding-top: 163px !important; }

  /* Make product detail buttons full-width stacked on mobile */
  .single_product.d-flex .add_cart_btn,
  .single_product.d-flex .order_now_btn {
    height: 48px !important;
    font-size: 12.5px !important;
  }

  /* Bottom mobile nav offset */
  .scrolltop { bottom: 88px !important; display: none !important; }
  .footer-bottom { padding-bottom: 84px !important; margin-bottom: 0 !important; }

  /* Hotdeals banner mobile card */
  .bottoads_area {
    padding: 0 !important;
    background: var(--lux-ivory) !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
  }

  .bottoads_inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 12px !important;
    padding: 4px 16px 10px !important;
    margin: 0 -15px !important;
    grid-template-columns: none !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .bottoads_inner::-webkit-scrollbar { display: none !important; }

  .ads_item {
    flex: 0 0 82% !important;
    max-width: 82% !important;
    scroll-snap-align: start !important;
    transform: none !important;
    transition: none !important;
    border: var(--lux-border-light) !important;
  }

  /* Cart page mobile */
  .vcart-section { margin-top: 60px !important; }
  .vcart-inner { padding: 14px !important; }
  .cart-summary { margin-top: 16px !important; }
}

@media (max-width: 575px) {
  #content { padding-top: 193px !important; }
  .section-title-name { font-size: 13px !important; }
  .details-price { font-size: 22px !important; }
  .product-cart .name { font-size: 19px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cat_item { height: 122px !important; }
  .pro_img { height: 175px !important; }
  .product_item:hover { transform: translateY(-5px) !important; }
}

@media (min-width: 992px) {
  .product_item:hover { transform: translateY(-8px) !important; }
  .cat_item { height: 138px !important; }
}

@media (min-width: 1200px) {
  .section-title-name { font-size: 22px !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 32 — FINAL NUCLEAR OVERRIDES
   Ensures luxury theme wins over every prior CSS layer
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Body background — overrides admin var ─── */
body,
body.gotop {
  background: var(--lux-ivory) !important;
  background-color: var(--lux-ivory) !important;
}

/* ─── Header bg — overrides admin var ─── */
.main-header,
.logo-area,
body .main-header,
body .logo-area {
  background: var(--lux-warm-white) !important;
  background-color: var(--lux-warm-white) !important;
  background-image: none !important;
}

/* ─── Menu bar — overrides admin var ─── */
.menu-area,
body .menu-area {
  background: var(--lux-dark-rich) !important;
  background-color: var(--lux-dark-rich) !important;
  background-image: none !important;
}

/* ─── Top header — overrides admin var ─── */
.top_header,
body .top_header,
#navbar_top .top_header {
  background: var(--lux-ruby-dark) !important;
  background-color: var(--lux-ruby-dark) !important;
  background-image: none !important;
}

/* ─── Footer — overrides admin var ─── */
footer, .footer-top, .footer-bottom,
body footer, body .footer-top, body .footer-bottom {
  background: var(--lux-dark) !important;
  background-color: var(--lux-dark) !important;
  background-image: none !important;
}

/* ─── Category dropdown .side__bar always dark ─── */
.side__bar,
body .side__bar,
body div.side__bar {
  background: var(--lux-dark) !important;
  background-color: var(--lux-dark) !important;
  background-image: none !important;
}

/* ─── All category button — always gold ─── */
.all__category__list > a,
li.all__category__list > a {
  background: var(--lux-gradient-gold) !important;
  background-image: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
}

.all__category__list > a *,
li.all__category__list > a * {
  color: var(--lux-dark-rich) !important;
}

/* ─── Override any leftover blue from main.css ─── */
:root {
  --g-primary:        var(--lux-ruby);
  --g-primary-dark:   var(--lux-ruby-dark);
  --g-primary-light:  var(--lux-ruby-light);
  --g-accent:         var(--lux-gold);
  --g-accent-dark:    var(--lux-gold-dark);
  --g-bg:             var(--lux-ivory);
  --g-bg-card:        var(--lux-warm-white);
  --g-text:           var(--lux-dark);
  --g-text-muted:     rgba(26,10,14,0.5);
  --g-border:         rgba(201,168,76,0.2);
  --g-shadow-sm:      var(--lux-shadow-card);
  --g-shadow-md:      var(--lux-shadow-gold);
  --g-shadow-hover:   var(--lux-shadow-hover);
  --g-success:        #22C55E;
  --g-error:          #EF4444;
  --purple-main:      var(--lux-ruby);
  --purple-dark:      var(--lux-ruby-dark);
  --purple-gradient:  var(--lux-gradient-ruby);
  --body-bg:          var(--lux-ivory);
  --card-bg:          var(--lux-warm-white);
  --nav-bg:           var(--lux-dark-rich);
  --dark-footer:      var(--lux-dark);
}

/* ─── Sidebar menu inside header — special context ─── */
.all__category__list .sidebar-menu {
  background: var(--lux-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.all__category__list .sidebar-menu ul li a {
  background: transparent !important;
  color: var(--lux-champagne) !important;
  border-color: rgba(201,168,76,0.08) !important;
}

.all__category__list .sidebar-menu ul li a:hover {
  background: rgba(201,168,76,0.07) !important;
  color: var(--lux-gold-light) !important;
  padding-left: 22px !important;
}

/* ─── show_menu reveal — matches luxury nav ─── */
.side__bar.show_menu {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* ─── Cart short summary ─── */
.cshort-summary ul li {
  border-bottom-color: rgba(201,168,76,0.1) !important;
}

.cshort-summary .go_cart {
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
}

/* ─── Payment form layout ─── */
.payment_option {
  grid-template-columns: 1fr 1fr 1fr !important;
}

/* ─── Parsley validation ─── */
.parsley-errors-list { color: var(--lux-ruby-light) !important; font-size: 12px !important; }
.parsley-error { border: 1px solid var(--lux-ruby) !important; }

/* ─── Mobile header hotline bar ─── */
.d-flex.d-sm-none.align-items-center {
  background: var(--lux-dark-rich) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}

/* ─── Wishlist / continue confirm ─── */
.cshort-summary ul li p { color: var(--lux-dark) !important; }
.cshort-summary p strong { color: var(--lux-ruby) !important; font-weight: 700 !important; }

/* ─── Developer credit ─── */
.developer-credit { text-align: center !important; }

/* ─── Pro video frame ─── */
.pro_vide {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
  background: var(--lux-warm-white) !important;
  box-shadow: var(--lux-shadow-card) !important;
}

.pro_vide h2 {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

/* ─── Flext area (details page icons row) ─── */
.flext_area i {
  color: var(--lux-gold-dark) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* ─── Text of shipping/delivery info ─── */
.del_charge_area .flext_area span {
  color: var(--lux-dark-mid) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* ─── Filter sidebar bg on mobile ─── */
@media (max-width: 767px) {
  .filter_sidebar.active {
    background: var(--lux-warm-white) !important;
    border-right: 2px solid rgba(201,168,76,0.25) !important;
  }

  .filter_sidebar.active::-webkit-scrollbar-thumb {
    background-color: var(--lux-gold) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 33 — HOTDEALS / SEARCH / SPECIAL PAGES
   ═══════════════════════════════════════════════════════════════════ */

/* Hotdeals page */
section.hot-deals-section {
  padding: 24px 0 !important;
  background: var(--lux-ivory) !important;
}

.hot-deals-inner {
  background: var(--lux-cream) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
  padding: 10px !important;
  box-shadow: var(--lux-shadow-card) !important;
}

/* Search page */
section.search-section {
  background: var(--lux-ivory) !important;
  padding: 24px 0 !important;
}

/* Order track page */
section.homeproduct.main-details-page .details_right {
  border: var(--lux-border-gold) !important;
}

.tracktable { border-radius: var(--lux-r-md) !important; overflow: hidden !important; }

/* Invoice page */
.invoice-wrapper {
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-lg) !important;
}

/* Campaign page */
.campaign-item a {
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--lux-shadow-card) !important;
  transition: var(--lux-transition) !important;
}

.campaign-item a:hover {
  box-shadow: var(--lux-shadow-hover) !important;
  transform: scale(0.99) !important;
}

/* Flash sales page */
section.flash-product-section {
  background: var(--lux-ivory) !important;
}

/* Hotdeals banner */
section:has(.hitdealsbaner) {
  margin-bottom: 12px !important;
}

/* Home ads banners */
section:has(.homepageads), section:has(.homepageads2) {
  margin-bottom: 8px !important;
}

/* Customer review carousel (testimonials) */
section.homeproduct:has(.customer-review) {
  background: var(--lux-dark) !important;
  border-radius: var(--lux-r-md) !important;
}

section.homeproduct:has(.customer-review) .sec_title h5 {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  padding: 10px 20px !important;
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  border-radius: var(--lux-r-sm) !important;
}

.customer-review .border {
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  border: var(--lux-border-gold) !important;
}

/* ─── Owl carousel dots (global) ─── */
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: var(--lux-ruby) !important;
  width: 20px !important;
}

.owl-dots .owl-dot span {
  background: rgba(201,168,76,0.3) !important;
  transition: all 0.3s ease !important;
  border-radius: var(--lux-r-pill) !important;
  height: 6px !important;
  width: 8px !important;
}

/* ─── Owl nav arrows (generic, not slider) ─── */
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  background: var(--lux-cream) !important;
  border: var(--lux-border-gold) !important;
  border-radius: 50% !important;
  color: var(--lux-ruby) !important;
  transition: var(--lux-transition) !important;
  width: 32px !important; height: 32px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
}

.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
  transform: scale(1.1) !important;
}

.owl-nav button.owl-prev i,
.owl-nav button.owl-next i {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  color: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 34 — GLASSMORPHISM ACCENTS & LUXURY MICRO-DETAILS
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Gold shimmer line on product_item hover ─── */
@keyframes luxCardShimmer {
  0%   { left: -60%; }
  100% { left: 120%; }
}

.product_item::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: -60% !important;
  width: 40% !important; height: 100% !important;
  background: linear-gradient(
    105deg,
    transparent 30%,
    rgba(201,168,76,0.07) 50%,
    transparent 70%
  ) !important;
  transform: skewX(-10deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.product_item:hover::after {
  opacity: 1 !important;
  animation: luxCardShimmer 0.8s ease forwards !important;
}

/* ─── Luxury gold divider ornament for sections ─── */
.sec_title::after {
  content: "" !important;
  display: block !important;
  width: 48px !important; height: 2px !important;
  background: var(--lux-gradient-gold) !important;
  margin-top: 4px !important;
  border-radius: var(--lux-r-pill) !important;
}

/* ─── Glassmorphism on desktop nav cart summary ─── */
.cshort-summary {
  background: rgba(253,248,239,0.95) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* ─── Pro product card ring on hover ─── */
.product_item:hover {
  outline: none !important;
  border-color: rgba(201,168,76,0.45) !important;
}

/* ─── Luxury section background texture (very subtle) ─── */
.homeproduct {
  background-image:
    radial-gradient(circle at 95% 5%, rgba(201,168,76,0.03) 0%, transparent 30%),
    radial-gradient(circle at 5% 95%, rgba(139,26,42,0.02) 0%, transparent 30%) !important;
}

/* ─── Button icon spacing ─── */
.pro_btn .cart_btn button i,
.pro_btn .order_button a i,
.addcartbutton i {
  margin-right: 5px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  color: var(--lux-gold-pale) !important;
}

/* ─── Details page feather icons ─── */
.details_right [data-feather] {
  stroke: var(--lux-gold-dark) !important;
}

/* ─── Product detail page image border ring ─── */
.details_slider {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
  background: var(--lux-cream) !important;
  box-shadow: var(--lux-shadow-card) !important;
}

/* ─── Mobile header cart icon pulse ─── */
@keyframes luxCartPing {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.15); }
}

.menu-bag .margin-shopping b.mobilecart-qty {
  animation: luxCartPing 2s ease-in-out infinite !important;
}

/* ─── Footer social "Stay Connected" label ─── */
.stay_conn > a {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  color: var(--lux-gold) !important;
  text-transform: uppercase !important;
}

/* ─── Login page special ─── */
section.auth-section {
  background: var(--lux-ivory) !important;
  padding: 30px 0 !important;
}

.form-content::before {
  content: "" !important;
  display: block !important;
  height: 4px !important;
  background: var(--lux-gradient-gold) !important;
  border-radius: var(--lux-r-lg) var(--lux-r-lg) 0 0 !important;
}

/* ─── Customer login redirect link ─── */
a.customer-login-redirect {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  padding: 10px 24px !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
  transition: var(--lux-transition) !important;
  text-align: center !important;
}

a.customer-login-redirect:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

/* ─── Resend OTP button ─── */
.resend_otp button {
  border-bottom: 1px solid var(--lux-ruby) !important;
  color: var(--lux-ruby) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

/* ─── Showing data text ─── */
.showing-data span {
  color: var(--lux-dark-mid) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

/* ─── Forgot password / register links ─── */
.no-account p { color: var(--lux-dark-mid) !important; }
.register-now.no-account { background: var(--lux-warm-white) !important; }
.register-now a {
  border: 1.5px solid rgba(201,168,76,0.3) !important;
  border-radius: var(--lux-r-sm) !important;
  color: var(--lux-dark) !important;
  font-weight: 600 !important;
  transition: var(--lux-transition) !important;
}

.register-now a:hover {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 35 — FINAL SPECIFICITY LOCKS
   Last lines in file — guarantee luxury always wins
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Price color lock ─── */
.pro_price p,
.pro_price,
.pro_price p > *:last-child,
body .pro_price p,
body .pro_price {
  color: var(--lux-ruby) !important;
}

/* ─── Section title color lock ─── */
.section-title-header .section-title-name,
.sec_title .section-title-name,
body .section-title-name {
  color: var(--lux-dark-rich) !important;
  font-family: var(--font-serif) !important;
}

/* ─── Primary button color consistency ─── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.submit-btn,
.order_now_btn,
.add_cart_btn,
button[type="submit"].btn,
input[type="submit"].btn,
.footer_nav .mobilecart-qty,
.btn-primary,
.go_cart,
.cart_store,
.checkout-btn,
.button-primary {
  font-family: var(--font-body) !important;
}

/* ─── Body text lock ─── */
body,
body p,
body span,
body h1, body h2, body h3, body h4, body h5, body h6,
body li, body label,
body td, body th,
body strong, body b,
body div {
  font-family: var(--font-body) !important;
}

body h1, body h2, body h3 {
  font-family: var(--font-serif) !important;
}

/* ─── Force admin dynamic color variables to luxury values ─── */
/* Overrides the inline <style> injected from master.blade.php admin panel */
body {
  --primary-color: var(--lux-ruby);
  --primary-text-color: var(--lux-gold-pale);
  --hover-color: var(--lux-ruby-dark);
  --hover-text-color: var(--lux-gold-light);
  --header-top-bg-color: var(--lux-ruby-dark);
  --header-top-text-color: var(--lux-gold-pale);
  --header-main-bg-color: var(--lux-warm-white);
  --header-logo-color: var(--lux-ruby);
  --search-border-color: rgba(201,168,76,0.4);
  --search-btn-bg-color: var(--lux-ruby);
  --search-btn-text-color: var(--lux-gold-pale);
  --menu-bg-color: var(--lux-dark-rich);
  --menu-text-color: var(--lux-champagne);
  --cat-btn-bg-color: var(--lux-gold);
  --cat-btn-text-color: var(--lux-dark-rich);
  --menu-dropdown-bg-color: var(--lux-dark);
  --menu-dropdown-hover-bg-color: rgba(201,168,76,0.08);
  --body-bg-color: var(--lux-ivory);
  --section-title-color: var(--lux-dark-rich);
  --card-bg-color: var(--lux-warm-white);
  --text-primary-color: var(--lux-dark);
  --price-color: var(--lux-ruby);
  --footer-bg-color: var(--lux-dark);
  --footer-text-color: rgba(245,230,184,0.78);
  --footer-link-hover-color: var(--lux-gold-light);
}

/* ─── Prevent double-border on accordion collapsed ─── */
.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0 !important;
}

/* ─── Remove outline box-shadow on feather SVGs ─── */
[data-feather] {
  overflow: visible !important;
}

/* ─── Ensure mobile hotline bar in correct colors ─── */
.d-flex.d-sm-none.align-items-center {
  background: var(--lux-dark-rich) !important;
  background-color: var(--lux-dark-rich) !important;
}

.d-flex.d-sm-none.align-items-center a {
  color: var(--lux-gold-light) !important;
  font-weight: 700 !important;
}

.d-flex.d-sm-none.align-items-center a i {
  color: var(--lux-gold) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* ─── Cart store button ─── */
.cart_store {
  background: var(--lux-gradient-ruby) !important;
  border-color: var(--lux-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-ruby) !important;
}

.cart_store:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  border-color: var(--lux-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

/* ─── Checkout button ─── */
.checkout-btn {
  background: var(--lux-gradient-ruby) !important;
  border: none !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  transition: var(--lux-transition) !important;
}

.checkout-btn:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.2), var(--lux-shadow-gold) !important;
  transform: translateY(-2px) !important;
}

/* ─── submit type button generic ─── */
button[type="submit"].btn,
input[type="submit"].btn {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-color: var(--lux-ruby) !important;
  border-radius: var(--lux-r-sm) !important;
  font-weight: 700 !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-ruby) !important;
}

button[type="submit"].btn:hover,
input[type="submit"].btn:hover {
  background: var(--lux-gradient-gold) !important;
  color: var(--lux-dark-rich) !important;
  border-color: var(--lux-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--lux-shadow-gold) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   END OF LUXURY JEWELRY THEME
   ✦ Designed for premium jewelry retail — golden ruby elegance ✦
   Version 1.0.0 | © 2026 Luxury Jewelry Theme
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   PHASE 36 — HOTDEALS TIMER & REMAINING PAGE SPECIFICS
   ═══════════════════════════════════════════════════════════════════ */

/* Hotdeals page countdown */
.offer_timer { margin: 10px 0 16px !important; }

.offer_timer .syotimer__body {
  display: flex !important;
  gap: 6px !important;
  justify-content: flex-start !important;
}

.offer_timer .syotimer-cell {
  background: var(--lux-gradient-ruby) !important;
  color: var(--lux-gold-pale) !important;
  border-radius: var(--lux-r-sm) !important;
  min-width: 44px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  box-shadow: 0 3px 10px rgba(139,26,42,0.3) !important;
}

/* Subcategory page — same as category, all shared classes already handled */

/* Flash sales page */
section.flash-product-section .product_item {
  animation: luxFadeUp 0.4s ease both !important;
}

/* Offers page */
section.offers-section {
  background: var(--lux-ivory) !important;
  padding: 24px 0 !important;
}

/* ─── Order tracking result table ─── */
table.table.table-bordered.tracktable {
  border: var(--lux-border-gold) !important;
  border-radius: var(--lux-r-md) !important;
  overflow: hidden !important;
}

.tracktable thead th {
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 12px 10px !important;
  color: var(--lux-gold-pale) !important;
}

.tracktable tbody tr:hover {
  background: rgba(201,168,76,0.04) !important;
}

/* ─── Order success page ─── */
.success-img img {
  filter: drop-shadow(0 8px 24px rgba(139,26,42,0.25)) !important;
  transition: var(--lux-transition-slow) !important;
}

.success-img img:hover {
  filter: drop-shadow(0 12px 32px rgba(201,168,76,0.4)) !important;
  transform: scale(1.02) !important;
}

/* ─── Invoice page table ─── */
.invoice-table thead {
  background: var(--lux-gradient-ruby) !important;
}

.invoice-table thead * { color: var(--lux-gold-pale) !important; }

/* ─── Page meta description at category bottom ─── */
.meta_des {
  color: var(--lux-dark-mid) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  padding: 10px 0 !important;
}

.meta_des h1, .meta_des h2, .meta_des h3 {
  font-family: var(--font-serif) !important;
  color: var(--lux-dark-rich) !important;
  margin-bottom: 10px !important;
}

/* ─── Category meta bottom section ─── */
section.homeproduct:has(.meta_des) {
  background: var(--lux-cream) !important;
  border-top: 1px solid rgba(201,168,76,0.15) !important;
  margin-top: 12px !important;
}

/* ─── Sidebar filter on mobile (luxury colors) ─── */
@media (max-width: 767px) {
  .filter_sidebar.active {
    background: var(--lux-warm-white) !important;
  }

  .mobile-search {
    background: var(--lux-warm-white) !important;
    padding: 10px 16px 12px !important;
    border-bottom: 1px solid rgba(201,168,76,0.1) !important;
  }

  .mobile-search form {
    background: var(--lux-ivory) !important;
    border-color: rgba(201,168,76,0.3) !important;
  }

  .mobile-search form button {
    background: var(--lux-gradient-ruby) !important;
  }

  /* Mobile menu scrollbar */
  .mobile-menu::-webkit-scrollbar-thumb {
    background-color: var(--lux-gold) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 37 — LIVE SEARCH RESULT DROPDOWN
   ═══════════════════════════════════════════════════════════════════ */

.search_product {
  position: absolute !important;
  z-index: 999999 !important;
  width: 100% !important;
  top: 100% !important;
  left: 0 !important;
  background: var(--lux-warm-white) !important;
  border: var(--lux-border-gold) !important;
  border-top: none !important;
  border-radius: 0 0 var(--lux-r-md) var(--lux-r-md) !important;
  box-shadow: 0 12px 36px rgba(26,10,14,0.18) !important;
  overflow: hidden !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}

.search_product ul {
  margin: 0 !important; padding: 0 !important;
}

.search_product ul li {
  display: grid !important;
  grid-template-columns: 60px auto !important;
  gap: 14px !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
  transition: var(--lux-transition) !important;
  cursor: pointer !important;
}

.search_product ul li:hover {
  background: var(--lux-cream) !important;
}

.search_product ul li:last-child {
  border-bottom: none !important;
}

.search_product img {
  width: 48px !important; height: 48px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(201,168,76,0.2) !important;
  object-fit: cover !important;
}

.search_content a {
  color: var(--lux-dark) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  display: block !important;
  margin-bottom: 3px !important;
  transition: var(--lux-transition) !important;
}

.search_content a:hover { color: var(--lux-ruby) !important; }

.search_content .price {
  color: var(--lux-ruby) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   BUG FIX — DROPDOWN Z-INDEX & SLIDER LAYERING
   Problem 1: sub/child category flyouts hidden behind slider layer
   Problem 2: extra white strip below slider
   Root cause: .main-slider has z-index:-1 in style.css which creates
   a stacking context that buries dropdown layers beneath it.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Fix 1: Lift the entire header above all content layers ── */
header,
#navbar_top {
  z-index: 99999 !important;
  position: fixed !important;
}

/* ── Fix 2: menu-area must be above slider content ── */
.menu-area {
  z-index: 99998 !important;
  position: relative !important;
  overflow: visible !important;
}

/* ── Fix 3: ALL CATEGORIES list container ── */
li.all__category__list {
  z-index: 99997 !important;
  position: relative !important;
}

/* ── Fix 4: Main dropdown panel (.side__bar) ── */
.side__bar,
.sidebar-menu.side__bar {
  z-index: 99996 !important;
  position: absolute !important;
  overflow: visible !important;
}

/* ── Fix 5: Subcategory flyout (level 2) ── */
.side__barsub,
.sidebar-submenu,
.sidebar-submenu.side__barsub {
  z-index: 99995 !important;
  position: absolute !important;
  overflow: visible !important;
}

/* ── Fix 6: Child category flyout (level 3) ── */
.side__barchild,
.sidebar-childmenu,
.sidebar-childmenu.side__barchild {
  z-index: 99994 !important;
  position: absolute !important;
  overflow: visible !important;
}

/* ── Fix 7: Slider MUST NOT use z-index:-1 ──
   style.css sets .main-slider { z-index: -1 } which buries all
   dropdown layers. Override to 0 so it stays in normal flow
   but never covers the header/nav z-index stack.           */
.main-slider,
.main_slider {
  z-index: 0 !important;
  position: relative !important;
}

/* ── Fix 8: Slider section — no negative stacking ── */
section.slider-section {
  position: relative !important;
  z-index: 0 !important;
}

.home-slider-container {
  position: relative !important;
  z-index: 0 !important;
}

/* ── Fix 9: #content wrapper — remove any accidental z-index ── */
#content {
  position: relative !important;
  z-index: 1 !important;
}

/* ── Fix 10: Remove the white gap/strip below slider ──
   The strip is caused by the .slider-item height combined
   with box-shadow animation creating extra paint area.
   We normalise the section margins.                       */
section.slider-section {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.home-slider-container {
  margin: 0 !important;
}

.slider-item {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important; /* kills phantom inline gap */
}

.slider-item img {
  display: block !important; /* removes inline bottom gap */
  margin: 0 !important;
  line-height: 0 !important;
}

/* Tighten space between slider and ad banners below it */
.bottoads_area {
  margin-top: 10px !important;
}

/* ── Fix 11: Ensure flyout panels are visible when triggered ──
   The CSS :hover and JS .show_menu class must not be blocked
   by overflow:hidden on parent containers                    */
.catagory_menu,
.heder__category,
.all__category__list {
  overflow: visible !important;
}

.catagory_menu ul,
.heder__category,
.heder__category > li {
  overflow: visible !important;
}

/* Subcategory absolute positioning re-confirm */
.side__barsub {
  left: 100% !important;
  top: 0 !important;
  min-width: 230px !important;
  display: none !important; /* hidden by default; shown on hover via JS/CSS */
}

.side__barchild {
  left: 100% !important;
  top: 0 !important;
  min-width: 220px !important;
  display: none !important;
}

/* Show on parent li hover */
.side__bar ul li:hover > .side__barsub,
body .side__bar ul li:hover > .side__barsub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.side__barsub ul li:hover > .side__barchild,
body .side__barsub ul li:hover > .side__barchild {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Also handle via .sidebar-submenu / .sidebar-childmenu classes */
.sidebar-menu ul li:hover > .sidebar-submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: 100% !important;
  right: auto !important;
  z-index: 99995 !important;
}

.sidebar-submenu > li:hover > .sidebar-childmenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: 100% !important;
  right: auto !important;
  z-index: 99994 !important;
}

/* ── Fix 12: main.css sets .menu-area overflow:visible already,
   but product card animations create stacking context that can
   block dropdowns. Ensure product sections are BELOW nav z-index ── */
.homeproduct,
.bottoads_area,
.footer_top_ads_area,
section.slider-section,
section.homeproduct {
  z-index: 1 !important;
  position: relative !important;
}

/* ── Fix 13: The product card ::after shimmer pseudo-element
   must NOT create a stacking context above the nav ── */
.product_item {
  isolation: auto !important; /* do not create stacking context */
}

/* ═══════════════════════════════════════════════════════════════════
   END BUG FIX
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   BUG FIX PATCH — Correct display:none override
   The sidebar-submenu/childmenu use visibility:hidden + opacity:0
   NOT display:none. Reverting incorrect display:none overrides.
   ═══════════════════════════════════════════════════════════════════ */

/* Revert — do NOT use display:none on these; they rely on
   visibility/opacity toggling via :hover in style.css */
.side__barsub,
.sidebar-submenu {
  display: block !important; /* must exist in DOM for hover to work */
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
}

.side__barchild,
.sidebar-childmenu {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.22s ease, visibility 0.22s ease !important;
}

/* Show on parent li hover — override visibility/opacity */
.side__bar ul li:hover > .side__barsub,
body .side__bar ul li:hover > .side__barsub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.side__barsub ul li:hover > .side__barchild,
body .side__barsub ul li:hover > .side__barchild {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Sidebar hover for sidebar-submenu class (style.css already handles
   left:100% on hover, we just need to guarantee z-index) */
.sidebar-menu ul li:hover > .sidebar-submenu {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99995 !important;
}

.sidebar-submenu > li:hover > .sidebar-childmenu {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99994 !important;
}

/* Correct left positioning — override style.css right:-110% with left:100% */
.sidebar-submenu {
  right: auto !important;
  left: 100% !important;
  z-index: 99995 !important;
}

.sidebar-childmenu {
  right: auto !important;
  left: 100% !important;
  z-index: 99994 !important;
}

/* Also fix background of sidebar-submenu/childmenu to luxury theme */
.sidebar-submenu {
  background: var(--lux-dark-rich) !important;
  background-color: var(--lux-dark-rich) !important;
  border-left: 2px solid var(--lux-ruby) !important;
  border-top: 1px solid rgba(201,168,76,0.2) !important;
  box-shadow: 8px 0 30px rgba(26,10,14,0.5) !important;
  min-width: 200px !important;
}

.sidebar-childmenu {
  background: var(--lux-dark-mid) !important;
  background-color: var(--lux-dark-mid) !important;
  border-left: 2px solid var(--lux-gold-dark) !important;
  box-shadow: 8px 0 24px rgba(26,10,14,0.4) !important;
  min-width: 200px !important;
}

.sidebar-submenu ul li a,
body .sidebar-submenu ul li a {
  color: var(--lux-gold-pale) !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid rgba(201,168,76,0.08) !important;
}

.sidebar-submenu ul li:hover > a,
body .sidebar-submenu ul li:hover > a {
  color: var(--lux-gold-light) !important;
  background: rgba(139,26,42,0.12) !important;
  padding-left: 20px !important;
}

.sidebar-childmenu ul li a,
body .sidebar-childmenu ul li a {
  color: var(--lux-champagne) !important;
  padding: 9px 16px !important;
  font-size: 12.5px !important;
  border-bottom: 1px solid rgba(201,168,76,0.06) !important;
}

.sidebar-childmenu ul li:hover > a,
body .sidebar-childmenu ul li:hover > a {
  color: var(--lux-gold-light) !important;
  background: rgba(201,168,76,0.08) !important;
  padding-left: 20px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   END PATCH
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   BUG FIX — WHITE STRIP BELOW SLIDER (Final targeted fix)
   The strip comes from owl-carousel's .owl-dots padding area
   and the border/shadow of home-slider-container.
   ═══════════════════════════════════════════════════════════════════ */

/* Owl dots inside slider — minimal space, no large gap */
.main_slider .owl-dots,
.main-slider .owl-dots {
  position: absolute !important;
  bottom: 10px !important;
  left: 0 !important; right: 0 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  height: 16px !important;
  overflow: hidden !important;
}

/* The slider container — no margin below, border-radius only on sides */
section.slider-section {
  margin-bottom: 8px !important;
  padding: 8px 0 0 0 !important;
}

.home-slider-container {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important; /* kills inline ghost space */
}

/* Remove border radius on slider-item so no visible border seam */
.slider-item {
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Owl stage — remove inline gap at bottom */
.main_slider .owl-stage-outer,
.main-slider .owl-stage-outer {
  line-height: 0 !important;
  font-size: 0 !important;
  display: block !important;
}

/* Slider section on desktop — tighter top margin */
@media (min-width: 768px) {
  section.slider-section {
    margin-top: 8px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   END WHITE STRIP FIX
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   MOBILE MENU Z-INDEX CRITICAL FIX
   Mobile menu panel MUST be above #page-overlay and all content.
   responsive.css already sets .mobile-menu { z-index: 99999 }
   but our luxury CSS was inadvertently competing with it.
   ═══════════════════════════════════════════════════════════════════ */

/* Mobile menu panel — highest z-index on mobile */
.mobile-menu {
  z-index: 999999 !important;
}

/* Page overlay (dark backdrop) — must be below mobile menu */
#page-overlay {
  z-index: 99998 !important;
}

/* Mobile menu animation — stays at top */
.mobile-menu.active {
  z-index: 999999 !important;
  animation: luxSlideInLeft 0.3s ease both !important;
}

/* Ensure #content never overlaps mobile menu */
#content {
  z-index: 1 !important;
  position: relative !important;
}

/* homeproduct and all page sections stay below nav and mobile menu */
.homeproduct,
section.slider-section,
section.bottoads_area,
section.footer_top_ads_area,
section.product-section,
section.pro_details_area,
.related-product-section {
  z-index: 1 !important;
  position: relative !important;
}

/* ─── MOBILE MENU SCROLLBAR ─── */
@media (max-width: 767px) {
  .mobile-menu {
    z-index: 999999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100vh !important;
  }

  /* When mobile menu is open, #page-overlay shows behind it */
  #page-overlay {
    z-index: 99998 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   END MOBILE MENU Z-INDEX FIX
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   SLIDER ARROW BUTTONS — FULLY TRANSPARENT GLASS
   Background: completely transparent so banner image shows through.
   On hover: subtle gold glow rim appears, nothing more.
   ═══════════════════════════════════════════════════════════════════ */

.main_slider .owl-prev,
.main_slider .owl-next,
.main-slider .owl-prev,
.main-slider .owl-next,
.main_slider .owl-nav button,
.main-slider .owl-nav button {
  /* Fully transparent — image shows through */
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  /* Remove all borders, shadows, box decorations */
  border: none !important;
  box-shadow: none !important;
  outline: none !important;

  /* Size & shape */
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;

  /* Centering icon */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* Smooth hover transition */
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* Arrow icon — white with soft shadow so it's visible on any banner */
.main_slider .owl-prev i,
.main_slider .owl-next i,
.main-slider .owl-prev i,
.main-slider .owl-next i,
.main_slider .owl-nav button span,
.main-slider .owl-nav button span {
  color: #ffffff !important;
  font-size: 22px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.55) !important;
  transition: text-shadow 0.3s ease, transform 0.3s ease !important;
}

/* Hover — only a faint gold glow rim, NO solid background */
.main_slider .owl-prev:hover,
.main_slider .owl-next:hover,
.main-slider .owl-prev:hover,
.main-slider .owl-next:hover,
.main_slider .owl-nav button:hover,
.main-slider .owl-nav button:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 1.5px rgba(201,168,76,0.6),
              0 0 18px rgba(201,168,76,0.25) !important;
  transform: scale(1.12) !important;
}

/* Hover icon — brighter, gold tinted */
.main_slider .owl-prev:hover i,
.main_slider .owl-next:hover i,
.main-slider .owl-prev:hover i,
.main-slider .owl-next:hover i {
  color: var(--lux-gold-light) !important;
  text-shadow: 0 0 12px rgba(201,168,76,0.8) !important;
  transform: scale(1.1) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   END SLIDER ARROW FIX
   ═══════════════════════════════════════════════════════════════════ */