/* =====================================================
   LUXURY MEN'S FASHION — 2026 Premium Theme
   Brand Color: #BD380D (Deep Burnt Orange)
   Strategy: Visual override layer — no backend changes
   Load order: After main.css (highest priority)
   ===================================================== */

/* =========== ICON FONT PROTECTION (must be 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[data-feather] { fill: none !important; stroke: currentColor !important; }

/* =========== GOOGLE FONTS =========== */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap");

/* =========== CSS DESIGN TOKENS =========== */
:root {
  /* Brand Burnt-Orange Palette */
  --lux-primary:         #BD380D;
  --lux-primary-dark:    #8C2A0A;
  --lux-primary-deep:    #6B1F07;
  --lux-primary-mid:     #D4420F;
  --lux-primary-light:   #E8622D;
  --lux-primary-glow:    #F07848;
  --lux-primary-mist:    #FBEEE8;
  --lux-primary-rgb:     189, 56, 13;

  /* Neutral Palette */
  --lux-black:           #0A0A0A;
  --lux-dark:            #121212;
  --lux-dark-2:          #1A1A1A;
  --lux-dark-3:          #252525;
  --lux-mid:             #3D3D3D;
  --lux-muted:           #6B6B6B;
  --lux-border:          #E8E4E0;
  --lux-border-mid:      #D5D0CB;
  --lux-border-dark:     #2A2A2A;
  --lux-light:           #F5F2EE;
  --lux-lighter:         #FAF8F5;
  --lux-white:           #FFFFFF;

  /* Semantic */
  --lux-success:         #2E7D32;
  --lux-error:           #C62828;
  --lux-sale:            #B71C1C;
  --lux-gold:            #C9A84C;
  --lux-gold-light:      #E5CA7A;

  /* Typography */
  --font-display:        'Playfair Display', 'Georgia', serif;
  --font-body:           'Inter', 'Hind Siliguri', sans-serif;

  /* Font Sizes */
  --fs-xs:     11px;
  --fs-sm:     12px;
  --fs-base:   13.5px;
  --fs-md:     15px;
  --fs-lg:     18px;
  --fs-xl:     22px;
  --fs-2xl:    28px;
  --fs-3xl:    36px;

  /* Spacing */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;
  --sp-4: 16px;  --sp-5: 24px;  --sp-6: 32px;
  --sp-7: 48px;  --sp-8: 64px;  --sp-9: 80px;

  /* Border Radius */
  --r-sm:   3px;   --r-md:  6px;
  --r-lg:   10px;  --r-xl:  16px;
  --r-pill: 50px;  --r-full: 50%;

  /* Shadows */
  --shadow-xs:       0 1px 3px rgba(0,0,0,0.08);
  --shadow-sm:       0 2px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:       0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.05);
  --shadow-lg:       0 8px 28px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
  --shadow-xl:       0 16px 48px rgba(0,0,0,0.16), 0 8px 20px rgba(0,0,0,0.08);
  --shadow-card:     0 2px 12px rgba(0,0,0,0.07);
  --shadow-hover:    0 10px 32px rgba(0,0,0,0.14);
  --shadow-orange:   0 6px 20px rgba(189,56,13,0.35);
  --shadow-orange-lg:0 12px 36px rgba(189,56,13,0.45);

  /* Transitions */
  --trans-fast:   all 0.22s cubic-bezier(0.4,0,0.2,1);
  --trans-std:    all 0.30s cubic-bezier(0.4,0,0.2,1);
  --trans-slow:   all 0.45s cubic-bezier(0.25,0.46,0.45,0.94);
  --trans-spring: all 0.38s cubic-bezier(0.34,1.56,0.64,1);
}

/* =====================================================
   GLOBAL BODY & BASE
   ===================================================== */
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;
}

body {
  background: var(--lux-light) !important;
  color: var(--lux-dark-2) !important;
  font-size: var(--fs-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body p, 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 {
  color: var(--lux-dark-2) !important;
}

a { transition: var(--trans-fast); }
#content { background: var(--lux-light) !important; }
section { background: transparent !important; }

/* =====================================================
   TOP ANNOUNCEMENT BAR
   Dark charcoal · warm orange hotline pill
   ===================================================== */
.top_header,
body .top_header,
header .top_header,
#navbar_top .top_header {
  background: var(--lux-dark-2) !important;
  background-color: var(--lux-dark-2) !important;
  background-image: none !important;
  animation: none !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
}

.top_header,
.top_header p, .top_header span,
.top_header a, .top_header div, .top_header marquee {
  color: rgba(255,255,255,0.85) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  font-family: var(--font-body) !important;
}

/* Hotline pill — warm orange accent */
.top_header a[href^="tel"],
header .top_header a[href^="tel"] {
  background: rgba(189,56,13,0.15) !important;
  border: 1px solid rgba(189,56,13,0.4) !important;
  border-radius: var(--r-sm) !important;
  color: #FBBF9A !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
  letter-spacing: 0.02em !important;
  transition: var(--trans-fast) !important;
}

.top_header a[href^="tel"]:hover {
  background: rgba(189,56,13,0.3) !important;
  color: #FFFFFF !important;
}

/* Mobile hotline bar override */
.d-flex.d-sm-none[style*="background"] {
  background: rgba(189,56,13,0.9) !important;
}

/* =====================================================
   DESKTOP HEADER — LOGO AREA
   Clean white · subtle warm border · orange stripe
   ===================================================== */
.main-header,
.logo-area {
  background: var(--lux-white) !important;
  background-image: none !important;
  background-size: unset !important;
  animation: none !important;
  border-bottom: 1px solid var(--lux-border) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
  position: relative !important;
}

/* Warm orange accent stripe at bottom of header */
.main-header::after,
.logo-area::after {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  background: linear-gradient(90deg,
    var(--lux-primary-dark) 0%,
    var(--lux-primary) 35%,
    var(--lux-primary-light) 65%,
    transparent 100%) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  opacity: 0.8 !important;
}

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

/* =====================================================
   SEARCH BAR — Premium refined styling
   ===================================================== */
.main-search form,
.mobile-search form {
  border: 1.5px solid var(--lux-border-mid) !important;
  border-radius: var(--r-md) !important;
  background: var(--lux-white) !important;
  box-shadow: var(--shadow-xs) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.main-search form:focus-within,
.mobile-search form:focus-within {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 0 0 3px rgba(189,56,13,0.10) !important;
}

.search_keyword,
.msearch_keyword {
  background: var(--lux-white) !important;
  border: none !important;
  color: var(--lux-dark-2) !important;
  font-weight: 500 !important;
  font-size: var(--fs-base) !important;
  padding-left: 14px !important;
  flex: 1 !important;
  font-family: var(--font-body) !important;
}

.search_keyword::placeholder,
.msearch_keyword::placeholder {
  color: var(--lux-muted) !important;
  font-weight: 400 !important;
}

/* Search button — orange */
.main-search form button,
.mobile-search form button {
  background: var(--lux-primary) !important;
  border: none !important;
  color: var(--lux-white) !important;
  padding: 0 18px !important;
  min-width: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.22s ease !important;
  border-radius: 0 !important;
}

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

.main-search form button svg,
.main-search form button i,
.mobile-search form button svg,
.mobile-search form button i {
  color: var(--lux-white) !important;
  stroke: var(--lux-white) !important;
  fill: none !important;
  width: 17px !important;
  height: 17px !important;
  pointer-events: none !important;
}

/* =====================================================
   HEADER ACTION ITEMS — Track Order + Cart
   ===================================================== */
.header-list-items ul li a {
  color: var(--lux-dark-2) !important;
  font-weight: 600 !important;
  font-size: var(--fs-sm) !important;
  transition: var(--trans-fast) !important;
}

.header-list-items ul li a:hover {
  color: var(--lux-primary) !important;
}

/* Cart count badge */
.header-list-items ul li span,
.menu-bag .margin-shopping span {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(189,56,13,0.4) !important;
  font-weight: 700 !important;
  font-size: 10px !important;
}

/* Track Order button */
.track_btn a {
  color: var(--lux-mid) !important;
  border: 1.5px solid var(--lux-border-mid) !important;
  border-radius: var(--r-sm) !important;
  font-size: var(--fs-sm) !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: var(--trans-fast) !important;
  background: transparent !important;
}

.track_btn a:hover {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  box-shadow: var(--shadow-orange) !important;
}

.track_btn a i {
  font-size: 13px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
  transition: var(--trans-fast) !important;
}

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

/* Cart icon icons */
.header-list-items svg { stroke: var(--lux-mid) !important; }
.header-list-items ul li a:hover svg { stroke: var(--lux-primary) !important; }

/* =====================================================
   NAVIGATION BAR — Dark charcoal, orange hover accents
   NOTE: ALL CATEGORIES area is PROTECTED — not touched
   ===================================================== */
.menu-area {
  background: var(--lux-dark-2) !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: 0 3px 16px rgba(0,0,0,0.25) !important;
  position: relative !important;
  z-index: 1001 !important;
  overflow: visible !important;
}

/* Nav links: Home, Hotdeals, Contact, Login */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.right__menu__top li p a {
  color: rgba(255,255,255,0.88) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  font-family: var(--font-body) !important;
  padding: 6px 14px !important;
  border-radius: var(--r-sm) !important;
  border: 1px solid transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  transition: var(--trans-fast) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover state — warm orange */
.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
  background: rgba(189,56,13,0.15) !important;
  color: #FFB899 !important;
  border-color: rgba(189,56,13,0.3) !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Remove the white ::after underline from main.css */
.heder__category > li:not(.all__category__list) a::after {
  display: none !important;
}

/* =====================================================
   MOBILE HEADER — Clean white sticky bar
   ===================================================== */
.mobile-header {
  background: var(--lux-white) !important;
  border-bottom: 2px solid var(--lux-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  background-image: none !important;
  animation: none !important;
}

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

/* Hamburger & cart icons */
.menu-bar i, .toggle i {
  color: var(--lux-dark-2) !important;
  font-size: 22px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

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

/* Mobile cart badge */
.menu-bag .margin-shopping span,
.mobilecart-qty {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(189,56,13,0.4) !important;
}

/* Mobile search container */
.mobile-search {
  background: var(--lux-white) !important;
  border-bottom: 1px solid var(--lux-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  padding: 8px 14px !important;
}

.mobile-search form {
  background: var(--lux-lighter) !important;
  border: 1.5px solid var(--lux-border-mid) !important;
  border-radius: var(--r-pill) !important;
  box-shadow: none !important;
  height: 40px !important;
}

.mobile-search form:focus-within {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 0 0 3px rgba(189,56,13,0.10) !important;
}

.mobile-search form input {
  background: transparent !important;
  color: var(--lux-dark-2) !important;
  padding-left: 14px !important;
}

.mobile-search form input::placeholder { color: var(--lux-muted) !important; }

.mobile-search form button {
  background: var(--lux-primary) !important;
  border-radius: 0 var(--r-pill) var(--r-pill) 0 !important;
  color: var(--lux-white) !important;
  min-width: 50px !important;
}

.mobile-search form button:hover { background: var(--lux-primary-dark) !important; }

.mobile-search form button svg,
.mobile-search form button i {
  color: var(--lux-white) !important;
  stroke: var(--lux-white) !important;
}

/* =====================================================
   MOBILE SIDE MENU DRAWER
   ===================================================== */
.mobile-menu {
  background: var(--lux-white) !important;
  border-right: 2px solid var(--lux-border) !important;
  box-shadow: 4px 0 32px rgba(0,0,0,0.18) !important;
}

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

/* Menu header logo bar */
.mobile-menu-logo {
  background: linear-gradient(135deg, var(--lux-dark) 0%, var(--lux-dark-3) 100%) !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid var(--lux-primary) !important;
}

.mobile-menu-logo * { color: var(--lux-white) !important; }

.mobile-menu-close i {
  color: rgba(255,255,255,0.85) !important;
  font-size: 20px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

/* Category items in mobile menu */
.mobile-menu .menu-category-name {
  font-weight: 600 !important;
  font-size: var(--fs-base) !important;
  border-bottom: 1px solid var(--lux-border) !important;
  padding: 12px 16px !important;
  transition: var(--trans-fast) !important;
  color: var(--lux-dark-2) !important;
}

.mobile-menu .menu-category-name:hover {
  background: var(--lux-primary-mist) !important;
  color: var(--lux-primary) !important;
  padding-left: 22px !important;
}

/* Toggle chevron icons */
.mobile-menu span.menu-category-toggle i,
.mobile-menu span.menu-subcategory-toggle i {
  color: var(--lux-muted) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

/* Sub-nav (second level) background */
.second-nav { background: var(--lux-lighter) !important; }

/* Sub-category names */
.parent-subcategory .menu-subcategory-name {
  color: var(--lux-mid) !important;
  font-size: 13px !important;
  padding-left: 36px !important;
  border-bottom: 1px solid var(--lux-border) !important;
}

/* Child category names */
.menu-childcategory-name {
  color: var(--lux-muted) !important;
  font-size: 12.5px !important;
  padding-left: 56px !important;
}

/* Third nav (child level) */
ul.third-nav { background: #F0EDE9 !important; }

/* =====================================================
   SECTION TITLES — Editorial men's fashion style
   ===================================================== */
.homeproduct {
  background: transparent !important;
  padding: 28px 0 16px !important;
  margin-bottom: 4px !important;
}

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

.section-title-header {
  border-bottom: 1px solid var(--lux-border) !important;
  padding-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Section name — editorial style with orange underline */
.section-title-name {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--lux-dark-2) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  display: inline-block !important;
  position: relative !important;
  bottom: auto !important;
}

/* Orange underline accent on section title */
.section-title-name::after {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  width: 40px !important;
  background: var(--lux-primary) !important;
  border-radius: 2px !important;
  margin-top: 6px !important;
  transition: width 0.35s ease !important;
}

.section-title-header:hover .section-title-name::after {
  width: 70px !important;
}

/* Hot Deal timer */
.timer_inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.timer_inner .syotimer-cell {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: 0 2px 8px rgba(189,56,13,0.3) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  min-width: 38px !important;
  padding: 8px 6px !important;
  text-align: center !important;
}

/* =====================================================
   VIEW MORE BUTTON — Outlined orange, fills on hover
   ===================================================== */
.view_more_btn,
a.view_more_btn {
  background: transparent !important;
  color: var(--lux-primary) !important;
  border: 2px solid var(--lux-primary) !important;
  border-radius: var(--r-sm) !important;
  padding: 5px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  float: none !important;
  transition: var(--trans-fast) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
}

.view_more_btn:hover,
a.view_more_btn:hover {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  box-shadow: var(--shadow-orange) !important;
  transform: translateY(-1px) !important;
}

/* =====================================================
   CATEGORY CARDS — Minimal, clean, fashion-forward
   ===================================================== */
.cat_item {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-md) !important;
  padding: 14px 8px !important;
  text-align: center !important;
  transition: var(--trans-std) !important;
  box-shadow: var(--shadow-xs) !important;
  height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.cat_item:hover {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 6px 20px rgba(189,56,13,0.12) !important;
  transform: translateY(-4px) !important;
  background: var(--lux-lighter) !important;
}

.cat_img {
  width: 100% !important;
  height: 76px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  margin: 0 auto 8px !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--trans-std) !important;
}

.cat_item:hover .cat_img { transform: scale(1.06) !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-mid) !important;
  display: block !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  padding: 0 4px !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-fast) !important;
}

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

/* =====================================================
   PRODUCT CARDS — Premium luxury fashion style
   ===================================================== */
.product_item,
.product-item,
.wist_item {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-card) !important;
  padding: 10px !important;
  margin-bottom: 16px !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: var(--trans-slow) !important;
  animation: luxFadeUp 0.42s ease both !important;
}

.product_item:hover,
.product-item:hover,
.wist_item:hover {
  transform: translateY(-7px) !important;
  box-shadow: var(--shadow-hover) !important;
  border-color: var(--lux-primary-glow) !important;
  z-index: 10 !important;
  margin-top: 0 !important;
  background: var(--lux-white) !important;
}

/* Product image container */
.pro_img {
  height: 200px !important;
  border-radius: var(--r-sm) !important;
  overflow: hidden !important;
  background: var(--lux-lighter) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !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.45s 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.07) !important;
}

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

.pro_name a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--lux-dark-2) !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-fast) !important;
}

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

/* Price display */
.pro_price {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
}

.pro_price p {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--lux-dark-2) !important;
  text-align: left !important;
  margin: 0 !important;
  font-family: var(--font-body) !important;
}

.pro_price del,
.pro_price s {
  color: var(--lux-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-right: 4px !important;
  text-decoration: line-through !important;
}

/* Price value — not strikethrough */
.pro_price p > *:not(del):not(s) {
  color: var(--lux-dark-2) !important;
}

/* Star ratings */
.product_item i.fas.fa-star,
.product_item i.fas.fa-star-half-alt,
.wist_item i.fas.fa-star,
.wist_item i.fas.fa-star-half-alt {
  color: #D4850A !important;
  font-size: 11px !important;
}

.product_item i.far.fa-star,
.wist_item i.far.fa-star {
  color: var(--lux-border-mid) !important;
  font-size: 11px !important;
}

/* =====================================================
   SALE BADGE — Refined circular disc
   ===================================================== */
.sale-badge {
  position: absolute !important;
  top: 10px !important;
  right: 6px !important;
  z-index: 3 !important;
}

.sale-badge-inner {
  --badge-size: 46px;
  width: var(--badge-size) !important;
  height: var(--badge-size) !important;
}

.sale-badge-box {
  background: var(--lux-sale) !important;
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  box-shadow: 0 3px 10px rgba(183,28,28,0.4) !important;
}

.sale-badge-text,
.sale-badge-text p {
  color: var(--lux-white) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  font-family: var(--font-body) !important;
}

/* Product details page discount badge */
.product-details-discount-badge span.sale-badge-text {
  background: var(--lux-sale) !important;
  width: 48px !important;
  height: 48px !important;
  box-shadow: 0 4px 14px rgba(183,28,28,0.4) !important;
}

/* =====================================================
   PRODUCT CARD BUTTONS — Luxury orange CTA system
   ===================================================== */

/* Shared layout reset */
.pro_btn,
.cart_btn,
.order_button {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pro_btn form { width: 100% !important; margin: 0 !important; display: block !important; }

/* ── BTN PRIMARY: Order Now on product cards ── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  background: linear-gradient(135deg,
    var(--lux-primary-dark) 0%,
    var(--lux-primary)      50%,
    var(--lux-primary-mid)  100%) !important;
  background-size: 200% 200% !important;
  color: var(--lux-white) !important;
  border: none !important;
  border-radius: var(--r-sm) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.07em !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;
  white-space: nowrap !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  box-shadow: 0 4px 14px rgba(189,56,13,0.30),
              inset 0 1px 0 rgba(255,255,255,0.12) !important;
  transition: background-position 0.5s ease,
              transform 0.25s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.25s ease !important;
  animation: luxOrangeGlow 4s ease-in-out infinite !important;
  font-family: var(--font-body) !important;
}

/* Shine sweep pseudo-element */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.20), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left 0.55s ease !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before { left: 150% !important; }

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
  background-position: right center !important;
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 8px 24px rgba(189,56,13,0.50),
              0 0 0 2px rgba(189,56,13,0.20),
              inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation: none !important;
}

/* Text color safety */
.pro_btn .cart_btn button *,
.pro_btn .order_button a *,
.addcartbutton * { color: var(--lux-white) !important; background: transparent !important; }

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

/* Reset old slide-up trick from style.css */
.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-white) !important;
}
.cart_btn.order_button a:hover span { top: 0 !important; }

/* =====================================================
   GENERAL BUTTONS — Go to Cart, Checkout, Submit etc.
   ===================================================== */

/* Go to Cart — rich orange */
.go_cart {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-md) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-align: center !important;
  padding: 10px 0 !important;
  display: block !important;
  transition: var(--trans-std) !important;
  box-shadow: 0 4px 16px rgba(189,56,13,0.32) !important;
  position: relative !important;
  overflow: hidden !important;
  animation: luxOrangeGlow 3s ease-in-out infinite !important;
  letter-spacing: 0.04em !important;
  font-family: var(--font-body) !important;
}

.go_cart:hover {
  background: linear-gradient(135deg, var(--lux-primary-deep), var(--lux-primary-dark)) !important;
  color: var(--lux-white) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-orange-lg) !important;
  animation: none !important;
}

/* Cart Store button */
.cart_store {
  background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-mid)) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-md) !important;
  font-weight: 700 !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-std) !important;
  box-shadow: 0 4px 14px rgba(189,56,13,0.30) !important;
}

.cart_store:hover {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-orange-lg) !important;
}

/* Submit / Login / Register */
.submit-btn {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color: var(--lux-white) !important;
  border: none !important;
  border-radius: var(--r-pill) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.04em !important;
  padding: 11px 0 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  box-shadow: 0 5px 18px rgba(189,56,13,0.38) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: var(--trans-std) !important;
  font-family: var(--font-body) !important;
}

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

.submit-btn:hover {
  background: linear-gradient(135deg, var(--lux-primary-deep), var(--lux-primary-dark)) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-orange-lg) !important;
}
.submit-btn:hover::before { left: 150% !important; }

/* Order Place — Checkout CTA */
.order_place {
  background: linear-gradient(135deg,
    var(--lux-primary-dark) 0%,
    var(--lux-primary)      50%,
    var(--lux-primary-mid)  100%) !important;
  background-size: 200% auto !important;
  color: var(--lux-white) !important;
  border: none !important;
  border-radius: var(--r-md) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 13px 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 5px 20px rgba(189,56,13,0.40) !important;
  position: relative !important; overflow: hidden !important;
  animation: luxGradientShift 2.5s ease-in-out infinite !important;
  font-family: var(--font-body) !important;
}

.order_place:hover {
  background-position: right center !important;
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-orange-lg) !important;
  animation: none !important;
}

/* Generic Bootstrap primary/success */
.btn-primary, .button-primary {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  font-weight: 700 !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-fast) !important;
  box-shadow: 0 4px 14px rgba(189,56,13,0.28) !important;
}

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

/* Checkout button */
.checkout-btn {
  background: var(--lux-primary-dark) !important;
  border: 2px solid var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-md) !important;
  font-weight: 700 !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-std) !important;
}

.checkout-btn:hover {
  background: var(--lux-primary) !important;
  box-shadow: 0 0 0 3px rgba(189,56,13,0.22),
              var(--shadow-orange) !important;
  transform: translateY(-2px) !important;
}

/* =====================================================
   PRODUCT DETAIL PAGE BUTTONS
   Add to Cart · Order Now · Call · WhatsApp
   ===================================================== */

/* ── Container ── */
.single_product.d-flex {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  margin-top: 16px !important;
  margin-bottom: 12px !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ── Shared base ── */
.single_product.d-flex .add_cart_btn,
.single_product.d-flex .order_now_btn {
  flex: 1 !important;
  width: auto !important;
  height: 50px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  border-radius: var(--r-md) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  border: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
}

.single_product.d-flex button i {
  margin-right: 8px !important;
  font-size: 15px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

/* ── ADD TO CART — Deep charcoal / midnight ── */
.single_product.d-flex .add_cart_btn {
  background: var(--lux-dark-2) !important;
  color: var(--lux-white) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.22),
              inset 0 1px 0 rgba(255,255,255,0.08) !important;
  transition: var(--trans-spring) !important;
}

/* Shimmer sweep */
.single_product.d-flex .add_cart_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -80% !important;
  width: 50% !important; height: 200% !important;
  background: linear-gradient(105deg,
    transparent 30%, rgba(255,255,255,0.15) 50%, transparent 70%) !important;
  transform: skewX(-15deg) !important;
  transition: left 0.65s ease !important;
  pointer-events: none !important; z-index: 2 !important;
}
.single_product.d-flex .add_cart_btn:hover::before { left: 130% !important; }

/* Top glow edge */
.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(255,255,255,0.35), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .add_cart_btn:hover {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-color: var(--lux-primary) !important;
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: var(--shadow-orange) !important;
}

/* ── ORDER NOW — Deep burnt-orange gradient ── */
.single_product.d-flex .order_now_btn {
  background: linear-gradient(135deg,
    var(--lux-primary-deep) 0%,
    var(--lux-primary-dark) 25%,
    var(--lux-primary)      55%,
    var(--lux-primary-mid)  80%,
    var(--lux-primary-dark) 100%) !important;
  background-size: 260% 260% !important;
  color: var(--lux-white) !important;
  box-shadow: 0 4px 20px rgba(189,56,13,0.45),
              inset 0 1px 0 rgba(255,220,200,0.18) !important;
  animation: luxGradientShift 2.8s ease-in-out infinite !important;
  transition: var(--trans-spring) !important;
}

/* Lightning shine */
.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,200,170,0.22) 50%, transparent 75%) !important;
  transform: skewX(-18deg) !important;
  transition: none !important;
  pointer-events: none !important; z-index: 2 !important;
}
.single_product.d-flex .order_now_btn:hover::before {
  left: 130% !important;
  transition: left 0.65s ease !important;
}

/* Top glow line */
.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,180,140,0.65), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .order_now_btn:hover {
  transform: translateY(-4px) scale(1.02) !important;
  animation: none !important;
  box-shadow: 0 14px 38px rgba(189,56,13,0.60),
              0 0 0 2px rgba(212,66,15,0.22) !important;
}

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

/* Press feedback both */
.single_product.d-flex .add_cart_btn:active,
.single_product.d-flex .order_now_btn:active {
  transform: translateY(-1px) scale(0.97) !important;
  animation: none !important;
}

/* ── CALL & WHATSAPP BUTTONS on detail page ── */
.call_now_btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 48px !important;
  border-radius: var(--r-md) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.04em !important;
  width: 100% !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: var(--trans-spring) !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--lux-white) !important;
  font-family: var(--font-body) !important;
}

.call_now_btn * { color: var(--lux-white) !important; position: relative !important; z-index: 2 !important; }
.call_now_btn i {
  font-size: 16px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}
.call_now_btn:active { transform: translateY(-1px) scale(0.982) !important; }

/* Call — warm burnt orange */
.call_now_btn[href^="tel"] {
  background: linear-gradient(135deg,
    var(--lux-primary-deep) 0%,
    var(--lux-primary-dark) 30%,
    var(--lux-primary)      60%,
    var(--lux-primary-dark) 100%) !important;
  background-size: 250% 250% !important;
  box-shadow: 0 4px 18px rgba(189,56,13,0.40) !important;
  animation: luxGradientShift 3s ease-in-out infinite !important;
}
.call_now_btn[href^="tel"]:hover {
  transform: translateY(-3px) scale(1.02) !important;
  animation: none !important;
  box-shadow: var(--shadow-orange-lg) !important;
}

/* WhatsApp — keep classic green */
.call_now_btn[href*="whatsapp"],
.call_now_btn[href*="api.whatsapp"] {
  background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 35%, #43A047 60%, #2E7D32 100%) !important;
  background-size: 250% 250% !important;
  box-shadow: 0 4px 18px rgba(27,94,32,0.40) !important;
  animation: luxWhatsAppGlow 3s ease-in-out infinite !important;
}
.call_now_btn[href*="whatsapp"]:hover {
  transform: translateY(-3px) scale(1.02) !important;
  animation: none !important;
  box-shadow: 0 12px 32px rgba(27,94,32,0.55) !important;
}

/* Shine sweep — shared pseudo */
.call_now_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -90% !important;
  width: 46% !important; height: 220% !important;
  background: linear-gradient(105deg,
    transparent 25%, rgba(255,255,255,0.18) 50%, transparent 75%) !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.65s ease !important;
}

/* =====================================================
   HERO SLIDER — Preserved structure, refined arrows
   ===================================================== */
.slider-section {
  margin-bottom: 12px !important;
  margin-top: 8px !important;
}

.home-slider-container {
  border-radius: var(--r-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-lg) !important;
}

.slider-item {
  width: 100% !important;
  height: 400px !important;
}

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

/* Owl nav arrows — glassmorphism on dark image */
.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(18,18,18,0.45) !important;
  backdrop-filter: blur(10px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(160%) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.30),
              inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: var(--trans-std) !important;
  color: var(--lux-white) !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(189,56,13,0.70) !important;
  border-color: rgba(189,56,13,0.50) !important;
  transform: scale(1.10) !important;
  box-shadow: 0 6px 24px rgba(189,56,13,0.35),
              inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

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

.main_slider .owl-nav button span,
.main-slider .owl-nav button span {
  color: var(--lux-white) !important;
  font-size: 20px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* =====================================================
   AD BANNER SECTIONS
   ===================================================== */
.bottoads_area {
  padding: 16px 0 12px !important;
  background: var(--lux-light) !important;
  margin-bottom: 6px !important;
}

.bottoads_inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 14px !important;
}

.ads_item {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  background: var(--lux-white) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--trans-std) !important;
  border: 1px solid var(--lux-border) !important;
}

.ads_item:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: var(--lux-border-mid) !important;
}

.ads_item a { display: block !important; width: 100% !important; }

.ads_item img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--r-md) !important;
  object-fit: cover !important;
  transition: transform 0.45s ease !important;
}

.ads_item:hover img { transform: scale(1.03) !important; }

/* Footer top ad banners */
.footer_top_ads_area {
  background: var(--lux-light) !important;
  margin-bottom: 8px !important;
  padding: 24px 0 !important;
}

.footertop_ads_inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.footertop_ads_item {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--trans-std) !important;
}

.footertop_ads_item:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; }
.footertop_ads_item img { width: 100% !important; height: auto !important; display: block !important; border-radius: var(--r-md) !important; }

/* Homepage full-width ads (hitdeals, homeads) */
.homeproduct + section img.img-fluid,
section > .container > .row > .col-md-12 > a > img.img-fluid {
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--trans-std) !important;
}

/* Cart summary popup */
.cshort-summary {
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-xl) !important;
  border: 1px solid var(--lux-border) !important;
  background: var(--lux-white) !important;
}

/* =====================================================
   CUSTOMER REVIEWS SECTION
   ===================================================== */
.homeproduct .customer-review .border {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  border: 1px solid var(--lux-border) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--trans-std) !important;
}

.homeproduct .customer-review .border:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--lux-border-mid) !important;
  transform: translateY(-3px) !important;
}

/* Reviews section heading */
.homeproduct h5.text-center.text-light.py-2 {
  background: var(--lux-dark-2) !important;
  color: var(--lux-white) !important;
  font-family: var(--font-display) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border-left: 4px solid var(--lux-primary) !important;
  padding: 10px 20px !important;
  border-radius: var(--r-sm) !important;
  text-align: center !important;
}

/* =====================================================
   FOOTER — Deep charcoal, editorial luxury style
   ===================================================== */
footer,
.footer-top,
.footer-bottom,
.main-footer {
  background: var(--lux-black) !important;
  background-color: var(--lux-black) !important;
  background-image: none !important;
}

.footer-top {
  padding: 60px 0 40px !important;
  border-top: 3px solid var(--lux-primary) !important;
}

/* All footer text — warm off-white */
.footer-top *,
.footer-bottom *,
footer *,
.main-footer * {
  color: rgba(255,255,255,0.78) !important;
  font-family: var(--font-body) !important;
}

/* ── ICON FIX: Footer wildcard must NOT break Font Awesome icons ── */
/* The * rule above can interfere with icon rendering — restore here */
footer .fa,
footer .fas,
footer .far,
footer .fab,
footer .fa-solid,
footer .fa-regular,
footer .fa-brands,
footer [class^="fa-"],
footer [class*=" fa-"],
.footer-top .fa,
.footer-top .fas,
.footer-top .far,
.footer-top .fab,
.footer-top [class^="fa-"],
.footer-top [class*=" fa-"],
.social_link .fa,
.social_link .fas,
.social_link .far,
.social_link .fab,
.social_link [class^="fa-"],
.social_link [class*=" fa-"] {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome","Font Awesome 4" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Footer about section */
.footer-about img {
  max-height: 56px !important;
  width: auto !important;
  display: block !important;
  margin-bottom: 14px !important;
}

.footer-about p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 13.5px !important;
  line-height: 1.85 !important;
  margin-top: 10px !important;
  text-align: left !important;
}

.footer-hotlint {
  color: var(--lux-primary-glow) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  display: block !important;
  margin-top: 8px !important;
  letter-spacing: 0.02em !important;
  transition: var(--trans-fast) !important;
}

.footer-hotlint:hover { color: var(--lux-white) !important; }

/* Footer menu section titles */
.footer-menu ul li.title a {
  color: var(--lux-primary-glow) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  display: block !important;
  border: none !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(189,56,13,0.30) !important;
  font-family: var(--font-body) !important;
}

/* Footer menu links */
.footer-menu ul li { display: block !important; }

.footer-menu ul li a {
  color: rgba(255,255,255,0.65) !important;
  font-size: 13px !important;
  line-height: 2 !important;
  display: block !important;
  transition: var(--trans-fast) !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-menu ul li a:hover {
  color: var(--lux-primary-glow) !important;
  padding-left: 6px !important;
}

/* Social icons */
.social_link {
  display: flex !important;
  gap: 10px !important;
  margin-top: 18px !important;
  flex-wrap: wrap !important;
}

.social_link li { display: inline-block !important; }

.social_link li a {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transition: var(--trans-std) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  text-decoration: none !important;
}

/* Force icon visibility — Font Awesome i tags inside social links */
.social_link li a i,
.social_link li a .fa,
.social_link li a .fas,
.social_link li a .far,
.social_link li a .fab,
.social_link li a [class^="fa-"],
.social_link li a [class*=" fa-"] {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-block !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome","Font Awesome 4" !important;
  -webkit-font-smoothing: antialiased !important;
}

.social_link li a:hover {
  background: var(--lux-primary) !important;
  color: #ffffff !important;
  border-color: var(--lux-primary) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(189,56,13,0.45) !important;
}

.social_link li a:hover i,
.social_link li a:hover .fa,
.social_link li a:hover .fas,
.social_link li a:hover .far,
.social_link li a:hover .fab,
.social_link li a:hover [class^="fa-"],
.social_link li a:hover [class*=" fa-"] {
  color: #ffffff !important;
}

/* App download */
.d_app h2 {
  color: var(--lux-primary-glow) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 22px 0 12px !important;
  font-family: var(--font-body) !important;
}

/* Footer bottom bar */
.footer-bottom {
  background: #050505 !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  padding: 16px 0 !important;
}

.copyright p,
.copyright p span {
  color: rgba(255,255,255,0.38) !important;
  font-size: 12.5px !important;
  text-align: center !important;
  font-family: var(--font-body) !important;
}

/* Developer credit link */
.developer-credit-link {
  color: var(--lux-primary-glow) !important;
  font-weight: 700 !important;
  transition: var(--trans-fast) !important;
  text-decoration: none !important;
}

.developer-credit-link:hover { color: var(--lux-white) !important; }

/* =====================================================
   MOBILE BOTTOM NAVIGATION — Luxury dark bar
   ===================================================== */
@keyframes navFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

@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: #111111 !important;
    border-top: 1px solid rgba(189,56,13,0.40) !important;
    box-shadow: 0 -3px 20px rgba(0,0,0,0.50) !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;
    list-style: none !important;
    align-items: center !important; justify-items: center !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;
  }

  /* Base tab button */
  .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(--r-md) !important;
    text-decoration: none !important;
    position: relative !important; cursor: pointer !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
  }

  /* Icons */
  .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: 19px !important;
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
    display: block !important; line-height: 1 !important;
    color: rgba(255,255,255,0.50) !important;
    transition: color 0.2s ease !important;
  }

  /* Labels */
  .footer_nav ul li a span:last-child {
    font-size: 9.5px !important; font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: capitalize !important; line-height: 1 !important;
    color: rgba(255,255,255,0.42) !important;
    transition: color 0.2s ease !important;
    font-family: var(--font-body) !important;
  }

  .footer_nav ul li a::after { display: none !important; }

  /* Hover — orange accent */
  .footer_nav ul li a:hover {
    background: rgba(189,56,13,0.12) !important;
    border-color: rgba(189,56,13,0.28) !important;
  }
  .footer_nav ul li a:hover span i { color: var(--lux-primary-glow) !important; }
  .footer_nav ul li a:hover span:last-child { color: var(--lux-primary-glow) !important; }

  /* Home tab — elevated orange center button */
  .footer_nav ul li.mobile_home {
    background: transparent !important; border: none !important;
    margin-top: 0 !important; border-radius: 0 !important;
    width: auto !important; height: auto !important; padding: 0 !important;
  }

  .footer_nav ul li:nth-child(3) a,
  .footer_nav li.mobile_home a {
    width: 58px !important; height: 58px !important;
    border-radius: var(--r-lg) !important;
    margin-top: -16px !important;
    background: var(--lux-primary) !important;
    border: 1.5px solid rgba(240,120,72,0.40) !important;
    box-shadow: 0 4px 18px rgba(189,56,13,0.50),
                inset 0 1px 0 rgba(255,255,255,0.15) !important;
    transition: background 0.22s ease, box-shadow 0.22s ease !important;
  }

  .footer_nav ul li:nth-child(3) a span i,
  .footer_nav li.mobile_home a span i {
    color: var(--lux-white) !important;
    font-size: 22px !important;
  }

  .footer_nav ul li:nth-child(3) a span:last-child,
  .footer_nav li.mobile_home a span:last-child {
    color: rgba(255,255,255,0.92) !important;
    font-size: 9.5px !important; font-weight: 700 !important;
  }

  .footer_nav ul li:nth-child(3) a:hover,
  .footer_nav li.mobile_home a:hover {
    background: var(--lux-primary-dark) !important;
    box-shadow: 0 6px 24px rgba(189,56,13,0.65),
                inset 0 1px 0 rgba(255,255,255,0.12) !important;
    border-color: rgba(212,66,15,0.55) !important;
  }

  /* Cart badge on mobile nav */
  .footer_nav .mobilecart-qty {
    position: absolute !important;
    top: -4px !important; right: -3px !important;
    background: var(--lux-primary) !important;
    color: var(--lux-white) !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 #111111 !important;
    z-index: 10 !important;
    font-family: var(--font-body) !important;
  }

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

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

/* =====================================================
   SCROLL-TO-TOP BUTTON
   ===================================================== */
.scrolltop {
  position: fixed !important;
  right: 28px !important;
  bottom: 20px !important;
  width: 42px !important;
  height: 42px !important;
  background: var(--lux-primary) !important;
  border-radius: 50% !important;
  text-align: center !important;
  box-shadow: 0 4px 16px rgba(189,56,13,0.45) !important;
  transition: var(--trans-std) !important;
  z-index: 999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border: none !important;
}

.scrolltop:hover {
  background: var(--lux-primary-dark) !important;
  transform: scale(1.10) translateY(-2px) !important;
  box-shadow: var(--shadow-orange-lg) !important;
}

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

/* WhatsApp float — keep classic green, keep bob animation */
.float {
  background: #25D366 !important;
  box-shadow: 0 4px 18px rgba(37,211,102,0.38) !important;
  border: none !important;
  transition: var(--trans-std) !important;
  animation: luxFloatBob 3s ease-in-out infinite !important;
}

.float:hover {
  background: #1EB558 !important;
  animation: none !important;
  transform: scale(1.12) !important;
  box-shadow: 0 8px 26px rgba(37,211,102,0.52) !important;
}

.float i { color: var(--lux-white) !important; }

/* =====================================================
   FORMS — Inputs, selects, textareas
   ===================================================== */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
select,
textarea {
  background: var(--lux-white) !important;
  border: 1.5px solid var(--lux-border) !important;
  color: var(--lux-dark-2) !important;
  border-radius: var(--r-sm) !important;
  font-size: var(--fs-base) !important;
  font-family: var(--font-body) !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 0 0 3px rgba(189,56,13,0.10) !important;
  outline: none !important;
  background: var(--lux-white) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--lux-muted) !important;
  font-weight: 400 !important;
}

.form-control option { background: var(--lux-white) !important; color: var(--lux-dark-2) !important; }

/* Auth / Login / Register form container */
.form-content {
  background: var(--lux-white) !important;
  border-radius: var(--r-xl) !important;
  border: 1px solid var(--lux-border) !important;
  box-shadow: var(--shadow-md) !important;
  overflow: hidden !important;
  margin: 24px 0 !important;
}

.auth-title {
  color: var(--lux-dark-2) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 14px 20px !important;
  background: var(--lux-lighter) !important;
  border-bottom: 2px solid var(--lux-border) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-family: var(--font-body) !important;
}

.form-content form { padding: 0 16px 20px !important; }
.form-content label { font-weight: 600 !important; font-size: 13px !important; color: var(--lux-mid) !important; margin-bottom: 6px !important; }

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

.forget-link { color: var(--lux-primary) !important; font-size: 13px !important; }

/* Payment radio buttons */
.payment-methods .form-check-input {
  border: 2px solid var(--lux-primary) !important;
  appearance: none !important; -webkit-appearance: none !important;
  width: 20px !important; height: 20px !important;
  border-radius: 50% !important; background: var(--lux-white) !important;
  cursor: pointer !important; margin-right: 8px !important;
  transition: var(--trans-fast) !important;
}

.payment-methods .form-check-input:checked::after {
  content: "" !important; position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 10px !important; height: 10px !important;
  background: var(--lux-primary) !important; border-radius: 50% !important; display: block !important;
}

.payment-methods .form-check-input:checked { border-color: var(--lux-primary) !important; }
.payment-methods .form-check-input:checked + .form-check-label {
  color: var(--lux-primary) !important; font-weight: 700 !important;
}

/* =====================================================
   CART, CHECKOUT, WISHLIST PAGES
   ===================================================== */

/* Cart table */
.table td, .table th {
  color: var(--lux-dark-2) !important;
  border-color: var(--lux-border) !important;
  font-family: var(--font-body) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: var(--lux-lighter) !important;
}

/* Remove cart button */
.remove-cart,
.remove-cart:focus {
  background: var(--lux-error) !important;
  border-radius: 50% !important;
  height: 28px !important; width: 28px !important;
  transition: var(--trans-fast) !important;
}

.remove-cart:hover { background: #8B1515 !important; transform: scale(1.1) !important; }
.remove-cart .feather,
.remove-cart svg { stroke: var(--lux-white) !important; width: 14px !important; height: 14px !important; }

/* Cart summary box */
.cart-summary {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 18px !important;
}

.cart-summary h5 {
  color: var(--lux-dark-2) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-bottom: 1px solid var(--lux-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

/* Checkout section */
.checkout-shipping .card-header,
.cart_details .card-header {
  background: var(--lux-lighter) !important;
  border-bottom: 1px solid var(--lux-border) !important;
}

.checkout-shipping h5, .cart_details h5 {
  color: var(--lux-dark-2) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

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

/* Coupon form button */
.coupon-form form button {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  transition: var(--trans-fast) !important;
}
.coupon-form form button:hover { background: var(--lux-primary-dark) !important; }

/* Wishlist */
.wcart-btn, .wcart-btn:focus {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: 50% !important;
}
.wcart-btn:hover { background: var(--lux-primary-dark) !important; }

/* Order tracking table */
.tracktable thead { background: var(--lux-dark-2) !important; }
.tracktable thead * { color: var(--lux-white) !important; }

/* Order success */
.success-title h2 {
  color: var(--lux-dark-2) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

/* =====================================================
   PRODUCT DETAIL PAGE — Right side details
   ===================================================== */
.product-cart .name,
.product-section .name {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--lux-dark-2) !important;
  line-height: 1.35 !important;
}

.details-price {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--lux-dark-2) !important;
  font-family: var(--font-body) !important;
  margin: 12px 0 !important;
}

.details-price del {
  color: var(--lux-muted) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  margin-right: 8px !important;
}

/* Star ratings on detail */
.details-ratting-wrapper i { color: #D4850A !important; }
.details-ratting-wrapper i.far.fa-star { color: var(--lux-border-mid) !important; }

/* Quantity control */
.qty-cart .quantity {
  border: 1.5px solid var(--lux-border) !important;
  border-radius: var(--r-sm) !important;
  overflow: hidden !important;
  height: 42px !important;
}

.quantity .minus,
.quantity .plus {
  background: var(--lux-lighter) !important;
  color: var(--lux-dark-2) !important;
  transition: var(--trans-fast) !important;
  border-color: var(--lux-border) !important;
}

.quantity .minus:hover,
.quantity .plus:hover {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Product description tabs */
.description {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 20px !important;
  margin-top: 20px !important;
}

.description h2 {
  color: var(--lux-dark-2) !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--lux-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

/* Details action box */
.details-action-box .section-head {
  border-bottom: 1px solid var(--lux-border) !important;
}

.section-head h2 {
  color: var(--lux-dark-2) !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.details-action-box .section-head .action .details-action-btn {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  transition: var(--trans-fast) !important;
}

.details-action-box .section-head .action .details-action-btn:hover {
  background: var(--lux-primary-dark) !important;
  border-color: var(--lux-primary-dark) !important;
  box-shadow: var(--shadow-orange) !important;
}

/* Review card */
.review-card {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-md) !important;
  padding: 16px !important;
}

.review_star i { color: #D4850A !important; }

/* =====================================================
   CATEGORY / PRODUCT LISTING PAGE
   ===================================================== */
.page-title h5 {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--lux-dark-2) !important;
}

.category-breadcrumb a {
  color: var(--lux-muted) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
}

.category-breadcrumb strong { color: var(--lux-dark-2) !important; font-size: 14px !important; }
.category-breadcrumb span { color: var(--lux-muted) !important; }

/* Sidebar filter */
.filter_btn {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  font-weight: 700 !important;
  border: none !important;
  transition: var(--trans-fast) !important;
  font-family: var(--font-body) !important;
}

.filter_btn:hover { background: var(--lux-primary-dark) !important; }

.filter_close {
  background: var(--lux-mid) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  font-family: var(--font-body) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: 0 3px 10px rgba(189,56,13,0.28) !important;
}

.pagination .page-link {
  color: var(--lux-primary) !important;
  border-color: var(--lux-border) !important;
  border-radius: var(--r-sm) !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-fast) !important;
}

.pagination .page-link:hover {
  background: var(--lux-primary-mist) !important;
  color: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
}

/* Filter sidebar (feature-products) */
.feature-products { background: var(--lux-white) !important; }
.feature-products p {
  color: var(--lux-dark-2) !important;
  font-weight: 600 !important;
  font-family: var(--font-body) !important;
}

/* Product grid */
.main_product_inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  gap: 12px !important;
}

/* =====================================================
   CUSTOMER ACCOUNT / SIDEBAR
   ===================================================== */
.customer-sidebar,
.sidebar-menu {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}

.sidebar-menu ul li { display: block !important; }

.sidebar-menu li a {
  color: var(--lux-mid) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--lux-border) !important;
  padding: 11px 16px !important;
  display: block !important;
  transition: var(--trans-fast) !important;
  font-family: var(--font-body) !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  color: var(--lux-primary) !important;
  background: var(--lux-primary-mist) !important;
  padding-left: 22px !important;
  border-left: 3px solid var(--lux-primary) !important;
}

.account-title {
  color: var(--lux-dark-2) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border-bottom: 2px solid var(--lux-primary) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
  font-family: var(--font-body) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.invoice_btn, .invoice_btn:focus {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  font-weight: 600 !important;
  transition: var(--trans-fast) !important;
  font-family: var(--font-body) !important;
}

.invoice_btn:hover { background: var(--lux-primary-dark) !important; box-shadow: var(--shadow-orange) !important; }

/* Customer content */
.customer-content, .vcart-inner {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
}

/* =====================================================
   MODALS & OVERLAYS
   ===================================================== */
#page-overlay {
  background: rgba(10,10,10,0.65) !important;
  backdrop-filter: blur(2px) !important;
}

.modal-view {
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-xl) !important;
  border: 1px solid var(--lux-border) !important;
  background: var(--lux-white) !important;
}

.close-modal {
  background: var(--lux-error) !important;
  color: var(--lux-white) !important;
  border-radius: 50% !important;
  transition: var(--trans-fast) !important;
}

.close-modal:hover { background: #8B1515 !important; transform: scale(1.1) !important; }

.confirm-btn {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-radius: var(--r-sm) !important;
  font-weight: 700 !important;
  transition: var(--trans-fast) !important;
  font-family: var(--font-body) !important;
}

.confirm-btn:hover {
  background: var(--lux-primary-dark) !important;
  box-shadow: var(--shadow-orange) !important;
}

.continue-btn:hover {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Loading spinner */
.custom-loader {
  --c: radial-gradient(farthest-side, var(--lux-primary) 92%, #0000);
  width: 50px !important; height: 50px !important;
}

/* Quick view title */
#custom-modal .title {
  color: var(--lux-dark-2) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--lux-border) !important;
}

/* Alerts */
.alert-success {
  background: #F1F8F2 !important;
  border: 1px solid #C3DFC5 !important;
  color: #1B5E20 !important;
  border-radius: var(--r-md) !important;
}

.alert-info {
  background: var(--lux-primary-mist) !important;
  border-color: rgba(189,56,13,0.20) !important;
  color: var(--lux-primary-dark) !important;
}

/* Badges */
.badge { font-weight: 600 !important; border-radius: var(--r-pill) !important; font-family: var(--font-body) !important; }
.badge-success, .bg-success { background: var(--lux-success) !important; }
.badge-danger, .bg-danger { background: var(--lux-error) !important; }
.badge-primary, .bg-primary { background: var(--lux-primary) !important; }

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

/* Contact form */
.contact-form {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
}

/* =====================================================
   TOASTR NOTIFICATIONS — Luxury glassmorphic style
   ===================================================== */
#toast-container {
  top: 22px !important;
  right: 22px !important;
}

#toast-container > div {
  opacity: 1 !important;
  border-radius: var(--r-lg) !important;
  padding: 20px 24px 20px 62px !important;
  width: 380px !important;
  max-width: 95vw !important;
  font-family: var(--font-body) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.28) !important;
  transition: all 0.38s cubic-bezier(0.175,0.885,0.32,1.275) !important;
  position: relative !important;
}

#toast-container > div::before {
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 26px !important;
  color: rgba(255,255,255,0.95) !important;
  font-weight: 900 !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}

#toast-container > .toast-success {
  background-color: rgba(30,90,35,0.96) !important;
  border-left: 3px solid #4CAF50 !important;
}
#toast-container > .toast-success::before { content: "\f058" !important; }

#toast-container > .toast-error {
  background-color: rgba(140,30,30,0.96) !important;
  border-left: 3px solid #EF5350 !important;
}
#toast-container > .toast-error::before { content: "\f06a" !important; }

#toast-container > .toast-warning {
  background-color: rgba(140,80,10,0.96) !important;
  border-left: 3px solid var(--lux-primary-light) !important;
}
#toast-container > .toast-warning::before { content: "\f071" !important; }

#toast-container > .toast-info {
  background-color: rgba(20,60,110,0.96) !important;
  border-left: 3px solid #64B5F6 !important;
}
#toast-container > .toast-info::before { content: "\f05a" !important; }

#toast-container > div .toast-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  color: var(--lux-white) !important;
  letter-spacing: 0.03em !important;
}

#toast-container > div .toast-message {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.92) !important;
  line-height: 1.55 !important;
}

#toast-container > div .toast-progress {
  height: 3px !important;
  background: rgba(255,255,255,0.35) !important;
  opacity: 1 !important;
  bottom: 0 !important;
  top: auto !important;
}

#toast-container > div .toast-close-button {
  top: 12px !important; right: 12px !important;
  color: rgba(255,255,255,0.75) !important;
  opacity: 1 !important;
  font-size: 18px !important;
  text-shadow: none !important;
  transition: var(--trans-fast) !important;
}
#toast-container > div .toast-close-button:hover { opacity: 1 !important; color: var(--lux-white) !important; }

/* =====================================================
   SCROLLBAR — Warm neutral luxury style
   ===================================================== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--lux-lighter); }
::-webkit-scrollbar-thumb {
  background: var(--lux-border-mid);
  border-radius: 10px;
  transition: background 0.2s ease;
}
::-webkit-scrollbar-thumb:hover { background: var(--lux-primary); }

/* =====================================================
   SEARCH RESULTS DROPDOWN
   ===================================================== */
.search_product {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: 0 0 var(--r-md) var(--r-md) !important;
  box-shadow: var(--shadow-lg) !important;
  z-index: 999999 !important;
  overflow: hidden !important;
}

.search_product ul li {
  display: grid !important;
  grid-template-columns: 65px auto !important;
  gap: 12px !important;
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--lux-border) !important;
  transition: var(--trans-fast) !important;
  width: 100% !important;
}

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

.search_product img {
  width: 48px !important; height: 48px !important;
  border-radius: var(--r-sm) !important;
  object-fit: contain !important;
  border: 1px solid var(--lux-border) !important;
  margin-top: 4px !important;
}

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

/* =====================================================
   MISC UI ELEMENTS
   ===================================================== */

/* Page overlay for mobile filter/menu */
#page-overlay {
  background: rgba(10,10,10,0.62) !important;
  backdrop-filter: blur(2px) !important;
}

/* All category search result area */
.filter_sidebar {
  background: var(--lux-white) !important;
  border-right: 2px solid var(--lux-border) !important;
}

/* Product size/color selectors */
.selector-item_label {
  border-radius: var(--r-sm) !important;
  font-weight: 600 !important;
  font-family: var(--font-body) !important;
  transition: var(--trans-fast) !important;
  color: var(--lux-dark-2) !important;
  border: 1px solid var(--lux-border) !important;
}

.selector-item_radio:checked + .selector-item_label,
.selector-item_label:hover {
  background-color: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Features highlights */
.features {
  border: 1px solid var(--lux-border) !important;
  border-top: 3px solid var(--lux-primary) !important;
  border-radius: var(--r-md) !important;
  padding: 14px !important;
  background: var(--lux-white) !important;
}

/* =====================================================
   FULL ANIMATION & KEYFRAMES SYSTEM
   ===================================================== */

/* ── Card / section entrance fade-up ── */
@keyframes luxFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Gradient shift — buttons, ambient ── */
@keyframes luxGradientShift {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}

/* ── Orange glow pulse — product card CTAs ── */
@keyframes luxOrangeGlow {
  0%,100% {
    box-shadow: 0 4px 14px rgba(189,56,13,0.28),
                inset 0 1px 0 rgba(255,255,255,0.10);
  }
  50% {
    box-shadow: 0 6px 22px rgba(189,56,13,0.52),
                0 0 0 3px rgba(189,56,13,0.10),
                inset 0 1px 0 rgba(255,255,255,0.14);
  }
}

/* ── WhatsApp button float bob ── */
@keyframes luxFloatBob {
  0%,100% { transform: translateY(0px); }
  50%      { transform: translateY(-7px); }
}

/* ── Mobile menu slide in from left ── */
@keyframes luxSlideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}

/* ── Slide in from bottom (mobile nav reveal) ── */
@keyframes luxSlideUp {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* ── WhatsApp glow pulse ── */
@keyframes luxWhatsAppGlow {
  0%,100% { box-shadow: 0 4px 18px rgba(27,94,32,0.38); }
  50%     { box-shadow: 0 4px 28px rgba(34,170,64,0.60), 0 0 0 3px rgba(67,160,71,0.12); }
}

/* ── Subtle shimmer sweep across banners ── */
@keyframes luxShimmer {
  0%   { background-position: -400px 0; }
  100% { background-position:  400px 0; }
}

/* ── Top bar gradient shimmer ── */
@keyframes luxTopBarShimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* =====================================================
   APPLY ANIMATIONS
   ===================================================== */

/* Product & category card entrance */
.product_item,
.cat_item,
.homeproduct .row > * {
  animation: luxFadeUp 0.42s ease both !important;
}

/* WhatsApp float bob */
.float {
  animation: luxFloatBob 3s ease-in-out infinite !important;
}
.float:hover {
  animation: none !important;
  transform: scale(1.12) !important;
}

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

/* Mobile nav entrance */
.footer_nav {
  animation: luxSlideUp 0.32s ease both !important;
}

/* =====================================================
   RESPONSIVE — TABLET  768px – 991px
   ===================================================== */
@media (min-width: 768px) and (max-width: 991px) {
  .cat_item  { height: 120px !important; }
  .cat_img   { height: 66px !important; }
  .pro_img   { height: 170px !important; }

  .section-title-name { font-size: 17px !important; }

  .main_product_inner {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }

  .bottoads_inner {
    grid-template-columns: 1fr 1fr !important;
  }

  .logo-header {
    grid-template-columns: 22% 52% 26% !important;
  }

  .single_product.d-flex .add_cart_btn,
  .single_product.d-flex .order_now_btn {
    height: 46px !important;
    font-size: 12.5px !important;
  }
}

/* =====================================================
   RESPONSIVE — LARGE DESKTOP  992px+
   ===================================================== */
@media (min-width: 992px) {
  .product_item:hover { transform: translateY(-8px) !important; }
  .cat_item { height: 132px !important; }
  .pro_img  { height: 200px !important; }

  .section-title-name {
    font-size: 21px !important;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE  max-width: 767px
   ===================================================== */
@media (max-width: 767px) {

  /* Slider */
  .slider-item { height: 150px !important; }
  .home-slider-container { border-radius: var(--r-sm) !important; }

  /* Product cards */
  .product_item { padding: 8px !important; margin-bottom: 10px !important; }
  .pro_img      { height: 155px !important; }
  .pro_name     { height: 44px !important; }
  .pro_name a   { font-size: 12.5px !important; }
  .pro_price p  { font-size: 14px !important; }

  /* Product card button */
  .pro_btn .cart_btn button,
  .pro_btn .order_button a,
  .addcartbutton { height: 36px !important; font-size: 11px !important; }

  /* Category cards */
  .cat_img  { height: 58px !important; width: 58px !important; }
  .cat_item { height: 110px !important; padding: 8px 4px !important; }
  .cat_name a { font-size: 11px !important; }

  /* Section titles */
  .section-title-name { font-size: 15px !important; }

  /* Product detail buttons */
  .single_product.d-flex { gap: 10px !important; }
  .single_product.d-flex .add_cart_btn,
  .single_product.d-flex .order_now_btn {
    height: 46px !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
  }

  /* Call/WhatsApp buttons */
  .call_now_btn { height: 44px !important; font-size: 13px !important; }

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

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

  .ads_item {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    scroll-snap-align: start !important;
  }

  /* Footer */
  .footer-top { padding: 32px 0 24px !important; }
  .footer-about { text-align: center !important; }
  .footer-about p { text-align: center !important; }

  /* Search form rounding */
  .mobile-search form { border-radius: 22px !important; }
  .mobile-search form button { border-radius: 0 22px 22px 0 !important; }

  /* Logo */
  .menu-logo img { height: 44px !important; }

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

  /* Scrolltop — hidden on mobile, nav replaces */
  .scrolltop { bottom: 84px !important; display: none !important; }

  /* Product grid mobile */
  .main_product_inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  /* Toastr */
  #toast-container {
    width: 100% !important; right: 0 !important;
    top: 0 !important; padding: 10px !important;
  }
  #toast-container > div {
    width: 100% !important;
    padding: 16px 16px 16px 52px !important;
  }
}

@media (max-width: 575px) {
  #content { padding-top: 193px !important; }
  .section-title-name { font-size: 14px !important; }
  .slider-item { height: 130px !important; }
}

/* =====================================================
   NUCLEAR SAFETY OVERRIDES
   These ensure our theme wins over all earlier CSS
   including main.css !important declarations
   ===================================================== */

/* ── Body background — override admin var ── */
body,
#content,
body #content {
  background: var(--lux-light) !important;
  background-color: var(--lux-light) !important;
}

/* ── Sections transparent ── */
section,
.homeproduct {
  background: transparent !important;
}

/* ── Top bar — override admin var(--header-top-bg-color) ── */
.top_header,
body .top_header,
header #navbar_top .top_header {
  background: var(--lux-dark-2) !important;
  background-color: var(--lux-dark-2) !important;
  background-image: none !important;
  animation: none !important;
}

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

/* ── Navigation — override admin var(--menu-bg-color) ── */
.menu-area,
body .menu-area {
  background: var(--lux-dark-2) !important;
  background-color: var(--lux-dark-2) !important;
}

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

/* ── Override admin var(--body-bg-color) on body ── */
body { background: var(--lux-light) !important; }

/* ── Product card background ── */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card,
body .product_item,
body .wist_item {
  background: var(--lux-white) !important;
  background-color: var(--lux-white) !important;
}

/* ── Section title color — override admin var ── */
.section-title-header,
.sec_title h3,
.section-title-name {
  color: var(--lux-dark-2) !important;
}

/* ── Price color override ── */
.pro_price p,
.pro_price {
  color: var(--lux-dark-2) !important;
}

/* ── Header gradient animation disabled for clean white look ── */
.main-header,
.logo-area,
.mobile-header {
  background-size: unset !important;
  animation: none !important;
}

/* ── Glow pulse on product card buttons — use our orange version ── */
.pro_btn .cart_btn button,
.addcartbutton,
.go_cart,
.cart_store {
  animation: luxOrangeGlow 4s ease-in-out infinite !important;
}

.pro_btn .cart_btn button:hover,
.addcartbutton:hover,
.go_cart:hover,
.cart_store:hover {
  animation: none !important;
}

/* ── Float WhatsApp bob — keep our version ── */
.float { animation: luxFloatBob 3s ease-in-out infinite !important; }
.float:hover { animation: none !important; }

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

/* ── Ensure mobile hotline bar uses brand orange ── */
.d-flex.d-sm-none[style*="background"],
.d-sm-none.align-items-center.justify-content-center.py-1 {
  background: rgba(140,42,10,0.88) !important;
}

/* =====================================================
   PROTECTED SECTIONS — DO NOT TOUCH THESE STYLES
   Category dropdown is intentionally left alone.
   We only ensure no bleed-through from our theme.
   ===================================================== */

/*
  .all__category__list > a     → RED gradient (admin controlled / main.css)
  .side__bar                   → Dark navy #0f1729 (main.css)
  .side__barsub                → Sky blue #1e3a5f  (main.css)
  .side__barchild              → Matched to subcategory navy family (overridden below)
  These are intentionally kept intact structurally.
*/

/* ── Child category background — match subcategory navy family ── */
/* Subcategory uses #1e3a5f (dark navy blue). Child category gets  */
/* a slightly deeper navy #162d4a so they feel like the same family */
/* instead of the jarring emerald green from main.css               */
.side__barchild,
.all__category__list .side__barchild,
.sidebar-menu .side__barchild,
li.all__category__list .side__barchild,
body .side__barchild {
  background: #162d4a !important;
  background-color: #162d4a !important;
  border-left: 3px solid #7DD3FC !important;
  border-top: 2px solid #7DD3FC !important;
}

/* Child category text — lighter sky blue to match subcategory family */
.side__barchild ul li a,
.side__barchild li a,
.all__category__list .side__barchild ul li a,
.sidebar-menu .side__barchild ul li a,
body .side__barchild li a,
body .side__barchild ul li a,
body .side__barchild ul li a span,
body div .side__barchild ul li a {
  color: #bae6fd !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Child category hover */
.side__barchild ul li:hover {
  background: rgba(125,211,252,0.12) !important;
}

.side__barchild ul li:hover > a,
body .side__barchild ul li:hover > a {
  color: #ffffff !important;
  padding-left: 20px !important;
  border-left: 3px solid #7DD3FC !important;
  background: transparent !important;
}

/* =====================================================
   LEGACY VARIABLE REMAPPING
   Maps old purple/blue tokens → our orange brand
   Ensures any component referencing legacy vars
   picks up the correct luxury theme colours
   ===================================================== */
:root {
  --purple-dark:          var(--lux-dark-2);
  --purple-main:          var(--lux-primary);
  --purple-accent:        var(--lux-primary-mid);
  --purple-light:         rgba(189,56,13,0.22);
  --purple-soft-bg:       var(--lux-primary-mist);
  --purple-gradient:      linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary));
  --purple-gradient-rev:  linear-gradient(135deg, var(--lux-primary), var(--lux-primary-dark));
  --purple-glow:          rgba(189,56,13,0.28);
  --purple-glow-sm:       rgba(189,56,13,0.12);
  --body-bg:              var(--lux-light);
  --card-bg:              var(--lux-white);
  --text-primary:         var(--lux-dark-2);
  --text-muted:           var(--lux-muted);
  --text-price:           var(--lux-dark-2);
  --border-light:         var(--lux-border);
  --shadow-card:          var(--shadow-card);
  --shadow-hover:         var(--shadow-hover);
  --radius-card:          var(--r-md);
  --radius-btn:           var(--r-sm);
  --dark-footer:          var(--lux-black);
  --nav-bg:               var(--lux-black);

  /* Gadget theme token remapping */
  --g-primary:            var(--lux-primary);
  --g-primary-dark:       var(--lux-primary-dark);
  --g-primary-light:      var(--lux-primary-mid);
  --g-accent:             var(--lux-primary-glow);
  --g-accent-dark:        var(--lux-primary-light);
  --g-bg:                 var(--lux-light);
  --g-bg-card:            var(--lux-white);
  --g-text:               var(--lux-dark-2);
  --g-text-muted:         var(--lux-muted);
  --g-border:             var(--lux-border);
  --g-shadow-sm:          var(--shadow-sm);
  --g-shadow-md:          var(--shadow-md);
  --g-shadow-lg:          var(--shadow-lg);
  --g-shadow-hover:       var(--shadow-hover);
  --g-transition:         var(--trans-std);
}

/* =====================================================
   HOTDEALS PAGE — Premium listing
   ===================================================== */
.hot-deals-section { padding: 20px 0 !important; }

.hot-deals-inner {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 16px !important;
}

/* =====================================================
   CONTACT PAGE
   ===================================================== */
.contact-section {
  background: var(--lux-white) !important;
  padding: 24px 0 !important;
  margin-bottom: 10px !important;
}

.cont_item a {
  color: var(--lux-primary) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: var(--trans-fast) !important;
}

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

/* =====================================================
   CREATE PAGE / CMS PAGES
   ===================================================== */
section.createpage-section {
  background: var(--lux-white) !important;
  border-radius: var(--r-lg) !important;
}

.page-description ul li {
  color: var(--lux-mid) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

/* =====================================================
   PRODUCT DETAIL — Image slider area
   ===================================================== */
.details_slider {
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  overflow: hidden !important;
  background: var(--lux-white) !important;
}

.indicator-item {
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-sm) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: var(--trans-fast) !important;
}

.indicator-item:hover { border-color: var(--lux-primary) !important; }
.indicator-item img { height: 72px !important; object-fit: contain !important; }

.dimage_item img {
  height: 480px !important;
  object-fit: contain !important;
  width: 100% !important;
}

/* Details right panel */
.details_right {
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 18px 20px !important;
  background: var(--lux-white) !important;
}

/* Pro brand / code badges */
.pro_brand p,
.pro_brand p * {
  color: var(--lux-mid) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.product-code p {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-right-color: var(--lux-white) !important;
}

/* Highlight features list */
.hightlight_cont p { font-weight: 600 !important; color: var(--lux-dark-2) !important; }
.hightlight_cont ul li {
  display: block !important;
  line-height: 28px !important;
  color: var(--lux-mid) !important;
  font-size: 14px !important;
}
.hightlight_cont ul li i {
  color: var(--lux-primary) !important;
  margin-right: 6px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

/* Related products section */
section.related-product-section {
  background: var(--lux-white) !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  margin-bottom: 12px !important;
  border-radius: var(--r-lg) !important;
}

.related-title h5 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--lux-dark-2) !important;
  font-size: 18px !important;
}

/* =====================================================
   ORDER SUCCESS PAGE
   ===================================================== */
.success-img img {
  width: 280px !important;
  display: block !important;
  margin: 0 auto !important;
}

.success-table {
  background: var(--lux-lighter) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 18px !important;
}

/* =====================================================
   FLASH SALES / OFFERS PAGE
   ===================================================== */
.flash-product-section .col-sm-4 { padding: 8px 10px !important; }

/* =====================================================
   OWL CAROUSEL — General nav button cleanup
   (Non-hero carousels: product_slider, category-slider)
   ===================================================== */
.product_slider .owl-prev,
.product_slider .owl-next,
.category-slider .owl-prev,
.category-slider .owl-next,
.customer-review .owl-prev,
.customer-review .owl-next {
  background: var(--lux-white) !important;
  border: 1.5px solid var(--lux-border) !important;
  border-radius: 50% !important;
  width: 32px !important; height: 32px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--trans-fast) !important;
  color: var(--lux-mid) !important;
}

.product_slider .owl-prev:hover,
.product_slider .owl-next:hover,
.category-slider .owl-prev:hover,
.category-slider .owl-next:hover {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  box-shadow: var(--shadow-orange) !important;
}

.product_slider .owl-prev i,
.product_slider .owl-next i,
.category-slider .owl-prev i,
.category-slider .owl-next i {
  color: inherit !important;
  font-size: 14px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

/* =====================================================
   SECTION BACKGROUND ALTERNATION
   Subtle warm tint on every other homepage section
   ===================================================== */
.homeproduct:nth-of-type(odd)  { background: transparent !important; }
.homeproduct:nth-of-type(even) { background: var(--lux-lighter) !important; border-radius: var(--r-lg) !important; }

/* =====================================================
   TYPOGRAPHY HELPERS — editorial display headings
   ===================================================== */
.section-title-header .section-title-name,
h1, h2.section-h2 {
  font-family: var(--font-display) !important;
}

/* Force body/UI elements to use Inter */
p, span, a, li, label, td, th,
input, select, textarea, button {
  font-family: var(--font-body) !important;
}

/* Headings stay Playfair */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  color: var(--lux-dark-2) !important;
}

/* But nav/button headings stay Inter (functional UI) */
.menu-area h1, .menu-area h2, .menu-area h3,
.menu-area h4, .menu-area h5, .menu-area h6,
.pro_btn h1, .pro_btn h2, .pro_btn h3,
.pro_btn h4, .pro_btn h5, .pro_btn h6,
.footer_nav h1, .footer_nav h2,
.footer_nav h3, .footer_nav h4,
.footer_nav h5, .footer_nav h6 {
  font-family: var(--font-body) !important;
}

/* =====================================================
   WISHLIST MODAL PRICE
   ===================================================== */
.wishlist-modal .price {
  color: var(--lux-primary) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

/* =====================================================
   FILTER / SORT CONTROLS
   ===================================================== */
form.sort-form .form-select,
form.sort-form .form-select:focus {
  border: 1.5px solid var(--lux-border) !important;
  border-radius: var(--r-sm) !important;
  font-family: var(--font-body) !important;
  color: var(--lux-dark-2) !important;
}

.showing-data span {
  font-size: 14px !important;
  color: var(--lux-muted) !important;
  font-family: var(--font-body) !important;
}

/* =====================================================
   FINAL UTILITY OVERRIDES
   Catches any remaining bleed from earlier CSS layers
   ===================================================== */

/* Ensure no blue/purple remnants on action buttons */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
body .pro_btn .cart_btn button,
body .pro_btn .order_button a,
body .addcartbutton {
  background: linear-gradient(135deg,
    var(--lux-primary-dark) 0%,
    var(--lux-primary)      50%,
    var(--lux-primary-mid)  100%) !important;
  background-size: 200% 200% !important;
  border-color: transparent !important;
  color: var(--lux-white) !important;
}

/* Ensure go_cart stays orange, not purple/blue */
.go_cart,
body .go_cart {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color: var(--lux-white) !important;
}

/* Submit button — not blue */
.submit-btn,
body .submit-btn {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color: var(--lux-white) !important;
}

/* btn-primary — not blue */
.btn-primary,
body .btn-primary {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* btn-success — keep green for success states */
.btn-success {
  background: linear-gradient(135deg, #1B5E20, #2E7D32) !important;
  border-color: #1B5E20 !important;
  color: var(--lux-white) !important;
}

/* Pagination active — orange */
.pagination .page-item.active .page-link {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
}

/* Section title underline — orange */
.section-title-name {
  border-bottom: none !important;
  color: var(--lux-dark-2) !important;
}

/* Mobile nav cart badge — orange */
.footer_nav .mobilecart-qty,
body .footer_nav .mobilecart-qty {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Scrollbar thumb — orange on hover */
::-webkit-scrollbar-thumb:hover { background: var(--lux-primary) !important; }

/* Sidebar customer menu hover — orange */
.sidebar-menu ul li:hover > a,
body .sidebar-menu ul li:hover > a {
  background: var(--lux-primary-mist) !important;
  color: var(--lux-primary) !important;
  border-left: 3px solid var(--lux-primary) !important;
}

/* Invoice button — orange */
.invoice_btn,
.invoice_btn:focus,
body .invoice_btn {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
  border-color: var(--lux-primary) !important;
}

/* Confirm button — orange */
.confirm-btn,
body .confirm-btn {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Filter button — orange */
.filter_btn,
body .filter_btn {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Remove cart — keep red for destructive action */
.remove-cart,
body .remove-cart {
  background: var(--lux-error) !important;
  color: var(--lux-white) !important;
}

/* Loading spinner — orange */
.custom-loader {
  --c: radial-gradient(farthest-side, var(--lux-primary) 92%, #0000) !important;
}

/* Tracktable header — dark charcoal */
.tracktable thead,
body .tracktable thead {
  background: var(--lux-dark-2) !important;
}
.tracktable thead *,
body .tracktable thead * {
  color: var(--lux-white) !important;
}

/* Alert info — warm orange tint */
.alert-info {
  background: var(--lux-primary-mist) !important;
  border-color: rgba(189,56,13,0.22) !important;
  color: var(--lux-primary-dark) !important;
}

/* View more btn — orange */
.view_more_btn,
a.view_more_btn,
body .view_more_btn {
  color: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  background: transparent !important;
}

.view_more_btn:hover,
a.view_more_btn:hover {
  background: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* Checkout btn — orange */
.checkout-btn,
body .checkout-btn {
  background: var(--lux-primary-dark) !important;
  border-color: var(--lux-primary) !important;
  color: var(--lux-white) !important;
}

/* =====================================================
   PREMIUM HOVER MICRO-INTERACTIONS
   Adds subtle editorial polish throughout the UI
   ===================================================== */

/* Product card — warm border glow on hover */
.product_item::after,
.wist_item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: var(--r-md) !important;
  border: 1.5px solid transparent !important;
  pointer-events: none !important;
  transition: border-color 0.35s ease !important;
  z-index: 0 !important;
}

.product_item:hover::after,
.wist_item:hover::after {
  border-color: rgba(189,56,13,0.25) !important;
}

/* Category card — orange dot indicator on hover */
.cat_item::before {
  content: "" !important;
  display: block !important;
  width: 4px !important;
  height: 4px !important;
  background: var(--lux-primary) !important;
  border-radius: 50% !important;
  position: absolute !important;
  bottom: 6px !important;
  left: 50% !important;
  transform: translateX(-50%) scale(0) !important;
  transition: transform 0.28s var(--trans-spring) !important;
  pointer-events: none !important;
}

.cat_item {
  position: relative !important;
}

.cat_item:hover::before {
  transform: translateX(-50%) scale(1) !important;
}

/* Section title — animated orange underline grows on hover */
.sec_title:hover .section-title-name::after {
  width: 80px !important;
}

/* Footer links — warm orange left-slide effect */
.footer-menu ul li a {
  border-left: 2px solid transparent !important;
  padding-left: 0 !important;
  transition: color 0.22s ease, padding-left 0.22s ease, border-color 0.22s ease !important;
}

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

/* Header nav links — bottom edge orange line reveal on hover */
.heder__category > li:not(.all__category__list) {
  position: relative !important;
}

.heder__category > li:not(.all__category__list)::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important; left: 12px !important; right: 12px !important;
  height: 2px !important;
  background: var(--lux-primary) !important;
  border-radius: 1px !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s ease !important;
  pointer-events: none !important;
}

.heder__category > li:not(.all__category__list):hover::after {
  transform: scaleX(1) !important;
}

/* Social link icons — scale on hover */
.social_link li a i,
.social_link li a svg {
  transition: transform 0.25s var(--trans-spring) !important;
}

.social_link li a:hover i,
.social_link li a:hover svg {
  transform: scale(1.20) !important;
  color: #ffffff !important;
}

/* =====================================================
   END OF LUXURY MEN'S FASHION THEME
   =====================================================
   File:    luxury-mens-fashion.css
   Version: 1.0.0  —  2026
   Brand:   #BD380D Deep Burnt Orange
   Design:  Premium · Masculine · Editorial · Modern
   ===================================================== */