/* Tablet typography for the Mobile V2 shell. Phone layouts retain their own scale. */
@media (min-width: 600px) and (max-width: 1440px) {
  body.mobile-app-page.mobile-ui-v2 { font-size: 16px; }

  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.text-xs, .text-sm, [class*="text-[10px]"], [class*="text-[11px]"]) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(input, select, textarea) {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.order-panel-mobile-title, .mobile-otp-inbox-heading h2, .mobile-wallet-heading h2) {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.mobile-header-wallet-label, #header-user-rank) { font-size: 12px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(#mobile-header-balance-amount, #header-username) { font-size: 17px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container #header-guest-buttons button { font-size: 15px !important; padding-inline: 18px !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container #header-brand-logo { max-width: none !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container #header-brand-logo h1 { font-size: 24px !important; }

  body.mobile-app-page.mobile-ui-v2 #storefront-container #mobile-order-progress > span {
    min-height: 44px; font-size: 15px !important; line-height: 1.4 !important; padding: 8px 14px !important;
  }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.service-picker-card, .country-picker-card) { min-height: 88px; padding: 14px 16px !important; gap: 16px; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.service-picker-name, .country-picker-copy > span:first-child) { font-size: 18px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.service-picker-stock, .country-picker-stock, .service-picker-price, .country-picker-price) { font-size: 14px !important; line-height: 1.5 !important; }
  body.mobile-app-page.mobile-ui-v2 #storefront-container :is(.service-picker-price, .country-picker-price) > :first-child { font-size: 18px !important; }
  body.mobile-app-page.mobile-ui-v2 #quick-favorites-section.mobile-v2-favorites-in-guide :is(.frequent-purchase-service-name, .frequent-purchase-country, #frequent-purchases-heading) { font-size: 13px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2 #quick-favorites-section.mobile-v2-favorites-in-guide .frequent-purchase-btn { min-height: 64px !important; }
  body.mobile-app-page.mobile-ui-v2 #mobile-bottom-nav .mobile-v2-nav-button { min-height: 60px !important; font-size: 14px !important; }
  body.mobile-app-page.mobile-ui-v2 #mobile-bottom-nav button > span:last-child { font-size: 14px !important; line-height: 1.4 !important; }

  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section :is(.otp-live-header-title, .mobile-otp-inbox-heading h3) { font-size: 20px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section :is(.mobile-recent-buy-label, .mobile-recent-buy-copy b, .mobile-recent-buy-copy small, .otp-live-counter) { font-size: 13px !important; line-height: 1.4 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .mobile-recent-buy-btn { min-height: 52px !important; padding: 8px 12px !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-order-card {
    grid-template-columns: minmax(0, 1.5fr) minmax(100px, .65fr) minmax(150px, .85fr) !important;
    height: auto !important; min-height: 112px !important; max-height: none !important;
    gap: 12px !important; padding: 14px 58px 14px 16px !important;
  }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-order-card__main { justify-content: flex-start !important; padding: 0 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-service-country { font-size: 13px !important; line-height: 1.5 !important; white-space: normal !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-phone-row { flex-wrap: wrap !important; gap: 4px !important; overflow: visible !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-phone-row :is(.otp-phone-number, .otp-country-code) { font-size: 17px !important; line-height: 1.5 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-order-card__meta { height: auto !important; min-height: 48px !important; max-height: none !important; flex-wrap: wrap !important; padding: 0 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section :is(.otp-meta-item strong, .otp-meta-label, .otp-timer) { font-size: 14px !important; line-height: 1.5 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-order-card .otp-order-card__status {
    height: 80px !important; min-height: 80px !important; max-height: 80px !important; overflow: visible !important;
  }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-state--received {
    grid-template-rows: 22px 32px 22px !important; gap: 2px !important; transform: none !important; overflow: visible !important;
  }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-state--received .otp-code-row { height: 32px !important; min-height: 32px !important; grid-row: 2 !important; overflow: visible !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-state--received .otp-display-copy-target {
    position: relative !important; display: inline-flex !important; width: auto !important; min-width: 0 !important;
    height: 32px !important; padding: 0 !important; font-size: 24px !important; line-height: 32px !important; transform: none !important; overflow: visible !important;
  }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-display-code-digits { font-size: inherit !important; transform: translateX(.04em) !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-mobile-status-overline--previous {
    grid-row: 3 !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important;
    font-size: 14px !important; line-height: 22px !important; transform: none !important;
  }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-state--waiting .otp-status-badge { font-size: 14px !important; line-height: 1.5 !important; min-height: 32px !important; padding: 5px 14px !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-inline-copy-cue { position: absolute !important; left: calc(100% + 5px); top: 9px; width: 14px !important; height: 14px !important; margin: 0 !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-inline-copy-cue::before,
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-inline-copy-cue::after { content: ''; position: absolute; width: 9px; height: 10px; border: 1.5px solid currentColor; border-radius: 2px; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-inline-copy-cue::after { left: 3px; top: 3px; background: var(--mobile-v2-surface); }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-copy-number-btn { width: auto !important; min-width: 32px !important; height: 32px !important; padding: 4px !important; overflow: visible !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-copy-number-btn--intl { min-width: 60px !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-copy-number-btn--intl > span { display: inline-block !important; max-width: none !important; font-size: 12px !important; line-height: 1.4 !important; overflow: visible !important; text-overflow: clip !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-copy-number-btn svg { width: 14px !important; height: 14px !important; }
  body.mobile-app-page.mobile-ui-v2.mobile-otp-inbox-active #live-active-orders-section .otp-order-card__action button { min-width: 40px !important; min-height: 40px !important; }

  body.mobile-app-page.mobile-ui-v2 #account-center-modal :is(p, small, label, input, button) { font-size: 14px !important; line-height: 1.5 !important; }
  body.mobile-app-page.mobile-ui-v2 #account-center-modal :is(h3, h4) { font-size: 20px !important; }
  body.mobile-app-page.mobile-ui-v2 #support-modal :is(label, input, select, textarea, button) { font-size: 14px !important; line-height: 1.5 !important; }
}