/* v1101 — Mobile content must not be covered by floating global controls. */
@media (max-width: 720px){
 html.mara-courses-page #gbm-theme-toggle,
 html.mara-courses-page #backTop,
 html.mara-courses-page > #gbm-cinema-floating-link,
 html.mara-courses-page #gbm-cinema-floating-link,
 html[data-mara-page="courses"] #gbm-theme-toggle,
 html[data-mara-page="courses"] #backTop,
 html[data-mara-page="courses"] > #gbm-cinema-floating-link{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html[data-mara-page="courses"] .gbm-page{padding-bottom:max(22px,env(safe-area-inset-bottom))}
 #gbb-email-login.gbb-modal{box-sizing:border-box;padding:12px;overscroll-behavior:contain}
 #gbb-email-login .gbb-dialog{max-width:480px;width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px 18px;border-radius:22px}
 #gbb-email-login .gbb-input{font-size:16px;min-height:44px}
 #gbb-email-login .gbb-button{min-height:44px}
}
@media (max-width:420px){.studio-preview.mobile{width:min(390px,100%);max-width:100%;min-width:0!important;height:700px}}