@media (max-width: 992px) {
    :root {
        --fs-hero: 3rem;
        --fs-3xl: 2.5rem;
    }
    .cards-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .nav { display: none; }
    .burger { display: flex; }
    .hero { padding: var(--space-2xl) 0; }
    .hero__title { font-size: var(--fs-3xl); }
    .hero__subtitle { font-size: var(--fs-lg); }
    .section { padding: var(--space-2xl) 0; }
    .cards-grid { grid-template-columns: 1fr; }
    .room-card__header { flex-direction: column; }
}

@media (max-width: 480px) {
    :root {
        --fs-hero: 2.5rem;
        --fs-3xl: 2rem;
        --fs-2xl: 1.5rem;
    }
    .container { padding: 0 var(--space-md); }
    .btn { padding: var(--space-sm) var(--space-lg); font-size: var(--fs-sm); }
}