/* Mysomero Tutor — UI Phase 3 (v72.39.0): shared bottom-sheet look for modals on phones.
   Off-switch: define( 'MSM_DISABLE_UI3', true ); in wp-config.php */
@keyframes msm-u3-sheet-up { from { transform: translateY(100%); } to { transform: none; } }

@media (max-width: 599px) {
    .msm-modal-overlay, .msm-plans-overlay, .msm-gate-overlay, .msm-co-overlay {
        align-items: flex-end !important; justify-content: center; padding: 0 !important;
    }
    .msm-modal-card, .msm-plans-modal, .msm-gate-modal, .msm-co-card {
        width: 100%; max-width: none !important; box-sizing: border-box;
        border-radius: 24px 24px 0 0 !important;
        border-bottom: 0;
        max-height: 92vh; max-height: 92dvh;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
        animation: msm-u3-sheet-up .26s cubic-bezier(.2, .8, .2, 1) !important;
        overscroll-behavior: contain;
    }
    .msm-co-card { padding-bottom: env(safe-area-inset-bottom, 0px); }
}
@media (prefers-reduced-motion: reduce) {
    .msm-modal-card, .msm-plans-modal, .msm-gate-modal, .msm-co-card { animation: none !important; }
}