/* =====================================================
   MAISON ÉLITE — Luxury Furniture eCommerce Theme
   Primary:    #700000  (Deep Burgundy)
   Light:      #9a1515  (Warm Crimson)
   Dark:       #3d0000  (Rich Mahogany)
   Gold:       #c9a84c  (Antique Gold)
   Cream:      #fdf6ee  (Warm Ivory)
   ===================================================== */

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

/* =========== LUXURY DESIGN TOKENS =========== */
:root {
  --lux-primary:        #700000;
  --lux-primary-dark:   #3d0000;
  --lux-primary-light:  #9a1515;
  --lux-gold:           #c9a84c;
  --lux-gold-light:     #e8cf88;
  --lux-gold-dark:      #9a7a2a;
  --lux-cream:          #fdf6ee;
  --lux-cream-dark:     #f5e8d5;
  --lux-ivory:          #fffbf5;
  --lux-warm-white:     #fefcf8;
  --lux-charcoal:       #1a1208;
  --lux-text:           #2c1810;
  --lux-text-muted:     #8a7060;
  --lux-border:         #e8d9c5;
  --lux-border-light:   #f0e6d6;
  --lux-shadow-sm:      0 2px 12px rgba(112,0,0,0.08);
  --lux-shadow-md:      0 6px 28px rgba(112,0,0,0.14);
  --lux-shadow-lg:      0 12px 48px rgba(112,0,0,0.20);
  --lux-shadow-hover:   0 18px 56px rgba(112,0,0,0.26);
  --lux-radius-sm:      4px;
  --lux-radius-md:      8px;
  --lux-radius-lg:      16px;
  --lux-transition:     all 0.32s cubic-bezier(0.4,0,0.2,1);
  --lux-font-serif:     "Playfair Display","Cormorant Garamond",Georgia,serif;
  --lux-font-sans:      "Jost","Hind Siliguri",sans-serif;

  /* Override legacy tokens */
  --purple-dark:         var(--lux-primary-dark);
  --purple-main:         var(--lux-primary);
  --purple-accent:       var(--lux-primary-light);
  --purple-light:        rgba(201,168,76,0.3);
  --purple-soft-bg:      var(--lux-cream);
  --purple-gradient:     linear-gradient(135deg,#3d0000 0%,#700000 100%);
  --purple-glow:         rgba(112,0,0,0.25);
  --purple-glow-sm:      rgba(112,0,0,0.12);
  --body-bg:             var(--lux-cream);
  --card-bg:             #ffffff;
  --text-primary:        var(--lux-text);
  --text-muted:          var(--lux-text-muted);
  --border-light:        var(--lux-border);
  --dark-footer:         var(--lux-primary-dark);
  --g-primary:           var(--lux-primary);
  --g-primary-dark:      var(--lux-primary-dark);
  --g-primary-light:     var(--lux-primary-light);
  --g-accent:            var(--lux-gold);
  --g-bg:                var(--lux-cream);
  --g-bg-card:           #ffffff;
  --g-text:              var(--lux-text);
  --g-text-muted:        var(--lux-text-muted);
  --g-border:            var(--lux-border);
  --g-shadow-sm:         var(--lux-shadow-sm);
  --g-shadow-md:         var(--lux-shadow-md);
  --g-shadow-lg:         var(--lux-shadow-lg);
  --g-shadow-hover:      var(--lux-shadow-hover);
}

/* =====================================================
   ICON FONT PROTECTION — never override FA
   ===================================================== */
.fa,.fas,.far,.fab,.fal,.fad,
.fa-solid,.fa-regular,.fa-brands,.fa-light,
[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;
}
svg,svg * { font-family:inherit !important; }
svg[data-feather] { fill:none !important; stroke:currentColor !important; }

/* =====================================================
   GLOBAL BODY & TYPOGRAPHY
   ===================================================== */
*,*::before,*::after { box-sizing:border-box; }

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(--lux-font-sans) !important;
}

body {
  background: var(--lux-cream) !important;
  color: var(--lux-text) !important;
  font-size:14px;
  line-height:1.65;
}

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-text) !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--lux-font-serif) !important;
  color: var(--lux-text) !important;
}

a { transition: var(--lux-transition); color: var(--lux-primary); }
a:hover { color: var(--lux-primary-light); }

/* Scrollbar */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background: var(--lux-cream-dark); }
::-webkit-scrollbar-thumb { background:rgba(112,0,0,0.4); border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background: var(--lux-primary); }

/* =====================================================
   TOP ANNOUNCEMENT BAR
   ===================================================== */
.top_header,
body .top_header,
header .top_header {
  background: var(--lux-primary-dark) !important;
  background-color: var(--lux-primary-dark) !important;
  background-image: none !important;
  animation: none !important;
  min-height:38px !important;
  border-bottom: 1px solid rgba(201,168,76,0.25) !important;
}

.top_header,.top_header p,.top_header span,
.top_header a,.top_header div,.top_header marquee {
  color: rgba(253,246,238,0.92) !important;
  font-size:13px !important;
  font-family: var(--lux-font-sans) !important;
}

.top_header a[href^="tel"],
.top_header a.fw-bold {
  background: rgba(201,168,76,0.18) !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  border-radius: var(--lux-radius-sm) !important;
  padding: 2px 14px !important;
  font-weight:600 !important;
  color: var(--lux-gold-light) !important;
  letter-spacing:0.3px !important;
}

/* Mobile hotline bar */
.d-sm-none[style*="background"] {
  background: var(--lux-primary) !important;
}

/* =====================================================
   DESKTOP MAIN HEADER
   ===================================================== */
.main-header, .logo-area {
  background: var(--lux-warm-white) !important;
  border-bottom: 1px solid var(--lux-border) !important;
  box-shadow: 0 2px 20px rgba(112,0,0,0.08) !important;
  position: relative !important;
  animation: none !important;
}

.main-header::after, .logo-area::after {
  content:"" !important;
  display:block !important;
  height:2px !important;
  background: linear-gradient(90deg,var(--lux-primary-dark),var(--lux-gold),var(--lux-primary)) !important;
  position:absolute !important;
  bottom:0 !important; left:0 !important; right:0 !important;
  opacity:0.8 !important;
}

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

/* =====================================================
   MOBILE HEADER
   ===================================================== */
.mobile-header {
  background: var(--lux-warm-white) !important;
  border-bottom: 2px solid var(--lux-primary) !important;
  box-shadow: 0 2px 14px rgba(112,0,0,0.1) !important;
}

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

.menu-bar i, .toggle i {
  color: var(--lux-primary) !important;
  font-size:23px !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-primary) !important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.menu-bag .margin-shopping span, .mobilecart-qty {
  background: var(--lux-gold) !important;
  color: var(--lux-charcoal) !important;
  font-weight:700 !important;
  border-radius:50% !important;
  box-shadow: 0 2px 8px rgba(201,168,76,0.45) !important;
}

/* =====================================================
   SEARCH BAR — Luxury Warm Style
   ===================================================== */
.main-search form, .mobile-search form {
  border: 1.5px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-sm) !important;
  background: #ffffff !important;
  box-shadow: var(--lux-shadow-sm) !important;
  transition: var(--lux-transition) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:stretch !important;
}

.main-search form:focus-within, .mobile-search form:focus-within {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 4px 18px rgba(112,0,0,0.15) !important;
}

.search_keyword, .msearch_keyword {
  background: var(--lux-ivory) !important;
  border:none !important;
  color: var(--lux-text) !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:400 !important;
  padding-left:18px !important;
  flex:1 !important;
}

.search_keyword::placeholder, .msearch_keyword::placeholder {
  color: var(--lux-text-muted) !important;
  font-style:italic !important;
}

.main-search form button, .mobile-search form button {
  background: var(--lux-primary) !important;
  border:none !important;
  color:#ffffff !important;
  padding: 0 20px !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  min-width:48px !important;
  transition: background 0.25s ease !important;
}

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

.main-search form button svg, .mobile-search form button svg,
.main-search form button i, .mobile-search form button i {
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  pointer-events:none !important;
}

/* =====================================================
   HEADER ACTION ITEMS (Cart, Track Order)
   ===================================================== */
.header-list-items ul li span {
  background: var(--lux-gold) !important;
  color: var(--lux-charcoal) !important;
  box-shadow: 0 2px 6px rgba(201,168,76,0.4) !important;
}

.header-list-items svg {
  stroke: var(--lux-primary) !important;
  fill:none !important;
}

.track_btn a {
  color: var(--lux-primary) !important;
  border: 1.5px solid var(--lux-primary) !important;
  padding: 5px 14px !important;
  border-radius: var(--lux-radius-sm) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:600 !important;
  font-size:13px !important;
  transition: var(--lux-transition) !important;
  background:transparent !important;
}

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

.track_btn a:hover {
  background: var(--lux-primary) !important;
  color:#ffffff !important;
  box-shadow: 0 4px 14px rgba(112,0,0,0.3) !important;
}

.track_btn a:hover i { color:#ffffff !important; }

.cshort-summary {
  border-radius: var(--lux-radius-md) !important;
  box-shadow: var(--lux-shadow-lg) !important;
  border: 1px solid var(--lux-border) !important;
  background: var(--lux-warm-white) !important;
}

/* =====================================================
   NAVIGATION MENU BAR
   ===================================================== */
.menu-area {
  background: var(--lux-primary) !important;
  box-shadow: 0 3px 16px rgba(61,0,0,0.35) !important;
  position:relative !important;
  z-index:1001 !important;
  overflow:visible !important;
}

/* ALL CATEGORIES button — simple red, no animation */
.all__category__list,
li.all__category__list {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.all__category__list > a,
li.all__category__list > a {
  background: var(--lux-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: var(--lux-font-sans) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 100% !important;
  min-height: 44px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background 0.2s ease !important;
  animation: none !important;
}

.all__category__list > a::before { display: none !important; }
.all__category__list > a::after  { display: none !important; }

.all__category__list > a *,
.all__category__list > a i {
  color: #ffffff !important;
  background: transparent !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
  font-size: 14px !important;
  transition: none !important;
  transform: none !important;
}

.all__category__list > a:hover {
  background: var(--lux-primary-dark) !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.all__category__list > a:hover *,
.all__category__list > a:hover i {
  color: #ffffff !important;
  transform: none !important;
}

/* Nav links */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.right__menu__top li p a {
  color: rgba(253,246,238,0.92) !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  letter-spacing:0.3px !important;
  padding: 6px 14px !important;
  border-radius: var(--lux-radius-sm) !important;
  border: 1px solid transparent !important;
  transition: var(--lux-transition) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
  background: rgba(201,168,76,0.18) !important;
  color: var(--lux-gold-light) !important;
  border-color: rgba(201,168,76,0.3) !important;
  backdrop-filter:blur(8px) !important;
}

.heder__category > li:not(.all__category__list) a::after { display:none !important; }

/* =====================================================
   CATEGORY SIDEBAR DROPDOWN
   ===================================================== */
.side__bar {
  background: var(--lux-primary-dark) !important;
  background-color: var(--lux-primary-dark) !important;
  border-radius: 0 0 var(--lux-radius-md) var(--lux-radius-md) !important;
  box-shadow: 0 18px 50px rgba(61,0,0,0.55) !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  border-top: 2px solid var(--lux-gold) !important;
  overflow:visible !important;
}

.side__bar, .side__bar *,
.side__bar ul, .side__bar ul li,
.side__bar ul li a, .side__bar ul li a span,
body .side__bar ul li a {
  color: rgba(253,246,238,0.9) !important;
  background-color: transparent !important;
}

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

.side__bar ul li a img {
  width:20px !important; height:20px !important;
  object-fit:contain !important; border-radius:3px !important;
  filter:brightness(1.2) !important; flex-shrink:0 !important;
}

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

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

.side__bar ul li:hover > a {
  color:#ffffff !important;
  padding-left:22px !important;
  border-left: 3px solid var(--lux-gold) !important;
}

.side__bar ul li:hover > a i { color: var(--lux-gold) !important; }

/* Sub-menu level 2 */
.side__barsub,
.all__category__list .side__barsub,
body .side__barsub {
  background: #0f1729 !important;
  background-color: #0f1729 !important;
  border-left: 3px solid var(--lux-gold) !important;
  border-top: 2px solid var(--lux-gold) !important;
  box-shadow: 6px 0 28px rgba(61,0,0,0.55) !important;
  min-width:240px !important;
}

.side__barsub ul li a, body .side__barsub ul li a,
.side__barsub * {
  color: rgba(253,246,238,0.88) !important;
  background:transparent !important;
}

.side__barsub ul li:hover { background: rgba(201,168,76,0.15) !important; }
.side__barsub ul li:hover > a { color:#ffffff !important; border-left: 2px solid var(--lux-gold) !important; padding-left:20px !important; }

/* Sub-menu level 3 */
.side__barchild,
.all__category__list .side__barchild,
body .side__barchild {
  background: #0f1729 !important;
  background-color: #0f1729 !important;
  border-left: 3px solid var(--lux-gold-light) !important;
  border-top: 2px solid var(--lux-gold-light) !important;
  box-shadow: 6px 0 28px rgba(61,0,0,0.55) !important;
  min-width:230px !important;
}

.side__barchild ul li a, body .side__barchild ul li a,
.side__barchild * {
  color: rgba(253,246,238,0.85) !important;
  background:transparent !important;
}

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

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

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

.mobile-menu-logo {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid var(--lux-gold) !important;
}

.mobile-menu-logo * { color:#ffffff !important; }

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

.mobile-menu .menu-category-name {
  font-weight:600 !important;
  border-bottom: 1px solid var(--lux-border) !important;
  padding: 12px 16px !important;
  transition: var(--lux-transition) !important;
  font-family: var(--lux-font-sans) !important;
}

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

/* =====================================================
   BODY BACKGROUND & GENERAL PAGE
   ===================================================== */
body, #content { background: var(--lux-cream) !important; }
section { background:transparent !important; }

.homeproduct {
  background:transparent !important;
  padding: 16px 0 !important;
  margin-bottom:8px !important;
}

/* =====================================================
   HERO SLIDER
   ===================================================== */
.slider-section { margin-bottom:16px !important; margin-top:10px !important; }

.home-slider-container {
  border-radius: var(--lux-radius-md) !important;
  overflow:hidden !important;
  box-shadow: var(--lux-shadow-md) !important;
  border: 1px solid var(--lux-border) !important;
}

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

.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(253,246,238,0.15) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(201,168,76,0.4) !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 20px rgba(61,0,0,0.3) !important;
  transition: var(--lux-transition) !important;
  color:#ffffff !important;
}

.main-slider .owl-prev:hover,
.main-slider .owl-next:hover,
.main_slider .owl-prev:hover,
.main_slider .owl-next:hover {
  background: rgba(201,168,76,0.35) !important;
  border-color: var(--lux-gold) !important;
  transform:scale(1.1) !important;
}

.main-slider .owl-nav button span,
.main_slider .owl-nav button span,
.main_slider .owl-prev i, .main_slider .owl-next i {
  color:#ffffff !important;
  font-size:20px !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

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

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

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

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

/* =====================================================
   SECTION TITLES — Luxury Style
   Sized exactly like reference: demo.ecommerce1.apleefix.com
   ===================================================== */

/* Wrapper: sec_title holds the section-title-header */
.sec_title {
  margin-bottom: 10px !important;
}

/* Full-width header row: title LEFT, view more RIGHT */
h3.section-title-header,
.section-title-header {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 16px !important;
  /* reset h3 defaults */
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}

/* The section title text — matches reference: large, uppercase, bold, left-aligned */
.section-title-name {
  font-family: var(--lux-font-sans) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--lux-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  display: inline-block !important;
  position: relative !important;
  line-height: 1.3 !important;
  flex: 1 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Short decorative underline — only as wide as the text, luxury style */
.section-title-name::after {
  content: "" !important;
  display: block !important;
  margin-top: 6px !important;
  height: 3px !important;
  width: 60% !important;
  background: linear-gradient(90deg, var(--lux-primary) 0%, var(--lux-gold) 60%, transparent 100%) !important;
  border-radius: 2px !important;
}

/* "View More" button — reference: compact outlined button, right-aligned */
.view_more_btn,
a.view_more_btn {
  /* Layout */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  flex-shrink: 0 !important;

  /* Sizing — matches reference compact button */
  padding: 6px 18px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
  font-family: var(--lux-font-sans) !important;

  /* Color — luxury outlined style */
  color: var(--lux-primary) !important;
  background: transparent !important;
  background-image: none !important;
  border: 1.5px solid var(--lux-primary) !important;
  border-radius: var(--lux-radius-sm) !important;

  /* Misc */
  text-decoration: none !important;
  transition: var(--lux-transition) !important;
  box-shadow: none !important;
  animation: none !important;
  margin-bottom: 6px !important;
}

.view_more_btn:hover,
a.view_more_btn:hover {
  background: var(--lux-primary) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(112,0,0,0.28) !important;
  border-color: var(--lux-primary) !important;
}

/* Mobile: section title slightly smaller */
@media only screen and (max-width: 767px) {
  .section-title-name {
    font-size: 14px !important;
    padding-bottom: 8px !important;
    letter-spacing: 0.5px !important;
  }
  .view_more_btn, a.view_more_btn {
    font-size: 12px !important;
    padding: 5px 12px !important;
    height: 30px !important;
    margin-bottom: 6px !important;
  }
}

/* =====================================================
   CATEGORY CARDS
   ===================================================== */
.cat_item {
  background: #ffffff !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
  padding: 14px 8px !important;
  text-align:center !important;
  transition: var(--lux-transition) !important;
  box-shadow: var(--lux-shadow-sm) !important;
  height:130px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

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

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

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

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

.cat_name a {
  font-family: var(--lux-font-sans) !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  color: var(--lux-text) !important;
  display:block !important;
  line-height:1.3 !important;
  transition: var(--lux-transition) !important;
}

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

/* =====================================================
   PRODUCT CARDS — Premium Luxury Layout
   ===================================================== */
.product_item, .product-item, .wist_item,
.product-inner, .product-card {
  background: #ffffff !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
  box-shadow: var(--lux-shadow-sm) !important;
  transition: var(--lux-transition) !important;
  overflow:hidden !important;
  padding: 10px !important;
  margin-bottom:16px !important;
  margin-top:4px !important;
  position:relative !important;
}

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

/* Subtle gold top accent on hover */
.product_item::before, .wist_item::before {
  content:"" !important;
  position:absolute !important;
  top:0 !important; left:0 !important; right:0 !important;
  height:2px !important;
  background: linear-gradient(90deg, var(--lux-primary), var(--lux-gold), var(--lux-primary)) !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition: transform 0.4s ease !important;
  z-index:2 !important;
}

.product_item:hover::before, .wist_item:hover::before {
  transform:scaleX(1) !important;
}

/* Product Image */
.pro_img {
  height:200px !important;
  border-radius: var(--lux-radius-sm) !important;
  overflow:hidden !important;
  background: var(--lux-cream) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !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.5s 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:8px !important; }

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

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

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

.pro_price p {
  font-size:16px !important; font-weight:700 !important;
  color: var(--lux-primary) !important;
  font-family: var(--lux-font-sans) !important;
  text-align:left !important;
}

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

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

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

/* Sale badge */
.sale-badge-box {
  background: var(--lux-primary) !important;
  border-radius:50% !important;
  width:44px !important; height:44px !important;
  display:flex !important;
  align-items:center !important; justify-content:center !important;
  flex-direction:column !important;
  box-shadow: 0 3px 10px rgba(112,0,0,0.45) !important;
}

.sale-badge-text, .sale-badge-text p {
  color:#ffffff !important;
  font-size:10px !important; font-weight:700 !important;
  margin:0 !important; line-height:1.1 !important;
}

/* =====================================================
   PRODUCT CARD "ORDER NOW" BUTTON
   Luxury Burgundy — rich, warm, command
   ===================================================== */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  background: linear-gradient(135deg, var(--lux-primary-dark) 0%, var(--lux-primary) 50%, #8a1010 100%) !important;
  background-size:200% 200% !important;
  color:#ffffff !important;
  border:none !important;
  border-radius: var(--lux-radius-sm) !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:700 !important;
  font-size:12.5px !important;
  letter-spacing:0.8px !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 15px rgba(112,0,0,0.35),
              inset 0 1px 0 rgba(255,255,255,0.12) !important;
  transition: background-position 0.5s ease,
              transform 0.28s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.28s ease !important;
  animation: luxBtnShift 5s ease infinite !important;
}

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

/* Gold shimmer sweep */
.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(201,168,76,0.3),transparent) !important;
  transform:skewX(-20deg) !important;
  transition: left 0.6s 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(-3px) scale(1.02) !important;
  box-shadow: 0 8px 26px rgba(112,0,0,0.5),
              0 0 0 2px rgba(201,168,76,0.25),
              inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation:none !important;
}

.pro_btn .cart_btn button *,
.pro_btn .order_button a *,
.addcartbutton * { color:#ffffff !important; background:transparent !important; }

.addcartbutton span {
  color:#ffffff !important; background:transparent !important;
  display:inline-block !important; position:relative !important;
  z-index:2 !important;
}

@keyframes luxBtnShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* =====================================================
   CART / CHECKOUT BUTTONS
   ===================================================== */
.go_cart {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color:#ffffff !important;
  border-radius: var(--lux-radius-sm) !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:700 !important; font-size:14px !important;
  text-align:center !important; padding:10px 0 !important;
  display:block !important;
  transition: var(--lux-transition) !important;
  box-shadow: 0 4px 16px rgba(112,0,0,0.32) !important;
  position:relative !important; overflow:hidden !important;
  animation: luxCartGlow 3s ease-in-out infinite !important;
}

.go_cart:hover {
  background: linear-gradient(135deg, #200000, var(--lux-primary-dark)) !important;
  color:#ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 26px rgba(112,0,0,0.5) !important;
  animation:none !important;
}

@keyframes luxCartGlow {
  0%,100% { box-shadow: 0 4px 16px rgba(112,0,0,0.32); }
  50%      { box-shadow: 0 4px 26px rgba(112,0,0,0.55), 0 0 0 4px rgba(112,0,0,0.1); }
}

.cart_store {
  background: linear-gradient(135deg, var(--lux-gold-dark), var(--lux-gold)) !important;
  border-color: var(--lux-gold-dark) !important;
  color: var(--lux-charcoal) !important;
  border-radius: var(--lux-radius-sm) !important;
  font-weight:700 !important;
  transition: var(--lux-transition) !important;
  box-shadow: 0 4px 14px rgba(201,168,76,0.35) !important;
}

.cart_store:hover {
  background: linear-gradient(135deg, #7a5c18, var(--lux-gold-dark)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(201,168,76,0.5) !important;
}

/* Generic Bootstrap buttons */
.btn-primary, .button-primary {
  background: var(--lux-primary) !important;
  border-color: var(--lux-primary) !important;
  color:#ffffff !important;
  border-radius: var(--lux-radius-sm) !important;
  font-weight:700 !important;
  transition: var(--lux-transition) !important;
  box-shadow: 0 4px 14px rgba(112,0,0,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: 0 8px 22px rgba(112,0,0,0.42) !important;
}

.btn-success {
  background: linear-gradient(135deg, #3a7a3a, #4caf50) !important;
  border-color: #3a7a3a !important; color:#ffffff !important;
  border-radius: var(--lux-radius-sm) !important; font-weight:700 !important;
}

.btn-success:hover {
  background: linear-gradient(135deg, #2d5e2d, #3a7a3a) !important;
  transform: translateY(-2px) !important;
}

button[type="submit"].btn, input[type="submit"].btn {
  background: var(--lux-primary) !important;
  color:#ffffff !important;
  border-color: var(--lux-primary) !important;
  border-radius: var(--lux-radius-sm) !important; font-weight:700 !important;
  box-shadow: 0 3px 10px rgba(112,0,0,0.25) !important;
}

button[type="submit"].btn:hover, input[type="submit"].btn:hover {
  background: var(--lux-primary-dark) !important;
  transform: translateY(-2px) !important;
}

.checkout-btn {
  background: var(--lux-primary) !important;
  border: 2px solid var(--lux-primary-light) !important;
  color:#ffffff !important;
  border-radius: var(--lux-radius-sm) !important;
  font-weight:700 !important;
  transition: var(--lux-transition) !important;
}

.checkout-btn:hover {
  background: var(--lux-primary-dark) !important;
  box-shadow: 0 8px 20px rgba(112,0,0,0.4) !important;
  transform: translateY(-2px) !important;
}

/* =====================================================
   PRODUCT DETAIL PAGE BUTTONS
   ===================================================== */

/* ADD TO CART — Deep Teal / Ocean Emerald */
.single_product.d-flex .add_cart_btn {
  background: linear-gradient(
    135deg,
    #0d4f47 0%, #0f766e 30%, #14b8a6 60%, #0f8a80 80%, #0a5c55 100%
  ) !important;
  background-size: 250% 250% !important;
  color: #ffffff !important;
  border: 1px solid rgba(20,184,166,0.35) !important;
  border-radius: 10px !important;
  height: 52px !important;
  font-family: var(--lux-font-sans) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
  flex: 1 !important;
  width: auto !important;
  cursor: pointer !important;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease,
              border-color 0.35s ease !important;
  box-shadow: 0 4px 20px rgba(15,118,110,0.45),
              inset 0 1px 0 rgba(255,255,255,0.18),
              inset 0 -1px 0 rgba(0,0,0,0.15) !important;
  animation: luxTealDrift 6s ease infinite !important;
}

/* Soft white 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 25%, rgba(255,255,255,0.22) 50%, transparent 75%) !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: 135% !important; }

/* Top inner highlight line */
.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.55), transparent) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.single_product.d-flex .add_cart_btn:hover {
  transform: translateY(-4px) scale(1.025) !important;
  border-color: rgba(20,184,166,0.6) !important;
  box-shadow: 0 14px 36px rgba(15,118,110,0.6),
              0 0 0 2px rgba(20,184,166,0.2),
              inset 0 1px 0 rgba(255,255,255,0.22) !important;
  animation: none !important;
}

.single_product.d-flex .add_cart_btn:active {
  transform: translateY(-1px) scale(0.985) !important;
}

.single_product.d-flex .add_cart_btn,
.single_product.d-flex .add_cart_btn * {
  color: #ffffff !important;
}

@keyframes luxTealDrift {
  0%   { background-position: 0% 50%; }
  33%  { background-position: 100% 0%; }
  66%  { background-position: 50% 100%; }
  100% { background-position: 0% 50%; }
}

@keyframes luxAuroraDrift {
  0%   { background-position: 0% 50%; }
  33%  { background-position: 100% 0%; }
  66%  { background-position: 50% 100%; }
  100% { background-position: 0% 50%; }
}

/* ORDER NOW — Burnished Gold / Antique Bronze */
.single_product.d-flex .order_now_btn {
  background: linear-gradient(
    135deg,
    #4a2e00 0%, #8a5c0a 20%, var(--lux-gold) 45%, #c49820 65%, #7a4a00 85%, #3d2400 100%
  ) !important;
  background-size:280% 280% !important;
  color: #1a0800 !important;
  border:none !important;
  border-radius: 10px !important;
  height:52px !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:800 !important; font-size:13px !important;
  letter-spacing:0.9px !important; text-transform:uppercase !important;
  position:relative !important; overflow:hidden !important;
  flex:1 !important; width:auto !important; cursor:pointer !important;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease !important;
  animation: luxGoldFlare 2.8s ease-in-out infinite !important;
}

@keyframes luxGoldFlare {
  0%   { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(201,168,76,0.45); }
  50%  { background-position: 100% 50%; box-shadow: 0 4px 32px rgba(201,168,76,0.7), 0 0 0 3px rgba(201,168,76,0.12); }
  100% { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(201,168,76,0.45); }
}

.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,248,200,0.35) 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;
}

.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,230,100,0.7),transparent) !important;
  pointer-events:none !important; z-index:3 !important;
}

.single_product.d-flex .order_now_btn:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation:none !important;
  box-shadow: 0 14px 38px rgba(201,168,76,0.6),
              0 0 0 2px rgba(201,168,76,0.25) !important;
}

.single_product.d-flex .order_now_btn:active {
  transform: translateY(-1px) scale(0.985) !important;
}

.single_product.d-flex .order_now_btn,
.single_product.d-flex .order_now_btn * { color: #1a0800 !important; }

/* =====================================================
   CALL / WHATSAPP BUTTONS (Product Detail)
   ===================================================== */
.call_now_btn {
  display:flex !important;
  align-items:center !important; justify-content:center !important;
  gap:10px !important; height:50px !important;
  border-radius:10px !important; font-weight:700 !important;
  font-size:14px !important; letter-spacing:0.4px !important;
  width:100% !important; text-decoration:none !important;
  position:relative !important; overflow:hidden !important;
  transition: transform 0.38s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease !important;
  border:none !important; cursor:pointer !important;
  color:#ffffff !important;
  font-family: var(--lux-font-sans) !important;
}

.call_now_btn * { color:#ffffff !important; position:relative !important; z-index:2 !important; }
.call_now_btn i {
  font-size:17px !important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
  z-index:2 !important;
}

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

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

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

.call_now_btn:active { transform: translateY(-1px) scale(0.982) !important; }

/* Phone Call — Deep Mahogany Red */
.call_now_btn[href^="tel"] {
  background: linear-gradient(135deg,
    var(--lux-primary-dark) 0%, var(--lux-primary) 40%,
    var(--lux-primary-light) 65%, var(--lux-primary) 85%,
    var(--lux-primary-dark) 100%
  ) !important;
  background-size:260% 260% !important;
  color: var(--lux-cream) !important;
  box-shadow: 0 4px 20px rgba(112,0,0,0.45),
              inset 0 1px 0 rgba(253,246,238,0.15) !important;
  animation: luxPhonePulse 3.2s ease-in-out infinite !important;
}

.call_now_btn[href^="tel"] * { color: var(--lux-cream) !important; }
.call_now_btn[href^="tel"] i { color: var(--lux-gold-light) !important; }

.call_now_btn[href^="tel"]::before {
  background: linear-gradient(105deg,transparent 20%,rgba(201,168,76,0.28) 50%,transparent 80%) !important;
}

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

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

@keyframes luxPhonePulse {
  0%   { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(112,0,0,0.42); }
  50%  { background-position: 100% 50%; box-shadow: 0 4px 30px rgba(112,0,0,0.65), 0 0 0 3px rgba(201,168,76,0.1); }
  100% { background-position: 0% 50%; box-shadow: 0 4px 20px rgba(112,0,0,0.42); }
}

/* WhatsApp — Luminous Forest Green */
.call_now_btn[href*="whatsapp"],
.call_now_btn[href*="api.whatsapp"] {
  background: linear-gradient(135deg,
    #052e16 0%, #14532d 18%, #15803d 38%,
    #16a34a 55%, #22c55e 72%, #15803d 88%, #052e16 100%
  ) !important;
  background-size:260% 260% !important;
  color: #f0fdf4 !important;
  box-shadow: 0 4px 20px rgba(21,128,61,0.45),
              inset 0 1px 0 rgba(167,243,208,0.2) !important;
  animation: luxWAGlow 3s ease-in-out infinite !important;
}

.call_now_btn[href*="whatsapp"] * { color: #f0fdf4 !important; }
.call_now_btn[href*="whatsapp"] i { color: #86efac !important; }

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

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

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

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

/* =====================================================
   SUBMIT / AUTH BUTTONS
   ===================================================== */
.submit-btn {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  color:#ffffff !important; border:none !important;
  border-radius:30px !important;
  font-family: var(--lux-font-sans) !important;
  font-weight:700 !important; font-size:15px !important;
  letter-spacing:0.5px !important; padding:11px 0 !important;
  width:100% !important;
  transition: var(--lux-transition) !important;
  box-shadow: 0 5px 18px rgba(112,0,0,0.38) !important;
  position:relative !important; overflow:hidden !important;
  display:block !important; text-align:center !important;
}

.submit-btn:hover {
  background: linear-gradient(135deg, #200000, var(--lux-primary-dark)) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(112,0,0,0.5) !important;
}

/* Order Place */
.order_place {
  background: linear-gradient(90deg, var(--lux-primary-dark) 0%, var(--lux-primary) 50%, var(--lux-primary-light) 100%) !important;
  background-size:200% auto !important;
  color:#ffffff !important; border:none !important;
  border-radius: var(--lux-radius-sm) !important;
  font-weight:800 !important; font-size:16px !important;
  letter-spacing:1px !important; text-transform:uppercase !important;
  padding:13px 0 !important; width:100% !important;
  display:block !important; text-align:center !important;
  box-shadow: 0 5px 20px rgba(112,0,0,0.4) !important;
  animation: luxOrderPulse 2.8s ease-in-out infinite !important;
}

.order_place:hover {
  background-position:right center !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(112,0,0,0.55) !important;
  animation:none !important;
}

@keyframes luxOrderPulse {
  0%,100% { box-shadow: 0 5px 20px rgba(112,0,0,0.4); }
  50%      { box-shadow: 0 5px 30px rgba(112,0,0,0.65), 0 0 0 4px rgba(112,0,0,0.12); }
}

/* =====================================================
   FORMS & INPUTS
   ===================================================== */
.form-control,
input[type="text"], input[type="email"],
input[type="number"], input[type="password"],
select, textarea {
  background:#ffffff !important;
  border: 1.5px solid var(--lux-border) !important;
  color: var(--lux-text) !important;
  border-radius: var(--lux-radius-sm) !important;
  font-family: var(--lux-font-sans) !important;
  transition: var(--lux-transition) !important;
}

.form-control:focus,input:focus,select:focus,textarea:focus {
  border-color: var(--lux-primary) !important;
  box-shadow: 0 0 0 3px rgba(112,0,0,0.12) !important;
  outline:none !important;
}

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

/* Auth forms */
.form-content {
  border-radius: var(--lux-radius-lg) !important;
  border: 1px solid var(--lux-border) !important;
  box-shadow: var(--lux-shadow-md) !important;
  background: var(--lux-warm-white) !important;
}

.auth-title {
  color: var(--lux-primary) !important;
  font-family: var(--lux-font-serif) !important;
  font-size:20px !important; font-weight:700 !important;
  background: var(--lux-cream) !important;
  border-bottom: 2px solid var(--lux-border) !important;
}

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

/* Payment radio */
.payment-methods .form-check-input { border: 2px solid var(--lux-primary) !important; }
.payment-methods .form-check-input:checked::after { background-color: var(--lux-primary) !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; }

/* =====================================================
   FOOTER — Rich Deep Mahogany
   ===================================================== */
footer, .footer-top, .footer-bottom, .main-footer {
  background: #1c0505 !important;
  background-color: #1c0505 !important;
  background-image:none !important;
}

.footer-top {
  padding: 56px 0 38px !important;
  border-top: 3px solid var(--lux-gold) !important;
}

.footer-top *, .footer-bottom *, footer * {
  color: rgba(253,246,238,0.82) !important;
}

.footer-about p {
  color: rgba(253,246,238,0.72) !important;
  font-size:13.5px !important; line-height:1.8 !important;
  margin-top:12px !important;
  font-family: var(--lux-font-sans) !important;
}

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

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

.footer-menu ul li.title a {
  color: var(--lux-gold) !important;
  font-family: var(--lux-font-serif) !important;
  font-size:16px !important; font-weight:600 !important;
  text-transform:uppercase !important; letter-spacing:0.8px !important;
  display:block !important; border:none !important;
  border-bottom: 1px solid rgba(201,168,76,0.3) !important;
  padding-bottom:8px !important; margin-bottom:16px !important;
}

.footer-menu ul li a {
  color: rgba(253,246,238,0.72) !important;
  font-size:13.5px !important;
  font-family: var(--lux-font-sans) !important;
  transition: var(--lux-transition) !important;
  line-height:2 !important;
}

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

.social_link li a {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(253,246,238,0.7) !important;
  border-radius: 50% !important;
  width: 38px !important; height: 38px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 15px !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  transition: all 0.32s cubic-bezier(0.34,1.56,0.64,1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.social_link li a::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at center, rgba(201,168,76,0.25), transparent 70%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  border-radius: 50% !important;
}

.social_link li a:hover::before { opacity: 1 !important; }

.social_link li a:hover {
  background: var(--lux-gold) !important;
  color: #1a0800 !important;
  transform: translateY(-4px) scale(1.12) !important;
  border-color: var(--lux-gold) !important;
  box-shadow: 0 6px 18px rgba(201,168,76,0.4) !important;
}

.social_link li a i {
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1) !important;
}

.social_link li a:hover i {
  transform: scale(1.15) !important;
  color: #1a0800 !important;
}

.d_app h2 {
  color: var(--lux-gold) !important;
  font-family: var(--lux-font-serif) !important;
  font-size:14px !important; font-weight:600 !important;
  text-transform:uppercase !important; letter-spacing:0.5px !important;
  margin-bottom:12px !important;
}

.footer-bottom {
  background: #0f0202 !important;
  border-top: 1px solid rgba(201,168,76,0.12) !important;
  padding: 16px 0 !important;
}

.copyright p, .copyright p span {
  color: rgba(253,246,238,0.42) !important;
  font-size:13px !important; text-align:center !important;
}

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

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

/* =====================================================
   MOBILE BOTTOM NAVIGATION — Luxury Mahogany Bar
   ===================================================== */
@media (max-width:767px) {
  body { padding-bottom:78px !important; }

  .footer_nav {
    display:block !important;
    position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important;
    width:100% !important; z-index:99999 !important;
    background: var(--lux-primary-dark) !important;
    border-top: 1px solid rgba(201,168,76,0.4) !important;
    box-shadow: 0 -3px 20px rgba(61,0,0,0.5) !important;
    height:68px !important; padding:0 !important; margin:0 !important;
  }

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

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

  .footer_nav ul li a {
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    gap:5px !important; width:52px !important; height:52px !important;
    border-radius:10px !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;
  }

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

  .footer_nav ul li a span i {
    font-size:20px !important;
    font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
    display:block !important; line-height:1 !important;
    color: rgba(253,246,238,0.55) !important;
    transition: color 0.2s ease !important;
  }

  .footer_nav ul li a span svg {
    width:20px !important; height:20px !important;
    stroke-width:2px !important; display:block !important;
    stroke: rgba(253,246,238,0.55) !important;
    transition: stroke 0.2s ease !important;
  }

  .footer_nav ul li a span:last-child {
    font-size:9.5px !important; font-weight:600 !important;
    letter-spacing:0.3px !important; text-transform:capitalize !important;
    line-height:1 !important; color: rgba(253,246,238,0.45) !important;
    transition: color 0.2s ease !important;
    font-family: var(--lux-font-sans) !important;
  }

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

  .footer_nav ul li a:hover {
    background: rgba(201,168,76,0.12) !important;
    border-color: rgba(201,168,76,0.25) !important;
  }

  .footer_nav ul li a:hover span i { color: var(--lux-gold) !important; }
  .footer_nav ul li a:hover span svg { stroke: var(--lux-gold) !important; }
  .footer_nav ul li a:hover span:last-child { color: var(--lux-gold) !important; }

  /* Center HOME button — elevated gold */
  .footer_nav ul li:nth-child(3) a {
    width:58px !important; height:58px !important;
    border-radius:14px !important; margin-top:-16px !important;
    background: var(--lux-gold) !important;
    border: 1.5px solid rgba(255,220,120,0.35) !important;
    box-shadow: 0 4px 18px rgba(201,168,76,0.45),
                inset 0 1px 0 rgba(255,255,255,0.18) !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
  }

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

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

  .footer_nav ul li:nth-child(3) a:hover {
    background: var(--lux-gold-dark) !important;
    box-shadow: 0 6px 22px rgba(201,168,76,0.55) !important;
  }

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

  .footer_nav 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;
  }

  /* Mobile adjustments */
  .product_item { padding:8px !important; margin-bottom:10px !important; }
  .pro_img { height:155px !important; }
  .pro_price p { font-size:14px !important; }
  .pro_name { height:44px !important; }
  .pro_name a { font-size:12.5px !important; }
  .cat_img { height:60px !important; width:60px !important; }
  .cat_item { height:110px !important; padding:8px 4px !important; }
  .cat_name a { font-size:11px !important; }
  .section-title-name { font-size:15px !important; }
  .footer-bottom { padding-bottom:84px !important; margin-bottom:0 !important; }
  .footer-top { padding:30px 0 28px !important; }
  .single_product.d-flex .add_cart_btn,
  .single_product.d-flex .order_now_btn { height:46px !important; font-size:13px !important; }
  .scrolltop { bottom:84px !important; display:none !important; }
}

@media (max-width:575px) { #content { padding-top:193px !important; } }
@media (min-width:768px) {
  .footer_nav { display:none !important; }
  body { padding-bottom:0 !important; }
}
@media (min-width:768px) and (max-width:991px) {
  .cat_item { height:120px !important; }
  .pro_img { height:170px !important; }
}

/* =====================================================
   MISC UI COMPONENTS
   ===================================================== */

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

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

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

/* =====================================================
   SCROLL TO TOP — Luxury Burgundy with Gold Accent
   ===================================================== */
.scrolltop {
  position: fixed !important;
  right: 28px !important;
  bottom: 32px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--lux-primary-dark) 0%, var(--lux-primary) 50%, #8a1010 100%) !important;
  background-size: 200% 200% !important;
  box-shadow:
    0 6px 22px rgba(112,0,0,0.45),
    0 0 0 1px rgba(201,168,76,0.2),
    inset 0 1px 0 rgba(201,168,76,0.18) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  cursor: pointer !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.32s ease,
              border-color 0.32s ease !important;
  animation: luxScrollPulse 3s ease-in-out infinite !important;
  overflow: hidden !important;
}

/* Gold shimmer sweep on idle */
.scrolltop::before {
  content: "" !important;
  position: absolute !important;
  top: -60% !important;
  left: -80% !important;
  width: 50% !important;
  height: 220% !important;
  background: linear-gradient(105deg, transparent 25%, rgba(201,168,76,0.28) 50%, transparent 75%) !important;
  transform: skewX(-16deg) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: none !important;
}

.scrolltop:hover::before {
  left: 140% !important;
  transition: left 0.55s ease !important;
}

/* Gold top-edge line */
.scrolltop::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 15% !important;
  width: 70% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.75), transparent) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.scrolltop:hover {
  transform: translateY(-5px) scale(1.08) !important;
  background: linear-gradient(135deg, var(--lux-primary) 0%, var(--lux-primary-light) 60%, var(--lux-primary) 100%) !important;
  box-shadow:
    0 14px 32px rgba(112,0,0,0.55),
    0 0 0 2px rgba(201,168,76,0.35),
    inset 0 1px 0 rgba(201,168,76,0.25) !important;
  border-color: rgba(201,168,76,0.5) !important;
  animation: none !important;
}

.scrolltop:active {
  transform: translateY(-2px) scale(0.96) !important;
}

/* The inner .scroll div */
.scrolltop .scroll {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  position: relative !important;
  z-index: 4 !important;
}

.scrolltop .scroll i {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.3) !important;
  position: relative !important;
  z-index: 5 !important;
  transition: transform 0.3s ease !important;
}

.scrolltop:hover .scroll i {
  transform: translateY(-2px) !important;
}

@keyframes luxScrollPulse {
  0%,100% {
    box-shadow: 0 6px 22px rgba(112,0,0,0.45), 0 0 0 1px rgba(201,168,76,0.2), inset 0 1px 0 rgba(201,168,76,0.18);
  }
  50% {
    box-shadow: 0 6px 30px rgba(112,0,0,0.65), 0 0 0 3px rgba(201,168,76,0.12), inset 0 1px 0 rgba(201,168,76,0.18);
  }
}

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

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

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

/* Tables */
.table td, .table th { color: var(--lux-text) !important; border-color: var(--lux-border) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(112,0,0,0.02) !important; }
.tracktable thead { background: var(--lux-primary) !important; }
.tracktable thead * { color:#ffffff !important; }

/* Remove cart button */
.remove-cart, .remove-cart:focus { background: #c00 !important; border-radius:50% !important; }

/* Filter buttons */
.filter_btn { background: var(--lux-primary) !important; color:#ffffff !important; border-radius: var(--lux-radius-sm) !important; }
.filter_close { background: var(--lux-primary) !important; color:#ffffff !important; border-radius: var(--lux-radius-sm) !important; }

/* Modal */
.modal-view { border-radius: var(--lux-radius-lg) !important; box-shadow: var(--lux-shadow-lg) !important; border: 1px solid var(--lux-border) !important; background: var(--lux-warm-white) !important; }
.close-modal { background: var(--lux-primary) !important; color:#ffffff !important; border-radius:50% !important; }

/* Badges */
.badge { font-weight:600 !important; border-radius:20px !important; }
.badge-success, .bg-success { background: #22c55e !important; }
.badge-danger, .bg-danger { background: var(--lux-primary) !important; }
.badge-primary, .bg-primary { background: var(--lux-primary) !important; }

/* Alerts */
.alert-success {
  background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important;
  color: #166534 !important; border-radius: var(--lux-radius-md) !important;
}

.alert-info {
  background: var(--lux-cream) !important;
  border-color: rgba(201,168,76,0.3) !important;
  color: var(--lux-primary-dark) !important;
  border-radius: var(--lux-radius-md) !important;
}

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

/* Star ratings — detail page */
.details-ratting-wrapper i { color: var(--lux-gold) !important; }
.details-ratting-wrapper i.far.fa-star { color: var(--lux-border) !important; }
.review_star, .review_star i { color: var(--lux-gold) !important; }

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

/* Toastr */
#toast-container > div { border-radius: var(--lux-radius-md) !important; box-shadow: var(--lux-shadow-lg) !important; }
#toast-container > .toast-success { background-color: rgba(22,163,74,0.95) !important; }
#toast-container > .toast-error { background-color: rgba(112,0,0,0.95) !important; }
#toast-container > .toast-warning { background-color: rgba(201,168,76,0.95) !important; }
#toast-container > .toast-info { background-color: rgba(61,0,0,0.9) !important; }

/* Sidebar / Category filter */
.sidebar_item .accordion-header .accordion-button {
  background: var(--lux-primary) !important;
  color:#ffffff !important;
  font-family: var(--lux-font-sans) !important;
}

.ui-slider-horizontal .ui-slider-range { background-color: var(--lux-gold) !important; }

.subcategory-filter-label input { border: 2px solid var(--lux-primary) !important; }
.subcategory-filter-label input[type=checkbox]:checked { background-color: var(--lux-primary) !important; }
.subcategory-filter-label:hover { background-color: rgba(112,0,0,0.05) !important; }
.cust_according_body ul li:hover a { background-color: rgba(112,0,0,0.05) !important; }

/* Customer account sidebar */
.customer-sidebar, .sidebar-menu {
  background: var(--lux-warm-white) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
  box-shadow: var(--lux-shadow-sm) !important;
}

.sidebar-menu li a { color: var(--lux-text) !important; border-bottom: 1px solid var(--lux-border) !important; transition: var(--lux-transition) !important; }
.sidebar-menu li a:hover, .sidebar-menu li a.active { color: var(--lux-primary) !important; background: rgba(112,0,0,0.04) !important; padding-left:20px !important; }
.account-title { color: var(--lux-primary) !important; border-bottom: 2px solid var(--lux-primary) !important; font-family: var(--lux-font-serif) !important; }
.invoice_btn, .invoice_btn:focus { background: var(--lux-primary) !important; color:#ffffff !important; border-radius: var(--lux-radius-sm) !important; }

/* Coupon */
.coupon-form form button { background: var(--lux-primary) !important; color:#ffffff !important; }
.wcart-btn, .wcart-btn:focus { background: var(--lux-primary) !important; }

/* Checkout */
.checkout-shipping .card-header, .cart_details .card-header {
  background: var(--lux-cream) !important; border-bottom: 1px solid var(--lux-border) !important;
}
.checkout-shipping h5, .cart_details h5 { color: var(--lux-primary) !important; font-family: var(--lux-font-serif) !important; }
.checkout-shipping h6 { color: var(--lux-primary-light) !important; }

/* Page overlay */
#page-overlay { background: rgba(26,8,0,0.65) !important; }

/* Countdown timer */
.timer_inner .syotimer-cell {
  background: var(--lux-primary) !important;
  color:#ffffff !important;
  border-radius: var(--lux-radius-sm) !important;
  box-shadow: 0 2px 8px rgba(112,0,0,0.3) !important;
  font-weight:700 !important;
}

/* Breadcrumbs */
.category-breadcrumb a { color: var(--lux-text-muted) !important; }
.category-breadcrumb strong { color: var(--lux-primary) !important; }

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

/* Details page description area */
.description, .tab-content {
  background: var(--lux-cream) !important;
  border-radius: var(--lux-radius-md) !important;
  border: 1px solid var(--lux-border-light) !important;
}

.description h2, .section-head h2 {
  font-family: var(--lux-font-serif) !important;
  color: var(--lux-primary) !important;
}

.desc-nav-ul li.active a,
.desc-nav-ul li:hover a {
  background-color: var(--lux-primary) !important;
  color:#ffffff !important;
}

.description-nav-wrapper {
  background: var(--lux-warm-white) !important;
  box-shadow: 0 2px 10px rgba(112,0,0,0.1) !important;
  border-bottom: 2px solid var(--lux-gold) !important;
}

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

/* Product details page main area */
.details_right {
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
  background: var(--lux-warm-white) !important;
}

.details-price {
  color: var(--lux-primary) !important;
  font-family: var(--lux-font-sans) !important;
  font-size:26px !important; font-weight:800 !important;
}

.product-code p {
  background: var(--lux-primary) !important;
  color:#ffffff !important;
}

.pro_vide {
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
  background: var(--lux-warm-white) !important;
}

.pro_vide h2 { font-family: var(--lux-font-serif) !important; color: var(--lux-primary) !important; }

/* Product name on details */
.product-cart .name {
  font-family: var(--lux-font-serif) !important;
  font-size:24px !important; font-weight:700 !important;
  color: var(--lux-text) !important;
}

/* Related products section */
section.related-product-section {
  background: var(--lux-cream) !important;
}

.related-title h5 {
  font-family: var(--lux-font-serif) !important;
  color: var(--lux-primary) !important;
}

/* Cart page */
.vcart-inner {
  background: var(--lux-cream) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
}

.cart-summary {
  background: var(--lux-cream) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: var(--lux-radius-md) !important;
}

.cart-title h4 {
  font-family: var(--lux-font-serif) !important;
  color: var(--lux-primary) !important;
}

/* Color/size selectors */
.selector-item_radio:checked + .selector-item_label,
.selector-item_label:hover {
  background-color: var(--lux-primary) !important;
  color:#ffffff !important;
  border-color: var(--lux-primary) !important;
}

/* Hover underline on nav links */
.main-header a:not(.btn):hover {
  text-decoration:none !important;
  opacity:0.85 !important;
}

/* Disable non-luxury animation on headers */
.main-header, .logo-area, .mobile-header {
  background-size: unset !important;
  animation: none !important;
}

/* =====================================================
   LUXURY ANIMATIONS & MICRO-INTERACTIONS
   ===================================================== */

/* Fade up on scroll (cards) */
@keyframes luxFadeUp {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

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

/* Gold shimmer pulse */
@keyframes luxGoldPulse {
  0%,100% { box-shadow: 0 4px 16px rgba(201,168,76,0.3); }
  50%      { box-shadow: 0 4px 28px rgba(201,168,76,0.6), 0 0 0 4px rgba(201,168,76,0.1); }
}

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

/* Ripple on buttons */
@keyframes luxRipple {
  to { transform:scale(4); opacity:0; }
}

/* Apply card animations */
.product_item, .cat_item, .homeproduct .row > * {
  animation: luxFadeUp 0.42s ease both;
}

.mobile-menu.active { animation: luxSlideInLeft 0.32s ease both; }
.float { animation: luxFloatBob 3.5s ease-in-out infinite !important; }
.float:hover { animation:none !important; transform:scale(1.12) !important; }

/* Ripple on main CTA buttons */
.go_cart, .cart_store, .addcartbutton,
.pro_btn .cart_btn button, .btn-primary {
  position:relative; overflow:hidden;
}

.go_cart::after, .cart_store::after,
.addcartbutton::after, .pro_btn .cart_btn button::after {
  content:"";
  position:absolute;
  width:20px; height:20px;
  background: rgba(255,255,255,0.3);
  border-radius:50%;
  transform:scale(0);
  top:50%; left:50%;
  translate:-50% -50%;
  pointer-events:none;
}

.go_cart:active::after, .cart_store:active::after,
.addcartbutton:active::after, .pro_btn .cart_btn button:active::after {
  animation: luxRipple 0.6s linear;
}

/* =====================================================
   LUXURY SECTION DIVIDERS & ACCENTS
   ===================================================== */

/* Section background alternation */
.homeproduct:nth-child(even) { background: rgba(253,246,238,0.6) !important; }

/* Golden accent on section titles */
.section-title-header::after {
  content:"";
  display:block;
  height:1px;
  background: linear-gradient(90deg,var(--lux-gold),transparent);
  margin-top:4px;
  opacity:0.4;
}

/* Subtle texture on footer */
.footer-top {
  background-image: none !important;
  position:relative;
}

/* Warm glow on product details page */
.main-details-page {
  background: var(--lux-cream) !important;
}

.product-section {
  background: var(--lux-warm-white) !important;
  border-radius: var(--lux-radius-md) !important;
  box-shadow: var(--lux-shadow-sm) !important;
  border: 1px solid var(--lux-border-light) !important;
}

/* =====================================================
   OVERRIDE DYNAMIC ADMIN COLORS — Lock to Luxury
   ===================================================== */

/* Re-apply luxury to all button types that admin CSS may override */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.submit-btn,
button[type="submit"].btn,
input[type="submit"].btn,
.btn-primary,
.btn-success,
.go_cart,
.cart_store,
.checkout-btn,
.button-primary {
  background: linear-gradient(135deg, var(--lux-primary-dark), var(--lux-primary)) !important;
  border-color: var(--lux-primary) !important;
  color:#ffffff !important;
  box-shadow: 0 4px 14px rgba(112,0,0,0.28) !important;
}

/* But keep gold buttons as gold */
.cart_store {
  background: linear-gradient(135deg, var(--lux-gold-dark), var(--lux-gold)) !important;
  border-color: var(--lux-gold-dark) !important;
  color: var(--lux-charcoal) !important;
}

/* Keep detail page buttons uniquely styled */
.single_product.d-flex .add_cart_btn {
  background: linear-gradient(135deg, #0d4f47 0%, #0f766e 30%, #14b8a6 60%, #0a5c55 100%) !important;
  color: #ffffff !important;
}

.single_product.d-flex .order_now_btn {
  background: linear-gradient(135deg,#4a2e00 0%,#8a5c0a 20%,var(--lux-gold) 45%,#c49820 65%,#7a4a00 85%,#3d2400 100%) !important;
  color: #1a0800 !important;
}

/* Re-apply footer & top bar */
footer, .footer-top, .footer-bottom, .main-footer {
  background: #1c0505 !important;
  background-color: #1c0505 !important;
}

.footer-bottom { background: #0f0202 !important; }

.top_header, body .top_header {
  background: var(--lux-primary-dark) !important;
  background-color: var(--lux-primary-dark) !important;
  background-image:none !important;
}

.menu-area { background: var(--lux-primary) !important; }

/* Sidebar dropdown menus */
body .side__bar { background: #0f1729 !important; background-color: #0f1729 !important; }
body .side__barsub { background: #0f1729 !important; background-color: #0f1729 !important; }
body .side__barchild { background: #0f1729 !important; background-color: #0f1729 !important; }

/* Section title color — font-size already locked in SECTION TITLES block */
.section-title-name { color: var(--lux-primary) !important; border-bottom-color: var(--lux-gold) !important; }

/* Header accent line */
.main-header::after, .logo-area::after {
  background: linear-gradient(90deg,var(--lux-primary-dark),var(--lux-gold),var(--lux-primary)) !important;
}

/* Body background */
body { background: var(--lux-cream) !important; }

/* =====================================================
   HOT DEAL TIMER — Luxury Countdown Style
   ===================================================== */

/* Wrapper: timer sits beside section title */
.timer_inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 14px !important;
}

.offer_timer,
#simple_timer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

/* Each time unit cell (hours, minutes, seconds) */
.offer_timer .syotimer-cell,
#simple_timer .syotimer-cell {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #1c0505 0%, #2d0808 50%, #1a0404 100%) !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  border-radius: 8px !important;
  min-width: 46px !important;
  height: 44px !important;
  padding: 4px 8px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 3px 12px rgba(112,0,0,0.35),
    inset 0 1px 0 rgba(201,168,76,0.2),
    inset 0 -1px 0 rgba(0,0,0,0.3) !important;
  animation: luxTimerPulse 2s ease-in-out infinite !important;
}

/* Gold top-shine line */
.offer_timer .syotimer-cell::after,
#simple_timer .syotimer-cell::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 15% !important;
  width: 70% !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.65), transparent) !important;
  pointer-events: none !important;
}

/* The number */
.offer_timer .syotimer-cell__value,
#simple_timer .syotimer-cell__value {
  font-family: var(--lux-font-sans) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--lux-gold-light) !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 12px rgba(201,168,76,0.6) !important;
}

/* The label (h, m, s) */
.offer_timer .syotimer-cell__unit,
#simple_timer .syotimer-cell__unit {
  font-family: var(--lux-font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: rgba(201,168,76,0.7) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

/* Colon separator between cells */
.offer_timer .syotimer__body,
#simple_timer .syotimer__body {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Breathing glow animation */
@keyframes luxTimerPulse {
  0%, 100% {
    box-shadow: 0 3px 12px rgba(112,0,0,0.35),
                inset 0 1px 0 rgba(201,168,76,0.2),
                inset 0 -1px 0 rgba(0,0,0,0.3);
    border-color: rgba(201,168,76,0.4);
  }
  50% {
    box-shadow: 0 3px 18px rgba(112,0,0,0.5),
                0 0 0 2px rgba(201,168,76,0.1),
                inset 0 1px 0 rgba(201,168,76,0.28),
                inset 0 -1px 0 rgba(0,0,0,0.3);
    border-color: rgba(201,168,76,0.65);
  }
}

/* Mobile: slightly smaller timer */
@media (max-width: 767px) {
  .offer_timer .syotimer-cell,
  #simple_timer .syotimer-cell {
    min-width: 38px !important;
    height: 38px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
  }
  .offer_timer .syotimer-cell__value,
  #simple_timer .syotimer-cell__value {
    font-size: 15px !important;
  }
  .offer_timer .syotimer-cell__unit,
  #simple_timer .syotimer-cell__unit {
    font-size: 8px !important;
  }
}