/* CANVAS эффекты: размытие + mask-image по краям */
#carCanvas {
    width: 100vw;
    max-width: 1200px;
    height: 70vh;
    max-height: 600px;
    display: block;
    background: transparent;
    margin: 0 auto 24px auto;

    filter: blur(1px);
    mask-image: linear-gradient(
        to right,
        transparent,
        black 10%,
        black 90%,
        transparent
    );
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        black 10%,
        black 90%,
        transparent
    );
}

/* Пример: бургер-меню hover (если нужен цветовой переход, можно тонко настроить тут) */
#burgerMenu:active {
    background: rgba(255, 255, 255, 0.15);
}

/* Блокировка текстового выделения на логотипе, если нужно */
.navbar-logo {
    user-select: none;
}

.hours-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hours-card:hover {
    transform: translateY(-5px);
}
.current-day {
    background-color: #fbbf24;
    color: #92400e;
}
