/* ==========================================================================
   Jagdish Industries Jasdan — Responsive rules
   Mobile-first: base styles in style.css target <768px.
   ========================================================================== */

/* Small phones */
@media (max-width: 360px) {
  .brand__name { font-size: 1.15rem; }
  .brand__tag { display: none; }
  .hero { padding: 3.25rem 0 4rem; }
  .grid--4 { grid-template-columns: 1fr; }
}

/* Tablet ≥ 640px */
@media (min-width: 640px) {
  .grid--2 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .form-grid--2col { grid-template-columns: repeat(2, 1fr); }
  .form-grid--2col .form-field--full { grid-column: 1 / -1; }
  .carousel__track > * { flex-basis: calc((100% - 1.75rem) / 2); }
}

/* Tablet ≥ 768px */
@media (min-width: 768px) {
  .section { padding: 5.5rem 0; }
  .grid--3 { grid-template-columns: repeat(3, 1fr); }
  .grid--4 { grid-template-columns: repeat(4, 1fr); }
  .hero__inner { grid-template-columns: 1.15fr 0.85fr; }
  .hero__art { max-width: 480px; }
  .map-wrap iframe { height: 440px; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
}

/* Desktop ≥ 1024px — switch to desktop nav */
@media (min-width: 1024px) {
  .nav__toggle { display: none; }
  .nav__list {
    display: flex;
    position: static;
    flex-direction: row;
    gap: 0.35rem;
    background: none;
    box-shadow: none;
    padding: 0;
    align-items: center;
  }
  .nav__list a { padding: 0.5rem 0.85rem; font-size: 0.95rem; }
  .nav__cta { display: inline-flex; }
  .carousel__track > * { flex-basis: calc((100% - 3.5rem) / 3); }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; }
  .hero { padding: 6rem 0 6.5rem; }
}

/* Large desktop ≥ 1280px */
@media (min-width: 1280px) {
  .hero__art { max-width: 520px; }
}

/* Print */
@media print {
  .site-header, .site-footer, .float-call, .nav__toggle, .cta-banner, .lightbox { display: none !important; }
  body { background: #fff; color: #000; }
}