/* ============================================================
   MEN MATTERS — v5 All 9 Requirements
   ============================================================ */

/* ── R1: NAV LOGO — bigger ───────────────────────────────── */
.nav__logo-img { height: 120px !important; width: auto !important; }
.nav { padding: 8px 0 !important; }

/* ── R1: HERO — reduced height + all text white ─────────── */
.hero { min-height: 68vh !important; }
.hero__bg { background-position: 65% 25% !important; }
.hero__kicker {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
.hero__sub {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}
.hs-lbl {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 0.72rem !important;
}
.hs-num { font-size: 1.9rem !important; }
.hero__stats {
  border-top: 1px solid rgba(255,255,255,0.2) !important;
}

/* ── R3: HOW IT WORKS — text white ──────────────────────── */
.how-desc {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.88rem !important;
  line-height: 1.72 !important;
}
.how-title { color: #ffffff !important; }
.how-num {
  box-shadow: 0 0 0 6px rgba(20,112,101,0.2) !important;
}

/* ── R3: FOUNDER — text white ────────────────────────────── */
.founder-sec__body {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}
.fstat__lbl { color: rgba(255,255,255,0.7) !important; }
.fstat__num { color: #1a8a7a !important; }
.ftag { color: rgba(255,255,255,0.6) !important; border-color: rgba(255,255,255,0.15) !important; }

/* ── R7: FOOTER — fully legible ─────────────────────────── */
.footer, footer { background: #0a0a0a !important; }
.fb-tag, .footer__brand-tag  { color: rgba(255,255,255,0.5) !important; }
.fb-desc, .footer__brand-desc { color: rgba(255,255,255,0.75) !important; font-size: 0.85rem !important; }
.fc-title, .footer__col-title { color: rgba(255,255,255,0.5) !important; font-size: 0.68rem !important; letter-spacing: 0.16em !important; }
.fc-link, .footer__link { color: rgba(255,255,255,0.8) !important; font-size: 0.85rem !important; }
.fc-link:hover, .footer__link:hover { color: #ffffff !important; }
.footer__copy, .fcopy { color: rgba(255,255,255,0.5) !important; font-size: 0.78rem !important; }
.footer__legal a, .flegal a { color: rgba(255,255,255,0.5) !important; }
.footer__legal a:hover, .flegal a:hover { color: #ffffff !important; }
.fb-soc, .footer__social { color: rgba(255,255,255,0.6) !important; border-color: rgba(255,255,255,0.15) !important; }
.fb-soc:hover, .footer__social:hover { color: #1a8a7a !important; border-color: #147065 !important; }

/* ── R7: FOOTER LOGO — same size as nav ─────────────────── */
.footer-logo, .fb-name img, .fbn img,
.footer__brand-name img, .footer-brand-name img {
  height: 100px !important;
  width: auto !important;
  opacity: 1 !important;
  margin-bottom: 8px !important;
}

/* ── PREMIUM PRODUCT CARDS — image banners ───────────────── */
.premium-product-card__thumb {
  height: 200px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.premium-product-card__thumb .thumb-emoji {
  display: none !important;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .nav__logo-img { height: 80px !important; }
  .footer-logo, .fb-name img { height: 70px !important; }
  .hero { min-height: 75vh !important; }
}
@media (max-width: 480px) {
  .nav__logo-img { height: 60px !important; }
}