/* Mobile-centered alternative.
   Loaded only by index-mobile-centered.html and active only on phones. */
.mobile-centered-alt .mc-mobile-break{
  display:none;
}

@media (max-width:760px){
  .mobile-centered-alt .mc-mobile-break{
    display:inline;
  }

  .mobile-centered-alt .perf-header-in{
    justify-content:center;
  }

  .mobile-centered-alt .perf-hero-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    min-width:0;
  }

  .mobile-centered-alt .perf-hero-grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
  }

  .mobile-centered-alt .perf-hero-grid,
  .mobile-centered-alt .perf-hero-grid > *,
  .mobile-centered-alt .utility-grid,
  .mobile-centered-alt .utility-card,
  .mobile-centered-alt .utility-card > *,
  .mobile-centered-alt .problem-grid > *,
  .mobile-centered-alt .mechanics-grid > *{
    min-width:0;
  }

  .mobile-centered-alt .utility-grid{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .mobile-centered-alt .utility-card{
    width:100%;
    max-width:100%;
  }

  .mobile-centered-alt .hero-proof{
    min-width:0;
    max-width:100%;
  }

  .mobile-centered-alt .perf-hero-copy,
  .mobile-centered-alt .perf-section-head,
  .mobile-centered-alt .problem-copy,
  .mobile-centered-alt .problem-card,
  .mobile-centered-alt .utility-copy,
  .mobile-centered-alt .mechanics-copy,
  .mobile-centered-alt .trust-card,
  .mobile-centered-alt .disclosures,
  .mobile-centered-alt .ftr{
    text-align:center;
  }

  .mobile-centered-alt .perf-hero-copy,
  .mobile-centered-alt .perf-section-head,
  .mobile-centered-alt .mechanics-copy{
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-centered-alt .perf-eyebrow,
  .mobile-centered-alt .perf-kicker,
  .mobile-centered-alt .perf-cta,
  .mobile-centered-alt .perf-legal,
  .mobile-centered-alt .perf-lead,
  .mobile-centered-alt .problem-card p,
  .mobile-centered-alt .utility-copy p,
  .mobile-centered-alt .mechanics-copy p,
  .mobile-centered-alt .trust-card p,
  .mobile-centered-alt .ftr-note{
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-centered-alt .perf-eyebrow,
  .mobile-centered-alt .perf-kicker{
    justify-content:center;
  }

  .mobile-centered-alt .perf-eyebrow{
    display:flex;
    width:max-content;
    max-width:calc(100vw - 40px);
    white-space:normal;
    flex-wrap:wrap;
    padding-left:18px;
    padding-right:18px;
    line-height:1.18;
  }

  .mobile-centered-alt .perf-h1{
    width:100%;
    max-width:100%;
    font-size:clamp(32px, 10vw, 44px);
  }

  .mobile-centered-alt .perf-h2{
    width:100%;
    max-width:100%;
    font-size:clamp(27px, 7.6vw, 36px);
  }

  .mobile-centered-alt .utility-copy,
  .mobile-centered-alt .pro-cell,
  .mobile-centered-alt .trust-card,
  .mobile-centered-alt .ftr-top,
  .mobile-centered-alt .ftr-col{
    align-items:center;
  }

  .mobile-centered-alt .utility-copy,
  .mobile-centered-alt .utility-visual{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow:hidden;
  }

  .mobile-centered-alt .trust-grid{
    min-width:0;
  }

  .mobile-centered-alt .trust-card{
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
  }

  .mobile-centered-alt .trust-card h3{
    width:100%;
    min-width:0;
    max-width:100%;
    font-size:20px;
    line-height:1.05;
    text-align:center;
    text-wrap:balance;
  }

  .mobile-centered-alt .trust-card p{
    max-width:330px;
  }

  .mobile-centered-alt .utility-copy p{
    max-width:32ch;
  }

  .mobile-centered-alt .utility-copy h3{
    width:100%;
    max-width:18ch;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }

  .mobile-centered-alt .card-visual{
    align-items:center;
    justify-content:center;
  }

  .mobile-centered-alt .card-visual img,
  .mobile-centered-alt .card-visual::after{
    width:285px;
    max-width:calc(100% - 64px);
  }

  .mobile-centered-alt .card-visual img{
    position:absolute;
    left:50%;
    top:50%;
    height:auto;
    transform:translate(-50%, -50%);
  }

  .mobile-centered-alt .utility-card.visa.motion-in .card-visual img{
    animation:none;
  }

  .mobile-centered-alt .card-visual::after{
    max-width:340px;
  }

  .mobile-centered-alt .methods,
  .mobile-centered-alt .utility-compat{
    align-self:center;
  }

  .mobile-centered-alt .methods .m-row,
  .mobile-centered-alt .elig-methods,
  .mobile-centered-alt .uc-chips,
  .mobile-centered-alt .chips,
  .mobile-centered-alt .chip-row{
    justify-content:center;
  }

  .mobile-centered-alt .elig-methods{
    width:100%;
    max-width:285px;
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-centered-alt .methods .m-lbl,
  .mobile-centered-alt .methods .m-note{
    text-align:center;
  }

  .mobile-centered-alt .pro-cell{
    text-align:center;
  }

  .mobile-centered-alt .pro-cell p{
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-centered-alt .diff-card img,
  .mobile-centered-alt .ftr-logo img{
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-centered-alt .ctry-list{
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    justify-content:center;
    justify-items:start;
  }

  .mobile-centered-alt .ctry-list li{
    justify-content:center;
  }

  .mobile-centered-alt .ctry-list li:last-child{
    justify-self:center;
  }

  .mobile-centered-alt .acc-q{
    display:grid;
    grid-template-columns:40px minmax(0, 1fr) 24px;
    align-items:center;
    text-align:center;
    gap:10px;
    width:100%;
    min-width:0;
    padding-left:16px;
    padding-right:16px;
  }

  .mobile-centered-alt .acc-q .n,
  .mobile-centered-alt .acc-q .pm{
    justify-self:center;
  }

  .mobile-centered-alt .acc-q .t{
    min-width:0;
    max-width:22ch;
    justify-self:center;
    font-size:15.5px;
    line-height:1.05;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }

  .mobile-centered-alt .mechanics-section .acc-a p{
    padding:2px 24px 34px;
    text-align:center;
  }

  .mobile-centered-alt .ftr-top{
    justify-content:center;
  }

  .mobile-centered-alt .ftr-col a{
    text-align:center;
  }

  .mobile-centered-alt .perf-final .perf-h2{
    max-width:340px;
    font-size:clamp(30px, 8.4vw, 38px);
    text-wrap:balance;
  }

  .mobile-centered-alt .perf-final .perf-cta{
    width:min(100%, 320px);
  }

  .mobile-centered-alt .perf-final a[data-download-target="final_badges"] img{
    width:min(280px, calc(100vw - 80px)) !important;
    height:auto !important;
  }
}

@media (max-width:340px){
  .mobile-centered-alt .acc-q{
    grid-template-columns:36px minmax(0, 1fr) 24px;
    gap:8px;
    padding-left:18px;
    padding-right:18px;
  }
}
