.my-menu {
    transition: background-color 0.3s ease; /* Убрали transition у color */
}

.my-menu.scrolled {
    background-color: rgba(255, 255, 255, 0.8) !important; /* Добавили !important */
    backdrop-filter: blur(10px); /* Размытие */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Тень */
}

.my-menu.scrolled a { 
    color: #222 !important; /* Потемнела цвет ссылок */
    font-weight: bold; /* Можно сделать жирнее */
}