/* =========================================================
   Responsive rules
   Desktop base: 1920 / Laptop: 1440 / Tablet: 768 / Mobile: 360+
   ========================================================= */

/* ----- Laptop (<=1440px) ----- */
@media (max-width: 1440px){
  .container{ max-width: 1140px; }
  .hero{ min-height: 640px; }
}

/* ----- Small laptop / large tablet (<=1100px) ----- */
@media (max-width: 1100px){
  .card-grid, .product-grid{ grid-template-columns: repeat(2, 1fr); }
  .country-grid, .cert-grid{ grid-template-columns: repeat(3, 1fr); }
  .gallery-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer-grid{ grid-template-columns: 1fr 1fr; row-gap: 40px; }
}

/* ----- Tablet (<=900px) ----- */
@media (max-width: 900px){
  .main-nav{ display: none; }
  .header-actions .whatsapp-chip span.chip-label{ display: none; }
  .about-grid{ grid-template-columns: 1fr; }
  .mv-grid{ grid-template-columns: 1fr; }
  .product-card-lg{ grid-template-columns: 1fr; }
  .product-card-lg:nth-child(even) .product-media-lg{ order: 0; }
  .product-media-lg{ min-height: 240px; }
  .timeline{ flex-wrap: wrap; row-gap: 32px; }
  .timeline::before{ display: none; }
  .timeline-step{ flex: 0 0 30%; }
  .cta-band{ padding: 44px 32px; }
}

/* ----- Tablet / small (<=768px) ----- */
@media (max-width: 768px){
  .section{ padding: 72px 0; }
  .section--tight{ padding: 56px 0; }
  .container{ padding: 0 22px; }
  .hero{ min-height: 600px; }
  .hero-content{ padding: 40px 0; max-width: 100%; }
  .hero-actions .btn{ width: 100%; }
  .hero-actions{ flex-direction: column; }
  .stat-row{ gap: 26px; }
  .cert-grid{ grid-template-columns: repeat(2, 1fr); }
  .country-grid{ grid-template-columns: repeat(2, 1fr); }
  .gallery-grid{ grid-template-columns: 1fr 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap: 30px; }
  .cta-band{ flex-direction: column; align-items: flex-start; text-align: left; }
  .spec-list{ grid-template-columns: 1fr 1fr; }

  .nav-toggle{ display: flex; }
}

/* ----- Mobile (<=560px) ----- */
@media (max-width: 560px){
  .card-grid, .product-grid{ grid-template-columns: 1fr; }
  .country-grid{ grid-template-columns: repeat(2, 1fr); }
  .cert-grid{ grid-template-columns: 1fr 1fr; }
  .gallery-grid{ grid-template-columns: 1fr; }
  .timeline-step{ flex: 0 0 44%; }
  .brand span.brand-text{ display: none; }
  .header-actions .btn-outline-blue{ display: none; }
  .floating-btns{ right: 16px; bottom: 16px; }
  .fab{ width: 52px; height: 52px; }
  .footer-bottom{ flex-direction: column; align-items: flex-start; }
  .spec-list{ grid-template-columns: 1fr; }
  .hero-content h1{ font-size: 28px; }
}

/* ----- Very small (<=360px) ----- */
@media (max-width: 360px){
  .container{ padding: 0 16px; }
  .cta-band{ padding: 32px 20px; }
}