/* ============================================================
   Desktop layout (min-width: 1200px)
   ============================================================ */

/* ── Artist grid: 4 columns ─────────────────────────────── */
.view-artists .view-content {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.75rem;
}

.ft-artist-card__body {
  padding: 1.35rem;
}

.ft-artist-card__title {
  font-size: 1.2rem;
}

.ft-artist-card__image--placeholder span {
  font-size: 4.5rem;
}

/* ── Package grid: 3 columns ────────────────────────────── */
.view-travel-packages .view-content {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.75rem;
}

/* ── Events grid: 3 columns ─────────────────────────────── */
.view-events-festivals .view-content {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

/* ── Package detail ─────────────────────────────────────── */
.ft-package-content {
  padding: 4.5rem 0;
}

.ft-package-section {
  padding-bottom: 2.25rem;
}

.ft-package-booking__card {
  padding: 2rem;
  top: 2rem;
}

/* ── Homepage hero ──────────────────────────────────────── */
.ft-home-hero--media {
  min-height: 82vh;
}

.ft-home-hero {
  padding: 7rem 0 5rem;
}

/* Limit hero text column to left half on wide screens */
.ft-home-hero__inner {
  max-width: 55%;
}

/* ── Why grid: equal columns, generous gap ──────────────── */
.ft-home-why__grid {
  gap: 0 3rem;
}

/* ── Event detail: wider content column ─────────────────── */
.ft-event-hero__grid {
  grid-template-columns: 1.25fr .75fr;
  gap: 3.5rem;
}

/* ── Artist detail: narrower photo on desktop ───────────── */
.ft-artist-hero__grid {
  grid-template-columns: 280px 1fr;
  gap: 3.5rem;
}

/* ── Contact page: wider form column on desktop ─────────── */
.ft-contact-layout {
  grid-template-columns: 1fr 1.6fr;
  gap: 3rem;
}

.ft-event-card__image-placeholder,
.ft-event-card__image {
  height: 190px;
}