/* ===================================== */
/* ===== 1. RESET (ОЧЕНЬ ВАЖНО) ===== */
/* ===================================== */

#rec2217669161 .t-menu-base,
#rec2217669161 .t-menu-base::before,
#rec2217669161 .t-menu-base::after {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* ===================================== */
/* ===== 2. DESKTOP BLUR ===== */
/* ===================================== */

@media screen and (min-width: 961px) {

    #rec2217669161 .t-menu-base {
        background: rgba(50, 22, 34, 0.18) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    #rec2217669161 .t-menu-base.t-menu-base_positionfixed {
        background: rgba(50, 22, 34, 0.22) !important;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }
}


/* ===================================== */
/* ===== 3. MOBILE HEADER ===== */
/* ===================================== */

@media screen and (max-width: 960px) {

    #rec2217669161 .t-menu-base {
        background: rgba(50, 22, 34, 0.18) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}


/* ===================================== */
/* ===== 4. MOBILE BURGER (ВАЖНО) ===== */
/* ===================================== */

@media screen and (max-width: 960px) {

    /* это реальный открытый блок */
    #rec2217669161 .t-menu-base.tmenu-mobile__menucontent_fixed {
        background: rgba(50, 22, 34, 0.35) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    /* убиваем inline стиль от Tilda */
    #rec2217669161 .t-menu-base.tmenu-mobile__menucontent_fixed[style] {
        background: rgba(50, 22, 34, 0.35) !important;
    }
}