/* =====================================================================
   SHOURYA INTERNATIONAL VENTURE — responsive.css
   Breakpoint overrides for tablet, mobile, landscape/portrait
   ===================================================================== */

/* ===== Laptop / small desktop (<=1200px) ===== */
@media (max-width: 1199.98px) {
  :root { --section-pad: 5.5rem; }
  .hero-stats { gap: 2rem; }
}

/* ===== Tablet (<=991.98px) ===== */
@media (max-width: 991.98px) {
  :root { --section-pad: 4.5rem; }

  #mainNavbar { background: rgba(7,28,54,0.97); padding: 0.8rem 0; }
  #mainNavbar .nav-link,
  #mainNavbar:not(.scrolled) .nav-link { color: #fff; }
  #mainNavbar:not(.scrolled) .brand-text { color: #fff; }
  .navbar-nav { margin: 1rem 0; }
  .navbar-nav .nav-link::after { left: 0; right: auto; width: 24px; }
  .nav-cta { margin-top: 0.5rem; }
  .btn-lang, #mainNavbar:not(.scrolled) .btn-lang { color: #fff; border-color: rgba(255,255,255,0.35); }

  .hero { min-height: 92vh; }
  .hero-content { padding-top: 4rem; }
  .about-badge { position: static; margin-top: -2rem; margin-left: 1rem; display: inline-flex; }
  .cta-bg { background-attachment: scroll; }
}

/* ===== Large mobile (<=767.98px) ===== */
@media (max-width: 767.98px) {
  :root { --section-pad: 3.5rem; }

  .hero-title { font-size: clamp(1.9rem, 7vw, 2.6rem); }
  .hero-sub { font-size: 1rem; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { gap: 1.5rem; }
  .stat-num, .stat-plus { font-size: 1.6rem; }

  .section-title { font-size: 1.5rem; }
  .enquiry-form { padding: 1.4rem; }

  .floating-buttons { right: 1rem; bottom: 1rem; }
  .fab { width: 50px; height: 50px; font-size: 1.2rem; }
  .ai-chat-panel { right: 1rem; bottom: 5.5rem; width: calc(100vw - 2rem); }

  .cta-content h2 { font-size: 1.7rem; }
}

/* ===== Small mobile / portrait phones (<=575.98px) ===== */
@media (max-width: 575.98px) {
  .brand-text { font-size: 0.85rem; }
  .brand-text em { display: block; }
  .hero { min-height: 88vh; }
  .hero-eyebrow { font-size: 0.68rem; }
  .product-card { padding: 1.8rem 1.2rem 1.3rem; }
  .why-box { padding: 1.6rem 1.2rem; }
  .about-badge { flex-direction: row; }
}

/* ===== Landscape phones (short viewport height) ===== */
@media (max-height: 500px) and (orientation: landscape) {
  .hero { min-height: 130vh; }
  .scroll-indicator { display: none; }
}

/* ===== Print (bonus: keep the quote form usable if printed) ===== */
@media print {
  .navbar, .floating-buttons, .ai-chat-panel, #preloader, .hero-bg, .cta-bg { display: none !important; }
}