/* Mobile interaction safeguards for embedded iframes. */
.typeform,
.typeform > iframe {
    position: relative;
    pointer-events: auto;
    touch-action: manipulation;
}

@media screen and (max-width: 991px) {
    .main-nav:not(.active) {
        display: none;
    }

    .main-nav.active {
        display: flex;
    }

    .typeform {
        height: calc(100dvh - 72px);
        min-height: 640px;
        overflow: visible;
        isolation: isolate;
        z-index: 1;
    }

    .typeform iframe {
        width: 100%;
        height: 100%;
        border: 0;
        pointer-events: auto;
    }
}
