/**
 * VIMS Healthcare Pro — Responsive refinements
 * Main responsive behavior is in style.css. This file adds brand-specific tweaks.
 * @version 3.1.4
 */

@media (max-width: 1024px) {
    :root { --container-padding: 1rem; }
    .hero-section { padding: 3rem 0 2.5rem; }
    .hero-content { gap: 2rem; }
    .hero-stats { gap: 1rem; }
}

@media (max-width: 768px) {
    .section { padding: 2.5rem 0; }
    .hero-section { padding: 2.5rem 0 2rem; }
    .hero-stats { grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
    .hero-cta-group .btn { width: 100%; }
    .hero-card { padding: 1.25rem; }
    .cta-buttons .btn { width: 100%; }
    .floating-actions { bottom: 16px; right: 16px; }
    .fab { width: 52px; height: 52px; }
    h1 { font-size: clamp(1.75rem, 5vw, 2.25rem); }
    h2 { font-size: clamp(1.5rem, 4vw, 2rem); }
}

@media (max-width: 480px) {
    :root { --container-padding: 0.875rem; }
    .hero-stats { grid-template-columns: 1fr 1fr; }
    .hero-stats > div:last-child { grid-column: span 2; }
    .program-card { padding: 1.25rem; }
    .trust-strip-inner { flex-direction: column; gap: 0.25rem; }
}

@media print {
    .header-top, .site-header, .trust-strip, .mobile-nav, .mobile-nav-overlay,
    .floating-actions, .site-footer, .cta-section, .hero-card, .btn {
        display: none !important;
    }
    body { color: #000; background: #fff; }
}