/* Lề ngang 8px cho mọi thẻ trên trang chủ mobile. */
@media (max-width: 767px) {
  .home-root #heroSection .hero-content,
  .home-root .apph-wallet,
  .home-root .apph-greet,
  .home-root .apph-hero,
  .home-root > .apph-hero,
  .home-root .apph-more-sum,
  .home-root .shell.promo-band {
    width: auto !important;
    max-width: none !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  /* Khối chào khách: trước sát mép 0px — cùng lề và bo góc với thẻ kiểm tra. */
  .home-root .apph-hero,
  .home-root > .apph-hero {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  /* Partial ví dùng lề âm -10px cho dashboard. Trên trang chủ khung đã 8px. */
  .home-root .apph-wallet .vi-render,
  .home-root .apph-wallet .vr-phu-day,
  .home-root .apph-wallet .wallet-hero {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home-root .apph {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home-root .apph > .apph-card,
  .home-root .apph > .apph-qr,
  .home-root .apph > .apph-duo {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home-root .apph-head {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Tránh cộng dồn 18px đệm mục + 8px lề .shell = 26px. */
  .home-root .apph-more .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-root .apph-more .shell {
    width: auto !important;
    max-width: none !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    box-sizing: border-box !important;
  }
}