/* English Bangkok private tours: photo refinement v3.
   Catalogue images are slightly taller than 16:6; page photos are smaller,
   centred and loaded from 1200px originals for noticeably cleaner rendering. */

/* Catalogue cards: wide rectangle, slightly taller than 16:6. */
.tour-card .tour-card-media {
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 7 !important;
  overflow:hidden !important;
  background:#e7f0fb !important;
}
.tour-card .tour-card-media > img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  image-rendering:auto !important;
}

/* Individual pages: do not stretch the photo to the far edge of the grid. */
.page-hero-grid {
  grid-template-columns:minmax(0, 1fr) minmax(330px, 450px) !important;
  gap:26px !important;
  align-items:start !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.page-hero-img {
  display:block !important;
  width:min(100%, 450px) !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:16 / 7 !important;
  overflow:hidden !important;
  justify-self:center !important;
  align-self:start !important;
  margin:0 auto !important;
  background:#e7f0fb !important;
}
.page-hero-img > img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  image-rendering:auto !important;
}

@media (max-width:900px) {
  .page-hero-grid {
    grid-template-columns:1fr !important;
    max-width:none !important;
  }
  .page-hero-img {
    width:min(100%, 620px) !important;
    aspect-ratio:16 / 7 !important;
    justify-self:center !important;
  }
}
@media (max-width:560px) {
  .tour-card .tour-card-media,
  .page-hero-img { aspect-ratio:16 / 7 !important; }
  .page-hero-img { width:100% !important; }
}