/* Ensure the off-canvas mobile menu is completely hidden while closed. */
@media (max-width: 760px) {
    .dawra-mobile-panel {
        box-sizing: border-box !important;
        width: min(330px, 88vw) !important;
        max-width: 100vw !important;
        right: 0 !important;
        left: auto !important;
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
        transform: translate3d(calc(100% + 2px), 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: transform .28s ease, visibility .28s ease, opacity .2s ease !important;
    }

    html[dir="ltr"] .dawra-mobile-panel {
        right: auto !important;
        left: 0 !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        transform: translate3d(calc(-100% - 2px), 0, 0) !important;
    }

    .dawra-mobile-panel.is-open {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .dawra-mobile-overlay[hidden] {
        display: none !important;
    }
}