/* ---------- mobile ---------- */

body:has(.dropdown-content-wrapper.open){
    overflow: hidden;
}

/* ---------- tablet ---------- */

@media screen and (min-width: 48rem) {}

/* ---------- laptop ---------- */

@media screen and (min-width: 80rem) {
    .blur {
        position: fixed;
        top: 0;
        left: 0;
        width: 100dvw;
        height: 133dvh;
        z-index: 99;
        pointer-events: none;

        background-color: transparent;
        backdrop-filter: blur(0px);
        transition: backdrop-filter .4s ease-in-out;
    }

    body:has(.sub-menu-row.open) .blur {
        backdrop-filter: blur(8px);
    }


    body:has(.sub-menu-row.open){
        overflow: hidden;
    }
}