/* ============================================================
   responsive.css – Responsive breakpoints for all screen
   sizes. Imported last.
   ============================================================ */

/* --- Tablet (≤ 900 px) --- */
@media (max-width: 900px) {
  .chart-wrap,
  .map-inner {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* Hide side navigation on narrow screens */
  .breadcrumb {
    display: none;
  }
}

/* --- Mobile (≤ 600 px) --- */
@media (max-width: 600px) {
  .invest-legend {
    grid-template-columns: repeat(2, 1fr);
  }

  section {
    padding: 70px 5%;
  }

  .hero-content {
    margin-left: 5%;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .carousel-item {
    min-width: 280px;
  }

}