/* Venofins Fish v4.29.0 — responsive hero alignment, no distorted/cropped graphics.
   The mobile/tablet Hikari file is reframed from the original image, not stretched. */

/* Desktop right rail is kept as an integrated 2-row composition, visually level
   with the main Feedhunt tile. Slightly reduce Hikari's vertical share. */
@media (min-width:1051px) {
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > .nusa-hero-rail {
    grid-template-rows:minmax(0,2.9fr) minmax(0,1.25fr)!important;
  }
}

/* Tablet & mobile: both campaigns have one identical aspect ratio.
   The content in the new Hikari artwork is uniformly scaled and all visible. */
@media (max-width:1050px) {
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > a.vf-featured-feedhunt,
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > .nusa-hero-rail > a.vf-hikari-hero {
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2048/868!important;
    overflow:hidden!important;
    align-self:stretch!important;
    position:relative!important;
  }
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > a.vf-featured-feedhunt > picture,
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > .nusa-hero-rail > a.vf-hikari-hero > picture {
    display:block!important;
    width:100%!important;
    height:100%!important;
    position:absolute!important;
    inset:0!important;
    margin:0!important;
  }
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > a.vf-featured-feedhunt > picture > img,
  body.nusa-bm-site .nusa-site-shell .nusa-hero-grid > .nusa-hero-rail > a.vf-hikari-hero > picture > img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    background:transparent!important;
  }
}

/* Categories tab underline only; no changes to the menu tab or nav buttons. */
@media (max-width:720px) {
  body.nusa-bm-site .nusa-site-shell #nusa-mobile-panel .nusa-drawer-tabs #vf-tab-categories[aria-selected="true"] {
    border-bottom:5px solid #D92F32!important;
    box-shadow:none!important;
  }
}