/* Hallmark DNA — thailandaytours
 * grid: magazine (asymmetric, editorial feel)
 * card: rounded
 * hero: split (per fleet-registry)
 */

/* ── Hero: split variant ── */
.hero--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: center;
  min-height: 60vh;
}
.hero--split .hero-img {
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.hero--split .hero-inner {
  padding: var(--space-2xl) 0;
}
@media (max-width: 768px) {
  .hero--split {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .hero--split .hero-img {
    height: 280px;
  }
}

/* ── Card: rounded ── */
.product-card.card-rounded {
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.product-card.card-rounded img:first-child {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

/* ── Grid: magazine (asymmetric) ── */
.region-grid.grid-magazine {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-xl);
}
.region-grid.grid-magazine > *:first-child {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .region-grid.grid-magazine > *:first-child {
    grid-column: span 1;
  }
}