/* v1093 — VOA mobile final hero fix
   Purpose: keep only one VOA hero image on mobile and attach it directly under the Vietnam time bar.
   This file is loaded after older VOA CSS and does not change desktop. */

.voa-mobile-hero-final-v1093{
  display:none;
}

@media (max-width: 900px){
  html, body{
    overflow-x:hidden !important;
  }

  html body.voa-mobile-hard-rebuild-v1093.vge-subpage-time-v421G .vge-subpage-time-shell-v421G{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 main{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 main > section.voa-section-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 section.voa-section-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 .voa-section-v787GN.voa-sticker-page-v787GO{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .voa-mobile-hero-final-v1093{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin:0 0 12px calc(50% - 50vw) !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    overflow:hidden !important;
    line-height:0 !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .voa-mobile-hero-final-v1093 img{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Safety net: the old narrow in-card image was removed from the HTML, but keep this
     in case another cached/duplicate build still contains it. */
  html body.voa-mobile-hard-rebuild-v1093 .voa-article-card-v787GN > .guide-article-visual,
  html body.voa-mobile-hard-rebuild-v1093 .guide-article .article-card.voa-article-card-v787GN > .guide-article-visual,
  html body.voa-mobile-hard-rebuild-v1093 .article-card.voa-article-card-v787GN .guide-article-visual{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .guide-article.voa-article-shell-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 .voa-article-shell-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 .article-card.voa-article-card-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 .voa-article-card-v787GN{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-top:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .article-card.voa-article-card-v787GN,
  html body.voa-mobile-hard-rebuild-v1093 .voa-article-card-v787GN{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .voa-content-layout-v797.trust-style-voa-layout-v799{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    background:#fff !important;
  }

  html body.voa-mobile-hard-rebuild-v1093 .trust-voa-breadcrumb-v799{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}