/* Vue mounts the same footer on Home, Lottery, Video and Mine. */
#mobile-shell .van-tabbar--fixed[data-v-910b862e] {
  left: 50% !important;
  right: auto !important;
  width: min(100%, 430px) !important;
  transform: translateX(-50%) !important;
}

#mobile-shell .van-tabbar-item[data-v-910b862e] {
  min-width: 0;
}

#mobile-shell .van-tabbar-item__text {
  max-width: 100%;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-align: center;
}

/* The Lottery route's top sheet belongs to the same centered layout. */
#mobile-shell .container.page[data-v-26bfb8d0] > .van-popup--top {
  left: 0;
  right: 0;
  width: min(100%, 430px);
  margin-inline: auto;
}

@media (max-height: 500px) {
  /* Keep the scrollable choices above the two action rows on short screens. */
  html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] {
    padding-bottom: calc(var(--mmyh-benefits-nav-height) + var(--mmyh-benefits-action-height) + env(safe-area-inset-bottom, 0px)) !important;
  }
  html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] > .wrapper > .options-bar {
    flex: 1 0 auto !important;
    min-height: 110px !important;
  }
  html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] > .wrapper > .bottom-bar {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(var(--mmyh-benefits-nav-height) + env(safe-area-inset-bottom, 0px));
    width: min(100%, 430px);
    height: var(--mmyh-benefits-action-height);
    transform: translateX(-50%);
  }
}

/* A classic scrollbar reduces the shell's content width while 100vw stays full-size.
   Leave horizontal insets automatic so fixed controls start at their shell's static position. */
@supports (width: 1cqw) {
  #mobile-shell {
    max-width: min(100%, 430px) !important;
  }
  #mobile-shell .van-tabbar--fixed[data-v-910b862e] {
    left: auto !important;
    right: auto !important;
    width: min(100cqw, 430px) !important;
    transform: none !important;
  }
  @media (max-height: 500px) {
    html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] > .wrapper > .bottom-bar {
      left: auto;
      right: auto;
      width: min(100cqw, 430px);
      transform: none;
    }
  }
}

/* These read-only/form overlays are mounted beside, rather than inside, the shell. */
@supports (width: 1cqw) {
  body > #fsPage,
  body > #memberReportsV1 {
    left: auto !important;
    right: auto !important;
    width: min(100cqw, 430px) !important;
    transform: translateX(0) !important;
    margin-inline: 0 !important;
  }
}

@supports (width: 1cqw) {
  body > .mine-language-sheet {
    left: auto;
    right: auto;
    width: min(100cqw, 430px);
    transform: translateY(110%);
  }
  body > .mine-language-sheet.is-open {
    transform: translateY(0);
  }
}
#fsPage .fs-sheet-title {
  gap: 8px;
}
#fsPage .fs-sheet-title > b {
  min-width: 0;
  overflow-wrap: anywhere;
}
#fsPage .fs-sheet-title > button {
  flex-shrink: 0;
  min-width: 1.35em;
  min-height: 1.35em;
  line-height: 1;
}
#fsPage .fs-identity-hero > b {
  overflow-wrap: anywhere;
}

/* The existing form layout must grow with translated labels and larger text. */
#fsPage .fs-head {
  grid-template-columns: 54px minmax(0, 1fr) 54px;
  height: auto;
  min-height: 58px;
  padding-block: 8px;
  box-sizing: border-box;
}
#fsPage .fs-head strong {
  overflow-wrap: anywhere;
}
#fsPage .fs-balance {
  flex-wrap: wrap;
  gap: 8px;
}
#fsPage .fs-balance strong {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
#fsPage .fs-primary {
  height: auto;
  min-height: 46px;
  padding-block: 10px;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}
#fsPage .fs-withdraw-box .fs-primary {
  height: auto;
}

/* Retain the compact profile at normal size; let larger text use more lines. */
#mobile-shell .mine .login-content.profile-public-only > .login-btn {
  min-height: 1.25em !important;
  line-height: 1.25 !important;
}
#mobile-shell .mine #trust-profile-meta .trust-profile-score-line {
  flex-wrap: wrap;
  white-space: normal;
  line-height: 1.3;
}
#mobile-shell .mine #trust-profile-meta .trust-profile-score-line > span:first-child {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
#mobile-shell .mine .van-cell__value span {
  line-height: 1.3;
}
#mobile-shell .mine .content > div:first-of-type .van-cell__value > div:first-child {
  flex-wrap: wrap;
  gap: 8px;
}
#mobile-shell .mine .content > div:first-of-type .van-cell__value > div:first-child > div {
  min-width: 0;
  max-width: 100%;
}
#mobile-shell .mine .content > div:first-of-type .van-cell__value > div:first-child span {
  overflow-wrap: anywhere;
}
#mobile-shell .mine #mine-wallet-actions {
  height: auto;
  min-height: min(16vw, 68.8px);
}
#mobile-shell .mine #mine-wallet-actions .finance-item {
  min-width: 0;
  flex-wrap: wrap;
  height: auto;
  padding-block: 8px;
}
#mobile-shell .mine #mine-wallet-actions .text {
  min-width: 0;
  margin-left: 8px;
  overflow-wrap: anywhere;
}

/* The full film title is available below the compact navigation title. */
#mobile-shell .movie-content .movie-descript {
  height: auto;
  min-height: min(18.667vw, 80.2681px);
}
#mobile-shell .movie-content .movie-descript > p {
  height: auto;
  max-height: none;
  line-height: 1.5;
  overflow: visible;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
}
#mobile-shell .movie-body .movie-title > div:first-child {
  width: auto;
  min-width: 0;
  max-width: 100%;
}
#mobile-shell .movie-body .movie-title span {
  width: auto;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

html.benefits-four-options .container.page[data-v-26bfb8d0] > .wrapper > .mid .heart-footer-selection {
  line-height: 1.3;
}
html.benefits-four-options .container.page[data-v-26bfb8d0] > .wrapper > .mid > div:last-child {
  white-space: normal !important;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] > .wrapper > .bottom-bar {
  flex-basis: auto;
  height: auto;
  min-height: var(--mmyh-benefits-action-height);
}
html.benefits-four-options.heart-lottery-active .container.page[data-v-26bfb8d0] > .wrapper > .bottom-bar > .bar {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  height: auto;
}
html.benefits-four-options .container.page[data-v-26bfb8d0] .bottom-bar .left .text,
html.benefits-four-options .container.page[data-v-26bfb8d0] .bottom-bar .bar > .right {
  height: auto !important;
  min-height: var(--benefits-control-height) !important;
  padding-block: 4px !important;
  line-height: 1.2 !important;
}


/* Footer labels grow intrinsically; the companion shares measured pixel heights. */
#mobile-shell .van-tabbar--fixed[data-v-910b862e] {
  height: auto !important;
  min-height: min(14.667vw, 63.0681px);
}
#mobile-shell .home-scroll[data-v-28ff3c6a] {
  padding-bottom: calc(min(14.667vw, 63.0681px) + var(--mmyh-layout-nav-extra, 0px));
}
#mobile-shell .mine .wrapper[data-v-621ef1a8] {
  bottom: max(calc(min(15vw, 64.5px) + var(--mmyh-layout-nav-extra, 0px)), var(--mmyh-layout-nav-height, 0px));
}
#mobile-shell .movie-hall.page[data-v-1bfb81a4] {
  bottom: calc(min(13.333vw, 57.3319px) + var(--mmyh-layout-nav-extra, 0px));
}
#mobile-shell .container.page[data-v-26bfb8d0] {
  --mmyh-benefits-nav-height: var(--mmyh-layout-nav-content-height, min(14.667vw, 63.0681px));
}