/* =====================================================================
   listing-page.css
   ---------------------------------------------------------------------
   Listing-detail page styles for jeffreyjkatz.com

   Loads ALONGSIDE /css/modern-responsive1.css. The shared CSS provides
   header / nav / footer / typography; this file adds the listing-specific
   hero row (details on the LEFT, photo slider on the RIGHT) and the
   utility class .vg-nowrap.

   Created: 2026-05-19
   ===================================================================== */

/* ---------- Hero row ---------- */
@media only screen and (max-width: 520px) {
  .vg-hero-row #big_frame_new {
    width: 100%;
    max-width: 480px;
    height: auto;
    aspect-ratio: 481 / 324;
  }
  .vg-hero-row #big_frame_new img {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}
@media only screen and (max-width: 480px) {
  .vg-stats-table td { vertical-align: top; display: table-cell !important; width: 50% !important; float: none !important; }
}
}