/* v540U — Home mobile Why Vietnam GoEasy plane/action polish.
   Scope: mobile/tablet Home only. Desktop fixed/parallax frame is untouched.
   Fixes: plane crop on mobile, restores subtle mobile scroll motion through JS CSS vars,
   and keeps the Learn more CTA compact on one line. */

@media (max-width: 820px){
  .home-page .why-vge-fixed-frame-v341G,
  .home-page .why-vge-fixed-frame-v343G{
    background-attachment: scroll !important;
    background-size: auto 82% !important;
    background-position:
      var(--why-vge-mobile-plane-x, 52%)
      calc(50% + var(--why-vge-mobile-plane-y, 0px)) !important;
    background-repeat: no-repeat !important;
  }

  .home-page .why-vge-fixed-action-v341G{
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  .home-page .why-vge-fixed-action-v341G span{
    width: 100%;
    justify-content: center;
    gap: 6px !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-page .why-vge-fixed-action-v341G span::after{
    font-size: 15px !important;
    flex: 0 0 auto;
  }
}

@media (max-width: 480px){
  .home-page .why-vge-fixed-frame-v341G,
  .home-page .why-vge-fixed-frame-v343G{
    background-size: auto 74% !important;
    --why-vge-mobile-plane-x: 50%;
  }

  .home-page .why-vge-fixed-inner-v341G,
  .home-page .why-vge-fixed-inner-v343G{
    padding-bottom: 78px !important;
  }

  .home-page .why-vge-fixed-action-v341G{
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width: 380px){
  .home-page .why-vge-fixed-action-v341G{
    font-size: 12px !important;
  }
}