@media (max-width: 991.98px) {
    .hero-content h1 { font-size: 2.5rem; }
    .section-padding { padding: 3.5rem 0; }
    .navbar-collapse {
        background: var(--bg-white);
        padding: 1rem;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
}
@media (max-width: 575.98px) {
    .hero-content h1 { font-size: 2rem; }
    .top-header { text-align: center; }
    .top-header .text-end { text-align: center !important; margin-top: 0.5rem; }
    .floating-container { bottom: 15px; right: 15px; }
    .float-btn { width: 42px; height: 42px; font-size: 1.2rem; }
}