/* =====================================================================
   TOMAY SAJABO JOTONE — Homepage typography
   Loaded ONLY on index.php (see includes/header.php), so the product,
   cart, checkout and collection pages are untouched.

   Sizes sit modestly above the original scale — enough to read as bigger
   and heavier, without the section headings dominating the page.
   Weights map to REAL loaded cuts (Cormorant 300-700, Jost 300-900), so
   nothing relies on the browser faking a bold.

   Every selector is prefixed with `body` on purpose: index.php has its
   own inline <style> blocks that would otherwise win at equal specificity.

   The mobile block restates the compact card sizes so the earlier
   "cards too tall on phones" fix stays intact.
   ===================================================================== */

/* ── Hero ─────────────────────────────────────────────────── */
body .hero-title{
  font-size:clamp(2.8rem, 7.1vw, 5.5rem);
  font-weight:600;
  letter-spacing:-.005em;
  line-height:1.08;
}
body .hero-title em{font-weight:600}
body .hero-desc{font-size:1.06rem;font-weight:500;line-height:1.7}
body .hero-badge, body .hero-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.2em}

/* ── Section headings (badge blocks) ─────────────────────── */
body .section-badge-label{font-size:.79rem;font-weight:900;letter-spacing:.2em}
body .section-badge-title{
  font-size:clamp(2.95rem, 6.4vw, 4.4rem);
  font-weight:700;
  line-height:1.1;
}
body .section-badge-title em{font-weight:700;font-style:italic}
body .section-badge-desc{font-size:.97rem;font-weight:600;line-height:1.65}

/* ── Plain section headings ──────────────────────────────── */
body .section-title{font-size:clamp(2.1rem, 4.6vw, 3.1rem);font-weight:600;line-height:1.16}
body .section-subtitle, body .section-desc{font-size:.98rem;font-weight:500;line-height:1.7}

/* ── Srabanti's Special band ─────────────────────────────── */
body .srb-title{font-size:clamp(2.05rem, 5.4vw, 3rem);font-weight:700;line-height:1.12}
body .srb-title em{font-weight:700}
body .srb-sub{font-size:.95rem;font-weight:500;line-height:1.65}
body .srb-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.2em}

/* ── Feature / Why Us cards ──────────────────────────────── */
body .feature-title{font-size:1.26rem;font-weight:700;line-height:1.28}
body .feature-desc{font-size:.92rem;font-weight:500;line-height:1.6}
body #homeFeaturesStrip .feature-title{font-size:.97rem;font-weight:700}
body #homeFeaturesStrip .feature-desc{font-size:.83rem;font-weight:500}

/* ── Shop by Budget ──────────────────────────────────────── */
body .budget-label{font-size:.71rem;font-weight:800;letter-spacing:.15em}
body .budget-price{font-size:2rem;font-weight:700;line-height:1.05}
body .budget-sub{font-size:.8rem;font-weight:500;line-height:1.45}

/* ── Product cards ───────────────────────────────────────── */
body .product-category{font-size:1.05rem;font-weight:800;letter-spacing:.09em}
body .product-name{font-size:1.15rem;font-weight:600;line-height:1.32}
body .price-current{font-size:1.12rem;font-weight:700}
body .price-original{font-size:.9rem;font-weight:500}
body .product-badge{font-size:.67rem;font-weight:800}
body .add-to-cart-btn, body .view-all-link{font-size:.79rem;font-weight:800;letter-spacing:.09em}

/* ── Categories ──────────────────────────────────────────── */
body .cat-card-name, body .category-card h3, body .cat-name{font-size:1.02rem;font-weight:700;line-height:1.3}
body .cat-card-count, body .cat-count{font-size:.82rem;font-weight:600}

/* ── Testimonials ────────────────────────────────────────── */
body .testimonial-text{font-size:1.14rem;font-weight:500;line-height:1.75}
body .testimonial-name{font-size:.97rem;font-weight:700}
body .testimonial-role{font-size:.82rem;font-weight:500}

/* ── WhatsApp / CTA band ─────────────────────────────────── */
body .whatsapp-cta-title, body .cta-title{font-size:clamp(1.85rem, 4.2vw, 2.7rem);font-weight:700;line-height:1.18}
body .whatsapp-cta-text, body .cta-desc{font-size:.99rem;font-weight:500;line-height:1.7}
body .whatsapp-cta-btn{font-size:.85rem;font-weight:800}

/* ── Buttons ─────────────────────────────────────────────── */
body .hero-buttons .btn, body .section-footer .btn{font-size:.82rem;font-weight:800;letter-spacing:.09em}

/* ── TABLET ──────────────────────────────────────────────── */
@media (max-width: 900px){
  body .hero-desc{font-size:1rem}
  body .section-badge-desc{font-size:.93rem}
  body .section-badge-title{font-size:clamp(2.6rem, 6vw, 3.6rem)}
  body .feature-title{font-size:1.18rem}
  body .product-name{font-size:1.1rem}
  body .testimonial-text{font-size:1.08rem}
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 600px){
  body .hero-title{font-size:clamp(2.3rem, 9.2vw, 3.1rem);line-height:1.1}
  body .hero-desc{font-size:.95rem}

  body .section-badge-title{font-size:clamp(2.2rem, 9vw, 3rem)}
  body .section-badge-label{font-size:.69rem;letter-spacing:.15em}
  body .section-badge-desc{font-size:.86rem}
  body .section-title{font-size:clamp(1.8rem, 6.8vw, 2.3rem)}

  body .srb-title{font-size:cclamp(1.95rem, 8.2vw, 2.6rem)}
  body .srb-sub{font-size:.88rem}

  /* Budget cards — keep the compact heights */
  body .budget-label{font-size:.6rem;letter-spacing:.11em;margin-bottom:1px}
  body .budget-price{font-size:1.36rem;margin-bottom:3px}
  body .budget-sub{font-size:.69rem;line-height:1.32}

  /* Why Us cards */
  body .why-us .feature-title{font-size:1rem;margin-bottom:4px}
  body .why-us .feature-desc{font-size:.77rem;line-height:1.42}
  body #homeFeaturesStrip .feature-title{font-size:.88rem}
  body #homeFeaturesStrip .feature-desc{font-size:.75rem}

  body .product-name{font-size:1.02rem}
  body .price-current{font-size:1.02rem}
  body .product-category{font-size:.95rem;letter-spacing:.07em}

  body .cat-card-name, body .category-card h3, body .cat-name{font-size:.84rem;letter-spacing:.06em}
  body .testimonial-text{font-size:1rem;line-height:1.7}
  body .whatsapp-cta-title, body .cta-title{font-size:1.65rem}
  body .whatsapp-cta-text, body .cta-desc{font-size:.91rem}
}

@media (max-width: 400px){
  body .budget-price{font-size:1.22rem}
  body .budget-sub{font-size:.66rem}
  body .why-us .feature-title{font-size:.95rem}
}