/* =========================================================
   MEHFARO - PUBLIC STORE PROFESSIONAL POLISH
   ---------------------------------------------------------
   Additive CSS only.
   Existing cart, filters, checkout and JS remain untouched.
========================================================= */


/* =========================================================
   GLOBAL TYPOGRAPHY
========================================================= */

body {
  font-size: 14px;
}

.section-kicker,
.eyebrow {
  font-size: 9px !important;
  letter-spacing: .20em !important;
}


/* =========================================================
   HERO
========================================================= */

.hero-content h1 {
  font-size: clamp(54px, 6.5vw, 84px) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
}

.hero-description {
  max-width: 510px;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.hero-points {
  font-size: 11px !important;
}

.hero-actions a {
  font-size: 12px !important;
}


/* Slightly smaller hero visual */

.hero-visual {
  transform: scale(.92);
  transform-origin: center;
}


/* =========================================================
   MAIN SECTION HEADINGS
========================================================= */

.section-heading {
  margin-bottom: 28px !important;
}

.section-heading h2 {
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.section-heading p {
  max-width: 390px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}


/* =========================================================
   CATEGORY SECTION
========================================================= */

.category-grid-v2 {
  grid-template-rows: repeat(3, 190px) !important;
  gap: 13px !important;
}

.category-card {
  min-height: 190px !important;
  border-radius: 20px !important;
}

.category-content {
  left: 20px !important;
  right: 20px !important;
  bottom: 18px !important;
}

.category-content span {
  font-size: 9px !important;
}

.category-content h3 {
  font-size: 24px !important;
  line-height: 1.05 !important;
  margin: 3px 0 !important;
}

.category-content p {
  font-size: 11px !important;
}


/* =========================================================
   PRODUCT CARDS
========================================================= */

.product-card {
  border-radius: 17px !important;
  padding: 7px !important;
}

.product-info {
  padding: 10px 5px 6px !important;
}

.product-category {
  font-size: 8px !important;
  letter-spacing: .13em !important;
}

.product-title {
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 5px 0 7px !important;
  min-height: 35px !important;
}

.product-price-line {
  gap: 7px !important;
  margin-bottom: 10px !important;
}

.product-price {
  font-size: 16px !important;
}

.old-price {
  font-size: 10px !important;
}

.product-stock-row {
  font-size: 9px !important;
}

.add-cart-btn,
.quick-view {
  font-size: 11px !important;
}


/* =========================================================
   PRODUCT IMAGES - SMALLER
========================================================= */

@media (min-width: 1101px) {

  .product-image-wrap {
    height: 180px !important;
    border-radius: 14px !important;
  }

  .product-grid {
    gap: 13px !important;
  }

}


@media (min-width: 781px) and (max-width: 1100px) {

  .product-image-wrap {
    height: 170px !important;
    border-radius: 14px !important;
  }

}


@media (max-width: 780px) {

  .product-image-wrap {
    height: 155px !important;
    border-radius: 13px !important;
  }

  .product-title {
    font-size: 13px !important;
    min-height: 0 !important;
  }

}


@media (max-width: 450px) {

  .product-image-wrap {
    height: 145px !important;
  }

}


/* =========================================================
   NEW ARRIVALS
========================================================= */

#new-arrivals .section-heading h2 {
  font-size: clamp(44px, 5vw, 66px) !important;
}

#new-arrivals .product-card {
  padding: 7px !important;
}


/* =========================================================
   PILLOW COVER SECTION
========================================================= */

.pillow-section h2 {
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: 1 !important;
}

.pillow-heading-note {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.pillow-feature-banner h3 {
  font-size: 25px !important;
}

.pillow-feature-banner p {
  font-size: 12px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   DEAL BANNER
========================================================= */

.deal-content h2 {
  font-size: clamp(48px, 6vw, 74px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

.deal-content p {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.deal-tag {
  font-size: 9px !important;
}


/* =========================================================
   FEATURED PRODUCTS
========================================================= */

#products .section-heading h2 {
  font-size: clamp(44px, 5vw, 68px) !important;
}

.filter-btn {
  font-size: 11px !important;
  padding: 9px 15px !important;
}


/* =========================================================
   WHY MEHFARO
========================================================= */

.why-intro h2 {
  font-size: clamp(48px, 6vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.why-intro p {
  max-width: 650px;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.benefit-card h3 {
  font-size: 18px !important;
}

.benefit-card p {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.benefit-card > span {
  font-size: 10px !important;
}


/* =========================================================
   REVIEWS
========================================================= */

.review-card p {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.review-card strong {
  font-size: 11px !important;
}


/* =========================================================
   TRUST STRIP
========================================================= */

.trust-strip strong {
  font-size: 12px !important;
}

.trust-strip span {
  font-size: 10px !important;
}


/* =========================================================
   HEADER
========================================================= */

.desktop-nav a {
  font-size: 11px !important;
}

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

.brand-name small {
  font-size: 7px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 780px) {

  .hero-content h1 {
    font-size: clamp(46px, 13vw, 64px) !important;
  }

  .hero-description {
    font-size: 13px !important;
  }

  .section-heading h2,
  #products .section-heading h2,
  #new-arrivals .section-heading h2 {
    font-size: 40px !important;
  }

  .category-grid-v2 {
    grid-template-rows: none !important;
  }

  .category-card {
    min-height: 175px !important;
  }

  .why-intro h2 {
    font-size: 44px !important;
  }

  .deal-content h2 {
    font-size: 46px !important;
  }

}


@media (max-width: 450px) {

  .section-heading h2,
  #products .section-heading h2,
  #new-arrivals .section-heading h2 {
    font-size: 34px !important;
  }

  .section-heading p {
    font-size: 12px !important;
  }

  .category-card {
    min-height: 155px !important;
  }

  .category-content h3 {
    font-size: 20px !important;
  }

  .product-title {
    font-size: 12px !important;
  }

  .product-price {
    font-size: 15px !important;
  }

}
/* =========================================================
   MEHFARO - WATERMARK FRIENDLY FINAL POLISH
   Additive only - existing functionality untouched
========================================================= */


/* HEADER - watermark visible but still premium */
.main-header {
  background: rgba(250, 247, 242, 0.76) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  border-bottom:
    1px solid rgba(23, 32, 37, 0.05) !important;
}


/* NEW ARRIVALS - remove solid block */
#new-arrivals,
.soft-section {
  background: rgba(250, 247, 242, 0.18) !important;
}


/* PILLOW FEATURE */
.pillow-feature-banner {
  background:
    rgba(255, 255, 255, 0.54) !important;

  border:
    1px solid rgba(23, 32, 37, 0.08) !important;

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.pillow-banner-mark {
  width: 90px !important;
  height: 90px !important;

  background: transparent !important;
  border-radius: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  overflow: visible !important;
}

.pillow-banner-mark img {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
}


/* DEAL SECTION - thinner + translucent */
.deal-banner {
  min-height: 315px !important;

  margin:
    55px auto !important;

  padding:
    44px 55px !important;

  background:
    rgba(23, 32, 37, 0.79) !important;

  border:
    1px solid rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.deal-content h2 {
  font-size:
    clamp(38px, 4.8vw, 60px) !important;
}

.deal-circle {
  width: 135px !important;
  height: 135px !important;

  right: 65px !important;
}

.deal-circle strong {
  font-size: 31px !important;
}

.deal-circle small,
.deal-circle span {
  font-size: 8px !important;
}


/* WHY MEHFARO - watermark visible */
.why-section {
  background:
    rgba(220, 239, 235, 0.64) !important;

  border:
    1px solid rgba(8, 127, 120, 0.08);

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.benefit-card {
  background:
    rgba(255, 255, 255, 0.56) !important;

  border:
    1px solid rgba(255, 255, 255, 0.75) !important;
}


/* STAY CONNECTED - watermark visible */
.newsletter {
  background:
    rgba(246, 222, 214, 0.62) !important;

  border:
    1px solid rgba(217, 107, 76, 0.10);

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.newsletter-form {
  background:
    rgba(255, 255, 255, 0.80) !important;

  border:
    1px solid rgba(23, 32, 37, 0.07);
}


/* TRUST STRIP - keep border but reduce white block */
.trust-strip {
  background:
    rgba(255, 255, 255, 0.68) !important;

  border:
    1px solid rgba(23, 32, 37, 0.08) !important;

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}


/* MOBILE */
@media (max-width: 780px) {

  .main-header {
    background:
      rgba(250, 247, 242, 0.78) !important;
  }

  .deal-banner {
    min-height: 0 !important;

    margin:
      38px 14px !important;

    padding:
      38px 22px 175px !important;
  }

  .deal-circle {
    width: 115px !important;
    height: 115px !important;

    right: 50% !important;
    bottom: 30px !important;
  }

  .pillow-banner-mark {
    width: 76px !important;
    height: 76px !important;
  }

  .pillow-banner-mark img {
    width: 74px !important;
    height: 74px !important;
  }

}
/* =========================================================
   MEHFARO - FINAL GREEN GLASS THEME
   Light green transparent surfaces so watermark stays visible
========================================================= */

:root {
  --mf-green: 4, 75, 58;
  --mf-green-dark: 2, 55, 43;
}

/* Header / Bag area background */
.main-header {
  background: rgba(var(--mf-green), 0.08) !important;
  border-bottom: 1px solid rgba(var(--mf-green), 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* New Arrivals */
#new-arrivals,
.soft-section {
  background: rgba(var(--mf-green), 0.055) !important;
}

/* Product cards */
.product-card {
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1px solid rgba(var(--mf-green), 0.16) !important;
}

/* Pillow main card */
.pillow-feature-banner {
  background: rgba(var(--mf-green), 0.075) !important;
  border: 1px solid rgba(var(--mf-green), 0.18) !important;
  backdrop-filter: none !important;
}

/* Pillow notice - remove pink */
.pillow-heading-note {
  background: rgba(var(--mf-green), 0.10) !important;
  border: 1px solid rgba(var(--mf-green), 0.20) !important;
  color: #214c40 !important;
}

/* Deals - dark green but transparent */
.deal-banner {
  background: rgba(var(--mf-green-dark), 0.66) !important;
  border: 1px solid rgba(var(--mf-green), 0.22) !important;
  backdrop-filter: none !important;
}

.deal-circle {
  background: rgba(7, 115, 88, 0.86) !important;
}

/* Why MEHFARO */
.why-section {
  background: rgba(var(--mf-green), 0.10) !important;
  border: 1px solid rgba(var(--mf-green), 0.18) !important;
  backdrop-filter: none !important;
}

.benefit-card {
  background: rgba(255, 255, 255, 0.48) !important;
  border: 1px solid rgba(var(--mf-green), 0.17) !important;
}

/* Reviews */
.review-card {
  background: rgba(255, 255, 255, 0.52) !important;
  border: 1px solid rgba(var(--mf-green), 0.17) !important;
}

/* Stay Connected */
.newsletter {
  background: rgba(var(--mf-green), 0.09) !important;
  border: 1px solid rgba(var(--mf-green), 0.18) !important;
  backdrop-filter: none !important;
}

.newsletter-form {
  background: rgba(255, 255, 255, 0.52) !important;
  border: 1px solid rgba(var(--mf-green), 0.18) !important;
}

/* COD / PK / CHAT / NEW */
.trust-strip {
  background: rgba(var(--mf-green), 0.085) !important;
  border: 1px solid rgba(var(--mf-green), 0.20) !important;
  backdrop-filter: none !important;
}

.trust-strip div {
  border-right-color: rgba(var(--mf-green), 0.16) !important;
}

/* Filter buttons / other white controls */
.filter-btn,
.icon-btn,
.secondary-btn {
  background: rgba(255, 255, 255, 0.52) !important;
  border-color: rgba(var(--mf-green), 0.18) !important;
}

/* Keep active filter readable */
.filter-btn.active {
  background: rgba(var(--mf-green-dark), 0.88) !important;
  color: #fff !important;
}

/* Mobile same treatment */
@media (max-width: 780px) {
  .main-header {
    background: rgba(var(--mf-green), 0.08) !important;
  }

  .product-card,
  .review-card,
  .benefit-card {
    background: rgba(255, 255, 255, 0.54) !important;
  }
}
/* MEHFARO GREEN INTENSITY - 6/10 */

.main-header {
  background: rgba(4, 75, 58, 0.15) !important;
}

#new-arrivals,
.soft-section {
  background: rgba(4, 75, 58, 0.12) !important;
}

.pillow-feature-banner {
  background: rgba(4, 75, 58, 0.14) !important;
}

.why-section {
  background: rgba(4, 75, 58, 0.16) !important;
}

.newsletter {
  background: rgba(4, 75, 58, 0.15) !important;
}

.trust-strip {
  background: rgba(4, 75, 58, 0.15) !important;
}

.product-card,
.review-card,
.benefit-card {
  background: rgba(235, 245, 241, 0.62) !important;
}
/* MEHFARO GREEN INTENSITY - 8/10 */

.main-header {
  background: rgba(4, 75, 58, 0.22) !important;
}

#new-arrivals,
.soft-section {
  background: rgba(4, 75, 58, 0.18) !important;
}

.pillow-feature-banner {
  background: rgba(4, 75, 58, 0.20) !important;
}

.why-section {
  background: rgba(4, 75, 58, 0.22) !important;
}

.newsletter {
  background: rgba(4, 75, 58, 0.21) !important;
}

.trust-strip {
  background: rgba(4, 75, 58, 0.21) !important;
}

.product-card,
.review-card,
.benefit-card {
  background: rgba(218, 238, 230, 0.70) !important;
}
/* MEHFARO FINAL DARKER GREEN + WATERMARK POSITION */

.main-header {
  background: rgba(4, 75, 58, 0.32) !important;
}

#new-arrivals,
.soft-section {
  background: rgba(4, 75, 58, 0.25) !important;
}

.pillow-feature-banner {
  background: rgba(4, 75, 58, 0.27) !important;
}

.why-section {
  background: rgba(4, 75, 58, 0.28) !important;
}

.newsletter {
  background: rgba(4, 75, 58, 0.27) !important;
}

.trust-strip {
  background: rgba(4, 75, 58, 0.28) !important;
}

.product-card,
.review-card,
.benefit-card {
  background: rgba(207, 231, 221, 0.76) !important;
}

/* Background watermark thora neeche */

@media (max-width: 780px) {
}
/* MEHFARO - DARK GREEN + WATERMARK LOWER POSITION */

.main-header {
  background: rgba(4, 75, 58, 0.42) !important;
}

#new-arrivals,
.soft-section {
  background: rgba(4, 75, 58, 0.34) !important;
}

.pillow-feature-banner {
  background: rgba(4, 75, 58, 0.36) !important;
}

.why-section {
  background: rgba(4, 75, 58, 0.36) !important;
}

.newsletter {
  background: rgba(4, 75, 58, 0.35) !important;
}

.trust-strip {
  background: rgba(4, 75, 58, 0.36) !important;
}

.product-card,
.review-card,
.benefit-card {
  background: rgba(195, 222, 211, 0.82) !important;
}

/* Watermark ko header ke neeche lao */

@media (max-width: 780px) {
}
/* =========================================================
   MEHFARO - FINAL HEADER + WATERMARK TUNING ONLY
========================================================= */

/* Sirf top header / Bag section darker */
.main-header {
  background: rgba(4, 75, 58, 0.52) !important;
}

/* Watermark thora chota - surrounding details bhi visible */

/* Mobile */
@media (max-width: 780px) {
  .main-header {
    background: rgba(4, 75, 58, 0.52) !important;
  }
}
/* =========================================================
   MEHFARO - HEADER COVER + CLEAN WATERMARK
========================================================= */

/* Solid header - neeche ka content iske peeche show nahi hoga */
.main-header {
  background: #799d8b !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  position: relative;
  z-index: 1000 !important;
}

/* Watermark ke bahar ka matching background */
body {
  background-color: #f7efe2 !important;
}

/* Single watermark - smaller + soft edge blend */

/* Mobile */
@media (max-width: 780px) {

  .main-header {
    background: #799d8b !important;
  }
}
/* =========================================================
   FIX: PRODUCT CARDS + CLEAN WATERMARK
========================================================= */

/* Product cards wapas clean white */
.product-card,
.review-card,
.benefit-card {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(4, 75, 58, 0.14) !important;
}

/* Watermark full background - no box / white side lines */

/* Mobile */
@media (max-width: 780px) {
}
/* MEHFARO - FINAL GREEN SHADE BALANCE */

/* Bag / Header — sab se zyada dark */
.main-header {
  background: rgba(4, 75, 58, 0.62) !important;
}

/* Baqi sections — thore dark, header se lighter */
#new-arrivals,
.soft-section {
  background: rgba(4, 75, 58, 0.24) !important;
}

.pillow-feature-banner {
  background: rgba(4, 75, 58, 0.26) !important;
}

.why-section {
  background: rgba(4, 75, 58, 0.27) !important;
}

.newsletter {
  background: rgba(4, 75, 58, 0.26) !important;
}

.trust-strip {
  background: rgba(4, 75, 58, 0.28) !important;
}

/* Mobile same balance */
@media (max-width: 780px) {
  .main-header {
    background: rgba(4, 75, 58, 0.62) !important;
  }
}
/* =========================================================
   MEHFARO - TEXT VISIBILITY FINAL TUNING
========================================================= */

/* Top navigation - white + slightly larger */
.desktop-nav a {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Mobile header/menu links */
.mobile-menu a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Hero ke halkay texts dark */
.hero-description,
.hero-points,
.hero-points span {
  color: #172025 !important;
  font-weight: 600 !important;
}

/* Section descriptions dark */
.section-heading p,
.why-intro p,
.pillow-feature-banner p,
.review-card p,
.newsletter p {
  color: #172025 !important;
}

/* Product ke halkay texts dark */
.product-stock-row,
.product-stock-row span,
.product-info small,
.old-price {
  color: #283634 !important;
}

/* Trust / COD strip text */
.trust-strip span {
  color: #172025 !important;
}

/* Pillow note */
.pillow-heading-note,
.pillow-heading-note span {
  color: #172025 !important;
}

/* General muted text stronger */
.gray-text,
.muted,
.text-muted {
  color: #283634 !important;
}
/* Bottom Trust Strip - stronger readable text */

.trust-strip strong {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
}

.trust-strip span {
  color: #6b4300 !important; /* dark logo-gold tone */
  font-size: 11px !important;
  font-weight: 700 !important;
}
.trust-strip span {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
/* Final dark text tuning */

/* Header navigation */
.desktop-nav a,
.mobile-menu a {
  color: #111111 !important;
  font-weight: 800 !important;
}

/* COD / PK / CHAT / NEW ke neeche details */
.trust-strip span {
  color: #111111 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
/* HEADER FINAL TUNING */

.main-header {
  background: rgba(4, 75, 58, 0.36) !important;
  border-bottom: 1px solid rgba(4, 75, 58, 0.18) !important;
}

.desktop-nav a {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

@media (max-width: 780px) {
  .main-header {
    background: rgba(4, 75, 58, 0.36) !important;
  }

  .mobile-menu a {
    color: #111111 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
}
/* Large Header Navigation */

.desktop-nav {
  gap: 30px !important;
}

.desktop-nav a {
  color: #111111 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

@media (max-width: 1100px) {
  .desktop-nav a {
    font-size: 19px !important;
  }
}

@media (max-width: 780px) {
  .mobile-menu a {
    color: #111111 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }
}
/* MEHFARO STYLE NAVIGATION */

.desktop-nav a {
  font-size: 24px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;

  color: #c58a21 !important; /* MEHFARO gold */
  text-shadow:
    0 1px 0 #f6d77d,
    0 2px 3px rgba(72, 45, 0, 0.18);
}

@media (max-width: 1100px) {
  .desktop-nav a {
    font-size: 19px !important;
  }
}
/* HEADER - LIGHT WHITE GLASS */

.main-header {
  background: rgba(255, 255, 255, 0.52) !important;
  border-bottom: 1px solid rgba(4, 75, 58, 0.12) !important;
}

@media (max-width: 780px) {
  .main-header {
    background: rgba(255, 255, 255, 0.56) !important;
  }
}
/* MEHFARO - LIGHT WHITE GLASS SECTIONS */

#new-arrivals,
.soft-section,
.pillow-feature-banner,
.why-section,
.newsletter,
.trust-strip {
  background: rgba(255, 255, 255, 0.52) !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}

/* Inner cards */
.benefit-card,
.review-card,
.newsletter-form {
  background: rgba(255, 255, 255, 0.68) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

/* Pillow small notice */
.pillow-heading-note {
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

/* COD / PK / CHAT / NEW separators */
.trust-strip div {
  border-right-color: rgba(255, 255, 255, 0.55) !important;
}
/* =========================================================
   MEHFARO - FINAL GOLD DETAIL THEME
========================================================= */

:root {
  --mf-gold: #c58a21;
  --mf-gold-dark: #8f5d0d;
}

/* Small premium labels across store */
.section-kicker,
.eyebrow,
.product-category,
.category-content span,
.deal-tag,
.summary-kicker,
.checkout-title .section-kicker,
.support-panel-header small,
.cart-header small {
  color: var(--mf-gold) !important;
  font-weight: 800 !important;
}

/* DO NOT CHANGE REVIEW STARS */
.review-card .stars {
  color: #df6a49 !important;
}


/* =========================================================
   CATEGORY FILTERS
   All / Men / Women / Footwear / Jewelry etc.
========================================================= */

.filter-btn {
  color: var(--mf-gold-dark) !important;
  border: 1px solid var(--mf-gold) !important;
  background: rgba(255, 255, 255, 0.60) !important;
  font-weight: 700 !important;
}

.filter-btn:hover {
  background: rgba(197, 138, 33, 0.16) !important;
}

.filter-btn.active {
  background: var(--mf-gold) !important;
  border-color: var(--mf-gold) !important;
  color: #111111 !important;
}


/* =========================================================
   DEALS - LIGHT WHITE GLASS
========================================================= */

.deal-banner {
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid rgba(255, 255, 255, 0.70) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Simple products / Better prices */
.deal-content h2 {
  color: #111111 !important;
}

/* Description */
.deal-content p {
  color: #111111 !important;
  font-weight: 600 !important;
}

/* MEHFARO DEALS small label */
.deal-tag {
  color: var(--mf-gold) !important;
}

/* Deal watermark */
.deal-watermark {
  color: rgba(197, 138, 33, 0.13) !important;
}


/* =========================================================
   OTHER SMALL LABELS
========================================================= */

.pillow-feature-banner > div > span,
.why-intro .section-kicker,
.newsletter .section-kicker,
.reviews-section .section-kicker,
#products .section-kicker,
#new-arrivals .section-kicker {
  color: var(--mf-gold) !important;
}
/* MEHFARO - GOLD TEXT SIZE BOOST */

.section-kicker,
.eyebrow,
.deal-tag,
.summary-kicker,
.checkout-title .section-kicker,
.support-panel-header small,
.cart-header small {
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Product/category small gold labels */
.product-category,
.category-content span,
.pillow-feature-banner > div > span {
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* All / Men / Women / Footwear / Jewelry etc. */
.filter-btn {
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px 17px !important;
}

/* Reviews ke stars same rahenge */
.review-card .stars {
  font-size: inherit !important;
}
/* MEHFARO - WHITE CLICKABLE CONTROLS TO GOLD */

.secondary-btn,
.light-btn,
.quick-view,
.icon-btn,
.filter-btn:not(.active) {
  background: #c58a21 !important;
  border-color: #c58a21 !important;
  color: #111111 !important;
  font-weight: 800 !important;
}

.secondary-btn:hover,
.light-btn:hover,
.quick-view:hover,
.icon-btn:hover,
.filter-btn:not(.active):hover {
  background: #d9a43a !important;
  border-color: #d9a43a !important;
  color: #111111 !important;
}/* =========================================================
   MEHFARO - FINAL HEADING SIZE + GOLD SYSTEM
========================================================= */

:root {
  --mf-final-gold: #c58a21;
  --mf-final-gold-dark: #9c6915;
}

/* MEHFARO ONLINE STORE / DISCOVER / JUST IN /
   HOME DECOR • COVER ONLY / WHY MEHFARO / CUSTOMERS /
   STAY CONNECTED etc. */
.section-kicker,
.eyebrow,
.deal-tag {
  color: var(--mf-final-gold) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.3 !important;
}

/* Product card category:
   MEN FASHION / WOMEN FASHION / FOOTWEAR / JEWELLERY etc.
   Future products bhi automatically same rahenge */
.product-category {
  color: var(--mf-final-gold) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  line-height: 1.35 !important;
}

/* Discover category images ke small labels:
   Men / Women / Style / Accessories / Seasonal / Tech etc. */
.category-content span {
  color: var(--mf-final-gold) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
}

/* All / Men / Women / Footwear / Jewellery etc. */
.filter-btn {
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 11px 19px !important;
}

/* Footer original logo */
.footer-original-logo {
  width: 175px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.footer-logo {
  display: inline-flex !important;
  align-items: center !important;
}

/* Mobile */
@media (max-width: 780px) {

  .section-kicker,
  .eyebrow,
  .deal-tag {
    font-size: 12px !important;
  }

  .product-category {
    font-size: 11px !important;
  }

  .category-content span {
    font-size: 12px !important;
  }

  .filter-btn {
    font-size: 13px !important;
    padding: 9px 14px !important;
  }

  .footer-original-logo {
    width: 145px !important;
  }
}
/* FINAL FOOTER MEHFARO LOGO */

.footer-old-logo-preserved {
  display: none !important;
}

.footer-original-logo {
  display: block !important;
  width: 180px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
/* =========================================================
   MEHFARO - LIGHT GLASS FOOTER
   Only footer appearance changes
========================================================= */

.footer {
  background: rgba(255, 255, 255, 0.56) !important;
  color: #111111 !important;

  border-top: 1px solid rgba(255, 255, 255, 0.72) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Footer main text */
.footer-brand p {
  color: #1b2422 !important;
  font-weight: 600 !important;
}

/* Shop / Help / Connect headings */
.footer-column h4 {
  color: #111111 !important;
  font-weight: 900 !important;
}

/* Footer links */
.footer-column a {
  color: #25332f !important;
  font-weight: 600 !important;
}

.footer-column a:hover {
  color: #c58a21 !important;
}

/* Bottom copyright area */
.footer-bottom {
  border-top: 1px solid rgba(4, 75, 58, 0.16) !important;
}

.footer-bottom span {
  color: #25332f !important;
  font-weight: 600 !important;
}

/* Original MEHFARO logo clear rahe */
.footer-original-logo {
  width: 190px !important;
  height: auto !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Mobile par bhi same clean appearance */
@media (max-width: 780px) {
  .footer {
    background: rgba(255, 255, 255, 0.60) !important;
  }

  .footer-original-logo {
    width: 165px !important;
  }
}
/* MEHFARO PROFESSIONAL CART ICON */

.cart-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 76px !important;
}

.cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart-icon svg {
  width: 23px !important;
  height: 23px !important;
  display: block !important;
}

.cart-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  font-weight: 900 !important;
}

@media (max-width: 780px) {
  .cart-button {
    min-width: 72px !important;
  }

  .cart-icon svg {
    width: 22px !important;
    height: 22px !important;
  }
}
/* =========================================================
   MEHFARO - HEADER FINAL CLEAN LOOK
========================================================= */

/* 1. NAVIGATION - SIMPLE FONT, GOLD COLOR */
.desktop-nav a {
  color: #c58a21 !important;
  font-family: inherit !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  font-style: normal !important;
}

/* 2. SEARCH BUTTON - GOLD REMOVE */
.search-toggle {
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(4, 75, 58, 0.15) !important;
  color: #111111 !important;
}

/* 3. CART / TROLLEY BUTTON - GOLD */
.cart-button {
  background: #c58a21 !important;
  border-color: #c58a21 !important;
  color: #111111 !important;
}

.cart-button .cart-icon,
.cart-button .cart-icon svg {
  color: #111111 !important;
  stroke: #111111 !important;
}

/* Cart count */
.cart-button .cart-count {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Hover */
.cart-button:hover {
  background: #d9a43a !important;
}

/* Mobile */
@media (max-width: 780px) {

  .mobile-menu a {
    color: #c58a21 !important;
    font-family: inherit !important;
    font-style: normal !important;
    text-shadow: none !important;
  }

  .search-toggle {
    background: rgba(255, 255, 255, 0.68) !important;
    color: #111111 !important;
  }
}