/* ============================================================
   Meditek - Responsive Utilities & Media Queries
   ============================================================ */

/* Ensure Bootstrap containers are properly constrained */
.container-xl { max-width: 1280px; }

/* Product grid adjustments */
@media (min-width: 1200px) {
  .product-grid-4 { columns: 4; }
}

/* Ensure images in about page show properly */
.img-fluid { max-width: 100%; height: auto; }

/* Map heights */
.map-wrap { height: 380px; }
@media (max-width: 768px) { .map-wrap { height: 260px; } }

/* Print styles */
@media print {
  .navbar-custom, .footer-section, .whatsapp-float, #scrollTop { display: none; }
  body { font-size: 12pt; }
  .page-hero { padding: 20px 0; }
}