/* =========================================================
   Bold modern typography + header logo emblem. Loaded last.
   Headings: Outfit (extra-bold) · Body: Plus Jakarta Sans
   The hand-lettered sign script and the Telugu tagline font stay.
   ========================================================= */
:root {
  --serif: "Outfit", "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif; /* heading face (name kept for the existing rules) */
  --sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
}

/* display headings */
.hero h1, .section-head h2, .farm h2, .nh-copy h2, .cta h2 { font-weight: 800; letter-spacing: -.025em; }
.hero h1 .l1 { letter-spacing: inherit; }

/* sub-headings and card titles */
.product-card h3, .good-card h3, .ft-feature strong, .f-col h4, .f-news h4, .ft-motto,
.news-form button, .af-drawer-head h2, .af-modal-head h2, .af-empty h3, .af-total strong,
.af-result strong, .af-item-info strong, .af-points strong, .af-faq summary {
  font-weight: 700; letter-spacing: -.01em;
}

/* body copy a touch weightier for the modern feel */
.hero-lead, .farm p, .nh-copy p, .good-card p, .product-card p, .t-card blockquote, .section-head p { font-weight: 500; }
.main-nav a { font-weight: 600; }
.main-nav a.active { font-weight: 800; }
.btn { font-weight: 700; letter-spacing: .01em; }

/* ---------- Header logo: the official Amrutha Farms logo (transparent cut-out) ---------- */
.logo { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.logo img {
  display: block; width: 100%; height: auto;
  -webkit-mask-image: none; mask-image: none;
  filter: drop-shadow(0 .35rem .7rem rgba(15,59,28,.22));
}

@media (min-width: 901px) {
  /* no cart / Shop Now: menu sits on the right, search at the far right */
  .main-nav { gap: 1.7rem; left: auto; right: 17rem; }
  .header-actions { left: auto; right: 3.6rem; }
  /* Invest: the navbar's call to action, at the far right where Shop Now was */
  .btn-invest { margin-left: 2rem; height: 3.2rem; padding: 0 1.6rem; font-size: 1.1rem; gap: .6rem; }
  .btn-invest svg { width: 1.35rem; height: 1.35rem; }
  .logo { left: 3.4rem; top: .3rem; width: 12.6rem; }
  .site-header.is-scrolled .logo { transform: translate(.6rem, 1rem) scale(.55); }
}

@media (max-width: 900px) {
  .logo { width: 82px; margin-top: 1px; }
  .header-actions { gap: 14px; }
  .btn-invest { height: 36px; padding: 0 14px; font-size: 13.5px; gap: 6px; }
  .btn-invest svg { width: 15px; height: 15px; }
  .site-header.is-scrolled .logo { transform: scale(.94); }
}