/* r15-sheet: mobile full-screen enrollment sheet + payment-plan hide (2026-09-21) */

/* ALL viewports: hide payment plan picker */
html body#lpRoot #enrollModal #pp,
html body#lpRoot #enrollModal .pp-card[data-pl="upfront"],
html body#lpRoot #enrollModal .r15-pp-lb { display: none !important; }

/* ALL viewports: footer static in flow */
html body#lpRoot #enrollModal .em-dialog .mock-footer,
html body#lpRoot.lla-em-open #enrollModal .em-dialog .mock-footer {
  position: static !important; inset: auto !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important;
  transform: none !important; margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important;
  box-shadow: none !important; background: transparent !important; width: auto !important; max-width: none !important;
  transition: none !important; animation: none !important;
}
html body#lpRoot #enrollModal .mock-footer #emGo1,
html body#lpRoot #enrollModal .mock-footer #emGo2 {
  display: block !important; width: 100% !important; min-height: 56px !important; height: 56px !important;
  box-sizing: border-box !important; margin: 0 !important;
}
html body#lpRoot #enrollModal .mock-footer .mock-hint { margin: 10px 0 0 !important; }

@media (max-width: 640px) {
  html body#lpRoot #enrollModal .em-dialog,
  html body#lpRoot.lla-em-open #enrollModal .em-dialog {
    position: fixed !important; inset: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; min-height: 0 !important;
    margin: 0 !important; border-radius: 0 !important; border: 0 !important;
    padding: 0 20px calc(28px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch;
    transition: none !important; animation: none !important; transform: none !important; box-shadow: none !important;
    box-sizing: border-box !important;
  }
  html body#lpRoot #enrollModal .em-dialog .em-x,
  html body#lpRoot.lla-em-open #enrollModal .em-dialog .em-x {
    position: fixed !important; top: 12px !important; right: 12px !important; left: auto !important; z-index: 6 !important;
    width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.15) !important; display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; padding: 0 !important;
  }
  html body#lpRoot #enrollModal .em-dialog .em-steps,
  html body#lpRoot.lla-em-open #enrollModal .em-dialog .em-steps {
    position: sticky !important; top: 0 !important; background: #fff !important; z-index: 5 !important;
    padding: 14px 0 10px !important; margin: 0 !important;
  }

  /* Screen 2 compact */
  html body#lpRoot #enrollModal #emTitle { font-size: 22px !important; line-height: 1.2 !important; margin: 6px 0 12px !important; }
  html body#lpRoot #enrollModal #dpList { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  html body#lpRoot #enrollModal .dp-card {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important;
    padding: 10px 8px !important; min-height: 0 !important; height: auto !important; position: relative !important; width: auto !important; text-align: left !important; min-width: 0 !important;
  }
  html body#lpRoot #enrollModal .dp-date { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 6px !important; margin: 0 !important; }
  html body#lpRoot #enrollModal .dp-wd { font-size: 12px !important; }
  html body#lpRoot #enrollModal .dp-day { font-size: 18px !important; line-height: 1.1 !important; }
  html body#lpRoot #enrollModal .dp-times { border: 0 !important; padding: 0 !important; margin: 0 !important; }
  html body#lpRoot #enrollModal .dp-et { font-size: 13.5px !important; white-space: nowrap !important; letter-spacing: -0.2px !important; }
  html body#lpRoot #enrollModal .dp-et small { font-size: 13.5px !important; margin-left: 2px !important; }
  html body#lpRoot #enrollModal #dpTabs { margin-bottom: 8px !important; }
  html body#lpRoot #enrollModal .dp-tab { padding: 8px 10px !important; font-size: 15px !important; }
  html body#lpRoot #enrollModal .em-steps { padding-right: 52px !important; }
  html body#lpRoot #enrollModal .dp-alt { display: none !important; }
  html body#lpRoot #enrollModal .dp-check { position: absolute !important; top: 10px !important; right: 10px !important; width: 18px !important; height: 18px !important; margin: 0 !important; }
  html body#lpRoot #enrollModal .dp-seats,
  html body#lpRoot #enrollModal .dp-late { font-size: 11.5px !important; padding: 2px 7px !important; margin-top: 4px !important; }
  html body#lpRoot #enrollModal .em-card { margin-top: 12px !important; }
  html body#lpRoot #enrollModal .em-card-b { padding: 12px 14px !important; }
  html body#lpRoot #enrollModal .em-cname { font-size: 16px !important; margin-bottom: 6px !important; }
  html body#lpRoot #enrollModal .em-cl { font-size: 14px !important; line-height: 1.4 !important; margin-bottom: 3px !important; }
  html body#lpRoot #enrollModal .em-band { padding: 12px 14px !important; }
  html body#lpRoot #enrollModal .em-band .b-v { font-size: 20px !important; }
  html body#lpRoot #enrollModal .mock-promo-lb { margin: 12px 0 8px !important; padding: 10px 12px !important; }
  html body#lpRoot #enrollModal .mock-promo-lb .t { font-size: 15px !important; }
  html body#lpRoot #enrollModal .mock-promo-lb .d { font-size: 13.5px !important; line-height: 1.35 !important; }
  html body#lpRoot #enrollModal .em-promo .em-in { padding: 12px 14px !important; font-size: 16px !important; margin-bottom: 0 !important; }
  html body#lpRoot #enrollModal .em-lb { margin: 12px 0 6px !important; font-size: 15px !important; }

  /* Screen 1 */
  html body#lpRoot #enrollModal #emStep1 .em-in { padding: 14px 16px !important; margin-bottom: 12px !important; font-size: 16px !important; }
  html body#lpRoot #enrollModal .em-consent { font-size: 13.5px !important; line-height: 1.4 !important; }
}
@media (max-width: 640px) {
  html body#lpRoot.lla-em-open #enrollModal .em-dialog .em-steps,
  html body#lpRoot #enrollModal .em-dialog .em-steps { padding: 14px 52px 10px 0 !important; width: auto !important; box-sizing: border-box !important; }
  html body#lpRoot #enrollModal .dp-seats, html body#lpRoot #enrollModal .dp-late { white-space: nowrap !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  html body#lpRoot #enrollModal #emTitle { margin: 4px 0 8px !important; font-size: 21px !important; }
}

/* one Continue per screen */
html body#lpRoot #enrollModal #emStep1.on ~ .mock-footer #emGo2,
html body#lpRoot #enrollModal #emStep2.on ~ .mock-footer #emGo1 { display: none !important; }