/* 0.5.19 — Only country and place tiles on public Destinations deeper pages.
   Original width/three-column layout stays unchanged. Height < 2x original. */
body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd18-tile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  padding: 0;
  min-height: 132px;
  max-height: 180px; /* existing desktop card minimum: 92px */
  overflow: hidden;
}
body.ntd-virtual-page .ntd18-tile__image {
  display: block;
  flex: 0 0 35%;
  min-width: 0;
  max-width: 135px;
  overflow: hidden;
  margin: 0;
  background: #dce9e5;
}
body.ntd-virtual-page .ntd18-tile__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
body.ntd-virtual-page .ntd18-tile__content {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: .85rem .8rem;
  margin: 0;
  overflow-wrap: anywhere;
}
body.ntd-virtual-page .ntd18-tile__content strong {
  display: block;
  font-weight: 730;
  font-size: 1.02rem;
  line-height: 1.25;
}
body.ntd-virtual-page .ntd18-tile__content > span {
  display: block;
  font-size: .8rem;
  line-height: 1.45;
  margin: .34rem 0 0;
}
@media (max-width: 580px) {
  body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd18-tile {
    min-height: 112px;
    max-height: 150px; /* existing mobile card minimum: 76px */
  }
  body.ntd-virtual-page .ntd18-tile__image {
    flex-basis: 32%;
    max-width: 145px;
  }
}

/* 0.5.19 — Continent country cards only: photo exactly half the card width.
   Place cards retain the compact ~35% photo treatment. Do not touch Routes. */
body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd19-tile--country .ntd18-tile__image {
  flex: 0 0 50%;
  width: 50%;
  max-width: none;
}

/* 0.5.20 — Fixed country-card geometry on continent pages.
   The former min/max range (132–180px) let source-image aspect ratios
   affect row height. Make country tiles deterministic, independent of the
   photo, number of countries or the grid row. Places and Routes are untouched.
   Desktop: 150px < 2 × 92px; mobile: 140px < 2 × 76px.
*/
body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd18-tile.ntd19-tile--country {
  box-sizing: border-box;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  align-items: stretch;
}
body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd19-tile--country .ntd18-tile__image {
  position: relative;
  align-self: stretch;
  flex: 0 0 50%;
  width: 50%;
  max-width: none;
  min-height: 0;
}
body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd19-tile--country .ntd18-tile__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 580px) {
  body.ntd-virtual-page .ntd-grid > a.ntd-tile.ntd18-tile.ntd19-tile--country {
    height: 140px;
    min-height: 140px;
    max-height: 140px;
  }
}