/* ============================================================
   Vishwanath Traders — INDUSTRIES page mobile (Samsung-style)
   Scoped to body.cat-page .ind-page (industries.html only).
   Shared chrome (Samsung right drawer, hamburger navbar, footer)
   comes from cat-mobile.css via the body.cat-page scope.
   Only the ind-* content sections are styled here.
   ============================================================ */

/* ---- Hero: sit below fixed 60px navbar on mobile ---- */
@media (max-width: 992px) {
  body.cat-page .ind-hero {
    min-height: auto;
    min-height: 80vh;
    align-items: flex-end;
    padding-bottom: 56px;
  }
  body.cat-page .ind-hero-content {
    padding: 96px 20px 0;
    width: 100%;
    max-width: none;
  }
  body.cat-page .ind-hero-content h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.5px !important;
  }
  body.cat-page .ind-hero-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 100%;
  }
  body.cat-page .ind-hero-label { margin-bottom: 20px; }
  body.cat-page .ind-hero-actions { gap: 10px; }
  body.cat-page .ind-hero-actions .ind-btn { padding: 13px 22px; font-size: 14px; }
}

/* ---- Showcase headings compact ---- */
@media (max-width: 992px) {
  body.cat-page .ind-showcase { padding: 56px 0; }
  body.cat-page .ind-showcase-header { margin-bottom: 32px; }
  body.cat-page .ind-showcase-header h2 { font-size: 30px; letter-spacing: -0.5px; }
  body.cat-page .ind-showcase-header p { font-size: 15px; }
}

/* ---- Ind cards: keep image height reasonable on tablet ---- */
@media (max-width: 992px) {
  body.cat-page .ind-card { height: 300px; }
  body.cat-page .ind-card-body { padding: 22px 20px; }
  body.cat-page .ind-card-body h3 { font-size: 18px; }
  body.cat-page .ind-card-arrow { right: 20px; bottom: 24px; width: 36px; height: 36px; }
}

/* ---- Stats section compact ---- */
@media (max-width: 992px) {
  body.cat-page .ind-stats { min-height: auto; padding: 64px 0; }
  body.cat-page .ind-stats-inner { padding: 0; }
  body.cat-page .ind-stat { padding: 36px 24px; }
}
/* ---- CTA compact ---- */
@media (max-width: 992px) {
  body.cat-page .ind-cta { padding: 64px 16px; }
  body.cat-page .ind-cta h2 { font-size: 28px; }
  body.cat-page .ind-cta p { font-size: 15px; }
}