/**
 * CooperLife — Local fonts (Open Sans, Lato)
 * Sab fonts cooperlife/assets/fonts/ se load hote hain. Koi external CDN nahi.
 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/open-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/lato-400.woff2') format('woff2');
}


/**
 * CooperLife — Local Font Awesome icons
 * Sab icons cooperlife/assets/fonts/ se load hote hain. Koi external CDN nahi.
 * Sirf woh icons jo site mein use ho rahe hain: fab (brands), fas (solid).
 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../assets/fonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../assets/fonts/fa-brands-400.woff2') format('woff2');
}

.fas, .fa-solid, .fab, .fa-brands {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.fas, .fa-solid { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.fab, .fa-brands { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

.fa-facebook-square::before { content: "\f082"; }
.fa-instagram::before { content: "\f16d"; }
.fa-youtube::before { content: "\f167"; }
.fa-tiktok::before { content: "\e07b"; }
.fa-search::before { content: "\f002"; }
.fa-bars::before { content: "\f0c9"; }
.fa-times::before { content: "\f00d"; }
.fa-star::before { content: "\f005"; }
/* Chevrons & arrows for sliders, links */
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-arrow-right::before { content: "\f061"; }
/* Blog / contact: dates & meta (FA6 solid codepoints) */
.fa-calendar-alt::before,
.fa-calendar-days::before { content: "\f073"; }
.fa-user::before { content: "\f007"; }
.fa-clock::before { content: "\f017"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-search-plus::before { content: "\f00e"; }
.fa-pills::before { content: "\f484"; }
.fa-users::before { content: "\f0c0"; }
.fa-building::before { content: "\f1ad"; }
.fa-shield-alt::before { content: "\f3ed"; }
.fa-award::before { content: "\f559"; }
.fa-globe::before { content: "\f0ac"; }
.fa-whatsapp::before { content: "\f232"; }
/* BROWSE BY category icons */
.fa-plus-square::before { content: "\f0fe"; }
.fa-plus-circle::before { content: "\f055"; }
.fa-heart::before { content: "\f004"; }
.fa-bone::before { content: "\f5d7"; }
.fa-link::before { content: "\f0c1"; }
.fa-lightbulb::before { content: "\f0eb"; }
.fa-spa::before { content: "\f5bb"; }
.fa-bolt::before { content: "\f0e7"; }
.fa-leaf::before { content: "\f06c"; }
.fa-gem::before { content: "\f3a5"; }
.fa-brain::before { content: "\f5dc"; }
.fa-fire::before { content: "\f06d"; }
.fa-eye::before { content: "\f06e"; }
.fa-exclamation-circle::before { content: "\f06a"; }
.fa-seedling::before { content: "\f4d8"; }
.fa-heartbeat::before { content: "\f21e"; }
.fa-dumbbell::before { content: "\f44b"; }
.fa-venus::before { content: "\f221"; }
.fa-mars::before { content: "\f222"; }
.fa-female::before { content: "\f182"; }
.fa-male::before { content: "\f183"; }
.fa-person-dress::before { content: "\f182"; } /* alias female — local font mein \e530 nahi */
.fa-person::before { content: "\f183"; }
.fa-tint::before { content: "\f043"; }
.fa-moon::before { content: "\f186"; }
.fa-vial::before { content: "\f492"; }
.fa-syringe::before { content: "\f48e"; }
.fa-fish::before { content: "\f578"; }
.fa-running::before { content: "\f70c"; }
.fa-weight::before { content: "\f496"; }


/**
 * CooperLife — Local CSS (sab kuch cooperlife folder se)
 * Color scheme: deep green #014d33 + metallic gold #c9a227
 */

/* Brand color variables (green primary, gold accent) */
:root {
  --cooper-blue: #014d33;
  --cooper-blue-hover: #013826;
  --cooper-red: #c9a227;
  --cooper-red-hover: #a8871f;
  --cooper-gold-bright: #f1d47a;
}

/* ========== Base & reset ========== */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: 'Open Sans', 'Lato', sans-serif; font-size: 16px; line-height: 1.5; color: #333; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* ========== Grid (Bootstrap-like) ========== */
/* All section containers: max 1350px, centered */
.container-fluid {
  width: 100%;
  max-width: 1350px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.row.justify-content-center { justify-content: center; }
.row.align-items-center { align-items: center; }
.row.justify-content-between { justify-content: space-between; }
.col-4, .col-6, .col-8, .col-11, .col-12,
.col-md-6, .col-md-8, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-12,
.col-sm-4, .col-sm-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.offset-md-1 { margin-left: 8.333333%; }
.offset-sm-1 { margin-left: 8.333333%; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-lg-3 { padding-left: 1rem; padding-right: 1rem; }
.px-lg-0 { padding-left: 0; padding-right: 0; }
.px-md-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-md-0 { padding-top: 0; padding-bottom: 0; }
.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-lg-0 { margin-bottom: 0; }
.mt-4 { margin-top: 1.5rem; }
.mt-md-5 { margin-top: 3rem; }
.mx-0 { margin-left: 0; margin-right: 0; }
.ml-auto { margin-left: auto; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }
.w-100 { width: 100%; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-lg-right { text-align: right; }
.img-fluid { max-width: 100%; height: auto; }

@media (min-width: 576px) {
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
}
@media (min-width: 768px) {
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .justify-content-md-end { justify-content: flex-end; }
  .d-md-block { display: block !important; }
  .d-none { display: none !important; }
}
@media (min-width: 992px) {
  .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .offset-lg-0 { margin-left: 0; }
  .justify-content-lg-center { justify-content: center; }
  .d-lg-block { display: block !important; }
  .d-lg-none { display: none !important; }
  .px-lg-0 { padding-left: 0; padding-right: 0; }
  .px-lg-3 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1200px) {
  .d-xl-block { display: block !important; }
  .d-none.d-xl-block { display: flex !important; }
}

/* ========== Root layout ========== */
.root_wrap { min-height: 100vh; display: flex; flex-direction: column; }
.wrapper-layout { position: relative; flex: 1; }
.dialog-off-canvas-main-canvas { position: relative; }
/* Hero section: full banner — poora image dikhe (crop nahi) */
.hero-section-wrap {
  position: relative;
  width: 100%;
  /* Fixed header (top bar + nav) ke niche se banner shuru ho, top crop na ho */
  padding-top: 104px;
  overflow: hidden;
}
/* Hero slider: normal flow, height image ke hisaab se auto */
.hero-slider {
  position: relative;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
/* Track: width = N*100% via inline style; slides side-by-side */
.hero-slider-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  transition: transform 0.5s ease-out;
  will-change: transform;
}
/* Each slide: --slide-pct (100/N) so each fills track-width */
.hero-slide {
  flex: 0 0 var(--slide-pct, 33.333%);
  width: var(--slide-pct, 33.333%);
  min-width: var(--slide-pct, 33.333%);
  position: relative;
}
/* Banner image: poora image bina crop ke, natural aspect ratio */
.hero-slide-img {
  display: block;
  width: 100%;
  height: auto;
}
/* Overlay content from DB slider module */
.hero-slide-content {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 700px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.hero-slide-badge {
  display: inline-block;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: var(--cooper-red);
  margin-bottom: 10px;
}
.hero-slide-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  margin: 0 0 12px;
  line-height: 1.2;
}
.hero-slide-desc {
  font-size: 1rem;
  margin: 0 0 20px;
  opacity: 0.95;
}
.hero-slide-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.hero-slide-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 0.95rem;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
}
.hero-slide-btn-primary { background: var(--cooper-red); color: #fff; }
.hero-slide-btn-primary:hover { background: var(--cooper-red-hover); color: #fff; }
.hero-slide-btn-secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.hero-slide-btn-secondary:hover { background: #fff; color: #1a1a1a; }
.hero-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: none;
  background: rgba(255,255,255,0.3);
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.2s;
  z-index: 5;
}
.hero-slider-nav:hover { background: var(--cooper-red); color: #fff; }
.hero-slider-nav.prev { left: 20px; }
.hero-slider-nav.next { right: 20px; }
/* Hero controls: sirf hero area mein, scroll par niche nahi dikhenge */
.hero-slider-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}
.hero-slider-controls .hero-slider-nav { pointer-events: auto; }
.hero-slider-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 5;
}
.hero-slider-dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: background 0.2s;
}
.hero-slider-dots .dot:hover { background: rgba(255,255,255,0.8); }
.hero-slider-dots .dot.active { background: var(--cooper-blue); }
@media (max-width: 768px) {
  .hero-slider-nav { width: 40px; height: 40px; font-size: 1rem; }
  .hero-slider-nav.prev { left: 10px; }
  .hero-slider-nav.next { right: 10px; }
  .hero-slider-dots { bottom: 20px; }
  .hero-slider-dots .dot { width: 10px; height: 10px; }
}

/* ========== Site header (fixed at top) ========== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1020;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* Top bar: announcement + social */
.header-top { background: var(--cooper-blue); color: #fff; }
.header-top-inner { max-width: 1350px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.header-announcement { flex: 1; min-width: 200px; }
.header-announcement-link { color: #fff; font-size: 0.9rem; }
.header-announcement-link:hover { color: rgba(255,255,255,0.9); }
.header-social { display: flex; align-items: center; gap: 12px; }
.header-social-label { font-size: 0.8rem; color: #fff; margin-right: 4px; }
.header-social a { color: #fff; font-size: 1.1rem; }
.header-social a:hover { color: rgba(255,255,255,0.9); }

/* Main nav bar */
.header-nav { position: relative; background: #fff; border-bottom: 1px solid #eee; }
.header-nav-inner { max-width: 1350px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-height: 64px; gap: 16px; }
.header-logo { display: flex; align-items: center; flex-shrink: 0; }
.header-logo-img { height: 48px; width: auto; display: block; }
.header-menu-wrap { display: flex; align-items: center; flex: 1; justify-content: center; }
.header-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 0; justify-content: center; align-items: center; }
.header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.header-search form { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.header-search input.form-control { border: none; padding: 8px 12px; width: 140px; font-size: 0.85rem; }
.header-search button { background: transparent; border: none; padding: 8px 12px; cursor: pointer; color: #666; }
.header-search button:hover { color: var(--cooper-blue); }
.header-where-buy { font-weight: 600; font-size: 0.85rem; color: #333; white-space: nowrap; }
.header-where-buy:hover { color: var(--cooper-blue); }
.header-mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 10px; font-size: 1.25rem; color: #333; }
.header-mobile-toggle .iconClose { display: none; }
.header-mobile-toggle.menu-open .iconOpen { display: none; }
.header-mobile-toggle.menu-open .iconClose { display: inline-block; }

/* Nav items (desktop) — keep for dropdowns */
.customMenuDesktop { display: flex; align-items: center; }
.nav-item { position: relative; }
.nav-link.customNavLink { display: block; padding: 14px 15px; font-weight: 600; font-size: 0.85rem; letter-spacing: 0.05em; color: #333; }
.nav-link.customNavLink:hover { color: var(--cooper-blue); }

/* Submenu dropdown — brand green + gold */
.dropdown-menu {
  position: absolute; top: 100%; left: 0; min-width: 220px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(1, 77, 51, 0.12);
  border: 1px solid #e8e4dc;
  border-top: 3px solid #c9a227;
  border-radius: 0 0 10px 10px;
  opacity: 0; visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  transform: translateY(6px);
  z-index: 1000; padding: 10px 0;
}
.dropdown-menu.submenu { min-width: 260px; }
.nav-item:hover .dropdown-menu,
.nav-item.dropdown-open .dropdown-menu {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.submenu-list { list-style: none; margin: 0; padding: 0; }
.submenu-list li { margin: 0; position: relative; }
.submenu-list a {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 11px 20px 11px 18px;
  font-size: 0.9rem; font-weight: 500; color: #333; white-space: nowrap;
  border-left: 3px solid transparent;
  transition: background 0.2s, color 0.2s, border-color 0.2s, padding-left 0.2s;
}
.submenu-list a:hover {
  background: linear-gradient(90deg, rgba(1, 77, 51, 0.08), transparent);
  color: #014d33;
  border-left-color: #c9a227;
  padding-left: 22px;
}
.submenu-list .submenu-arrow { font-size: 0.65rem; opacity: 0.55; color: #c9a227; }
.submenu-list .submenu-nested {
  position: absolute; left: 100%; top: -10px; min-width: 220px;
  background: #fff; box-shadow: 0 12px 32px rgba(1, 77, 51, 0.12);
  border: 1px solid #e8e4dc; border-left: 3px solid #c9a227;
  border-radius: 0 10px 10px 0;
  opacity: 0; visibility: hidden; transition: opacity 0.15s, visibility 0.15s; z-index: 1001; padding: 10px 0;
}
.submenu-list li.has-sub:hover > .submenu-nested,
.submenu-list li.has-sub:focus-within > .submenu-nested { opacity: 1; visibility: visible; }
.mobile-sub-nested { list-style: none; margin: 6px 0 8px; padding: 0 0 0 14px; }
.mobile-sub-nested a { font-size: 0.88rem; opacity: 0.9; }

/* Mega menu for Products — centered in viewport/container */
.nav-item-mega .dropdown-menu {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 112px;
  width: 1100px;
  max-width: calc(100vw - 40px);
  min-width: 800px;
  padding: 0;
  border-top: 3px solid var(--cooper-blue);
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  border-radius: 0 0 8px 8px;
}
.submenu-mega { padding: 0; }
.submenu-mega-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  background: #fafafa;
  border-bottom: 1px solid #eee;
}
.submenu-mega-header a {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--cooper-blue);
  text-decoration: none;
  letter-spacing: 0.05em;
}
.submenu-mega-header a:hover { color: var(--cooper-red-hover); text-decoration: underline; }
.submenu-mega .submenu-mega-inner {
  display: grid;
  /* minmax: "Vitamins & Antioxidants" jaisi headings ek line mein — column zyada tang na ho */
  grid-template-columns: repeat(5, minmax(200px, 1fr));
  gap: 0;
  padding: 20px 24px 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.submenu-mega-col {
  padding: 0 16px;
  border-right: 1px solid #eee;
}
.submenu-mega-col:first-child { padding-left: 0; }
.submenu-mega-col:last-child { border-right: none; padding-right: 0; }
.submenu-mega-title {
  display: block;
  padding: 0 0 12px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 0.82rem;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--cooper-blue);
  white-space: nowrap;
}
.submenu-mega-col .submenu-list { padding: 0; }
.submenu-mega-col .submenu-list li { margin: 0; border: none; }
.submenu-mega-col .submenu-list a {
  display: block;
  padding: 8px 0;
  font-size: 0.9rem;
  color: #444;
  transition: color 0.2s, padding-left 0.2s;
  white-space: nowrap;
}
.submenu-mega-col .submenu-list a:hover {
  background: transparent;
  color: var(--cooper-blue);
  padding-left: 6px;
}
@media (max-width: 1199px) {
  .submenu-mega .submenu-mega-inner { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .submenu-mega-col { border-right: none; border-bottom: 1px solid #eee; padding: 12px 0; }
  .submenu-mega-col:last-child { border-bottom: none; }
}

/* Mobile accordion — category group titles */
.mobile-subtitle { display: block; padding: 10px 0 4px; font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.05em; border: none; }
.accordionMenuMobile .listCategories ul li:first-child .mobile-subtitle { padding-top: 0; }

/* Mobile menu panel (accordion) — below header, hidden until opened */
.menu__mobile-top { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); z-index: 1010; max-height: 80vh; overflow-y: auto; border-bottom: 1px solid #eee; }
.menu__mobile-top.is-open { display: block; }
.accordionMenuMobile .card { border: none; border-bottom: 1px solid #eee; }
.accordionMenuMobile .card-header { background: #f8f8f8; padding: 0; border: none; }
.accordionMenuMobile .card-header .btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  text-align: left;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
}
.accordionMenuMobile .card-header .btn-link:hover { color: var(--cooper-blue); }
/* Arrow on right side - rotates when expanded */
.accordionMenuMobile .card-header .sub-arrow {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  font-size: 0.75rem;
  color: #666;
  transition: transform 0.2s;
}
.accordionMenuMobile .card-header .btn-link:not(.collapsed) .sub-arrow { transform: rotate(180deg); color: var(--cooper-blue); }
.accordionMenuMobile .card-body { padding: 4px 20px 8px; }
/* Each submenu item on separate line with border */
.accordionMenuMobile .listCategories ul,
.accordionMenuMobile .listPages ul { list-style: none; margin: 0; padding: 0; }
.accordionMenuMobile .listCategories ul li,
.accordionMenuMobile .listPages ul li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.accordionMenuMobile .listCategories ul li:last-child,
.accordionMenuMobile .listPages ul li:last-child { border-bottom: none; }
.accordionMenuMobile .listCategories a,
.accordionMenuMobile .listPages a {
  display: block;
  padding: 5px 20px 5px 2px;
  font-size: 14px;
  color: #555;
}
.accordionMenuMobile .listCategories a:hover,
.accordionMenuMobile .listPages a:hover { color: var(--cooper-blue); }
.accordionMenuMobile .card-header > a { display: block; padding: 14px 20px; font-weight: 600; color: #333; }
.accordionMenuMobile .card-header > a:hover { color: var(--cooper-blue); }

/* Collapse (accordion content) — hidden by default ========== */
.collapse { display: none; }
.collapse.show { display: block; }

/* Mobile: show hamburger, hide desktop nav */
@media (max-width: 1199px) {
  .header-menu-wrap { display: none !important; }
  .header-mobile-toggle { display: flex !important; align-items: center; justify-content: center; }
  .header-search input.form-control { width: 100px; }
}
@media (max-width: 576px) {
  .header-top-inner { justify-content: center; }
  .header-social { display: none; }
  .header-announcement { text-align: center; }
  .header-search { display: none; }
  .header-nav-inner { padding: 0 12px; min-height: 56px; }
  .header-logo-img { height: 40px; }
  .layout-container { padding-top: 96px; }
  .hero-section-wrap { padding-top: 96px; }
}

/* ========== Layout & main content ========== */
/* Padding-top: space for fixed header (top bar ~40px + nav ~64px) */
.layout-container { flex: 1; padding-top: 104px; }
/* Homepage: content banner ke niche chipka — layout upar pull, slider ke bilkul niche */
.layout-container.hero-content-overlap {
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.layout-content { padding: 0; }

/* Page subbanner — below main header, banner-style for inner pages (e.g. Our Story) */
.page-subbanner {
  position: relative;
  padding: 48px 0 32px;
  text-align: center;
  overflow: hidden;
}
.page-subbanner-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #2c2419 0%, #3d3428 50%, #2c2419 100%);
  z-index: 0;
}
.page-subbanner-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../assets/img/nutraceutical-pills-header.jpg') center/cover;
  opacity: 0.25;
  z-index: 0;
}
.page-subbanner .container-fluid {
  position: relative;
  z-index: 1;
}
.page-subbanner-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.75rem, 4vw, 1.5rem);
  font-weight: 700;
  color: #fff;
  margin: 0 0 1rem;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.page-subbanner-links ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-subbanner-links a {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
}
.page-subbanner-links a:hover { color: #fff; }
.page-subbanner-links a.active {
  color: #fff;
  border-bottom: 2px solid #fff;
}

/* Inner pages (contact, our-story, products, blog, where-to-buy) — consistent spacing */
.section-inner-page { padding: 3rem 0; }
.section-inner-page .page-content,
.section-inner-page .page-head { max-width: 1350px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

/* Hero section ========== */
/* Content banner ke niche chipka — hero-content-overlap layout ko upar pull karta hai */
.section-homepage-1 {
  padding: 80px 0 100px;
  color: #fff;
  text-align: left;
  position: relative;
}
/* Dark overlay behind text - ensures readability on any hero image */
.section-homepage-1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.15) 45%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
.section-homepage-1 .container-fluid {
  position: relative;
  z-index: 1;
}
.section-homepage-1 h1 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.4);
}
.section-homepage-1 p {
  font-size: 1.05rem;
  max-width: 480px;
  margin-bottom: 1.5rem;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6), 0 0 12px rgba(0,0,0,0.3);
}
.section-homepage-1 .btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--cooper-red);
  color: #fff !important;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-shadow: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.section-homepage-1 .btn:hover { background: var(--cooper-red-hover); color: #fff !important; }

/* Browse by section ========== */
.section-homepage-2 { background: linear-gradient(180deg, #faf9f7 0%, #fff 50%); padding: 55px 0 60px; }
.customBrowseContent { max-width: 1350px; margin: 0 auto; }
.customTitleBrowseContent h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  text-align: center;
  letter-spacing: 0.08em;
  color: #333;
}
.customTitleBrowseContent.animate-on-scroll { transition-delay: 0.05s; }
.browse-by-animated nav.animate-on-scroll { transition-delay: 0.15s; }
.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 1.5rem;
  border: none;
  justify-content: center;
}
.nav-tabs .nav-link {
  padding: 12px 22px;
  border: 1px solid #e0dcd4;
  background: #fff;
  color: #333;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.nav-tabs .nav-link:hover {
  background: #f5f2eb;
  border-color: var(--cooper-blue);
  color: var(--cooper-red-hover);
  transform: translateY(-2px);
}
.nav-tabs .nav-link.active {
  background: var(--cooper-blue);
  color: #fff;
  border-color: var(--cooper-blue);
  box-shadow: 0 4px 12px rgba(201, 162, 39, 0.3);
}
.tab-content { padding: 0; position: relative; }
.tab-pane {
  display: none;
}
.tab-pane.active { animation: browseTabFadeIn 0.35s ease; }
.tab-pane.show { display: block; }
.tab-pane.active { display: block; }
@keyframes browseTabFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.item-icons { margin-bottom: 1rem; }
.browse-icons-row .item-icons:nth-child(1) { transition-delay: 0.1s; }
.browse-icons-row .item-icons:nth-child(2) { transition-delay: 0.15s; }
.browse-icons-row .item-icons:nth-child(3) { transition-delay: 0.2s; }
.browse-icons-row .item-icons:nth-child(4) { transition-delay: 0.25s; }
.browse-icons-row .item-icons:nth-child(5) { transition-delay: 0.3s; }
.browse-icons-row .item-icons:nth-child(6) { transition-delay: 0.35s; }
.browse-icons-row .item-icons:nth-child(7) { transition-delay: 0.4s; }
.browse-icons-row .item-icons:nth-child(8) { transition-delay: 0.45s; }
.browse-icons-row .item-icons:nth-child(9) { transition-delay: 0.5s; }
.browse-icons-row .item-icons:nth-child(10) { transition-delay: 0.55s; }
.browse-icons-row .item-icons:nth-child(11) { transition-delay: 0.6s; }
.browse-icons-row .item-icons:nth-child(12) { transition-delay: 0.65s; }
.item-icons .content {
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  transition: all 0.3s ease;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item-icons .content:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  transform: translateY(-4px);
  border-color: var(--cooper-blue);
}
.item-icons .content:hover img { transform: scale(1.08); }
.item-icons .content img {
  margin: 0 auto 8px;
  max-height: 48px;
  width: auto;
  transition: transform 0.3s ease;
}
.item-icons .content span { display: block; font-size: 0.85rem; font-weight: 500; color: #333; }
.item-icons .content .browse-fa-icon {
  display: block;
  margin: 0 auto 8px;
  font-size: 2rem;
  line-height: 1;
  color: #c9a227;
  transition: transform 0.3s ease, color 0.3s ease;
}
.item-icons .content:hover .browse-fa-icon { transform: scale(1.08); color: #014d33; }

/* ========== Home feature cards (pastel strip below hero slider) ========== */
.section-home-feature-cards {
  padding: 52px 0 36px;
  background: #fff;
}
/* Inner width = same .container-fluid as rest of home (1350px max, 15px side padding) */
.cooper-fc-row {
  /* Extra top space so circular badge does not clip against section / hero */
  padding-top: 44px;
}
.cooper-feature-card {
  position: relative;
  border-radius: 16px;
  padding: 60px 16px 22px;
  min-height: 132px;
  text-align: center;
  background: var(--fc-bg, #d4edda);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  height: 100%;
}
.cooper-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}
.cooper-fc-badge {
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.cooper-fc-badge img {
  max-width: 58px;
  max-height: 58px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.cooper-fc-badge i {
  font-size: 2.35rem;
  color: #111;
}
.cooper-fc-text {
  margin: 0;
  font-weight: 700;
  font-size: 1.1rem;
  color: #111;
  line-height: 1.4;
}
@media (max-width: 575px) {
  .section-home-feature-cards { padding: 40px 0 28px; }
  .cooper-fc-text { font-size: 1rem; }
  .cooper-fc-badge {
    width: 76px;
    height: 76px;
    top: -36px;
  }
  .cooper-fc-badge img {
    max-width: 50px;
    max-height: 50px;
  }
  .cooper-fc-badge i {
    font-size: 2rem;
  }
  .cooper-feature-card {
    padding-top: 54px;
    min-height: 118px;
  }
}

/* ========== Top 3 Categories + Welcome (below banner) ========== */
.section-top-categories-welcome {
  padding: 10px 0;
  background: #fff;
}
.top-categories-title {
  text-align: center;
  margin-bottom: 40px;
}
.top-categories-title h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #333;
}
/* Top category cards */
.top-category-card {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
  text-decoration: none;
  color: #fff;
}
.top-category-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
.top-category-image {
  height: 220px;
  overflow: hidden;
}
.top-category-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.top-category-card:hover .top-category-image img {
  transform: scale(1.08);
}
.top-category-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.top-category-name {
  font-size: 1.25rem;
  font-weight: 700;
}
.top-category-cta {
  font-size: 0.9rem;
  opacity: 0.95;
}
.top-category-cta i {
  margin-left: 6px;
  transition: transform 0.3s;
}
.top-category-card:hover .top-category-cta i {
  transform: translateX(4px);
}
/* Welcome section */
.welcome-section {
  margin-top: 60px;
  padding: 50px 0;
  background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
  border-radius: 16px;
}
.welcome-row {
  align-items: center;
}
.welcome-badge {
  display: inline-block;
  background: var(--cooper-blue);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 6px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.welcome-content h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
  line-height: 1.3;
}
.welcome-content p {
  color: #555;
  line-height: 1.7;
  margin-bottom: 24px;
}
.btn-welcome {
  display: inline-block;
  padding: 12px 28px;
  background: var(--cooper-blue);
  color: #fff !important;
  font-weight: 600;
  border-radius: 4px;
  transition: background 0.3s, transform 0.3s;
}
.btn-welcome:hover {
  background: var(--cooper-blue-hover);
  color: #fff !important;
  transform: translateX(4px);
}
.welcome-image-wrap {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}
.welcome-image-wrap img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}
.welcome-image-wrap:hover img {
  transform: scale(1.03);
}
/* Scroll-triggered animations */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}
.cooper-fc-row .col:nth-child(1) .animate-on-scroll { transition-delay: 0.05s; }
.cooper-fc-row .col:nth-child(2) .animate-on-scroll { transition-delay: 0.12s; }
.cooper-fc-row .col:nth-child(3) .animate-on-scroll { transition-delay: 0.19s; }
.cooper-fc-row .col:nth-child(4) .animate-on-scroll { transition-delay: 0.26s; }
.cooper-fc-row .col:nth-child(5) .animate-on-scroll { transition-delay: 0.33s; }
.cooper-fc-row .col:nth-child(6) .animate-on-scroll { transition-delay: 0.4s; }
.top-categories-row .col:nth-child(1) .animate-on-scroll { transition-delay: 0.1s; }
.top-categories-row .col:nth-child(2) .animate-on-scroll { transition-delay: 0.2s; }
.top-categories-row .col:nth-child(3) .animate-on-scroll { transition-delay: 0.3s; }
.welcome-content.animate-on-scroll { transition-delay: 0.2s; }
.welcome-image-wrap.animate-on-scroll { transition-delay: 0.1s; }
@media (max-width: 991px) {
  .welcome-section { margin-top: 40px; padding: 40px 0; }
  .welcome-image-wrap { margin-bottom: 24px; }
}

/* Section 3 ========== */
.section-homepage-3 { padding: 50px 0; background: #f8f8f8; text-align: center; }
.section-homepage-3 h2 { font-size: 1.6rem; margin-bottom: 0.75rem; }
.section-homepage-3 p { color: #555; max-width: 700px; margin: 0 auto; }

/* ========== Product Slider ========== */
.section-product-slider {
  padding: 50px 0;
  background: #f8f8f8;
}
.product-slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 16px;
}
.product-slider-header h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #333;
  margin: 0;
  text-align: left;
}
.product-slider-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-slider-link {
  font-weight: 600;
  color: var(--cooper-blue);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.product-slider-link:hover { color: var(--cooper-red); }
.product-slider-link i { font-size: 0.9rem; }
.product-slider-wrap {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}
/* Soft fade at edges - cut content blends, no harsh edge */
.product-slider-wrap::before,
.product-slider-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 5;
  pointer-events: none;
}
.product-slider-wrap::before {
  left: 0;
  background: linear-gradient(to right, rgba(248,248,248,0.9), transparent);
}
.product-slider-wrap::after {
  right: 0;
  background: linear-gradient(to left, rgba(248,248,248,0.9), transparent);
}
.product-slider-track {
  display: flex;
  align-items: stretch;
  gap: 20px;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}
/* 5 products per row on desktop - equal width cards */
.product-slide {
  flex: 0 0 calc(20% - 16px);
  min-width: calc(20% - 16px);
  display: flex;
}
.product-slide .product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1199px) {
  .product-slide { flex: 0 0 calc(33.333% - 14px); min-width: calc(33.333% - 14px); }
}
@media (max-width: 767px) {
  .product-slide { flex: 0 0 calc(50% - 10px); min-width: calc(50% - 10px); }
}
@media (max-width: 575px) {
  .product-slide { flex: 0 0 100%; min-width: 100%; }
  .product-slider-wrap { padding: 0 15px; }
}
.product-card {
  display: block;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  /* Softer lift: clearer separation from grey section background */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s, transform 0.3s;
  text-decoration: none;
  color: inherit;
}
.product-card:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 16px 40px rgba(0, 86, 150, 0.08);
  transform: translateY(-4px);
}
/* Photo area: fill frame, crop banner top whitespace */
.product-card-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f5f3ef;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  border-bottom: none;
}
.product-card-img.product-card-img--placeholder {
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-img-letter {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 600;
  line-height: 1;
  color: #8a6e12;
  background: linear-gradient(160deg, #faf8f4 0%, #efe8d8 100%);
  user-select: none;
}
.product-card-img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center 35%;
}
.product-card-img:not(.product-card-img--dual) img {
  transition: opacity 0.35s ease;
}
.product-card-img--dual .img-main,
.product-card-img--dual .img-alt {
  transform-origin: center center;
  transition:
    opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.55s cubic-bezier(0.34, 1.02, 0.68, 1);
}
.product-card-img--dual .img-main {
  z-index: 1;
  opacity: 1;
}
.product-card-img--dual .img-alt {
  z-index: 2;
  opacity: 0;
  transform: scale(1.04);
}
.product-card:hover .product-card-img--dual .img-main {
  opacity: 0;
}
.product-card:hover .product-card-img--dual .img-alt {
  opacity: 1;
  transform: scale(1);
}
.product-card-body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.product-card-body h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 8px;
  color: #333;
}
.product-card-cta {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--cooper-blue);
}
.product-card:hover .product-card-cta { color: var(--cooper-red); }
/* Prev/Next - next to View All in header */
.product-slider-nav {
  width: 36px;
  height: 36px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 14px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.product-slider-nav i {
  font-size: inherit;
  line-height: 1;
}
.product-slider-nav:hover {
  background: var(--cooper-blue);
  color: #fff;
  border-color: var(--cooper-blue);
}
@media (max-width: 575px) {
  .product-slider-header { flex-direction: column; align-items: flex-start; }
  .product-slider-header-actions { gap: 8px; }
  .product-slider-nav { width: 32px; height: 32px; font-size: 0.8rem; }
}

/* Section 6 (product attributes badges) ========== */
.section-homepage-6 {
  background: linear-gradient(165deg, #013826 0%, #014d33 40%, #016240 100%);
  color: #fff;
  padding: 60px 0 65px;
  text-align: center;
  position: relative;
}
.section-homepage-6::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(201, 162, 39, 0.08) 0%, transparent 60%);
  pointer-events: none;
}
.section-homepage-6 .attributes-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
  letter-spacing: 0.02em;
  position: relative;
  color: #fff;
}
.attributes-row .item { margin-bottom: 1.25rem; }
.attributes-row .item:nth-child(1) { transition-delay: 0.05s; }
.attributes-row .item:nth-child(2) { transition-delay: 0.1s; }
.attributes-row .item:nth-child(3) { transition-delay: 0.15s; }
.attributes-row .item:nth-child(4) { transition-delay: 0.2s; }
.attributes-row .item:nth-child(5) { transition-delay: 0.25s; }
.section-homepage-6 .item a {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  min-height: 140px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  transition: all 0.35s ease;
}
.section-homepage-6 .item a:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(201, 162, 39, 0.5);
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.25);
}
.section-homepage-6 .item a:hover .image-wrapper img { transform: scale(1.1); }
.section-homepage-6 .image-wrapper {
  margin-bottom: 12px;
}
.section-homepage-6 .image-wrapper img {
  margin: 0 auto;
  max-height: 52px;
  transition: transform 0.3s ease;
}
.section-homepage-6 .content-wrapper span {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}

/* Section 7 Where to buy ========== */
.section-homepage-7 {
  padding: 70px 0;
  position: relative;
  overflow: hidden;
  background-image: url('../assets/img/nutraceutical-pills-header.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}
/* Video background: image hatado, scrim alag layer */
.section-homepage-7--video {
  background-image: none;
}
.section-homepage-7--video::before {
  display: none;
}
.where-buy-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  object-fit: cover;
  pointer-events: none;
}
.section-homepage-7-scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #000;
  pointer-events: none;
}
.section-homepage-7::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, var(--where-buy-scrim-opacity, 0.5));
  z-index: 0;
}
.section-homepage-7-inner {
  position: relative;
  z-index: 2;
}
.section-homepage-7 .editor-content { text-align: center; max-width: 600px; margin: 0 auto; }
.section-homepage-7 .editor-content h2 { font-size: 1.75rem; margin-bottom: 0.75rem; color: #fff; }
.section-homepage-7 .where-buy-body,
.section-homepage-7 .editor-content p { color: rgba(255,255,255,0.95); font-size: 1.05rem; line-height: 1.6; }
.section-homepage-7 .where-buy-body p:last-child { margin-bottom: 0; }
.section-homepage-7 .btn-template-1 {
  display: inline-block;
  padding: 14px 28px;
  background: var(--cooper-red);
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
  margin-top: 1rem;
  transition: background 0.25s;
}
.section-homepage-7 .btn-template-1:hover { background: var(--cooper-red-hover); color: #fff !important; }

/* Section 9 Testimonials (slider) ========== */
.section-homepage-9 { padding: 50px 0; background: #fff; }
.testimonial-section-row { min-height: 280px; }
/* Left image: rounded corners, proper aspect */
.testimonial-left-image {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.testimonial-left-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 260px;
}
/* Portrait Cooper Lifesciences banner: show full graphic, no aggressive crop */
.testimonial-left-image--banner {
  background: linear-gradient(180deg, #e3f2fd 0%, #fff 100%);
}
.testimonial-left-image--banner .testimonial-left-banner-img {
  object-fit: contain;
  object-position: center center;
  height: auto;
  min-height: 0;
  max-height: min(85vh, 560px);
}

/* Footer: Products / COOPERLIFE — do columns ke beech extra horizontal space */
.footer-split-cols.row {
  margin-top: 6px;
  margin-left: -10px;
  margin-right: -10px;
}
.footer-split-cols.row > .footer-split-col {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 576px) {
  .footer-split-cols.row {
    margin-left: -16px;
    margin-right: -16px;
  }
  .footer-split-cols.row > .footer-split-col {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer-column--products .footer-split-col-list,
.footer-column--company .footer-split-col-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
/* Footer Products: lambi labels ek line; spacing .footer-main-container rules se */
@media (min-width: 576px) {
  .footer-column--products .footer-split-col-list a {
    white-space: nowrap;
  }
}
.trailing-line h2 { font-size: 1.5rem; }
/* Slider container: single view, hide overflow */
.customSliderTestimonials {
  position: relative;
  overflow: hidden;
}
/* Track: holds all slides in a row, slides horizontally via transform */
.testimonial-slider-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
/* Each slide: full width = single view */
.customSliderTestimonials .itemTestimonial {
  flex: 0 0 100%;
  min-width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}
/* Testimonial avatar (customer photo) */
.testimonial-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
  flex-shrink: 0;
}
.testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itemTestimonial .stars-wrapper { color: var(--cooper-red); margin-bottom: 8px; }
.itemTestimonial .title { font-weight: 700; font-size: 1.1rem; margin-bottom: 6px; }
.itemTestimonial .copy { color: #555; margin-bottom: 8px; line-height: 1.6; }
.itemTestimonial .name { font-weight: 600; font-size: 0.9rem; }
.itemTestimonial .product { font-size: 0.85rem; color: #888; }
/* Prev/Next arrow buttons - custom icons */
.testimonial-slider-controls {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  align-items: center;
}
.testimonial-slider-nav {
  width: 44px;
  height: 44px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.2s, border-color 0.2s;
  z-index: 5;
}
.testimonial-slider-nav img {
  width: 20px;
  height: 20px;
  display: block;
  filter: brightness(0);
}
.testimonial-slider-nav:hover {
  background: var(--cooper-blue);
  border-color: var(--cooper-blue);
}
.testimonial-slider-nav:hover img {
  filter: brightness(0) invert(1);
}
/* Dot indicators */
.testimonial-slider-dots {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  justify-content: flex-start;
}
.testimonial-slider-dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ddd;
  cursor: pointer;
  transition: background 0.2s;
}
.testimonial-slider-dots .dot:hover { background: #bbb; }
.testimonial-slider-dots .dot.active { background: var(--cooper-blue); }
/* Mobile: image above content */
@media (max-width: 768px) {
  .testimonial-section-row { min-height: auto; }
  .testimonial-left-image:not(.testimonial-left-image--banner) img { min-height: 200px; }
  .testimonial-left-image--banner .testimonial-left-banner-img { max-height: 420px; }
}

/* Section 10 Articles ========== */
.section-homepage-10 { padding: 50px 0; background: #f8f8f8; }
.section-homepage-10 h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }
/* Equal height article cards */
.section-homepage-10 .col-lg-4,
.section-homepage-10 .col-md-6 { display: flex; }
.section-homepage-10 .teaser-article-home { display: flex; flex: 1; width: 100%; min-width: 0; }
.section-homepage-10 .teaser-article-home a { color: inherit; display: flex; flex: 1; width: 100%; min-width: 0; }
.teaser-article-home a { color: inherit; display: block; }
.itemArticle {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.itemArticle:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
/* Article image: fixed height, same for all */
.article-image {
  width: 100%;
  height: 180px;
  flex-shrink: 0;
  overflow: hidden;
  background: #eee;
}
.article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Article body: same padding, flex to fill */
.article-body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.customTitle { flex: 1; min-height: 2.8em; }
.info-article { margin-bottom: 8px; }
.info-article .date {
  font-size: 0.85rem;
  color: #888;
}
.info-article .date i {
  margin-right: 6px;
  color: var(--cooper-blue);
}
.info-article .reading-time {
  font-size: 0.8rem;
  color: #999;
  margin-left: 12px;
}
.customTitle h2 { font-size: 1.1rem; font-weight: 600; margin: 8px 0; }
.content-3 .button { display: inline-block; padding: 8px 16px; background: var(--cooper-blue); color: #fff; font-size: 0.9rem; border-radius: 4px; }
.content-3 .button:hover { background: var(--cooper-blue-hover); color: #fff; }

/* ========== Footer ========== */
.customFooter { background: var(--cooper-blue); color: #fff; }
.customFooter1 { padding: 50px 0 30px; }
/* Ek hi align: saari columns ek row, header ke max-width jaisa centered */
.footer-main-container {
  max-width: 1350px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.footer-main-row {
  margin-left: -10px;
  margin-right: -10px;
}
.footer-main-row > .footer-main-col {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .footer-main-row {
    margin-left: -14px;
    margin-right: -14px;
  }
  .footer-main-row > .footer-main-col {
    padding-left: 14px;
    padding-right: 14px;
  }
}
/* Column headings ek hi baseline (Follow / Products / COOPERLIFE / Newsletter) */
.footer-column .title-column,
.customFormNewsletter .footer-newsletter-title {
  min-height: 2.75em;
  margin-bottom: 14px;
  display: flex;
  align-items: flex-end;
}
.footer-heading-text {
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  color: var(--cooper-gold-bright);
  text-transform: uppercase;
  line-height: 1.25;
}
.footer-column .title-column a.footer-heading-text { color: var(--cooper-gold-bright); text-decoration: none; }
.footer-column .title-column a.footer-heading-text:hover { color: #fff; text-decoration: underline; }
.footer-column .title-column { color: #fff; }
.footer-link-list { list-style: none; margin: 0; padding: 0; }
.footer-column .footer-link-list li,
.footer-column .footer-split-col-list li { margin: 6px 0; }
.footer-column .footer-link-list li a,
.footer-column .footer-split-col-list li a { color: rgba(255,255,255,0.9); font-size: 0.9rem; }
.footer-column .footer-link-list li a:hover,
.footer-column .footer-split-col-list li a:hover { color: #fff; }
.customFormNewsletter .footer-newsletter-title { margin-bottom: 14px; }
.customFormNewsletter .subtitleNewsletter { font-size: 0.9rem; color: rgba(255,255,255,0.9); }
.customFormNewsletter .subtitleNewsletter p { margin: 0 0 8px; }
.customFormNewsletter .subtitleNewsletter p:last-child { margin-bottom: 0; }
.customFooter2 { padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.15); }
.customFooter2 .container-fluid { max-width: 1350px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.customFooter2 .row { align-items: center; }
.customFooter2 p { font-size: 0.85rem; margin: 0 0 8px; color: #fff; }
/* Footer logo: right side, chota size, white on black */
.footer-logo-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer-logo {
  max-width: 100px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

/* Button block ========== */
.btn-block { display: block; width: 100%; }
.text-left { text-align: left; }


/**
 * CooperLife — inner page styles (contact, blog, products, CMS blocks, enquiry modal)
 * Loaded from includes/header.php after solgar.css (site-wide inner-page + components).
 */

/* ========== Contact page ========== */
.contact-cls-page {
    --cls-navy: #001f3f;
    --cls-navy-mid: #0a2744;
    --cls-gold: #d4af37;
    --cls-gold-soft: var(--cooper-red);
    --cls-label-right: #9eb6c9;
    --cls-line-blue: #6b9dc4;
}
.contact-cls-hero {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: flex-end;
    background: var(--cls-navy) center/cover no-repeat;
    color: #fff;
    margin: 0;
}
.contact-cls-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(0, 20, 40, 0.88) 0%, rgba(0, 31, 63, 0.55) 45%, rgba(0, 31, 63, 0.35) 100%);
}
.contact-cls-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1350px;
    margin: 0 auto;
    padding: 3rem 20px 2.25rem;
    width: 100%;
}
.contact-cls-hero-kicker {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: clamp(0.95rem, 2vw, 1.1rem);
    color: var(--cls-gold);
    margin: 0 0 0.5rem;
    letter-spacing: 0.06em;
}
.contact-cls-hero h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.85rem, 4.5vw, 2.65rem);
    font-weight: 700;
    margin: 0 0 0.75rem;
    line-height: 1.15;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.contact-cls-hero-sub {
    font-size: clamp(0.95rem, 2vw, 1.1rem);
    max-width: 640px;
    margin: 0;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.95);
}
.contact-cls-hero-rule {
    height: 1px;
    background: rgba(255, 255, 255, 0.85);
    margin-top: 2rem;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}
.contact-cls-shell {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px 1rem;
}
/* Per-column stack: map (flex-grow) + address card; height matches form column */
.contact-cls-addr-stack {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    height: 100%;
    gap: 0.75rem;
}
.contact-cls-map-card {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d4dce6;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 31, 63, 0.08);
}
.contact-cls-map-title {
    flex-shrink: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cls-navy);
    margin: 0;
    padding: 0.65rem 1rem;
    background: linear-gradient(180deg, #eef3f9 0%, #e4ecf4 100%);
    border-bottom: 1px solid #d4dce6;
    line-height: 1.35;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.contact-cls-map-card .contact-cls-map-frame {
    flex: 1 1 auto;
    min-height: 120px;
    position: relative;
    width: 100%;
    background: #e2e8f0;
}
.contact-cls-map-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.contact-cls-map-empty {
    flex: 1 1 auto;
    min-height: 120px;
    margin: 0;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.88rem;
    color: #64748b;
    background: #f8fafc;
}
.contact-cls-addr-stack .contact-cls-navy-col {
    flex: 0 0 auto;
}
/* 3 cols: map+addr | map+addr | form (same row height; maps stretch with form) */
.contact-cls-triple {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(280px, 1.05fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 2rem;
}
.contact-cls-triple > * {
    min-height: 0;
}
@media (max-width: 1100px) {
    .contact-cls-triple {
        grid-template-columns: 1fr;
    }
}
.contact-cls-triple .contact-cls-navy-col {
    background: var(--cls-navy);
    color: #fff;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 1.35rem 1.15rem 1.5rem;
    min-width: 0;
}
.contact-cls-navy-col {
    padding: 2.5rem 2rem 2.75rem;
}
.contact-cls-navy-col h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(0.78rem, 1.2vw, 0.9rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    margin: 0 0 0.65rem;
    line-height: 1.3;
}
/* Dono columns: same heading + rule (map ke neeche ek hi visual language) */
.contact-cls-navy-col--left h2,
.contact-cls-navy-col--right h2 {
    color: var(--cls-gold);
}
.contact-cls-rule-gold {
    height: 2px;
    width: 100%;
    max-width: 200px;
    background: linear-gradient(90deg, var(--cls-gold), rgba(212, 175, 55, 0.35));
    margin: 0 0 1.5rem;
    border: none;
}
.contact-cls-field {
    margin-bottom: 1.15rem;
}
.contact-cls-field:last-child {
    margin-bottom: 0;
}
.contact-cls-label {
    display: block;
    font-weight: 700;
    font-size: 0.88rem;
    margin-bottom: 0.35rem;
}
.contact-cls-navy-col--left .contact-cls-label,
.contact-cls-navy-col--right .contact-cls-label {
    color: #fff;
}
.contact-cls-value {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #fff;
    margin: 0;
}
.contact-cls-navy-col .contact-cls-value a {
    color: var(--cls-gold);
    text-decoration: none;
}
.contact-cls-navy-col .contact-cls-value a:hover {
    text-decoration: underline;
}
.contact-cls-form-block {
    background: #f7f8fa;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    padding: 1rem;
    margin: 2.5rem 0;
}
.contact-cls-triple .contact-cls-form-block {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-self: stretch;
}
.contact-cls-triple .contact-cls-form-block .contact-form {
    flex: 1;
}
.contact-cls-form-block h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    margin: 0 0 0.35rem;
    color: var(--cls-navy);
}
.contact-cls-form-lead {
    color: #555;
    margin: 0 0 1.25rem;
    font-size: 1rem;
}
.contact-alert {
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 1.25rem;
    font-size: 0.95rem;
}
.contact-alert--success {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #166534;
}
.contact-alert--error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #991b1b;
}
.contact-form .form-row {
    margin-bottom: 1rem;
}
.contact-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
    font-size: 0.9rem;
}
.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form input[type='tel'],
.contact-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
}
.contact-form textarea {
    min-height: 140px;
    resize: vertical;
}
.contact-form .hint {
    font-size: 0.8rem;
    color: #666;
    margin-top: 4px;
}
.contact-form .btn-submit {
    background: var(--cls-gold-soft);
    color: #1a1204;
    border: none;
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}
.contact-form .btn-submit:hover {
    background: #b89220;
}
/* Shown when Working hours is set in Site Settings → General */
.contact-cls-working-hours {
    max-width: 1350px;
    margin: 0 auto 1.25rem;
    padding: 0 20px;
    font-size: 0.95rem;
    color: #444;
    line-height: 1.5;
}
.contact-cls-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 0 0 0;
    padding: 0 0 2.5rem;
}
@media (max-width: 991px) {
    .contact-cls-gallery {
        grid-template-columns: 1fr;
    }
}
.contact-cls-gallery figure {
    margin: 0;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 31, 63, 0.08);
}
.contact-cls-gallery img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
.contact-cls-gallery figcaption {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 0.92rem;
    color: var(--cls-navy-mid);
    padding: 0.85rem 1rem 1rem;
    text-align: center;
    background: #fafbfc;
}
.contact-cls-celebrate {
    background: var(--cls-navy);
    color: #fff;
    text-align: center;
    padding: 1.35rem 20px;
    font-size: clamp(0.9rem, 2vw, 1.05rem);
    line-height: 1.5;
}
.contact-cls-celebrate strong {
    color: var(--cls-gold);
    font-weight: 700;
}
.contact-cls-tagline {
    text-align: center;
    padding: 2rem 20px 3.5rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    color: var(--cls-navy);
    background: #fff;
    margin: 0;
}

/* ========== Blog index ========== */
/* Align with header container (1350px + 20px horizontal padding) */
.blog-index-wrap{max-width:1350px;margin:0 auto;padding:0 20px 4rem;}
.blog-index-intro{font-size:1.05rem;color:#555;line-height:1.6;margin:0 0 2rem;max-width:720px;}
.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;}
.blog-card{background:#fff;border:1px solid #e8e4dc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1);border-color:#ddd8cc;}
.blog-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#f5f2eb;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-card-body{padding:1.25rem 1.35rem 1.5rem;flex:1;display:flex;flex-direction:column;}
.blog-card-meta{font-size:0.8rem;color:#888;margin-bottom:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:center;}
.blog-card-meta i{color:#b8860b;}
.blog-card h2{font-family:'Playfair Display',Georgia,serif;font-size:15px;font-weight:600;line-height:1.35;margin:0 0 0.65rem;color:#1a1a1a;}
.blog-card h2 a{color:inherit;text-decoration:none;}
.blog-card h2 a:hover{color:var(--cooper-red);}
.blog-card-excerpt{font-size:0.95rem;color:#555;line-height:1.55;margin:0 0 1rem;flex:1;}
.blog-card-read{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:0.9rem;color:var(--cooper-red);text-decoration:none;}
.blog-card-read:hover{text-decoration:underline;color:var(--cooper-red-hover);}
.blog-empty{text-align:center;padding:3rem 1.5rem;color:#666;background:#faf8f4;border:1px dashed #e0d9cc;border-radius:12px;}

/* ========== Blog detail / comments ========== */
/* Same outer width as site header (.header-nav-inner): max 1350px + 20px side padding */
.blog-detail-layout{max-width:1350px;margin:0 auto;padding:0 20px 4rem;display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start;}
@media (max-width:991px){.blog-detail-layout{grid-template-columns:1fr;}}
.blog-detail-main{min-width:0;}
.blog-detail-hero{width:100%;aspect-ratio:21/9;border-radius:12px;overflow:hidden;background:#f5f2eb;margin-bottom:1.25rem;border:1px solid #e8e4dc;}
.blog-detail-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-detail-meta{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem;font-size:0.9rem;color:#666;margin-bottom:1.25rem;}
.blog-detail-meta i{color:#b8860b;}
.blog-detail-content{font-size:1.05rem;line-height:1.75;color:#444;}
.blog-detail-content p{margin-bottom:1rem;}
.blog-detail-content h2,.blog-detail-content h3{font-family:'Playfair Display',Georgia,serif;margin:1.5rem 0 0.75rem;color:#1a1a1a;}
.blog-detail-content img{max-width:100%;height:auto;border-radius:8px;}
.blog-detail-content ul,.blog-detail-content ol{margin:0.5em 0 1rem 1.25em;}
.blog-sidebar{position:sticky;top:100px;}
.blog-sidebar-box{background:#faf8f4;border:1px solid #e8e4dc;border-radius:12px;padding:1.25rem;}
.blog-sidebar-box h3{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;margin:0 0 1rem;color:#1a1a1a;}
.blog-sidebar-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #ebe6dc;text-decoration:none;color:inherit;align-items:flex-start;}
.blog-sidebar-item:last-child{border-bottom:none;padding-bottom:0;}
.blog-sidebar-item:hover .blog-sidebar-item-title{color:var(--cooper-red);}
.blog-sidebar-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#eee;}
.blog-sidebar-thumb img{width:100%;height:100%;object-fit:cover;}
.blog-sidebar-item-title{font-weight:600;font-size:11px;line-height:1.35;margin:0 0 4px;color:#333;}
.blog-sidebar-item-date{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.75rem;color:#888;}
.blog-sidebar-item-date i{color:#b8860b;font-size:0.7rem;}
.blog-comments{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e8e4dc;}
.blog-comments h3{font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;margin:0 0 1.25rem;color:#1a1a1a;display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap;}
.blog-comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;padding:0 0.45rem;font-family:system-ui,-apple-system,sans-serif;font-size:0.75rem;font-weight:600;color:var(--cooper-red-hover);background:linear-gradient(145deg,#f5ecd8,#ebe2cc);border:1px solid #d4c4a8;border-radius:999px;}
.blog-comment-list{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:1rem;}
/* Each approved comment: card + avatar + clear hierarchy */
.blog-comment-item{margin:0;padding:0;border:none;}
.blog-comment-card{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.25rem 1.25rem;background:linear-gradient(180deg,#fdfcfa 0%,#faf7f2 100%);border:1px solid #e8e4dc;border-radius:14px;box-shadow:0 2px 8px rgba(44,36,22,0.06);transition:box-shadow .2s ease,border-color .2s ease;}
.blog-comment-card:hover{box-shadow:0 4px 16px rgba(44,36,22,0.1);border-color:#ddd5c4;}
.blog-comment-avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#a07c1a,#7a5a12);color:#fff;font-weight:700;font-size:1rem;letter-spacing:0.02em;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px rgba(123,90,16,0.25);}
.blog-comment-main{min-width:0;flex:1;}
.blog-comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 1rem;margin-bottom:0.65rem;}
.blog-comment-name{font-weight:700;font-size:1.02rem;color:#2c2416;line-height:1.3;}
.blog-comment-date{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.8rem;color:#7a7368;}
.blog-comment-date i{font-size:0.72rem;color:#b8963a;opacity:0.9;}
.blog-comment-body{margin:0;padding:0.85rem 0 0 0;border-top:1px solid #efe8dc;color:#4a453c;line-height:1.65;font-size:0.98rem;}
.blog-comment-body p{margin:0 0 0.65rem;}
.blog-comment-body p:last-child{margin-bottom:0;}
.blog-comment-form{background:#faf8f4;border:1px solid #e8e4dc;border-radius:12px;padding:1.25rem 1.35rem;margin-top:1rem;}
.blog-comment-form h4{margin:0 0 0.75rem;font-size:1rem;color:#333;}
.blog-comment-form .form-row{margin-bottom:12px;}
.blog-comment-form label{display:block;font-size:0.85rem;font-weight:600;margin-bottom:4px;color:#444;}
.blog-comment-form input,.blog-comment-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:0.95rem;}
.blog-comment-form textarea{min-height:120px;resize:vertical;}
.blog-comment-form .btn-submit{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--cooper-red);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:0.95rem;}
.blog-comment-form .btn-submit:hover{background:var(--cooper-red-hover);}
.blog-flash{padding:12px 14px;border-radius:8px;margin-bottom:1rem;font-size:0.95rem;}
.blog-flash--ok{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.35);color:#166534;}
.blog-flash--err{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#991b1b;}

/* ========== Product detail ========== */
.product-detail-wrap{max-width:1350px;margin:0 auto;padding:0 20px 4rem;}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
@media(max-width:991px){.product-detail-grid{grid-template-columns:1fr;}}
.product-gallery{position:sticky;top:120px;}
.product-main-img{position:relative;height:420px;overflow:visible;border-radius:12px;background:#f5f2eb;cursor:crosshair;border:1px solid #e8e4dc;}
.product-main-img--letter{cursor:default;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#faf8f4 0%,#efe8d8 100%);}
.product-main-img .product-detail-letter{position:static;font-size:clamp(4rem,12vw,7rem);color:#8a6e12;font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1;user-select:none;}
.product-main-img>img{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px;}
.product-main-img .zoom-hint{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.65);color:#fff;padding:8px 14px;border-radius:8px;font-size:0.8rem;display:flex;align-items:center;gap:8px;pointer-events:none;}
.magnifier-lens{position:absolute;width:180px;height:180px;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 30px rgba(0,0,0,0.35);pointer-events:none;overflow:hidden;display:none;z-index:5;}
.magnifier-lens.is-active{display:block;}
.magnifier-lens img{position:absolute;max-width:none;width:auto;height:auto;}
.product-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.product-thumbs .thumb{width:80px;height:80px;border-radius:6px;overflow:hidden;border:2px solid #e8e4dc;cursor:pointer;transition:border-color 0.2s;}
.product-thumbs .thumb:hover,.product-thumbs .thumb.active{border-color:var(--cooper-red);}
.product-thumbs .thumb img{width:100%;height:100%;object-fit:cover;}
.product-info h2{font-family:'Playfair Display',serif;font-size:1.75rem;margin:0 0 1rem;color:#333;}
.product-info .desc{color:#555;line-height:1.6;margin-bottom:1.5rem;}
.product-detail-buttons{display:flex;flex-wrap:wrap;gap:0.5rem;}
.product-detail-buttons .btn-enquiry,.product-detail-buttons .btn-whatsapp{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;font-size:0.9rem;font-weight:600;border-radius:6px;text-decoration:none;transition:all 0.25s;border:1px solid transparent;}
.product-detail-buttons .btn-enquiry{background:linear-gradient(135deg,#8a6e12 0%,#e8c547 40%,#b8921a 60%,#6e560c 100%);background-size:200% 200%;color:#fff;box-shadow:0 2px 10px rgba(138,110,18,0.45);animation:btnShine 3s ease-in-out infinite;}
.product-detail-buttons .btn-enquiry:hover{background-position:100% 0;filter:brightness(1.08);}
.product-detail-buttons .btn-whatsapp{background:linear-gradient(135deg,#001a12 0%,#013826 40%,#012a1c 60%,#000f0a 100%);background-size:200% 200%;color:#fff;box-shadow:0 2px 10px rgba(0,15,10,0.5);animation:btnShine 3s ease-in-out infinite 0.5s;}
.product-detail-buttons .btn-whatsapp:hover{background-position:100% 0;filter:brightness(1.12);}
@keyframes btnShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:9999;cursor:zoom-out;align-items:center;justify-content:center;padding:20px;}
.lightbox.is-open{display:flex;}
.lightbox-inner{position:relative;max-width:95vw;max-height:95vh;overflow:auto;cursor:move;}
.lightbox-inner img{display:block;max-width:100%;height:auto;transform-origin:0 0;}
.lightbox-close{position:absolute;top:15px;right:15px;width:40px;height:40px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;}
.lightbox-close:hover{background:rgba(255,255,255,0.3);}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:10;}
.lightbox-nav:hover{background:rgba(255,255,255,0.3);}
.lightbox-nav.prev{left:15px;}
.lightbox-nav.next{right:15px;}
.lightbox-nav.hide{display:none;}
.related-products{margin-top:4rem;padding-top:3rem;border-top:1px solid #e8e4dc;}
.related-products h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin:0 0 1.5rem;color:#333;}
.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;}
.related-product-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform 0.3s, box-shadow 0.3s;}
.related-product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.1);}
.related-product-card a{display:block;text-decoration:none;color:inherit;}
.related-product-card-img{height:180px;overflow:hidden;}
.related-product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.45s ease;transform-origin:center center;}
.related-product-card:hover .related-product-card-img img{transform:rotate(3deg) scale(1.06);}
.related-product-card h4{font-size:1rem;margin:0;padding:12px 14px 8px;font-weight:600;}
.related-product-card-btns{padding:0 14px 14px;display:flex;flex-wrap:wrap;gap:6px;}
.related-product-card .btn-enquiry,.related-product-card .btn-whatsapp{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:0.75rem;font-weight:600;border-radius:5px;text-decoration:none;transition:all 0.2s;}
.related-product-card .btn-enquiry{background:var(--cooper-red);color:#fff;}
.related-product-card .btn-enquiry:hover{background:var(--cooper-red-hover);}
.related-product-card .btn-whatsapp{background:#25D366;color:#fff;}
.related-product-card .btn-whatsapp:hover{background:#1da851;}
.product-benefits{margin-top:4rem;padding-top:3rem;border-top:1px solid #e8e4dc;}
.product-benefits h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin:0 0 1.5rem;color:#333;}
.benefits-tabs .nav-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;border-bottom:1px solid #e8e4dc;padding-bottom:0;}
.benefits-tabs .nav-tabs .nav-link{padding:12px 18px;border:1px solid #e8e4dc;border-bottom:none;background:#f8f8f8;color:#555;cursor:pointer;font-weight:600;font-size:0.9rem;border-radius:8px 8px 0 0;margin-bottom:-1px;}
.benefits-tabs .nav-tabs .nav-link:hover{background:#f0ede6;color:#333;}
.benefits-tabs .nav-tabs .nav-link.active{background:#fff;color:var(--cooper-red);border-color:#e8e4dc;border-bottom:1px solid #fff;}
.benefits-tabs .tab-content{border:1px solid #e8e4dc;border-top:none;border-radius:0 0 8px 8px;background:#fff;}
.benefits-tabs .tab-pane{display:none;padding:20px 24px;color:#555;line-height:1.7;font-size:1rem;}
.benefits-tabs .tab-pane.active{display:block;}
.listing-tab-html p:last-child{margin-bottom:0;}
.listing-tab-html ul,.listing-tab-html ol{margin:0.5em 0 0.5em 1.25em;}
/* Extra tabs: sirf top-left corner se — row left-aligned, full-width panel neeche */
.product-listing-extra-tabs{width:100%;align-self:stretch;}
.product-listing-extra-tabs .benefits-tabs{width:100%;margin:0;padding:0;}
.product-listing-extra-tabs #listingExtraTab.nav-tabs{
    display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;
    width:100%;margin:0;padding:0 0 0 0;border-bottom:1px solid #e8e4dc;
    gap:8px;
}
.product-listing-extra-tabs #listingExtraTab .nav-link{margin-left:0;margin-right:0;}
.product-listing-extra-tabs #listingExtraTabContent.tab-content{
    width:100%;border-radius:0 0 8px 8px;border-top:none;
}
/* Listing extra tabs block: tighter top margin than default .product-benefits */
.product-benefits.product-listing-extra-tabs{margin-top:2.5rem;}
/* Dose/strength line on listing detail */
.product-detail-dose{font-weight:600;color:#555;}
.product-info .listing-html-content{margin-top:1rem;}
/* Buy online — same look as CMS product cards, sized for detail CTAs */
.product-detail-buttons .btn-shop{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;font-size:0.9rem;font-weight:600;border-radius:6px;text-decoration:none;background:#232f3e;color:#fff;transition:all 0.25s;border:1px solid transparent;}
.product-detail-buttons .btn-shop:hover{background:#111;color:#fff;}

/* ========== Products listing ========== */
.products-page-wrap{max-width:1350px;margin:0 auto;padding:0 20px;}
/* /products — sirf grid, bina subbanner / intro */
.products-page--list-only .products-section{padding-top:1.5rem;}
.products-page--list-only .product-card .product-card-link h3{margin:0;padding:0.65rem 1.25rem 1.1rem;}
.page-head{padding:2rem 0 1rem;}
.page-head p{color:#555;font-size:1.05rem;}
.products-section{padding:1rem 0 4rem;}
/* Jab catalog + listings dono khali hon */
.products-empty{text-align:center;color:#666;padding:2.5rem 1rem;font-size:1.05rem;line-height:1.55;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;}
/* Home "Our Products" slider: .product-card / .product-card-img — css/solgar/solgar.css (yahan duplicate mat rakho; pehle yahan tha jo homepage ko override kar raha tha) */
.product-card-link{display:block;text-decoration:none;color:inherit;}
.product-card-link h3{font-size:1.1rem;margin:0;padding:0;color:#333;}

/* ========== CMS page — product listing block ========== */
.page-products-wrap{max-width:1350px;margin:0 auto;padding:0 20px 3rem;}
.page-products-head{font-family:'Playfair Display',serif;font-size:clamp(1.35rem,2.5vw,1.65rem);margin:0 0 0.35rem;color:#1a1a1a;font-weight:600;letter-spacing:-0.02em;}
.page-products-head-line{width:48px;height:3px;background:linear-gradient(90deg,var(--cooper-blue),var(--cooper-red),var(--cooper-gold-bright));border-radius:2px;margin-bottom:0;}
.page-products-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;}
.page-products-toolbar{display:flex;align-items:center;gap:0.65rem;flex-shrink:0;}
.page-products-toolbar-label{font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#6b6458;}
.page-products-view-toggle{display:inline-flex;border:1px solid #e0d9cc;border-radius:10px;overflow:hidden;background:#faf8f4;}
.page-products-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.5rem 0.85rem;border:none;background:transparent;color:#5c5648;cursor:pointer;font-size:0.9rem;transition:background 0.2s,color 0.2s;}
.page-products-view-btn:hover{background:rgba(139,105,20,0.08);color:#3d3428;}
.page-products-view-btn.is-active{background:#fff;color:var(--cooper-red);box-shadow:0 1px 4px rgba(0,0,0,0.06);}
.page-products-view-btn + .page-products-view-btn{border-left:1px solid #e0d9cc;}
.page-products-section{padding:1rem 0 2rem;border-top:1px solid #e8e4dc;margin-top:2rem;}
/* Grid (cards): only visible in grid mode */
.page-products-layout-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;align-items:stretch;}
.page-products-layout-table{display:none;}
.page-products-view--list .page-products-layout-cards{display:none!important;}
.page-products-view--list .page-products-layout-table{display:block;}
.page-product-card{background:#fff;border:1px solid #e8e4dc;border-radius:12px;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.page-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1);border-color:#ddd8cc;}
.page-product-card a.product-card-link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none;color:inherit;min-height:0;}
.page-product-card-img.page-product-card-img--placeholder{background:#f7f7f7;}
.page-product-card-img .product-card-img-letter{
  position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:600;line-height:1;
  color:#8a6e12;background:linear-gradient(160deg,#faf8f4 0%,#efe8d8 100%);user-select:none;
}
.page-product-card-img{
    width:100%;aspect-ratio:4/3;overflow:hidden;position:relative;
    background:#f5f3ef;padding:0;border-bottom:none;
}
.page-product-card-img img{
    position:absolute;inset:0;display:block;width:100%;height:100%;
    max-width:none;max-height:none;object-fit:cover;object-position:center 35%;
}
.page-product-card-img:not(.page-product-card-img--dual) img{transition:opacity 0.35s ease;}
.page-product-card-img--dual .img-main,.page-product-card-img--dual .img-alt{
    transform-origin:center center;
    transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.55s cubic-bezier(0.34,1.02,0.68,1);
}
.page-product-card-img--dual .img-main{z-index:1;opacity:1;}
.page-product-card-img--dual .img-alt{z-index:2;opacity:0;transform:scale(1.04);}
.page-product-card:hover .page-product-card-img--dual .img-main{opacity:0;}
.page-product-card:hover .page-product-card-img--dual .img-alt{opacity:1;transform:scale(1);}
/* Text block under image: title + dose/strength */
.page-product-card-info{
    flex:1 1 auto;
    padding:1rem 1.15rem 0.85rem;
    background:linear-gradient(180deg,#faf8f4 0%,#fff 55%);
    border-top:1px solid rgba(232,228,220,0.95);
}
.page-product-card-title{
    font-family:'Playfair Display',Georgia,serif;
    font-size:1.0625rem;
    font-weight:600;
    line-height:1.38;
    margin:0;
    color:#1a1a1a;
    letter-spacing:-0.015em;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.page-product-card-dose{
    display:inline-block;
    margin-top:0.55rem;
    padding:0.32rem 0.7rem;
    max-width:100%;
    font-size:0.72rem;
    font-weight:600;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:#5c4510;
    background:rgba(139,105,20,0.11);
    border:1px solid rgba(139,105,20,0.18);
    border-radius:999px;
    line-height:1.35;
    word-wrap:break-word;
}
/* CMS page / category jahan product assign hai (admin Display on page) */
.page-product-card-category{
    display:block;
    margin-top:0.45rem;
    font-size:0.78rem;
    color:#6b6458;
    line-height:1.35;
}
.page-product-card-body{padding:0.85rem 1.15rem 1.15rem;margin-top:auto;border-top:1px solid #f2ede4;background:#fff;flex-shrink:0;}
.page-product-card .btn-enquiry,.page-product-card .btn-whatsapp{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:1.05rem;line-height:1;border-radius:8px;text-decoration:none;transition:all 0.25s ease;background-size:200% 200%;color:#fff!important;animation:btnShine 3s ease-in-out infinite;flex-shrink:0;}
.page-product-card .btn-enquiry{background:linear-gradient(135deg,#8a6e12 0%,#e8c547 40%,#b8921a 60%,#6e560c 100%);box-shadow:0 2px 8px rgba(138,110,18,0.45);}
.page-product-card .btn-enquiry:hover{background-position:100% 0;filter:brightness(1.08);color:#fff;}
.page-product-card .btn-whatsapp{background:linear-gradient(135deg,#001a12 0%,#013826 40%,#012a1c 60%,#000f0a 100%);box-shadow:0 2px 8px rgba(0,15,10,0.5);animation-delay:0.5s;}
.page-product-card .btn-whatsapp:hover{background-position:100% 0;filter:brightness(1.12);color:#fff;}
.page-product-card .btn-shop{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:0.8rem;font-weight:600;border-radius:6px;text-decoration:none;background:#232f3e;color:#fff;}
.page-product-card .btn-shop:hover{background:#111;}
.page-product-card-buttons{display:flex;flex-wrap:nowrap;gap:0.5rem;align-items:center;min-height:40px;}
/* —— List view: data table (No., Name, Dose, Category, Actions) —— */
.page-products-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #e8e4dc;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.page-products-table{width:100%;border-collapse:collapse;font-size:0.9375rem;}
.page-products-table thead th{text-align:left;padding:0.85rem 0.9rem;background:linear-gradient(180deg,#faf8f4,#f3eee6);color:#3d3428;font-weight:600;font-size:0.72rem;letter-spacing:0.07em;text-transform:uppercase;border-bottom:2px solid #e0d9cc;white-space:nowrap;}
.page-products-table tbody td{padding:0.85rem 0.9rem;border-bottom:1px solid #f0ebe3;vertical-align:middle;}
.page-products-table tbody tr:last-child td{border-bottom:none;}
.page-products-table tbody tr:nth-child(odd){background:#fff;}
.page-products-table tbody tr:nth-child(even){background:#f3f7f4;}
.page-products-table tbody tr:hover{background:rgba(1,77,51,0.08);}
.page-products-table .col-num{width:2.75rem;text-align:center;color:#6b6458;font-weight:600;}
.page-products-table .col-name a{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:#1a1a1a;text-decoration:none;}
.page-products-table .col-name a:hover{color:var(--cooper-red);text-decoration:underline;}
.page-products-table .col-dose{color:#5c4510;font-size:0.88rem;}
.page-products-table .col-dose-empty{color:#b0a99a;font-style:italic;}
.page-products-table .col-category{color:#4a453c;font-size:0.88rem;}
.page-products-table .col-category a{color:var(--cooper-red);font-weight:600;text-decoration:none;}
.page-products-table .col-category a:hover{text-decoration:underline;}
.page-products-table .col-category-empty{color:#9a948a;}
.page-products-table-actions{display:flex;flex-wrap:nowrap;gap:0.4rem;justify-content:flex-end;align-items:center;}
/* Table actions: same look as grid cards (.page-product-card .btn-*) */
.page-products-table .btn-enquiry,.page-products-table .btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1rem;border-radius:6px;text-decoration:none;transition:all 0.25s ease;background-size:200% 200%;color:#fff;animation:btnShine 3s ease-in-out infinite;}
.page-products-table .btn-enquiry{background:linear-gradient(135deg,#8a6e12 0%,#e8c547 40%,#b8921a 60%,#6e560c 100%);box-shadow:0 2px 8px rgba(138,110,18,0.45);}
.page-products-table .btn-enquiry:hover{background-position:100% 0;filter:brightness(1.08);color:#fff;}
.page-products-table .btn-whatsapp{background:linear-gradient(135deg,#001a12 0%,#013826 40%,#012a1c 60%,#000f0a 100%);box-shadow:0 2px 8px rgba(0,15,10,0.5);animation-delay:0.5s;}
.page-products-table .btn-whatsapp:hover{background-position:100% 0;filter:brightness(1.12);color:#fff;}
.page-products-table .btn-shop{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;font-size:0.8rem;font-weight:600;border-radius:6px;text-decoration:none;background:#232f3e;color:#fff;transition:all 0.25s ease;}
.page-products-table .btn-shop:hover{background:#111;color:#fff;}
/* Chhoti image seedhi row mein (table view) */
.page-products-table .col-thumb{width:72px;padding:0.5rem 0.65rem;text-align:center;vertical-align:middle;}
.page-products-table-thumb{display:block;width:52px;height:52px;margin:0 auto;border-radius:8px;overflow:hidden;border:1px solid #e5dfd4;background:#f0ebe3;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;}
.page-products-table-thumb:hover{border-color:var(--cooper-red);box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.page-products-table-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.page-products-table-thumb .product-card-img-letter{font-size:1.35rem;background:linear-gradient(160deg,#faf8f4 0%,#efe8d8 100%);}

/* ========== Enquiry modal (footer) ========== */
.cooper-enquiry-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;pointer-events:none;}
.cooper-enquiry-modal.is-open{visibility:visible;opacity:1;pointer-events:auto;}
.cooper-enquiry-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);cursor:pointer;}
.cooper-enquiry-modal__panel{position:relative;background:#fff;border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:28px 24px 24px;box-shadow:0 20px 50px rgba(0,0,0,.2);}
.cooper-enquiry-modal__close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:28px;line-height:1;cursor:pointer;color:#666;padding:4px;}
.cooper-enquiry-modal__close:hover{color:#111;}
.cooper-enquiry-modal__title{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;margin:0 0 6px;color:#1a1a1a;}
.cooper-enquiry-modal__lead{font-size:0.95rem;color:#555;margin:0 0 16px;}
.cooper-enquiry-modal__alert{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:0.9rem;}
.cooper-enquiry-modal__alert--ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#166534;}
.cooper-enquiry-modal__alert--err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#991b1b;}
.cooper-enquiry-field{margin-bottom:14px;}
.cooper-enquiry-field label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:6px;color:#333;}
.cooper-enquiry-field .req{color:#b45309;}
.cooper-enquiry-field input,.cooper-enquiry-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;}
.cooper-enquiry-field textarea{resize:vertical;min-height:100px;}
.cooper-enquiry-submit{width:100%;background:var(--cooper-red);color:#fff;border:none;padding:14px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;margin-top:4px;}
.cooper-enquiry-submit:hover{background:var(--cooper-red-hover);}
.cooper-enquiry-submit:disabled{opacity:.65;cursor:not-allowed;}

/* ========== CMS page body (pages.php main content) ========== */
.page-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}
.page-content h1 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    margin: 0 0 1rem;
    color: #1a1a1a;
}
.page-content p {
    font-size: 1.05rem;
    color: #444;
    margin-bottom: 1rem;
}
.page-content img {
    max-width: 100%;
    height: auto;
}

/* ========== Where to buy (narrow prose) ========== */
.page-content--prose {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}
.page-content--prose h1 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    margin: 0 0 1rem;
    color: #1a1a1a;
}
.page-content--prose p {
    font-size: 1.05rem;
    color: #444;
    margin-bottom: 1rem;
}

/* ========== Small utilities (replacing inline styles) ========== */
.blog-comments-empty { color: #888; font-size: 0.95rem; }
.blog-comments-note { color: #888; font-size: 0.9rem; }
.blog-sidebar-empty { margin: 0; font-size: 0.9rem; color: #666; }
.blog-sidebar-all { margin: 1rem 0 0; font-size: 0.9rem; }
.blog-sidebar-all a { color: var(--cooper-red); font-weight: 600; }
.blog-empty-intro { margin: 0; font-size: 1.05rem; }

/* Footer disclaimer (dark bar on customFooter2) */
.footer-disclaimer-line {
    color: #fff;
}

/* ========== Home: stats bar (white row, green top stroke, 6 cols, thin dividers — reference layout) ========== */
.home-counter-module--stats-bar {
    --home-counter-green: #1a4d3a;
    margin: 0;
    padding: 0;
    background: #fff;
}
.home-counter-module__topbar {
    height: 9px;
    background: var(--home-counter-green);
    width: 100%;
}
.home-counter-module__panel {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.home-counter-module__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    max-width: 1320px;
    margin: 0 auto;
    align-items: stretch;
    min-width: 0;
}
.home-counter-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.65rem 0.85rem 1.5rem;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    border-left: 1px solid #d9d9d9;
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.25s ease;
}
.home-counter-module__grid .home-counter-cell:first-child {
    border-left: none;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell {
    opacity: 1;
    transform: translateY(0);
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(1) {
    transition-delay: 0.03s;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(2) {
    transition-delay: 0.08s;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(3) {
    transition-delay: 0.13s;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(4) {
    transition-delay: 0.18s;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(5) {
    transition-delay: 0.23s;
}
.home-counter-module--stats-bar.is-inview .home-counter-cell:nth-child(6) {
    transition-delay: 0.28s;
}
a.home-counter-cell:hover {
    background: rgba(26, 77, 58, 0.04);
}
.home-counter-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.06rem;
    margin: 0 0 0.5rem;
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}
.home-counter-module--stats-bar .home-counter-num {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: clamp(1.85rem, 3.2vw, 2.65rem);
    line-height: 1.15;
    color: var(--home-counter-green);
    margin: 0;
    letter-spacing: -0.02em;
}
.home-counter-module--stats-bar .home-counter-suffix {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    font-size: clamp(1.2rem, 2.2vw, 1.75rem);
    font-weight: 700;
    color: var(--home-counter-green);
    line-height: 1;
}
.home-counter-badge {
    display: inline-block;
    margin: 0 0 0.5rem;
    padding: 0.42rem 0.85rem;
    background: var(--home-counter-green);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(0.8rem, 1.35vw, 0.95rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
}
.home-counter-label {
    margin: 0;
    padding: 0 0.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7a7a7a;
    line-height: 1.45;
    max-width: 100%;
}
.home-counter-cell--badge .home-counter-label {
    margin-top: 0.1rem;
}
/* Title / badge ke neeche extra line (module → Description jab Title bhi ho) */
.home-counter-sublabel {
    margin: 0.35rem 0 0;
    padding: 0 0.35rem;
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    color: #5c5c5c;
    text-transform: none;
    letter-spacing: 0.02em;
}
.home-counter-sublabel + .home-counter-sublabel {
    margin-top: 0.2rem;
}
@media (prefers-reduced-motion: reduce) {
    .home-counter-cell {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .home-counter-module--stats-bar.is-inview .home-counter-cell {
        transition-delay: 0s !important;
    }
}
@media (max-width: 991px) {
    .home-counter-module__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .home-counter-module__grid .home-counter-cell:nth-child(3n + 1) {
        border-left: none;
    }
    .home-counter-module__grid .home-counter-cell:nth-child(n + 4) {
        border-top: 1px solid #d9d9d9;
    }
}
.testimonial-avatar--ini {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #1a4d3a;
    color: #fff;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0.04em;
}
@media (max-width: 575px) {
    .home-counter-module__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-counter-module__grid .home-counter-cell {
        border-left: 1px solid #d9d9d9;
    }
    .home-counter-module__grid .home-counter-cell:nth-child(2n + 1) {
        border-left: none;
    }
    .home-counter-module__grid .home-counter-cell:nth-child(n + 3) {
        border-top: 1px solid #d9d9d9;
    }
}