/* Desktop: phone iframe — full mobile viewport width. v14 */

html.t2-phone-shell,
html.t2-phone-shell body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
  background: #e8e8e8 !important;
  transform: none !important;
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.t2-phone-shell body > *:not(#t2PhoneFrame) {
  display: none !important;
}

html.t2-phone-shell #t2PhoneFrame {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* Fixed mobile viewport (430px = iPhone 14 Pro Max logical width) */
  width: 430px;
  max-width: calc(100vw - 24px);
  height: min(932px, calc(100vh - 24px));
  border: 0;
  border-radius: 44px;
  background: #fff;
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.16);
  z-index: 1;
  overflow: hidden;
  display: block;
}
