/* One mobile type scale for the member site. Desktop keeps its own type system. */
@media (max-width:899px){
  :root{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    font-size:16px;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    --mobile-type-label:12px;
    --mobile-type-caption:13px;
    --mobile-type-body:14px;
    --mobile-type-action:15px;
  }
  body{font-size:var(--mobile-type-body);line-height:1.5}
  button,input,select,textarea{font-family:inherit}
  small{font-size:var(--mobile-type-label)!important;line-height:1.45}

  /* Navigation, headings, action labels. */
  .site-header{font-size:18px}
  .page-header,.page-screen .page-header{font-size:18px;letter-spacing:0}
  .bottom-nav{height:72px}
  .nav-item{font-size:13px;line-height:1.15;font-weight:650}
  .gear{width:44px;height:44px}
  .header-side{top:9px;right:13px}
  .page-screen .header-back{top:9px;left:9px;width:44px;height:44px}
  .page-screen .header-side{top:9px;right:13px}
  .region-btn{top:9px;height:44px;padding:0 13px;font-size:14px}
  .section-label,.profile-section h2{font-size:14px;letter-spacing:.04em}
  .mobile-section-head h2{font-size:20px;line-height:1.25}
  .mobile-section-head span,.mobile-section-index{font-size:12px!important;line-height:1.35}
  .mobile-section-index{color:#9eacd0!important}
  .sub-intro>span,.eyebrow,.merchant-eyebrow,.merchant-state-kicker,.detail-kicker,.withdraw-setup-kicker{font-size:12px;line-height:1.35;letter-spacing:.11em}
  .sub-intro h2{font-size:27px;line-height:1.2}
  .sub-intro p,.detail-intro p{font-size:14px;line-height:1.55}
  .sub-section-heading>span,.form-section-title{font-size:17px}
  .sub-section-heading small,.page-footnote{font-size:12px;line-height:1.6}
  .primary,.secondary,.outline,.filter{font-size:var(--mobile-type-action);line-height:1.25}
  .pill,.status{font-size:12px}
  .filter{min-height:40px}
  .form-field label,.withdraw-form .form-field label{font-size:14px;line-height:1.4}
  .form-rule,.notice,.kyc-status{font-size:13px;line-height:1.55}
  .modal:not(.grab-dialog) h3,.sheet h3{font-size:20px;line-height:1.3}
  .modal:not(.grab-dialog) p,.sheet p{font-size:14px;line-height:1.55}
  .modal button,.sheet button{min-height:44px}
  .settings-title button{width:44px;height:44px}
  .video-modal .header-back{top:7px;left:7px;width:44px;height:44px;display:grid;place-items:center}
  .choice-grid button,.choice-pills button,.sheet button{font-size:14px}
  .region-list li{font-size:15px}

  /* Home, discovery, video and member services. */
  .mobile-welcome .eyebrow{font-size:12px;letter-spacing:.13em}
  .mobile-welcome h1{font-size:30px;line-height:1.16}
  .mobile-welcome p{font-size:14px}
  .mobile-wallet-top{font-size:13px}
  .mobile-level{font-size:12px}
  .mobile-wallet>strong small{font-size:13px!important}
  .mobile-wallet-actions button{min-height:47px;font-size:14px;font-weight:700}
  .mobile-task-card strong,.mobile-explore-card strong{font-size:16px;line-height:1.3}
  .mobile-task-card small,.mobile-explore-card small{font-size:13px!important;line-height:1.45}
  .mobile-explore-card span{font-size:12px;letter-spacing:.08em;margin-bottom:12px}
  .mobile-secondary-links button{height:53px;font-size:14px}
  .screen-discover .profile-card h3{font-size:20px}
  .screen-discover .profile-card .id,.screen-discover .profile-card .status{font-size:12px}
  .screen-discover .profile-card .facts span,.screen-discover .profile-card .meta,.profile-card-hobbies span{font-size:12px;line-height:1.4}
  .video-info{padding:12px 11px 14px}
  .video-info strong{font-size:14px;line-height:1.4;min-height:39px;margin-bottom:8px}
  .video-info .row{font-size:12px;line-height:1.35;gap:4px 8px}
  .video-vip,.video-info .gold,.video-info .row span{font-size:12px}
  .cert-intro small{font-size:13px!important}
  .cert-level{min-height:44px;padding:0 12px;font-size:14px}
  .cert-stats span{font-size:12px;line-height:1.35}
  .cert-service-list .service-copy strong{font-size:16px}
  .cert-service-list .service-copy small{font-size:13px!important;line-height:1.4}

  /* Profile and member levels. */
  .member-card-refined .brand{font-size:12px!important;letter-spacing:.12em!important}
  .member-greeting,.member-balance small{font-size:12px!important}
  .member-level{min-height:44px;padding:0 11px;font-size:14px}
  .member-balance-link{width:44px;height:44px}
  .member-balance strong span{font-size:12px}
  .quick-action{min-height:74px;font-size:14px;line-height:1.25}
  .profile-link{height:54px;font-size:15px}
  .profile-password-state{font-size:12px}
  .account-details summary,.account-info .row,.profile-logout{font-size:14px}
  .account-details summary span{font-size:12px}
  .profile-logout{height:49px}
  .vip-hero-top,.vip-hero>p{font-size:13px}
  .vip-metrics span,.vip-tier-grid small{font-size:12px!important;line-height:1.35}
  .vip-tier-heading .pill,.vip-tier>p{font-size:12px}
  .vip-tier-grid strong{font-size:15px}

  /* Orders, wallet, reports and supporting pages. */
  .merchant-banner h1{font-size:19px}
  .merchant-banner-top p{font-size:12px;line-height:1.4}
  .merchant-banner-index small,.merchant-stats span{font-size:12px!important;line-height:1.35}
  .merchant-progress-head{font-size:13px}
  .merchant-stats strong{font-size:15px}
  .merchant-state h2{font-size:19px}
  .merchant-state p,.merchant-state.locked p{font-size:14px;line-height:1.55}
  .merchant-blue-btn,.merchant-main-btn{font-size:15px!important;min-height:50px!important}
  .merchant-task-visual strong{font-size:15px}
  .merchant-task-visual p,.merchant-info-row,.merchant-history>button,.merchant-history-item{font-size:13px;line-height:1.45}
  .merchant-demo-note{font-size:12px;line-height:1.5}
  .merchant-history>button{font-size:14px}
  .grab-dialog-eyebrow{font-size:12px}
  .grab-dialog .grab-dialog-subtitle,.grab-dialog .grab-dialog-note{font-size:13px;line-height:1.5}
  .grab-dialog-media-placeholder,.grab-dialog-table-row>span,.grab-dialog-table-row>div small,.grab-dialog-table-row>strong small{font-size:12px}
  .grab-dialog-table-row>div strong{font-size:16px}
  .grab-dialog-actions button{font-size:15px}
  .grab-dialog-combo{font-size:13px}
  .grab-dialog-close{width:44px;height:44px;min-height:44px!important}
  .report-hero>span,.withdraw-hero>span,.report-metrics span,.withdraw-hero>p{font-size:13px}
  .report-hero small,.withdraw-hero strong small{font-size:12px!important}
  .report-content .filter{min-height:44px}
  .record-card-main strong{font-size:14px}
  .record-card-main small,.record-card p,.record-card-foot{font-size:12px!important;line-height:1.45}
  .record-card-main b{font-size:16px}
  .empty-panel strong{font-size:16px}
  .empty-panel p{font-size:13px}
  .withdraw-setup h3{font-size:19px}
  .withdraw-setup p{font-size:14px;line-height:1.5}
  .subpage-link,.account-type,.account-entry>p{font-size:13px}
  .account-entry-top button{font-size:12px}
  .notice-card-top strong,.support-channel strong{font-size:15px}
  .notice-card-top button,.notice-read,.notice-card>small,.support-channel small{font-size:12px!important}
  .notice-card>p,.info-block p{font-size:14px;line-height:1.65}
  .info-feature small{font-size:12px!important}
  .info-block h3{font-size:17px}
  .kyc-steps span{font-size:12px;line-height:1.25;white-space:normal}
  .kyc-form .file-box strong{font-size:14px}
  .kyc-form .file-box small{font-size:12px!important}
  .support-heading strong{font-size:16px}
  .support-heading small,.support-online{font-size:12px!important}
  .chat-bubble{font-size:14px;line-height:1.55}
  .chat-line small{font-size:12px!important}
  .support-composer button{font-size:14px}
  .detail-rating,.detail-rating .stars,.detail-tags span,.detail-facts span{font-size:13px}
  .detail-section p{font-size:14px;line-height:1.65}
  .detail-photo .verified,.detail-intro>.status{font-size:12px}

  /* Gift activity and registration. */
  .tip-heading .eyebrow{font-size:12px}
  .tip-heading h1{font-size:29px;line-height:1.18}
  .tip-heading p{font-size:13px;line-height:1.5}
  .tip-heading>button{font-size:14px;min-height:44px}
  .tip-pool-top,.tip-pool-top span:last-child,.tip-pool-main small,.tip-pool-main strong em,.tip-pool-foot{font-size:12px!important;line-height:1.35}
  .tip-section-title h2{font-size:17px}
  .tip-section-title>span,.tip-gift small,.tip-field>span,.tip-field b,.tip-checkout,.tip-disclaimer,.tip-frozen,.tip-empty{font-size:12px!important;line-height:1.45}
  .tip-gift strong{font-size:16px}
  .tip-gift small{font-size:13px!important}
  .tip-amounts button{min-height:44px;font-size:14px}
  .tip-tabs button{min-height:44px;font-size:14px}
  .tip-record strong{font-size:13px}
  .tip-record>div>span,.tip-record>b,.tip-confirm-total{font-size:12px}
  .tip-submit{font-size:15px;min-height:50px}
  .auth-wordmark>span{font-size:12px}
  .auth-mobile-caption{font-size:12px}
  .auth-heading .eyebrow{font-size:12px}
  .auth-card .auth-heading p{font-size:15px}
  .auth-card .form-field label{font-size:14px}
  .auth-options,.auth-options label,.auth-options button,.auth-switch,.auth-switch button,.auth-support{font-size:14px!important}
  .auth-options label,.auth-options button,.auth-switch button,.auth-support{min-height:44px}
  .auth-switch button{padding:0 5px}
  .password-field button{min-width:44px;min-height:44px;font-size:14px}
  .auth-group-heading strong{font-size:15px}
  .auth-group-heading small,.auth-card .form-field small{font-size:12px!important}
}

@media (max-width:359px){
  .tip-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tip-heading{flex-wrap:wrap}
  .tip-heading>div{width:100%}
  .tip-heading>button{margin-left:auto}
  .merchant-banner-top{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px 10px}
  .merchant-banner-top>div:nth-child(2){min-width:0}
  .merchant-banner-index{grid-column:1/-1;justify-self:end;margin-top:-4px}
  .merchant-stats{gap:0}
  .merchant-stats>div{padding-left:6px;padding-right:6px}
  .merchant-stats strong{font-size:14px}
  .member-card-refined .brand{font-size:11px!important}
  .detail-intro{display:block}
  .detail-intro>.status{display:inline-flex;margin-top:9px;white-space:nowrap}
}

@media (max-width:359px) and (max-height:600px){
  .grab-dialog{padding:18px 17px 16px}
  .grab-dialog h3{margin-top:5px}
  .grab-dialog-media{height:100px;margin-top:12px}
  .grab-dialog-table{margin-top:10px}
  .grab-dialog-table-row{padding:9px 2px;grid-template-columns:81px minmax(0,1fr);gap:9px}
  .grab-dialog .grab-dialog-note{margin-top:10px}
  .grab-dialog-actions{margin-top:12px}
  .grab-dialog-actions button{min-height:48px}
}