#da-trainer-booking.modal { z-index: 10050 !important; overflow-y: auto; }
#da-trainer-booking .modal-dialog { width: calc(100% - 32px); max-width: 520px; margin: 16px auto; }
#da-trainer-booking .modal-content { border: 0; border-radius: 12px; background: #fff; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; }
#da-trainer-booking .close { position: absolute; top: 4px; right: 6px; width: 44px; height: 44px; z-index: 1; }
#da-trainer-booking #sign-up, #da-trainer-booking .trener-signup-wrap { padding: 0; background: none; }
#da-trainer-booking #sign-up { position: relative; isolation: isolate; z-index: 0; }
#da-trainer-booking #sign-up .trener-signup-wrap,
#da-trainer-booking #sign-up .trener-signup-shell { min-width: 0; width: 100%; max-width: 100%; margin: 0; padding: 0; }
#da-trainer-booking #sign-up .trener-signup-card { width: 100%; margin: 0; border: 0; background: none; padding: 44px 20px 24px; }
#da-trainer-booking #sign-up .trener-signup-title { font-size: 24px; letter-spacing: 0; }
#one-trainer .da-trainer-signup { width: 220px; }
@media (max-width: 767px) {
    #one-trainer .da-trainer-signup {
        position: fixed;
        left: max(16px, env(safe-area-inset-left));
        bottom: var(--da-contact-stack-bottom, calc(16px + env(safe-area-inset-bottom)));
        z-index: 9996;
        width: min(360px, calc(100% - max(16px, env(safe-area-inset-left)) - var(--da-contact-stack-right, 16px) - var(--da-contact-size, 52px) - 12px));
        max-width: 100%;
        height: var(--da-contact-size, 48px);
        min-height: 44px;
        margin: 0;
    }
}