/* Плавная прокрутка для якорей */
html {
    scroll-behavior: smooth;
}

/* Анимация для мобильного меню */
#mobile-menu.active {
    pointer-events: auto;
}
#mobile-menu.active #menu-overlay {
    opacity: 0.5;
}
#mobile-menu.active #menu-panel {
    transform: translateX(0);
}

/* Стили для активного фильтра */
.filter-btn.active {
    background-color: #1e293b !important;
    color: white !important;
    border-color: #1e293b !important;
}

/* Модальное окно открыто */
#order-modal.active {
    visibility: visible;
    opacity: 1;
}
#order-modal.active #modal-content {
    transform: scale(1);
}

/* Лайтбокс галереи */
#lightbox-modal.active {
    visibility: visible;
    opacity: 1;
}

/* Дополнительные утилиты */
.container {
    max-width: 1200px;
}