.offcanvas-custom {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.2);
            border-right: 1px solid rgba(255, 255, 255, 0.3);
        }

        /* Стилизация ссылок в меню */
        .offcanvas-custom .nav-link {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            margin-bottom: 5px;
            position: relative;
        }

        .offcanvas-custom .nav-link:hover {
            color: #ddd;
            background: rgba(255, 255, 255, 0.2);
        }

        /* Кнопка открытия меню */
        .menu-toggle-btn {
            position: fixed;
            top: 20px;
            left: 20px;
            z-index: 1050;
        }

        /* Стилизация иконки стрелки */
        .nav-link i {
            transition: transform 0.3s ease;
        }

        .nav-link[aria-expanded="true"] i {
            transform: rotate(180deg);
        }

        /* Дополнительные стили для многоуровневых меню */
        .nav.flex-column ul.nav {
            margin-left: 15px;
        }

        .nav.flex-column ul.nav .nav-link {
            background: rgba(255, 255, 255, 0.05);
        }

        .nav.flex-column ul.nav .nav-link:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        /* Активный пункт меню */
        .nav-link.active {
            background: rgba(255, 255, 255, 0.3);
            color: #000;
        }

        .menu-toggle-btn{
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.2);
  border: 0; 
  z-index:1;
        }

                .menu-toggle-btn:hover{
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.4);
        }