/* ================================================================
   Bharat Traders — Full Avvatarindia-Inspired Theme
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

/* ---- CSS Variables ---- */
:root {
  --av-navy:        #4e8c00;
  --av-navy-hover:  #376200;
  --av-gold:        #f5a623;
  --av-gold-hover:  #c8841a;
  --av-red:         #E63946;
  --av-green:       #2d8a4e;
  --av-white:       #ffffff;
  --av-bg:          #f7f8fa;
  --av-bg-dark:     #f0f2f5;
  --av-text:        #1a1a1a;
  --av-text-muted:  #6b7280;
  --av-border:      #e5e7eb;
  --av-shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --av-shadow:      0 4px 16px rgba(0,0,0,0.10);
  --av-shadow-lg:   0 8px 32px rgba(0,0,0,0.14);
  --av-radius:      6px;
  --av-radius-lg:   12px;
  --av-font:        'Inter', sans-serif;
  --av-font-head:   'Poppins', sans-serif;
  --av-transition:  all 0.25s ease;
}

/* ================================================================
   RESET & BASE
   ================================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--av-font) !important;
  background: var(--av-bg) !important;
  color: var(--av-text) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--av-font-head) !important;
  color: var(--av-navy) !important;
  line-height: 1.3 !important;
}

a { text-decoration: none !important; }
a:hover { text-decoration: none !important; }

img { max-width: 100%; }

/* ================================================================
   LOADER
   ================================================================ */
.se-pre-con { background: var(--av-white) !important; }
.pre-loader p { font-family: var(--av-font) !important; }

/* ================================================================
   TOPBAR (merged announcement + login row)
   ================================================================ */
.av-topbar {
  background: var(--av-navy);
  color: rgba(255,255,255,0.92);
  padding: 8px 0;
  font-size: 12px;
  font-family: var(--av-font);
  letter-spacing: 0.02em;
  position: relative;
  z-index: 1100;
}
.av-topbar-promo { font-size: 12px; }
.av-topbar-promo a { color: var(--av-gold) !important; font-weight: 700; text-decoration: none; }
.av-topbar-promo strong { color: var(--av-gold); letter-spacing: .06em; }
.av-topbar-user a { color: rgba(255,255,255,.85) !important; font-size: 11px; margin-left: 14px; font-weight: 500; }
.av-topbar-user a:hover { color: var(--av-gold) !important; }
.av-topbar-login { color: rgba(255,255,255,.9) !important; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 5px; }
.av-topbar-login:hover { color: var(--av-gold) !important; }
/* keep old announce class working on mobile */
.av-announce { display: none; }

/* ================================================================
   HEADER — DESKTOP
   ================================================================ */
#headerOne {
  background: var(--av-white) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border: none !important;
}

/* top mini bar — user links */
.header-mini.bg-top-bar {
  background: var(--av-white) !important;
  border-bottom: 1px solid var(--av-border) !important;
  padding: 6px 0 !important;
}
.header-mini .link-list { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; gap: 18px; }
.header-mini .link-list li { margin: 0; }
.header-mini .link-list .link-item,
.header-mini .link-list .link-item a {
  font-size: 12px !important;
  color: var(--av-text-muted) !important;
  font-weight: 400 !important;
  transition: var(--av-transition) !important;
}
.header-mini .link-list .link-item a:hover { color: var(--av-navy) !important; }
.header-mini .avatar img { width: 26px; height: 26px; border-radius: 50%; margin-right: 6px; }

/* navbar — logo + nav */
.header-navbar.logo-nav.bg-menu-bar {
  background: var(--av-white) !important;
  padding: 14px 0 !important;
}
.header-navbar .navbar { padding: 0 !important; }

/* logo */
.header-navbar .logo {
  font-family: var(--av-font-head) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--av-navy) !important;
  letter-spacing: -0.5px !important;
}
.header-navbar .logo img { max-height: 50px !important; width: auto !important; }

/* nav links */
.header-navbar .navbar-nav { gap: 2px !important; }
.header-navbar .navbar-nav .nav-item > a,
.header-navbar .navbar-nav > li > a {
  font-family: var(--av-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--av-text) !important;
  padding: 8px 14px !important;
  border-radius: var(--av-radius) !important;
  transition: var(--av-transition) !important;
  white-space: nowrap !important;
}
.header-navbar .navbar-nav .nav-item > a:hover,
.header-navbar .navbar-nav > li > a:hover {
  background: var(--av-bg) !important;
  color: var(--av-navy) !important;
}
/* special deals CTA in nav */
.header-navbar .navbar-nav .btn.btn-secondary {
  font-size: 12px !important;
  padding: 7px 16px !important;
}

.header-navbar .navbar-nav .nav-item > a.bt-special-link,
.header-navbar .navbar-nav > li > a.bt-special-link {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  color: var(--av-white) !important;
}

.header-navbar .navbar-nav .nav-item > a.bt-special-link:hover,
.header-navbar .navbar-nav > li > a.bt-special-link:hover {
  background: var(--av-gold) !important;
  border-color: var(--av-gold) !important;
  color: var(--av-navy) !important;
}

.bt-header-inner .navbar-nav .nav-item > a {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.bt-header-actions .cart-header {
  padding-right: 4px;
}

.bt-mega-nav-item { position: static !important; }
.bt-mega-nav-item > .nav-link { white-space: nowrap; }
.bt-mega-nav-item:hover > .bt-mega-menu,
.bt-mega-nav-item:focus-within > .bt-mega-menu { display: block; }
.bt-mega-menu { left: 50% !important; right: auto !important; transform: translateX(-50%); top: calc(100% + 12px); width: min(980px, calc(100vw - 48px)); padding: 18px !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 24px 60px rgba(15,23,42,.16); background: #fff; }
.bt-mega-menu:before { content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.bt-mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.bt-mega-card { min-width: 0; border: 1px solid #edf1f5; border-radius: 8px; background: #fff; overflow: hidden; transition: border-color .2s, box-shadow .2s, transform .2s; }
.bt-mega-card:hover { border-color: #c8d9ae; box-shadow: 0 10px 24px rgba(78,140,0,.12); transform: translateY(-1px); }
.bt-mega-card-head { display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px; color: #1f2937; text-decoration: none; }
.bt-mega-card-head:hover { color: #4e8c00; text-decoration: none; }
.bt-mega-card-img { width: 52px; height: 52px; border-radius: 7px; overflow: hidden; background: #f3f6f8; border: 1px solid #edf1f5; }
.bt-mega-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bt-mega-card-title { min-width: 0; font-size: 14px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.bt-mega-sub-links { display: grid; gap: 2px; padding: 0 10px 10px 72px; }
.bt-mega-sub-links a { color: #64748b; font-size: 12px; font-weight: 600; line-height: 1.35; text-decoration: none; }
.bt-mega-sub-links a:hover { color: #4e8c00; text-decoration: none; }

/* header maxi — search + cart */
.header-maxi.bg-header-bar {
  background: var(--av-bg) !important;
  border-top: 1px solid var(--av-border) !important;
  padding: 10px 0 !important;
}

/* search field */
.search-field-module {
  display: flex !important;
  align-items: stretch !important;
  border: 1.5px solid var(--av-border) !important;
  border-radius: var(--av-radius) !important;
  overflow: hidden !important;
  background: var(--av-white) !important;
  transition: border-color 0.2s !important;
}
.search-field-module:focus-within { border-color: var(--av-navy) !important; }

.search-field-wrap input[type="search"] {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  color: var(--av-text) !important;
  font-family: var(--av-font) !important;
  flex: 1 !important;
}
.search-field-wrap input::placeholder { color: #9ca3af !important; }

.header-selection.btn-secondary,
.search-field-module .btn-secondary {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  color: var(--av-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 0 !important;
  letter-spacing: 0.02em !important;
}
.search-field-module .btn-secondary:hover {
  background: var(--av-navy-hover) !important;
  border-color: var(--av-navy-hover) !important;
  color: #fff !important;
}

.bt-live-search {
  position: relative;
}

.bt-live-search-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 1200;
  background: var(--av-white);
  border: 1px solid var(--av-border);
  border-radius: var(--av-radius-lg);
  box-shadow: var(--av-shadow-lg);
  overflow: hidden;
  min-width: 320px;
}

.bt-live-search-panel.is-open {
  display: block;
}

.bt-search-result {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  color: var(--av-text) !important;
  border-bottom: 1px solid var(--av-border);
  background: var(--av-white);
}

.bt-search-result:hover {
  background: var(--av-bg);
}

.bt-search-result img,
.bt-search-image-fallback {
  width: 54px;
  height: 54px;
  border-radius: var(--av-radius);
  object-fit: cover;
  flex: 0 0 54px;
  background: var(--av-bg);
}

.bt-search-image-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--av-text-muted);
}

.bt-search-result-copy {
  min-width: 0;
}

.bt-search-result-copy strong {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  color: var(--av-navy);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bt-search-result-copy small {
  display: block;
  margin-top: 4px;
  color: var(--av-text-muted);
  font-size: 12px;
}

.bt-search-empty,
.bt-search-view-all {
  display: block;
  padding: 13px 14px;
  font-size: 13px;
  color: var(--av-text-muted);
}

.bt-search-view-all {
  color: var(--av-navy) !important;
  font-weight: 700;
  text-align: center;
  background: var(--av-bg);
}

/* ================================================================
   EMI HOMEPAGE
   ================================================================ */
.bt-emi-hero {
  background: #f5f7f9;
  padding: 54px 0 42px;
  border-bottom: 1px solid var(--av-border);
}

.bt-emi-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 34px;
  align-items: center;
}

.bt-emi-hero-copy,
.bt-emi-hero-panel,
.bt-emi-card,
.bt-feature-item,
.bt-content-copy {
  min-width: 0;
}

.bt-eyebrow {
  display: inline-block;
  color: var(--av-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.bt-emi-hero h1 {
  max-width: 680px;
  font-size: 42px !important;
  line-height: 1.12 !important;
  margin: 0 0 16px !important;
  overflow-wrap: break-word;
}

.bt-emi-hero p {
  max-width: 620px;
  color: var(--av-text-muted);
  font-size: 16px;
  margin: 0 0 24px;
  overflow-wrap: break-word;
}

.bt-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.bt-emi-hero-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.bt-emi-card {
  min-height: 150px;
  padding: 20px;
  border-radius: var(--av-radius-lg);
  background: var(--av-white);
  border: 1px solid var(--av-border);
  box-shadow: var(--av-shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.bt-emi-card-main {
  grid-row: span 2;
  min-height: 314px;
  background: radial-gradient(ellipse at 30% 70%, #6ab000 0%, #2e5200 100%);
  background-size: cover;
  background-position: center;
  color: var(--av-white);
  position: relative;
  overflow: hidden;
}
/* dark overlay — sits above any background-image set via inline style */
.bt-emi-card-main::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 100%);
  pointer-events: none;
  z-index: 0;
}
.bt-emi-card-main::after {
  content: '';
  position: absolute;
  bottom: -40px; left: -20px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  pointer-events: none;
  z-index: 0;
}
.bt-emi-card-main > * {
  position: relative;
  z-index: 1;
}

.bt-emi-card i {
  font-size: 28px;
  color: var(--av-gold);
  margin-bottom: 18px;
}

.bt-emi-card span {
  color: var(--av-gold);
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.bt-emi-card strong {
  display: block;
  color: inherit;
  font-size: 20px;
  margin-top: 8px;
}

.bt-emi-card small {
  color: inherit;
  opacity: 0.72;
  margin-top: 4px;
}

.bt-feature-strip {
  background: var(--av-white);
  padding: 28px 0;
}

.bt-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bt-feature-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 112px;
  padding: 18px;
  border: 1px solid var(--av-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-white);
}

.bt-feature-item i {
  color: var(--av-gold);
  font-size: 24px;
  margin-top: 2px;
}

.bt-feature-item h3 {
  font-size: 15px !important;
  margin: 0 0 5px !important;
}

.bt-feature-item p {
  margin: 0;
  color: var(--av-text-muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: break-word;
}

.bt-content-band {
  background: #eef2f5;
  padding: 46px 0;
}

.bt-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.bt-content-copy {
  padding: 28px;
  background: var(--av-white);
  border: 1px solid var(--av-border);
  border-radius: var(--av-radius-lg);
}

.bt-content-copy-alt {
  background: var(--av-navy);
  color: var(--av-white);
}

.bt-content-copy h2 {
  font-size: 25px !important;
  margin: 0 0 12px !important;
}

.bt-content-copy-alt h2 {
  color: var(--av-white) !important;
}

.bt-content-copy p {
  color: var(--av-text-muted);
  margin-bottom: 20px;
}

.bt-content-copy-alt p {
  color: rgba(255,255,255,0.72);
}

/* cart button */
.cart-down {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--av-text) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.cart-down .cart-left { position: relative; }
.cart-down .cart-left .fas { font-size: 22px !important; color: var(--av-navy) !important; }
.cart-down .badge-secondary {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  background: var(--av-gold) !important;
  color: var(--av-navy) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* cart dropdown */
.head-cart-content .dropdown-menu {
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius-lg) !important;
  box-shadow: var(--av-shadow-lg) !important;
  padding: 16px !important;
  min-width: 300px !important;
}
.shopping-cart-items li { border-bottom: 1px solid var(--av-border) !important; padding: 10px 0 !important; }
.shopping-cart-items .item-thumb img { width: 60px !important; height: 60px !important; object-fit: cover !important; border-radius: var(--av-radius) !important; }
.shopping-cart-items h3 { font-size: 13px !important; margin: 0 !important; }

/* sticky header */
.fixed-header-scroll #headerOne {
  box-shadow: 0 2px 16px rgba(0,0,0,0.12) !important;
}

/* ================================================================
   BUTTONS — GLOBAL
   ================================================================ */
.btn-secondary,
.btn.btn-secondary,
button.btn-secondary {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  color: var(--av-white) !important;
  font-family: var(--av-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: var(--av-radius) !important;
  padding: 10px 22px !important;
  transition: var(--av-transition) !important;
}
.btn-secondary:hover,
.btn.btn-secondary:hover {
  background: var(--av-navy-hover) !important;
  border-color: var(--av-navy-hover) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(55,98,0,0.35) !important;
}
.btn-secondary:active { transform: translateY(0) !important; }

.btn-outline-secondary {
  background: transparent !important;
  border: 1.5px solid var(--av-navy) !important;
  color: var(--av-navy) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-radius: var(--av-radius) !important;
  transition: var(--av-transition) !important;
}
.btn-outline-secondary:hover {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  color: var(--av-white) !important;
  transform: translateY(-1px) !important;
}

.btn-danger {
  background: var(--av-red) !important;
  border-color: var(--av-red) !important;
  font-size: 13px !important;
  border-radius: var(--av-radius) !important;
}

.btn-link {
  color: var(--av-navy) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.btn-link:hover { color: var(--av-gold) !important; }

/* ================================================================
   BADGES
   ================================================================ */
.badge {
  font-family: var(--av-font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 9px !important;
  border-radius: 4px !important;
}
.badge-danger  { background: var(--av-red) !important; color: #fff !important; }
.badge-success { background: var(--av-green) !important; color: #fff !important; }
.badge-info    { background: var(--av-navy) !important; color: #fff !important; }
.badge-warning { background: var(--av-gold) !important; color: var(--av-navy) !important; }
.badge-secondary { background: var(--av-navy) !important; color: #fff !important; }

/* ================================================================
   ANNOUNCEMENT BAR (promo bar inside header one)
   ================================================================ */
.bt-promo-bar {
  background: var(--av-navy);
  color: rgba(255,255,255,0.9);
  text-align: center;
  padding: 8px 16px;
  font-size: 13px;
  letter-spacing: 0.01em;
}
.bt-promo-bar strong { color: var(--av-gold); letter-spacing: 0.06em; }
.bt-promo-bar a { color: var(--av-gold); font-weight: 600; }

/* ================================================================
   SECTION HEADINGS
   ================================================================ */
.pro-heading-title {
  text-align: center !important;
  margin-bottom: 36px !important;
}
.pro-heading-title h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--av-navy) !important;
  margin-bottom: 8px !important;
  position: relative !important;
  display: inline-block !important;
}
.pro-heading-title h2::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: var(--av-gold);
  border-radius: 2px;
  margin: 10px auto 0;
}
.pro-heading-title p {
  color: var(--av-text-muted) !important;
  font-size: 14px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* ================================================================
   PRODUCT SECTIONS — wrapper
   ================================================================ */
.pro-content, .new-products-content, .categories-content {
  padding: 20px 0 !important;
  background: var(--av-white) !important;
}
.pro-content:nth-child(even),
.categories-content {
  /* background: var(--av-bg) !important; */
}
.pro-fs-content { background: var(--av-bg) !important; }

/* ================================================================
   PRODUCT CARDS
   ================================================================ */
.product article,
.product2 article,
.product4.product article,
.product5.product article,
.product12.product article {
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  border: 1px solid var(--av-border) !important;
  overflow: hidden !important;
  transition: var(--av-transition) !important;
  box-shadow: var(--av-shadow-sm) !important;
}
.product article:hover,
.product2 article:hover,
.product4.product article:hover,
.product5.product article:hover {
  box-shadow: var(--av-shadow) !important;
  transform: translateY(-4px) !important;
  border-color: transparent !important;
}

/* thumb image */
.product .thumb img,
.product2 .pro-thumb .img-fluid,
.product .thumb .img-fluid {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}
.product article:hover .thumb img,
.product2 article:hover .pro-thumb .img-fluid {
  transform: scale(1.05) !important;
}

/* product title */
.product .title a,
.product2 .title a {
  font-family: var(--av-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--av-text) !important;
  transition: color 0.2s !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.product .title a:hover,
.product2 .title a:hover { color: var(--av-gold) !important; }

/* price */
.product .price, .product2 .price {
  font-family: var(--av-font-head) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--av-navy) !important;
}
.product .price span, .product2 .price span {
  font-size: 12px !important;
  color: var(--av-text-muted) !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  margin-left: 6px !important;
}

/* product hover action — Avvatarindia dual CTA */
.product-hover, .pro-hover-icons {
  background: rgba(255,255,255,0.97) !important;
  display: flex !important;
  gap: 6px !important;
  padding: 10px !important;
}
.product-hover .btn, .pro-hover-icons .btn {
  flex: 1 !important;
  font-size: 11px !important;
  padding: 8px 6px !important;
}
.product-hover .btn.cart {
  background: var(--av-white) !important;
  border: 1.5px solid var(--av-navy) !important;
  color: var(--av-navy) !important;
}
.product-hover .btn.cart:hover {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
}

/* product card content area */
.product article .content,
.product2 article .content {
  padding: 14px 14px 16px !important;
}
.product .tag, .product2 .tag {
  font-size: 11px !important;
  color: var(--av-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 4px !important;
}

/* action icons */
.product .product-action-vertical .icon,
.product5.product .thumb .product-action-vertical .icon,
.product4.product .thumb .product-action-vertical .icon {
  background: var(--av-white) !important;
  color: var(--av-navy) !important;
  border: 1px solid var(--av-border) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: var(--av-shadow-sm) !important;
}
.product .product-action-vertical .icon:hover {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  border-color: var(--av-navy) !important;
}

/* ================================================================
   CATEGORIES / GOAL SECTION
   ================================================================ */
.av-categories {
  padding: 56px 0;
  background: var(--av-bg);
}
.av-categories-title {
  text-align: center;
  margin-bottom: 40px;
}
.av-categories-title h2 {
  font-size: 28px;
  font-weight: 700;
  color: var(--av-navy);
  display: inline-block;
  position: relative;
}
.av-categories-title h2::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: var(--av-gold);
  border-radius: 2px;
  margin: 10px auto 0;
}
.av-categories-title p {
  color: var(--av-text-muted);
  font-size: 14px;
  margin-top: 10px;
}

.av-cat-card {
  position: relative;
  border-radius: var(--av-radius-lg);
  overflow: hidden;
  background: var(--av-navy);
  display: block;
  text-decoration: none !important;
  transition: var(--av-transition);
  box-shadow: var(--av-shadow-sm);
}
.av-cat-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--av-shadow-lg);
}
.av-cat-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  opacity: 0.82;
  transition: transform 0.4s ease, opacity 0.3s;
}
.av-cat-card:hover img {
  transform: scale(1.06);
  opacity: 0.7;
}
.av-cat-card .av-cat-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 18px;
  background: linear-gradient(to top, rgba(28,43,58,0.92) 0%, rgba(28,43,58,0.3) 70%, transparent 100%);
}
.av-cat-card .av-cat-info h3 {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}
.av-cat-card .av-cat-info span {
  display: inline-block;
  color: var(--av-gold);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1.5px solid var(--av-gold);
  padding-bottom: 1px;
}

/* old categories section override */
.categories-content .categories-image {
  border-radius: var(--av-radius-lg) !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  position: relative !important;
}
.categories-content .categories-image a {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}
.categories-content .categories-image img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
  border-radius: var(--av-radius-lg) !important;
}
.categories-content .cat-banner:hover img { transform: scale(1.06) !important; }
.categories-content .categories-title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 18px !important;
  background: linear-gradient(to top, rgba(28,43,58,0.9) 0%, transparent 100%) !important;
}
.categories-content .categories-title h3 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* ================================================================
   INFO / TRUST BADGES
   ================================================================ */
.boxes-content {
  padding-top: 0px;
  /* padding: 40px 0 !important; */
  background: var(--av-white) !important;
  border-top: 1px solid var(--av-border) !important;
  border-bottom: 1px solid var(--av-border) !important;
}
.info-boxes-content
{ 
  border: none !important;
}
.info-box {
  background: transparent !important;
  border: none !important;
  padding: 20px 16px !important;
}
.info-box .panel {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
.info-box .panel h3 {
  font-size: 28px !important;
  color: var(--av-gold) !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
  font-family: 'Font Awesome 5 Free' !important;
}
.info-box .block h4.title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--av-navy) !important;
  margin: 0 0 4px !important;
  font-family: var(--av-font-head) !important;
}
.info-box .block p {
  font-size: 12px !important;
  color: var(--av-text-muted) !important;
  margin: 0 !important;
}

/* ================================================================
   BANNER CAROUSEL
   ================================================================ */
.banners-content { margin: 0 !important; }
.header-carousel .carousel-item img,
.carousel-item img {
  max-height: 520px !important;
  width: 100% !important;
  object-fit: cover !important;
}
.slick-prev, .slick-next {
  background: var(--av-white) !important;
  color: var(--av-navy) !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  box-shadow: var(--av-shadow) !important;
  z-index: 10 !important;
}
.slick-prev:before, .slick-next:before { color: var(--av-navy) !important; font-size: 18px !important; }

/* ================================================================
   FLASH SALE SECTION
   ================================================================ */
.pro-fs-content {
  padding: 56px 0 !important;
}
.pro-fs-content .flash-p {
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--av-shadow-sm) !important;
  border: 1px solid var(--av-border) !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}
.pro-fs-content .pro-description {
  flex: 1;
  padding: 24px 20px !important;
}
.pro-fs-content .pro-thumb {
  width: 200px !important;
  flex-shrink: 0 !important;
}
.pro-fs-content .pro-thumb img {
  width: 200px !important;
  height: 200px !important;
  object-fit: cover !important;
}
.pro-fs-content .pro-info.blink {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--av-gold) !important;
  margin-bottom: 8px !important;
}
.pro-fs-content h4.pro-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--av-navy) !important;
  margin-bottom: 10px !important;
}
.pro-fs-content .price {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--av-navy) !important;
  font-family: var(--av-font-head) !important;
}
.pro-fs-content .price span {
  font-size: 13px !important;
  color: var(--av-text-muted) !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  margin-left: 8px !important;
}

/* countdown timer */
.pro-timer {
  display: flex !important;
  gap: 8px !important;
  margin: 14px 0 !important;
}
.pro-timer span {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  border-radius: var(--av-radius) !important;
  padding: 8px 12px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  font-family: var(--av-font-head) !important;
  line-height: 1 !important;
  text-align: center !important;
  min-width: 60px !important;
}
.pro-timer span small {
  display: block !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: rgba(255,255,255,0.7) !important;
  margin-top: 4px !important;
}

/* ================================================================
   TOP-SELLING (big feature card)
   ================================================================ */
.product-ad article {
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  border: 1px solid var(--av-border) !important;
  overflow: hidden !important;
  height: 100% !important;
}
.product-ad .detail { padding: 20px 20px 16px !important; }
.product-ad .detail .tag { font-size: 11px !important; color: var(--av-text-muted) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.product-ad .detail .title a { font-size: 18px !important; font-weight: 700 !important; color: var(--av-navy) !important; }
.product-ad .detail .discription {
  color: var(--av-text-muted) !important;
  font-size: 13px !important;
  margin: 10px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.product-ad .detail .price {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--av-navy) !important;
  font-family: var(--av-font-head) !important;
}
.product-ad picture img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
}

/* ================================================================
   BLOG SECTION
   ================================================================ */
.blog-content, .blog-area {
  padding: 56px 0 !important;
  background: var(--av-bg) !important;
}
.blog-post, .blog-card {
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--av-border) !important;
  transition: var(--av-transition) !important;
}
.blog-post:hover, .blog-card:hover {
  box-shadow: var(--av-shadow) !important;
  transform: translateY(-3px) !important;
}

/* ================================================================
   SHOP PAGE
   ================================================================ */
.shop-one-page { padding: 40px 0 !important; }
.shop-one-page .pro-heading-title { text-align: left !important; }
.shop-one-page .pro-heading-title h2::after { margin: 8px 0 0 !important; }

/* sidebar */
.sidebar, .shop-right-bar {
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  border: 1px solid var(--av-border) !important;
  padding: 20px !important;
}
.sidebar h5 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--av-navy) !important;
  border-bottom: 2px solid var(--av-gold) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

/* top bar filters */
.shop-top-bar {
  background: var(--av-white) !important;
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius) !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* ================================================================
   PRODUCT DETAIL PAGE
   ================================================================ */
.product-one-page { padding: 40px 0 !important; }
.product-one-page .product-detail-image {
  border-radius: var(--av-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--av-border) !important;
  background: var(--av-white) !important;
}
.product-one-page h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--av-navy) !important;
  margin-bottom: 12px !important;
}
.product-one-page .price-box .price {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--av-navy) !important;
  font-family: var(--av-font-head) !important;
}
.product-one-page .price-box span {
  font-size: 16px !important;
  color: var(--av-text-muted) !important;
  text-decoration: line-through !important;
}

/* EMI badge on product detail */
.emi-highlight {
  background: #FFF8E7;
  border: 1px solid var(--av-gold);
  border-radius: var(--av-radius);
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--av-navy);
  margin: 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.emi-highlight i { color: var(--av-gold); font-size: 16px; }

/* ================================================================
   CART PAGE
   ================================================================ */
.cart-page-one { padding: 40px 0 !important; }
.cart-page-one table {
  background: var(--av-white) !important;
  border-radius: var(--av-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--av-shadow-sm) !important;
}
.cart-page-one thead th {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 14px 16px !important;
  border: none !important;
}

/* ================================================================
   CHECKOUT PAGE
   ================================================================ */
.checkout-page { padding: 40px 0 !important; }
.checkout-page .card {
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius-lg) !important;
  box-shadow: var(--av-shadow-sm) !important;
}
.checkout-page .card-header {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  font-weight: 600 !important;
  border-radius: var(--av-radius-lg) var(--av-radius-lg) 0 0 !important;
  padding: 14px 20px !important;
}

/* ================================================================
   FORMS
   ================================================================ */
.form-control {
  border: 1.5px solid var(--av-border) !important;
  border-radius: var(--av-radius) !important;
  font-size: 14px !important;
  font-family: var(--av-font) !important;
  padding: 10px 14px !important;
  color: var(--av-text) !important;
  transition: border-color 0.2s !important;
}
.form-control:focus {
  border-color: var(--av-navy) !important;
  box-shadow: 0 0 0 3px rgba(28,43,58,0.08) !important;
  outline: none !important;
}
label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--av-navy) !important;
  margin-bottom: 6px !important;
}

/* ================================================================
   FOOTER
   ================================================================ */
footer#footerOne,
footer.footer-area,
.footer-area {
  background-color: var(--av-navy) !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 60px 0 0 !important;
  border: none !important;
}
.footer-area .logo,
.footer-area figure a {
  color: var(--av-white) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  font-family: var(--av-font-head) !important;
}
.footer-area figure a img { max-height: 48px !important; filter: brightness(0) invert(1) !important; }
.footer-area p {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}
.footer-area .mail a { color: var(--av-gold) !important; font-size: 13px !important; }

.footer-area .single-footer h5 {
  font-family: var(--av-font-head) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--av-white) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--av-gold) !important;
  margin-bottom: 18px !important;
  display: block !important;
}

.footer-area .links-list,
.footer-area ul.links-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-area .links-list li { margin-bottom: 10px !important; }
.footer-area .links-list li a,
.footer-area ul.links-list a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  transition: var(--av-transition) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.footer-area .links-list li a::before { content: '›'; color: var(--av-gold); font-size: 16px; font-weight: 700; }
.footer-area .links-list li a:hover { color: var(--av-gold) !important; padding-left: 4px !important; }

/* social icons */
.footer-area .socials {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.footer-area .socials li { margin: 0 !important; }
.footer-area .socials a,
.footer-area .socials .fab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 16px !important;
  transition: var(--av-transition) !important;
  text-decoration: none !important;
}
.footer-area .socials a:hover,
.footer-area .socials .fab:hover {
  background: var(--av-gold) !important;
  color: var(--av-navy) !important;
  transform: translateY(-2px) !important;
}

/* copyright bar */
.footer-area .copyright-content,
.copyright-content {
  background: rgba(0,0,0,0.3) !important;
  margin-top: 48px !important;
  padding: 18px 0 !important;
}
.footer-area .footer-info,
.footer-info {
  color: rgba(255,255,255,0.45) !important;
  font-size: 12px !important;
  text-align: center !important;
}
.footer-info a { color: var(--av-gold) !important; }

/* ================================================================
   MOBILE FOOTER
   ================================================================ */
.footer-mobile, #footerMobile {
  background: var(--av-navy) !important;
  color: rgba(255,255,255,0.7) !important;
}

/* ================================================================
   MOBILE HEADER
   ================================================================ */
#headerMobile {
  background: var(--av-white) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}
#headerMobile .bg-top-bar { background: var(--av-bg) !important; border-bottom: 1px solid var(--av-border) !important; }
#headerMobile .bg-header-bar { background: var(--av-white) !important; padding: 10px 0 !important; }
#headerMobile .logo { color: var(--av-navy) !important; font-weight: 800 !important; font-size: 18px !important; }
#headerMobile .bg-menu-bar { background: var(--av-bg) !important; padding: 8px 0 !important; }
#headerMobile .btn-secondary { padding: 8px 16px !important; font-size: 12px !important; }

/* mobile nav drawer */
#navigation-mobile {
  background: var(--av-white) !important;
  border-right: 3px solid var(--av-gold) !important;
}
#navigation-mobile .main-manu {
  display: block !important;
  padding: 12px 20px !important;
  color: var(--av-text) !important;
  font-weight: 500 !important;
  border-bottom: 1px solid var(--av-border) !important;
  font-size: 14px !important;
  background: none !important;
  border-radius: 0 !important;
  text-align: left !important;
}
#navigation-mobile .main-manu:hover { color: var(--av-gold) !important; background: var(--av-bg) !important; }
#navigation-mobile .btn-primary {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  margin: 4px 16px !important;
  border-radius: var(--av-radius) !important;
  width: calc(100% - 32px) !important;
}

/* hamburger */
.navigation-mobile-toggler .fas.fa-bars { color: var(--av-navy) !important; font-size: 22px !important; }

/* ================================================================
   NOTIFICATIONS / ALERTS
   ================================================================ */
.notification, .alert-success {
  background: var(--av-green) !important;
  color: var(--av-white) !important;
  border: none !important;
  border-radius: var(--av-radius) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.alert-cookie {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  border: none !important;
}
.alert-cookie .btn-secondary { background: var(--av-gold) !important; border-color: var(--av-gold) !important; color: var(--av-navy) !important; }

/* newsletter modal */
.newsletter .modal-content { border-radius: var(--av-radius-lg) !important; overflow: hidden !important; border: none !important; }
.newsletter .promo-box { padding: 30px !important; }
.newsletter .text-01 { font-size: 22px !important; font-weight: 800 !important; color: var(--av-navy) !important; }

/* ================================================================
   PAGINATION
   ================================================================ */
.pagination .page-link {
  border: 1.5px solid var(--av-border) !important;
  color: var(--av-navy) !important;
  border-radius: var(--av-radius) !important;
  margin: 0 3px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: var(--av-transition) !important;
}
.pagination .page-item.active .page-link {
  background: var(--av-navy) !important;
  border-color: var(--av-navy) !important;
  color: var(--av-white) !important;
}
.pagination .page-link:hover {
  background: var(--av-gold) !important;
  border-color: var(--av-gold) !important;
  color: var(--av-navy) !important;
}

/* ================================================================
   BACK TO TOP
   ================================================================ */
#back-to-top {
  background: var(--av-gold) !important;
  color: var(--av-navy) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  box-shadow: var(--av-shadow) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* stack above chatbot toggle — chat is bottom:22px h:58px, leave 10px gap */
  bottom: 92px !important;
  right: 25px !important;
}
#back-to-top:hover {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  transform: translateY(-3px) !important;
}

/* ================================================================
   PROFILE / AUTH PAGES
   ================================================================ */
.registration-page, .login-page {
  padding: 60px 0 !important;
  background: var(--av-bg) !important;
}
.registration-page .card, .login-page .card {
  border-radius: var(--av-radius-lg) !important;
  border: 1px solid var(--av-border) !important;
  box-shadow: var(--av-shadow) !important;
  overflow: hidden !important;
}
.registration-page .card-header, .login-page .card-header {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  padding: 20px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ── Login / Signup page ── */
.page-area.pro-content { background: #f7f8fa; padding: 48px 0 64px; }
.page-area .registration-process { background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; padding: 28px 32px; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
h4.login-heading { font-size: 15px; font-weight: 800; color: #fff !important; background: #4e8c00; border-radius: 8px 8px 0 0; padding: 10px 20px; display: inline-block; margin-bottom: 0; letter-spacing: .04em; text-transform: uppercase; }
.page-area .from-group label { color: #374151 !important; font-size: 13px; font-weight: 600; }
.page-area .form-control { border: 1.5px solid #e5e7eb; border-radius: 8px; padding: 11px 14px; font-size: 14px; }
.page-area .btn-secondary { background: #4e8c00 !important; border-color: #4e8c00 !important; color: #fff !important; border-radius: 8px; font-weight: 700; padding: 11px 28px; }
.page-area .btn-secondary:hover { background: #376200 !important; border-color: #376200 !important; color: #fff !important; }
.page-area .btn-link { color: #6b7280 !important; font-size: 13px; font-weight: 600; text-decoration: none; }
.page-area .btn-link:hover { color: #4e8c00 !important; }

/* ================================================================
   DROPDOWN MENUS
   ================================================================ */
.dropdown-menu {
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius-lg) !important;
  box-shadow: var(--av-shadow-lg) !important;
  padding: 8px 0 !important;
  font-size: 13px !important;
}
.dropdown-item { padding: 9px 18px !important; color: var(--av-text) !important; font-weight: 500 !important; transition: var(--av-transition) !important; }
.dropdown-item:hover { background: var(--av-bg) !important; color: var(--av-navy) !important; }

/* ================================================================
   WISHLIST / COMPARE
   ================================================================ */
.wishlist-page, .compare-page { padding: 40px 0 !important; }
.wishlist-page table thead th,
.compare-page table thead th {
  background: var(--av-navy) !important;
  color: var(--av-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border: none !important;
}

/* ================================================================
   ORDER PAGES
   ================================================================ */
.orders-page { padding: 40px 0 !important; }
.orders-page .order-card {
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius-lg) !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}
.orders-page .order-header {
  background: var(--av-bg) !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--av-border) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 991px) {
  .av-announce {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bt-emi-hero-grid,
  .bt-content-grid {
    grid-template-columns: 1fr;
  }
  .bt-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bt-emi-hero h1 {
    font-size: 34px !important;
  }
  .av-cat-card img { height: 180px; }
  .pro-heading-title h2 { font-size: 22px !important; }
  .pro-content, .categories-content { padding: 36px 0 !important; }
  .boxes-content { padding: 28px 0 !important; }
  .product .thumb img, .product2 .pro-thumb .img-fluid { height: 180px !important; }
  .bt-promo-bar { font-size: 11px !important; padding: 6px 12px !important; }
}
@media (max-width: 767px) {
  #headerMobile .av-announce {
    display: block;
  }
  .bt-emi-hero {
    padding: 34px 0 28px;
  }
  .bt-emi-hero h1 {
    font-size: 28px !important;
    overflow-wrap: anywhere;
  }
  .bt-emi-hero p {
    font-size: 14px;
  }
  .bt-hero-actions .btn {
    width: 100%;
  }
  .bt-emi-hero-panel,
  .bt-feature-grid {
    grid-template-columns: 1fr;
  }
  .bt-emi-card-main {
    min-height: 190px;
  }
  .bt-live-search-panel {
    position: absolute;
    min-width: 0;
  }
  .av-cat-card img { height: 160px; }
  .pro-heading-title h2 { font-size: 20px !important; }
  .pro-timer span { font-size: 18px !important; padding: 6px 10px !important; min-width: 50px !important; }
  .product .thumb img, .product2 .pro-thumb .img-fluid { height: 160px !important; }
  footer.footer-area { padding: 40px 0 0 !important; }
  .footer-area .single-footer { margin-bottom: 28px !important; }
}

/* ================================================================
   BREADCRUMB
   ================================================================ */
nav[aria-label="breadcrumb"] {
  background: var(--av-white) !important;
  border-bottom: 1px solid var(--av-border) !important;
}
.breadcrumb { 
  padding: 14px 0 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #ffbf10 !important; font-weight: 700; font-size: 16px; }
.breadcrumb-item a { color: #4e8c00 !important; font-size: 13px; font-weight: 500; }
.breadcrumb-item.active { color: #6b7280 !important; font-size: 13px; }
.container-fuild .breadcrumb { padding-left: 0 !important; }

/* ================================================================
   PRODUCT DETAIL PAGE (bt-pd-* classes)
   ================================================================ */
/* breadcrumb */
.bt-pd-breadcrumb { background: #fff; border-bottom: 1px solid #e5e7eb; }

/* page section */
.bt-pd-section {
  padding: 30px 0 58px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,191,16,.13), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #f3f6f8 100%);
}

/* two-column grid */
.bt-pd-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); gap: 36px; align-items: start; }

/* ── gallery ── */
.bt-pd-gallery { position: sticky; top: 105px; min-width: 0; overflow: hidden; }
.bt-pd-main-img-wrap { position: relative; background: linear-gradient(145deg, #fff, #f8fafc); border-radius: 12px; border: 1px solid #dde5ec; overflow: hidden; padding: 14px; box-shadow: 0 14px 36px rgba(28,43,58,.08); }
.bt-pd-main-img-wrap::before { content: ''; position: absolute; inset: 14px; border-radius: 8px; background: radial-gradient(circle at center, rgba(255,255,255,.98), rgba(246,248,250,.72)); pointer-events: none; }
.bt-pd-main-img-wrap .slider-for,
.bt-pd-main-img-wrap .slick-list,
.bt-pd-main-img-wrap .slick-track { max-width: 100%; min-width: 0; }
.bt-pd-main-img-wrap .slider-for { position: relative; z-index: 1; }
.bt-pd-main-img-wrap .slider-for__item img { width: 100%; height: 390px; object-fit: contain; background: #fff; border-radius: 8px; }
.bt-pd-main-img-wrap .slider-for__item a { display: block; }
.bt-pd-video-card { margin-top: 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.bt-pd-video-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border-bottom: 1px solid #e5e7eb; color: #1f2937; font-size: 13px; font-weight: 800; }
.bt-pd-video-head i { color: #d93025; margin-right: 6px; }
.bt-pd-video-head a { color: #4e8c00; font-size: 12px; font-weight: 700; white-space: nowrap; }
.bt-pd-video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; }
.bt-pd-video-frame iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: 100%; border: 0; display: block; }
.bt-zoom-hint { position: absolute; bottom: 12px; right: 12px; z-index: 2; background: rgba(0,0,0,0.55); color: #fff; font-size: 11px; font-weight: 600; padding: 5px 10px; border-radius: 20px; letter-spacing: 0.04em; pointer-events: none; }
/* thumbnails */
.bt-pd-thumbs { margin-top: 12px; display: flex !important; gap: 8px; flex-wrap: wrap; justify-content: center; }
.bt-pd-thumb { width: 62px; height: 62px; border-radius: 8px; overflow: hidden; border: 2px solid #e5e7eb; cursor: pointer; transition: border-color 0.2s, transform 0.2s; display: flex !important; align-items: center; justify-content: center; background: #fff; }
.bt-pd-thumb img { width: 100%; height: 100%; object-fit: contain; }
.bt-pd-thumb:hover, .bt-pd-thumbs .slick-current .bt-pd-thumb { border-color: #ffbf10; }
.bt-pd-thumb:hover { transform: translateY(-1px); }
.bt-pd-thumb-video { background: #fee2e2; color: #c0392b; font-size: 24px; }
.bt-pd-video-prompt { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 13px 15px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; color: #1f2937; box-shadow: 0 8px 22px rgba(28,43,58,.05); text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s; }
.bt-pd-video-prompt span { color: #d93025; font-size: 13px; font-weight: 800; white-space: nowrap; }
.bt-pd-video-prompt strong { color: #4e8c00; font-size: 12px; text-align: right; }
.bt-pd-video-prompt:hover { border-color: #ffbf10; color: #1f2937; text-decoration: none; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(28,43,58,.08); }

.bt-payment-panel { width: 100%; margin: 18px 0 16px; padding: 18px; border: 1px solid #c8d9ef; border-radius: 8px; background: #f8fbff; color: #1f2937; }
.bt-payment-bank-box { display: grid; grid-template-columns: minmax(0,1fr) 178px; align-items: start; gap: 20px; width: 100%; }
.bt-payment-bank-copy h5 { margin: 8px 0 8px; color: #214f82; font-size: 18px; font-weight: 800; }
.bt-payment-bank-copy p { margin: 0; color: #334155; font-size: 14px; line-height: 1.55; }
.bt-payment-pill { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 4px; background: #e9f4dd; color: #4e8c00; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.bt-payment-bank-list { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.bt-payment-bank-list li { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 12px; align-items: baseline; padding: 8px 10px; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; }
.bt-payment-bank-list span { color: #64748b; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.bt-payment-bank-list strong { color: #1f4f7f; font-weight: 800; overflow-wrap: anywhere; }
.bt-payment-qr { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; width: 178px; color: #1f2937; font-size: 12px; font-weight: 800; text-align: center; }
.bt-payment-qr img { width: 178px !important; height: 178px !important; max-width: 178px; object-fit: contain; border: 1px solid #d7dee8; border-radius: 8px; background: #fff; padding: 8px; }
.bt-payment-qr:hover { color: #4e8c00; text-decoration: none; }
.bt-payment-qr-thankyou { display: block; margin-bottom: 14px; }
.bt-payment-qr-thankyou a { color: inherit; text-decoration: none; }

/* ── info panel ── */
.bt-pd-info { position: relative; overflow: hidden; background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; padding: 26px 26px 18px; box-shadow: 0 14px 36px rgba(28,43,58,.09); }
.bt-pd-info::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #4e8c00, #ffbf10); }
.bt-pd-cat-tag { display: inline-block; background: #f0fae6; color: #4e8c00; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; padding: 4px 12px; border-radius: 20px; border: 1px solid #b7dfa0; margin-bottom: 10px; }
.bt-pd-title { font-size: 26px; font-weight: 800; color: #1a1a1a; font-family: 'Poppins',sans-serif; line-height: 1.25; margin-bottom: 12px; letter-spacing: 0; }
.bt-pd-divider { height: 1px; background: #e5e7eb; margin: 14px 0; }

/* rating row */
.bt-pd-rating-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.bt-stars { display: flex; gap: 2px; }
.bt-star-on { color: #ffbf10; }
.bt-star-off { color: #d1d5db; }
.bt-pd-reviews-link { font-size: 12px; color: #4e8c00; text-decoration: underline; }
.bt-pd-badge { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 8px; border-radius: 4px; }
.bt-pd-badge-feature { background: #fef3c7; color: #92400e; }
.bt-pd-badge-new { background: #dcfce7; color: #166534; }

/* price */
.bt-pd-price-block { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 4px 0 8px; }
.bt-pd-price { font-size: 34px; font-weight: 900; color: #4e8c00; font-family: 'Poppins',sans-serif; line-height: 1; }
.bt-pd-price-orig { font-size: 17px; color: #9ca3af; text-decoration: line-through; font-weight: 400; }
.bt-pd-save-badge { background: #dc2626; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 4px; letter-spacing: 0.04em; }

/* EMI teaser strip */
.bt-pd-emi-teaser { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #374151; background: #f0fae6; border: 1px solid #d8edc7; border-radius: 6px; padding: 10px 12px; margin-bottom: 4px; }
.bt-pd-emi-teaser i { color: #4e8c00; }
.bt-pd-emi-link { background: none; border: none; color: #4e8c00; font-weight: 700; font-size: 12px; padding: 0; text-decoration: underline; cursor: pointer; margin-left: auto; }

/* stock */
.bt-pd-stock { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; padding: 5px 14px; border-radius: 20px; margin-bottom: 14px; }
.bt-pd-stock-in { background: #dcfce7; color: #166534; }
.bt-pd-stock-out { background: #fee2e2; color: #991b1b; }
.bt-pd-stock-variable { background: #dcfce7; color: #166534; }
.bt-pd-low-stock { font-size: 11px; font-weight: 500; color: #b45309; }

/* attribute selects */
.bt-pd-attrs { margin-bottom: 16px; display: flex; flex-direction: column; gap: 12px; }
.bt-pd-attr-group { display: flex; flex-direction: column; gap: 4px; }
.bt-pd-attr-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #4e8c00; margin-bottom: 0; }
.bt-pd-attr-select { border: 1.5px solid #e5e7eb !important; border-radius: 7px !important; font-size: 13px !important; padding: 9px 12px !important; transition: border-color 0.2s; }
.bt-pd-attr-select:focus { border-color: #4e8c00 !important; outline: none; box-shadow: 0 0 0 3px rgba(78,140,0,0.12) !important; }

/* countdown */
.bt-pd-countdown { display: flex; gap: 8px; margin-bottom: 14px; }
.bt-pd-countdown span { background: #4e8c00; color: #fff; padding: 6px 10px; border-radius: 6px; text-align: center; font-size: 16px; font-weight: 700; font-family: 'Poppins',sans-serif; }
.bt-pd-countdown span small { display: block; font-size: 9px; font-weight: 400; opacity: 0.8; text-transform: uppercase; letter-spacing: 0.06em; }

/* qty + CTA row */
.bt-pd-actions { margin-bottom: 16px; }
.bt-pd-qty { display: inline-flex; align-items: center; border: 1.5px solid #e5e7eb; border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.bt-pd-qty .qtyminus, .bt-pd-qty .qtyplus { background: #f7f8fa; border: none; padding: 10px 16px; font-size: 15px; color: #4e8c00; cursor: pointer; transition: background 0.15s; line-height: 1; }
.bt-pd-qty .qtyminus:hover, .bt-pd-qty .qtyplus:hover { background: #4e8c00; color: #fff; }
.bt-pd-qty .qty { width: 52px; text-align: center; border: none; border-left: 1.5px solid #e5e7eb; border-right: 1.5px solid #e5e7eb; font-weight: 700; font-size: 16px; padding: 10px 4px; -moz-appearance: textfield; appearance: textfield; background: #fff; }
.bt-pd-cta-row { display: flex; gap: 10px; }
.bt-pd-btn-cart { flex: 1; background: #4e8c00 !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; padding: 12px 20px !important; transition: background 0.15s; }
.bt-pd-btn-cart:hover { background: #376200 !important; }
.bt-pd-btn-buy { flex: 1; background: #ffbf10 !important; color: #1a1a1a !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; padding: 12px 20px !important; transition: background 0.15s; text-align: center; }
.bt-pd-btn-buy:hover { background: #d4a00a !important; color: #1a1a1a !important; }
.bt-pd-btn-emi { flex: 1; background: #1C2B3A !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; padding: 12px 20px !important; text-align: center; text-decoration: none !important; }
.bt-pd-btn-emi:hover { background: #101820 !important; color: #fff !important; }
.bt-pd-btn-whatsapp { flex: 1; background: #25D366 !important; color: #073b1f !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; padding: 12px 20px !important; text-align: center; text-decoration: none !important; }
.bt-pd-btn-whatsapp:hover { background: #1fb657 !important; color: #062f19 !important; }
.bt-pd-btn-disabled { flex: 1; background: #e5e7eb !important; color: #9ca3af !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; padding: 12px 20px !important; cursor: not-allowed !important; }

/* trust strip */
.bt-pd-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px; }
.bt-pd-trust-item { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 11px 8px; background: #f9fafb; border-radius: 8px; border: 1px solid #e5e7eb; }
.bt-pd-trust-item i { color: #4e8c00; font-size: 18px; }
.bt-pd-trust-item span { font-size: 10px; color: #374151; font-weight: 600; text-align: center; }

/* EMI box */
.bt-pd-emi-box { border: 2px solid #ffbf10; border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; background: linear-gradient(180deg, #fffdf5, #fff8df); box-shadow: 0 4px 20px rgba(255,191,16,0.15); }
.bt-pd-emi-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.bt-pd-emi-header i { color: #ffbf10; font-size: 18px; }
.bt-pd-emi-header strong { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #4e8c00; flex: 1; }
.bt-pd-emi-apply { background: #4e8c00; color: #fff; border: none; border-radius: 6px; font-size: 11px; font-weight: 700; padding: 5px 12px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.05em; transition: background 0.15s; }
.bt-pd-emi-apply:hover { background: #376200; }
.bt-pd-emi-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.bt-emi-pill { cursor: pointer; padding: 7px 14px; border-radius: 20px; border: 1.5px solid #e5e7eb; background: #fff; font-size: 12px; font-weight: 600; color: #374151; transition: all 0.15s; user-select: none; white-space: nowrap; }
.bt-emi-pill:hover, .bt-emi-pill.active { border-color: #ffbf10; background: #ffbf10; color: #333; }

/* primary purchase buttons in product card */
.bt-pd-inline-qty { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 0 12px; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #f8fafc; }
.bt-pd-inline-qty .bt-pd-qty { margin-bottom: 0; background: #fff; flex-shrink: 0; }
.bt-pd-inline-qty .bt-pd-action-left { min-width: 0; }
.bt-pd-card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0 16px; }
.bt-pd-card-actions .bt-pd-btn-cart,
.bt-pd-card-actions .bt-pd-btn-buy,
.bt-pd-card-actions .bt-pd-btn-emi,
.bt-pd-card-actions .bt-pd-btn-whatsapp,
.bt-pd-card-actions .bt-pd-btn-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  box-shadow: 0 8px 18px rgba(28,43,58,.08);
}
.bt-pd-card-actions .bt-pd-btn-buy { background: #ffbf10 !important; }
.bt-pd-card-actions .bt-pd-btn-emi { background: #1c2b3a !important; box-shadow: 0 8px 18px rgba(28,43,58,.15); }
.bt-pd-card-actions .bt-pd-btn-whatsapp { color: #073b1f !important; }

/* secondary actions */
.bt-pd-secondary-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 0 0; border-top: 1px solid #e5e7eb; border-bottom: none; margin-bottom: 0; }
.bt-pd-sec-btn { background: none; border: 1.5px solid #e5e7eb; border-radius: 6px; color: #374151; font-size: 12px; font-weight: 600; padding: 6px 14px; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: all 0.15s; }
.bt-pd-sec-btn:hover { border-color: #4e8c00; color: #4e8c00; }

/* product meta */
.bt-pd-meta { display: flex; flex-direction: column; gap: 4px; }
.bt-pd-meta-row { display: flex; font-size: 12px; }
.bt-pd-meta-key { color: #9ca3af; min-width: 90px; font-weight: 600; }
.bt-pd-meta-val { color: #374151; }

/* ── Action bar (full-width row below gallery+info grid) ── */
.bt-pd-action-bar {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px 24px;
  margin-top: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.bt-pd-action-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.bt-pd-action-left { display: flex; flex-direction: column; gap: 4px; min-width: 120px; }
.bt-pd-action-price { font-size: 26px; font-weight: 900; color: #4e8c00; font-family: 'Poppins',sans-serif; line-height: 1; }
.bt-pd-action-stock { font-size: 12px; font-weight: 600; }
.bt-pd-action-stock.in  { color: #4e8c00; }
.bt-pd-action-stock.out { color: #ef4444; }
.bt-pd-action-bar .bt-pd-qty { flex-shrink: 0; }
.bt-pd-action-bar .bt-pd-cta-row { flex: 1; min-width: 240px; }
.bt-pd-qty-bar { margin-top: 18px; padding: 14px 18px; }
.bt-pd-qty-bar .bt-pd-action-inner { justify-content: flex-start; }
.bt-pd-action-left strong { font-size: 18px; color: #4e8c00; }
.bt-pd-action-kicker { font-size: 11px; color: #6b7280; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.bt-pd-action-note { color: #64748b; font-size: 12px; font-weight: 600; margin-left: auto; }

/* ── tabs ── */
.bt-pd-tabs-section { margin-top: 30px; }
.bt-pd-tab-nav { display: flex; gap: 6px; border-bottom: 2px solid #e5e7eb; }
.bt-pd-tab-link { display: flex; align-items: center; gap: 7px; padding: 11px 22px; font-size: 13px; font-weight: 700; color: #6b7280; border-radius: 8px 8px 0 0; border: 1px solid #e5e7eb; border-bottom: none; background: #fff; text-decoration: none; transition: all 0.15s; position: relative; bottom: 0; }
.bt-pd-tab-link:hover { color: #4e8c00; background: #f7f8fa; text-decoration: none; }
.bt-pd-tab-link.active { background: #fff; color: #4e8c00; border-color: #e5e7eb; border-bottom-color: #fff; }
.bt-pd-tab-count { background: #4e8c00; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 10px; }
.bt-pd-tab-body { border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 12px 12px; background: #fff; padding: 28px; box-shadow: 0 10px 30px rgba(28,43,58,.05); }
.bt-pd-video-tab .bt-pd-video-card { max-width: 780px; margin: 0 auto; border-radius: 12px; }
.bt-pd-video-tab .bt-pd-video-frame { border-radius: 0 0 12px 12px; overflow: hidden; }

/* description tab */
.bt-pd-description img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
.bt-pd-description h1,.bt-pd-description h2,.bt-pd-description h3 { color: #4e8c00; font-family: 'Poppins',sans-serif; }
.bt-pd-description table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 12px 0; }
.bt-pd-description table th { background: #4e8c00; color: #fff; padding: 8px 12px; text-align: left; }
.bt-pd-description table td { padding: 8px 12px; border-bottom: 1px solid #e5e7eb; }
.bt-pd-description table tr:nth-child(even) td { background: #f9fafb; }

/* reviews tab */
.bt-pd-reviews-heading { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 18px; }
.bt-pd-review-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.bt-pd-review-card { border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px 18px; background: #fff; }
.bt-pd-review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.bt-pd-review-avatar { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, #4e8c00, #376200); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0; }
.bt-pd-reviewer-name { font-size: 13px; font-weight: 700; color: #1a1a1a; }
.bt-pd-review-date { font-size: 11px; color: #9ca3af; }
.bt-pd-review-text { font-size: 13px; color: #374151; margin: 0; line-height: 1.6; }
.bt-pd-no-reviews { text-align: center; padding: 40px 20px; color: #9ca3af; }
.bt-pd-no-reviews i { font-size: 36px; margin-bottom: 12px; display: block; }
.bt-pd-no-reviews p { font-size: 14px; margin: 0; }
.bt-pd-write-review { border-top: 1px solid #e5e7eb; padding-top: 24px; }
.bt-pd-write-review h4 { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; }
.bt-pd-rating-input { margin-bottom: 12px; }
.bt-pd-rating-input label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #4e8c00; display: block; margin-bottom: 6px; }
.bt-pd-login-to-review { padding: 24px 0; border-top: 1px solid #e5e7eb; }

/* ── related products ── */
.bt-related-section { padding: 48px 0; background: #f7f8fa; }
.bt-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.bt-section-head h2 { font-size: 20px; font-weight: 800; color: #1a1a1a; font-family: 'Poppins',sans-serif; position: relative; }
.bt-section-head h2::after { content: ''; display: block; width: 36px; height: 3px; background: #ffbf10; border-radius: 2px; margin-top: 6px; }
.bt-section-link { font-size: 13px; font-weight: 600; color: #4e8c00; display: flex; align-items: center; gap: 5px; transition: gap 0.15s; text-decoration: none; }
.bt-section-link:hover { gap: 10px; text-decoration: none; color: #376200; }

/* ================================================================
   SHOP / ARCHIVE PAGE
   ================================================================ */
.shop-content.shop-two { padding: 32px 0 48px; }
.right-menu { padding-right: 24px; }
.right-menu-categories { display: none; }
/* filter sidebar card */
.shop-filter-card { background: #fff; border-radius: 12px; border: 1px solid #e5e7eb;  box-shadow: 0 1px 4px rgba(0,0,0,0.06);   }
.shop-filter-card h5, .range-slider-main h2, .color-range-main h2 { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #4e8c00; border-bottom: 2px solid #ffbf10; padding-bottom: 8px; margin-bottom: 14px; }
 
.color-range-main { margin-bottom: 20px; }
/* checkbox list */
.color-range-main .list li, .unorder-list li { padding: 4px 0; }
.form-check-label { font-size: 13px; color: #374151; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.form-check-input { accent-color: #4e8c00; width: 15px; height: 15px; cursor: pointer; }
/* shop top bar */
.shop-content .top-bar { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 16px; margin-bottom: 20px; }
.shop-content .top-bar label { font-size: 12px; font-weight: 600; color: #374151; margin-right: 6px; margin-bottom: 0; }
.shop-content .top-bar .select-control select { border: 1.5px solid #e5e7eb; border-radius: 6px; font-size: 13px; padding: 6px 10px; }
.top-bar .block .buttons a { padding: 6px 10px; border: 1.5px solid #e5e7eb; border-radius: 6px; color: #374151; margin-right: 4px; transition: all 0.2s; }
.top-bar .block .buttons a:hover { border-color: #4e8c00; color: #4e8c00; }
/* pagination / load more */
.shop-content .pagination { padding: 20px 0; }
#load_products { font-size: 13px; padding: 10px 28px; }

/* ================================================================
   CONTACT PAGE
   ================================================================ */
.contact-page-section { padding: 48px 0; background: #f7f8fa; }
.contact-form-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,0.08); border: 1px solid #e5e7eb; }
.contact-form-card .card-header { background: #4e8c00; color: #fff; padding: 18px 24px; font-size: 16px; font-weight: 700; font-family: 'Poppins',sans-serif; }
.contact-form-card .card-body { padding: 28px 24px; }
.contact-info-card { background: #4e8c00; border-radius: 12px; padding: 28px 24px; color: rgba(255,255,255,0.8); height: 100%; }
.contact-info-card h4 { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 24px; font-family: 'Poppins',sans-serif; }
.contact-info-item { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.contact-info-item i { color: #ffbf10; font-size: 18px; margin-top: 2px; flex-shrink: 0; width: 20px; }
.contact-info-item .ci-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.5); margin-bottom: 2px; }
.contact-info-item .ci-value { font-size: 14px; color: rgba(255,255,255,0.85); }
.contact-info-item .ci-value a { color: rgba(255,255,255,0.85); text-decoration: none; }
.contact-info-item .ci-value a:hover { color: #ffbf10; }
#map { border-radius: 10px; overflow: hidden; margin-top: 20px; }
/* input with icon */
.input-icon-wrap { position: relative; }
.input-icon-wrap .fa, .input-icon-wrap .fas { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 14px; pointer-events: none; }
.input-icon-wrap textarea ~ .fas, .input-icon-wrap textarea ~ .fa { top: 16px; transform: none; }
.input-icon-wrap .form-control { padding-left: 38px; }

/* ================================================================
   GENERAL PAGE ELEMENTS
   ================================================================ */
/* page heading */
.page-heading-title { padding: 24px 0 8px; }
.page-heading-title h2 { font-size: 24px; font-weight: 800; color: #4e8c00; font-family: 'Poppins',sans-serif; position: relative; display: inline-block; }
.page-heading-title h2::after { content: ''; display: block; width: 40px; height: 3px; background: #ffbf10; border-radius: 2px; margin-top: 8px; }
/* section wrapper */
.pro-content { background: #f7f8fa; }
.pro-content > .container:first-child { background: #fff; }
/* related products */
.related-products-section { padding: 48px 0; background: #f7f8fa; }
/* wishlist / orders tables */
.wishlist-page .table thead th, .orders-page .table thead th { background: #4e8c00; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; border: none; padding: 14px 16px; }
.wishlist-page .table td, .orders-page .table td { vertical-align: middle; font-size: 13px; padding: 12px 16px; border-color: #e5e7eb; }
/* profile page */
.profile-page .card, .my-account .card { border-radius: 12px; border: 1px solid #e5e7eb; overflow: hidden; }
.profile-page .card-header, .my-account .card-header { background: #4e8c00; color: #fff; font-weight: 700; padding: 14px 20px; }

/* ================================================================
   GLOBAL THEME COLOR OVERRIDES — kill old-theme green (#81ba00)
   ================================================================ */
/* Form labels */
.form-group label, .contact-form-card label,
.checkout-area label, .cart-content label,
.write-review label { color: #374151 !important; font-weight: 600; }
/* Focus ring */
.form-control:focus { border-color: #4e8c00 !important; box-shadow: 0 0 0 3px rgba(28,43,58,0.12) !important; }
/* Badges */
.badge-success { background-color: #4e8c00 !important; color: #fff !important; }
.badge-info    { background-color: #f5a623 !important; color: #4e8c00 !important; }
/* Breadcrumb */
.breadcrumb a { color: #4e8c00 !important; }
.breadcrumb-item.active, .breadcrumb-item.active a { color: #6b7280 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: #9ca3af !important; }
/* Page headings — force navy everywhere */
h1, h2, h3, h4, h5, h6 { color: #4e8c00; }
.page-heading-title h2, .page-heading-title h2 a { color: #4e8c00 !important; }
/* Info card headings on dark bg need white */
.contact-info-card h4, .contact-info-card h3, .contact-info-card h5 { color: #fff !important; }
.av-cart-summary-title, .emi-box-title { color: #4e8c00 !important; }
/* Btn-secondary override — force to navy (theme makes it green) */
.btn-secondary { background-color: #4e8c00 !important; border-color: #4e8c00 !important; color: #fff !important; }
.btn-secondary:hover { background-color: #376200 !important; border-color: #376200 !important; color: #fff !important; }
/* Cart item price (theme makes it green) */
.cart-area .item-price, .checkout-area .item-price { color: #4e8c00 !important; font-weight: 700; }
/* Nav-link active (breadcrumb) breadcrumb bg */
nav[aria-label=breadcrumb] { background-color: transparent !important; }
/* Disabled ratings stars — override theme #81ba00 */
.disabled-ratings label.active { color: #f5a623 !important; }

/* ================================================================
   CART PAGE  (.av-cart-*)
   ================================================================ */
.av-cart-wrap { background: #f7f8fa; min-height: 60vh; padding: 32px 0 48px; }
.av-cart-title { font-size: 22px; font-weight: 800; color: #4e8c00; font-family: 'Poppins',sans-serif; margin-bottom: 24px; }
.av-cart-title span { font-size: 14px; font-weight: 400; color: #9ca3af; margin-left: 8px; }
/* cart items */
.av-cart-item { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 18px; margin-bottom: 14px; display: flex; align-items: flex-start; gap: 16px; transition: box-shadow .2s; }
.av-cart-item:hover { box-shadow: 0 4px 16px rgba(28,43,58,0.08); }
.av-cart-item-img { width: 90px; height: 90px; object-fit: contain; border-radius: 8px; border: 1px solid #e5e7eb; flex-shrink: 0; background: #fafafa; }
.av-cart-item-body { flex: 1; min-width: 0; }
.av-cart-item-cat { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #f5a623; margin-bottom: 2px; }
.av-cart-item-name { font-size: 15px; font-weight: 700; color: #4e8c00; line-height: 1.35; margin-bottom: 4px; white-space: normal; }
.av-cart-item-name a { color: inherit; text-decoration: none; }
.av-cart-item-name a:hover { color: #f5a623; }
.av-cart-item-attrs { font-size: 12px; color: #6b7280; margin-bottom: 8px; }
.av-cart-item-price { font-size: 17px; font-weight: 800; color: #4e8c00; }
.av-cart-item-price-orig { font-size: 12px; color: #9ca3af; text-decoration: line-through; margin-left: 6px; }
.av-cart-item-right { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; min-width: 140px; }
.av-cart-qty { display: flex; align-items: center; border: 1.5px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
.av-cart-qty button { background: #f7f8fa; border: none; width: 34px; height: 34px; font-size: 14px; cursor: pointer; color: #4e8c00; transition: background .2s; }
.av-cart-qty button:hover { background: #4e8c00; color: #fff; }
.av-cart-qty input { width: 44px; border: none; text-align: center; font-weight: 700; font-size: 14px; background: #fff; }
.av-cart-item-total { font-size: 15px; font-weight: 800; color: #4e8c00; }
.av-cart-del { background: none; border: none; color: #9ca3af; cursor: pointer; font-size: 16px; padding: 4px; transition: color .2s; }
.av-cart-del:hover { color: #E63946; }
/* coupon row */
.av-coupon-wrap { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.av-coupon-wrap input { flex: 1; min-width: 160px; border: 1.5px solid #e5e7eb; border-radius: 8px; padding: 10px 14px; font-size: 13px; outline: none; }
.av-coupon-wrap input:focus { border-color: #4e8c00; }
.av-coupon-btn { background: #4e8c00; color: #fff; border: none; border-radius: 8px; padding: 10px 20px; font-size: 13px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.av-coupon-btn:hover { background: #376200; color: #fff; }
.av-coupon-applied { background: #d1fae5; border: 1px solid #6ee7b7; border-radius: 8px; padding: 10px 14px; font-size: 13px; color: #065f46; display: flex; align-items: center; gap: 8px; }
/* order summary box */
.av-cart-summary { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 22px 20px; position: sticky; top: 80px; }
.av-cart-summary-title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #4e8c00; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e5e7eb; }
.av-cart-summary-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #f3f4f6; font-size: 14px; color: #374151; }
.av-cart-summary-row:last-of-type { border-bottom: none; }
.av-cart-summary-total { display: flex; justify-content: space-between; align-items: center; padding: 14px 0 16px; font-size: 18px; font-weight: 800; color: #4e8c00; border-top: 2px solid #e5e7eb; margin-top: 4px; }
.av-cart-checkout-btn { display: block; width: 100%; background: #f5a623; color: #4e8c00; border: none; border-radius: 8px; padding: 15px; font-size: 14px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: .06em; text-decoration: none; cursor: pointer; transition: background .2s; }
.av-cart-checkout-btn:hover { background: #376200; color: #fff; text-decoration: none; }
.av-cart-back-btn { display: block; text-align: center; margin-top: 10px; font-size: 13px; color: #6b7280; text-decoration: none; }
.av-cart-back-btn:hover { color: #4e8c00; text-decoration: none; }
/* empty cart */
.av-cart-empty { text-align: center; padding: 64px 24px; background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; }
.av-cart-empty i { font-size: 56px; color: #e5e7eb; margin-bottom: 20px; }
.av-cart-empty h4 { font-size: 20px; font-weight: 700; color: #4e8c00; margin-bottom: 8px; }
.av-cart-empty p { color: #9ca3af; margin-bottom: 20px; }

/* ================================================================
   CHECKOUT PAGE — step nav + form theming
   ================================================================ */
.checkoutd-nav { gap: 4px; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 6px; margin-bottom: 20px; }
.checkoutd-nav .nav-item .nav-link { border-radius: 7px; font-size: 13px; font-weight: 600; color: #6b7280; padding: 9px 18px; transition: all .2s; }
.checkoutd-nav .nav-item .nav-link.active { background: #4e8c00 !important; color: #fff !important; }
.checkoutd-nav .nav-item .nav-link.active-check { background: #f5a623 !important; color: #4e8c00 !important; }
.checkout-module { background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; padding: 24px; width: 100%; }
.checkout-area .form-control { border: 1.5px solid #e5e7eb; border-radius: 8px; font-size: 14px; padding: 11px 14px; }
.checkout-area .btn-secondary { background: #4e8c00 !important; border-color: #4e8c00 !important; color: #fff !important; border-radius: 8px; font-weight: 700; padding: 13px 28px; }
.checkout-area .btn-secondary:hover { background: #376200 !important; border-color: #376200 !important; color: #fff !important; }
.checkout-area .payment-radio { border: 1.5px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; margin-bottom: 10px; cursor: pointer; transition: border-color .2s; }
.checkout-area .payment-radio:has(input:checked) { border-color: #f5a623; background: #FFF8E7; }
/* order review table in checkout */
.checkout-area .table thead th { background: #4e8c00; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .05em; border: none; padding: 12px 16px; }
.checkout-area .table td { vertical-align: middle; padding: 12px 16px; border-color: #e5e7eb; font-size: 14px; }
.checkout-area .table-striped tbody tr:nth-of-type(odd) { background-color: #f9fafb; }

/* ── Checkout right-column order summary ── */
.checkout-right { padding-left: 12px; }
.checkout-right table.right-table { background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.07); width: 100%; border-collapse: separate; border-spacing: 0; }
.checkout-right table.right-table thead th { background: #4e8c00; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .04em; padding: 16px 20px; border: none; text-align: center; }
.checkout-right table.right-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.checkout-right table.right-table tbody tr th { font-size: 13px; font-weight: 600; color: #374151; padding: 13px 18px; border: none; }
.checkout-right table.right-table tbody tr td { font-size: 13px; color: #374151; padding: 13px 18px; text-align: right; border: none; }
.checkout-right table.right-table tr.item-price th,
.checkout-right table.right-table tr.item-price td { font-size: 16px; font-weight: 800; color: #4e8c00 !important; border-top: 2px solid #e5e7eb !important; padding-top: 16px; }

/* ── Checkout overall area background ── */
.checkout-area > .container,
.checkout-area > section.pro-content { padding-top: 8px; }
section.checkout-area { background: #f7f8fa; padding: 32px 0 56px; }

/* ── Shipping method cards ── */
.checkout-area .heading h2 { font-size: 15px; font-weight: 700; color: #4e8c00 !important; border-bottom: 2px solid #f5a623; padding-bottom: 6px; margin-bottom: 12px; }
.checkout-area .form-check { padding: 0; }
.checkout-area .bt-payment-option { align-items: center; margin: 0 12px 12px 0; padding: 10px 14px; border: 1px solid #dbe3ee; border-radius: 8px; background: #fff; min-height: 48px; }
.checkout-area .bt-payment-option label { margin: 0 0 0 8px; font-size: 16px; font-weight: 700; color: #334155; }
.checkout-area .bt-payment-option img { max-width: 110px; max-height: 34px; object-fit: contain; }
.checkout-area input[type=radio]:checked + label { color: #4e8c00 !important; font-weight: 600; }
.checkout-area .checkout-left { padding-right: 18px; }
.checkout-module { box-shadow: 0 14px 34px rgba(28,43,58,.07); }
.checkout-module .tab-content { padding-top: 4px; }
.bt-checkout-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; border: none; background: transparent; padding: 0; }
.bt-checkout-steps.d-flex { display: grid !important; }
.bt-checkout-steps .nav-item { margin: 0 !important; }
.bt-checkout-steps .nav-item .nav-link { width: 100%; display: flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #dfe6ee; background: #f8fafc; color: #64748b; }
.bt-checkout-steps .nav-item .nav-link.active { box-shadow: 0 8px 20px rgba(78,140,0,.18); }
.bt-checkout-same { width: 100% !important; padding: 4px 0 0; }
.bt-checkout-switch { display: flex !important; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 14px 16px; border: 1px solid #dbe8d2; border-radius: 10px; background: #f3faec; cursor: pointer; }
.bt-checkout-switch input { position: absolute; opacity: 0; pointer-events: none; }
.bt-checkout-switch-ui { position: relative; flex: 0 0 auto; width: 46px; height: 26px; border-radius: 99px; background: #cbd5e1; transition: background .2s; }
.bt-checkout-switch-ui::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(15,23,42,.2); transition: transform .2s; }
.bt-checkout-switch input:checked + .bt-checkout-switch-ui { background: #4e8c00; }
.bt-checkout-switch input:checked + .bt-checkout-switch-ui::after { transform: translateX(20px); }
.bt-checkout-switch strong { display: block; color: #1f2937; font-size: 14px; line-height: 1.25; }
.bt-checkout-switch small { display: block; color: #64748b; font-size: 12px; margin-top: 2px; }
.bt-alt-billing-panel { width: 100%; margin: 6px 0 12px; padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: inset 0 3px 0 #ffbf10; }
.bt-alt-billing-head { margin-bottom: 10px; }
.bt-alt-billing-head h4 { margin: 0 0 3px; color: #1f2937; font-size: 16px; font-weight: 800; }
.bt-alt-billing-head p { margin: 0; color: #64748b; font-size: 12px; }
.checkout-area .checkout-module .form-row { gap: 0 16px; }
.checkout-area .checkout-module .form-group { flex: 1 1 calc(50% - 16px); min-width: 240px; margin-bottom: 16px; }
.checkout-area .checkout-module .form-group .btn { min-width: 180px; }
.checkout-right { position: sticky; top: 102px; align-self: flex-start; }

/* ================================================================
   BHARAT TRADERS PRODUCT CARD  (.btpc-*)
   Completely isolated from old theme CSS — no article/product3 classes
   ================================================================ */

/* Outer wrapper — fills grid cell */
.btpc {
  height: 100%;
  font-family: 'Inter', sans-serif;
}

/* Card inner — white box */
.btpc-inner {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06);
  transition: box-shadow 0.25s, transform 0.25s;
}
.btpc-inner:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
  transform: translateY(-3px);
}

/* Image wrapper */
.btpc-img-wrap {
  position: relative;
  background: #f8f9fa;
  padding: 20px 16px 12px;
  overflow: hidden;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btpc-img-link { display: block; width: 100%; }
.btpc-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  display: block;
  transition: transform 0.4s ease;
}
.btpc-inner:hover .btpc-img { transform: scale(1.05); }

/* Brand + badges — top-left stack */
.btpc-corner-labels {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 3;
  max-width: calc(100% - 60px);
}
.btpc-badges {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.btpc-badge {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 3px;
  line-height: 1.4;
  white-space: nowrap;
}
.btpc-badge-dark  { background: #111; color: #fff; }
.btpc-badge-red   { background: #E63946; color: #fff; }
.btpc-badge-gold  { background: #ffbf10; color: #4e8c00; }

/* Compare + Wishlist icons — top-right, always visible (matches screenshot) */
.btpc-icons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 3;
}
.btpc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  color: #374151;
  font-size: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: background 0.2s, color 0.2s;
  text-decoration: none;
}
.btpc-icon:hover { background: #4e8c00; color: #fff; border-color: #4e8c00; }

/* Card body */
.btpc-body {
  padding: 14px 16px 10px;
  text-align: left;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.btpc-brand {
  display: inline-block;
  align-self: flex-start;
  max-width: 100%;
  font-size: 11px;
  font-weight: 800;
  color: #4e8c00;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(78,140,0,0.18);
  border-radius: 999px;
  padding: 4px 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.25;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btpc-cat {
  display: block;
  font-size: 10px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 5px;
}
.btpc-title {
  margin: 0 0 8px;
  line-height: 1.4;
}
.btpc-title a {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
  font-family: 'Inter', sans-serif;
}
.btpc-title a:hover { color: #ffbf10; text-decoration: none; }

.btpc-price-row {
  margin-bottom: 4px;
  display: flex;
  align-items: baseline;
  justify-content: left;
  gap: 6px;
  flex-wrap: wrap;
}
.btpc-price {
  font-size: 20px;
  font-weight: 800;
  color: #4e8c00;
  font-family: 'Poppins', sans-serif;
  line-height: 1;
}
.btpc-price-orig {
  font-size: 13px;
  color: #9ca3af;
  text-decoration: line-through;
  font-weight: 400;
}

/* EMI + Delivery pills (matches screenshot) */
.btpc-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.btpc-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
}
.btpc-pill-emi {
  background: #4e8c00;
  color: #fff;
}
.btpc-pill-emi:hover { background: #ffbf10; color: #4e8c00; text-decoration: none; }
.btpc-pill-delivery {
  background: #ffbf10;
  color: #4e8c00;
}

/* Hover-reveal action buttons at bottom */
.btpc-hover-btns {
  display: flex;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
}
.btpc-inner:hover .btpc-hover-btns {
  max-height: 50px;
}
.btpc-hbtn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 6px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border: none;
  cursor: pointer;
  text-decoration: none;
  background: #ffbf10;
  color: #4e8c00;
  font-family: 'Inter', sans-serif;
  line-height: 1;
  transition: background 0.2s, color 0.2s;
  min-height: 42px;
}
.btpc-hbtn:hover { background: #4e8c00; color: #fff; text-decoration: none; }
.btpc-hbtn-buy { border-right: 1px solid rgba(0,0,0,0.12); }
.btpc-hbtn-cart { background: #4e8c00; color: #fff; }
.btpc-hbtn-cart:hover { background: #ffbf10; color: #4e8c00; }
.btpc-hbtn-checkout { background: #4e8c00; color: #fff; }
.btpc-hbtn-out {
  flex: 1;
  background: #f3f4f6;
  color: #9ca3af;
  border: none;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 11px 6px;
  cursor: not-allowed;
  font-family: 'Inter', sans-serif;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Grid spacing */
.griding { margin-bottom: 24px; }
.griding .btpc { height: 100%; }

/* Carousel cards */
.popular-carousel-js .btpc-inner,
.product-m-carousel-js .btpc-inner { height: auto; }

/* ================================================================
   FINAL STOREFRONT POLISH
   ================================================================ */
.products-area .row { align-items: stretch; }

.shop-content.shop-two .container > .row { align-items: flex-start; }
.right-menu { position: sticky; top: 132px; align-self: flex-start; }
.shop-filter-card {
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(28,43,58,0.06);
}
.shop-filter-card .form-control {
  min-height: 38px;
  border: 1px solid #dfe5eb;
  border-radius: 6px;
  box-shadow: none;
}
.shop-filter-card .btn { min-height: 40px; }
.shop-filter-card .form-check { margin-bottom: 8px; }
.shop-filter-card .form-check-label { width: 100%; justify-content: flex-start; }
.shop-filter-card .form-check-input { margin-top: 0; margin-right: 8px; position: static; }
.shop-content .top-bar { box-shadow: 0 8px 22px rgba(28,43,58,0.05); }
.shop-content .top-bar .form-inline { gap: 10px; }
.shop-content .top-bar .form-group { margin-bottom: 0; }
.shop-content .pagination { gap: 14px; flex-wrap: wrap; }

.pd-gallery-wrap,
.pd-info-panel {
  min-width: 0;
}
.pd-info-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.pd-title { overflow-wrap: anywhere; }
.pd-price-row { border-bottom: 1px solid #edf0f3; padding-bottom: 12px; }
.pro-sub-buttons .buttons .btn { min-height: 44px; }
.emi-box { box-shadow: 0 8px 24px rgba(212,168,71,0.16); }

.input-icon-wrap { position: relative; }
.input-icon-wrap .fa,
.input-icon-wrap .fas {
  left: 16px;
  width: 18px;
  text-align: center;
  color: #8b95a1;
}
.input-icon-wrap .form-control {
  min-height: 46px;
  padding-left: 50px !important;
}
.input-icon-wrap textarea.form-control {
  min-height: 130px;
  padding-top: 13px;
  resize: vertical;
}
.input-icon-wrap textarea ~ .fas,
.input-icon-wrap textarea ~ .fa {
  top: 19px;
}

.footer-area[style*="background-image"] {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.bt-category-directory {
  padding: 46px 0 60px;
  background: #f7f8fa;
}
.bt-category-head {
  max-width: 760px;
  margin-bottom: 26px;
}
.bt-category-head h1 {
  font-size: 34px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
}
.bt-category-head p {
  margin: 0;
  color: var(--av-text-muted);
  font-size: 15px;
}
.bt-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.bt-category-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(28,43,58,0.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.bt-category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(28,43,58,0.11);
}
.bt-category-media {
  display: block;
  height: 190px;
  background: #edf1f4;
  overflow: hidden;
}
.bt-category-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.bt-category-card:hover .bt-category-media img { transform: scale(1.05); }
.bt-category-placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 36px;
}
.bt-category-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}
.bt-category-body h2 {
  font-size: 17px !important;
  margin: 0 0 5px !important;
}
.bt-category-body h2 a { color: var(--av-navy) !important; }
.bt-category-body span {
  color: var(--av-text-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.bt-category-open {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  background: var(--av-navy);
  color: #fff !important;
}
.bt-category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 18px;
}
.bt-category-chips a {
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 6px 10px;
  color: #374151 !important;
  font-size: 12px;
  background: #fff;
}
.bt-category-chips a:hover {
  border-color: var(--av-gold);
  color: var(--av-navy) !important;
}

.bt-popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 2400;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(12,18,24,0.54);
}
.bt-popup-overlay.is-visible { display: flex; }
.bt-popup {
  position: relative;
  max-width: 440px;
  width: 100%;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.24);
}
.bt-popup-kicker {
  color: var(--av-gold);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.bt-popup h2 {
  font-size: 25px !important;
  margin: 8px 0 10px !important;
}
.bt-popup p {
  color: var(--av-text-muted);
  margin: 0 0 18px;
}
.bt-popup-close,
.bt-chatbot-close {
  border: 0;
  background: transparent;
  cursor: pointer;
}
.bt-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #6b7280;
}

.bt-fomo-widget {
  position: fixed;
  left: 18px;
  bottom: 22px;
  z-index: 2200;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 310px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 16px 40px rgba(28,43,58,0.16);
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.bt-fomo-widget.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.bt-fomo-widget span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff6df;
  color: var(--av-gold);
  flex: 0 0 34px;
}
.bt-fomo-widget p {
  margin: 0;
  color: var(--av-navy);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.bt-chatbot {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 2300;
}
.bt-chatbot-toggle {
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 50%;
  background: var(--av-navy);
  color: #fff;
  box-shadow: 0 16px 34px rgba(28,43,58,0.26);
  cursor: pointer;
  font-size: 22px;
}
.bt-chatbot-panel {
  position: absolute;
  right: 0;
  bottom: 72px;
  width: 360px;
  max-width: calc(100vw - 36px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(28,43,58,0.22);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.bt-chatbot.is-open .bt-chatbot-panel {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.bt-chatbot-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  background: var(--av-navy);
  color: #fff;
}
.bt-chatbot-panel header strong { display: block; font-size: 15px; }
.bt-chatbot-panel header span { display: block; color: rgba(255,255,255,0.66); font-size: 12px; }
.bt-chatbot-close { color: #fff; }
.bt-chatbot-body {
  padding: 14px;
  max-height: 520px;
  overflow: auto;
}
.bt-chatbot-message {
  background: #f3f6f8;
  color: #374151;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 12px;
}
.bt-chatbot-search {
  position: relative;
  margin-bottom: 12px;
}
.bt-chatbot-search i {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
}
.bt-chatbot-search input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
  padding: 9px 12px 9px 40px;
  outline: none;
}
.bt-chatbot-search input:focus { border-color: var(--av-gold); }
.bt-chatbot-results { display: grid; gap: 8px; margin-bottom: 12px; }
.bt-chatbot-product {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid #eef1f4;
  border-radius: 8px;
  color: var(--av-navy) !important;
}
.bt-chatbot-product img,
.bt-chatbot-product span {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  flex: 0 0 42px;
  object-fit: cover;
  background: #f3f6f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}
.bt-chatbot-product strong {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 235px;
}
.bt-chatbot-product small {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 12px;
}
.bt-chatbot-all,
.bt-chatbot-loading,
.bt-chatbot-empty {
  display: block;
  padding: 10px;
  border-radius: 8px;
  background: #f7f8fa;
  color: #374151 !important;
  font-size: 13px;
  text-align: center;
}
.bt-chatbot-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.bt-chatbot-questions button {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  color: #374151;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.2;
  padding: 7px 10px;
}
.bt-chatbot-questions button:hover {
  border-color: var(--av-gold);
  color: var(--av-navy);
}
.bt-chatbot-answer {
  display: none;
  margin-top: 12px;
  padding: 10px 12px;
  border-left: 3px solid var(--av-gold);
  background: #fffaf0;
  color: #374151;
  border-radius: 8px;
  font-size: 13px;
}
.bt-chatbot-answer.is-visible { display: block; }

.bt-footer-payments {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.bt-footer-payments img {
  max-width: 150px;
  height: 34px;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  padding: 5px 8px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.14);
}
.bt-footer-credits {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  text-align: right;
}
.bt-developed-by {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.72);
  font-size: 12px;
}
.bt-developed-by img {
  max-height: 28px;
  max-width: 140px;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  padding: 3px 6px;
}
.bt-mobile-footer-meta {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 14px;
}
.bt-mobile-footer-meta h5 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
}
.bt-load-more-btn {
  min-width: 132px;
  width: auto !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1.2 !important;
}
.bt-load-more-btn.is-loading {
  cursor: wait;
  opacity: 0.72;
}
.bt-load-status {
  color: #6b7280;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 0;
  text-align: right;
}
.fab.fa-tiktok:before,
.fa-brands.fa-tiktok:before {
  content: "\266A";
  font-family: Arial, sans-serif;
  font-weight: 800;
}

@media (max-width: 991px) {
  .right-menu { position: static; padding-right: 15px; margin-bottom: 18px; }
  .pd-info-panel { margin-top: 18px; }
  .bt-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bt-fomo-widget { left: 12px; right: 84px; bottom: 16px; max-width: none; }
  .bt-chatbot { right: 14px; bottom: 16px; }
  #back-to-top { bottom: 86px !important; right: 21px !important; }
  /* product detail */
  .bt-pd-grid { grid-template-columns: 1fr; gap: 24px; }
  .bt-pd-gallery { position: static; }
  .bt-pd-main-img-wrap .slider-for__item img { height: 360px; }
  .bt-pd-trust { grid-template-columns: repeat(2, 1fr); }
  .bt-pd-action-note { margin-left: 0; }
  .checkout-area .checkout-left { padding-right: 15px; }
  .checkout-right { position: static; margin-top: 18px; }
}

@media (min-width: 992px) {
  .bt-checkout-steps.d-lg-flex { display: grid !important; }
}

@media (max-width: 575px) {
  .av-card-img-wrap { min-height: 220px; padding: 18px 14px 12px; }
  .av-card-img { height: 180px; }
  .av-card-title { min-height: auto; }
  .av-card-price { font-size: 19px !important; }
  .av-btn-buy,
  .av-btn-cart,
  .av-btn-out { font-size: 11px; letter-spacing: .02em; }
  .shop-content .top-bar .form-inline,
  .shop-content .top-bar .form-group { width: 100%; }
  .shop-content .top-bar .select-control,
  .shop-content .top-bar select { width: 100%; }
  .bt-category-head h1 { font-size: 27px !important; }
  .bt-category-grid { grid-template-columns: 1fr; }
  .bt-category-media { height: 180px; }
  .bt-popup { padding: 24px 20px; }
  .bt-chatbot-panel { width: calc(100vw - 28px); right: 0; }
  .bt-chatbot-product strong { max-width: 200px; }
  .bt-fomo-widget { display: none; }
  /* product detail mobile */
  .bt-pd-section { padding: 20px 0 40px; }
  .bt-pd-info { padding: 18px 16px; }
  .bt-pd-title { font-size: 20px !important; }
  .bt-pd-price { font-size: 26px !important; }
  .bt-pd-main-img-wrap .slider-for__item img { height: 310px; }
  .bt-pd-video-prompt { align-items: flex-start; flex-direction: column; gap: 6px; }
  .bt-pd-video-prompt strong { text-align: left; }
  .bt-pd-video-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .bt-payment-bank-box { grid-template-columns: 1fr; }
  .bt-payment-bank-list li { grid-template-columns: 1fr; gap: 2px; }
  .bt-payment-qr { width: 150px; }
  .bt-payment-qr img { width: 150px !important; height: 150px !important; max-width: 150px; }
  .bt-mega-menu { display: none !important; }
  .bt-pd-cta-row { flex-direction: column; }
  .bt-pd-btn-cart, .bt-pd-btn-buy, .bt-pd-btn-emi, .bt-pd-btn-whatsapp { flex: none; width: 100%; }
  .bt-pd-inline-qty { align-items: stretch; flex-direction: column; }
  .bt-pd-card-actions { grid-template-columns: 1fr; }
  .bt-pd-action-bar { padding: 14px 16px; border-radius: 10px; }
  .bt-pd-action-inner { flex-direction: column; align-items: stretch; gap: 12px; }
  .bt-pd-action-bar .bt-pd-cta-row { flex-direction: column; }
  .bt-emi-pill { font-size: 11px; padding: 6px 10px; }
  .bt-pd-tab-link { padding: 9px 14px; font-size: 12px; }
  .bt-pd-tab-body { padding: 18px 14px; }
  .bt-footer-credits { justify-content: center; text-align: center; }
  .bt-mobile-footer-meta { justify-content: center; text-align: center; }
  .bt-mobile-footer-meta h5 { text-align: center; }
  .products-area > .pagination { gap: 10px; }
  .bt-load-status { text-align: center; }
  .bt-checkout-steps { gap: 6px; }
  .checkout-area .checkout-module { padding: 16px; }
  .checkout-area .checkout-module .form-group { min-width: 100%; }
  .bt-checkout-switch { align-items: flex-start; padding: 12px; }
}