/*
 * tablet.css: tablets only (768px to 1023px). Loaded with media="(min-width: 768px) and (max-width: 1023px)".
 * Same range as Tailwind's md (md: to below lg:).
 */

/* === Split Cards === */
/* 2 columns of cards, thin line between them. */
.split-cards__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.split-cards__grid .card {
  padding: 1.75rem 1.5rem;
}
.split-cards__grid .card:nth-child(odd) {
  border-right: 1px solid var(--color-border);
}

/* === Feature Banner === */
.feature-banner__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === Site Footer === */
.site-footer__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === Key Stats === */
.key-stats__list--2, .key-stats__list--3, .key-stats__list--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === Pricing === */
.pricing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === Feature Cards === */
.feature-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.panel {
  padding: 4rem 2.5rem;
}

/* === Packages === */
.package-grid, .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* === Fact Bar / Link Cards === */
.fact-bar__list, .link-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* === Panel / Feature Cards === */
/* 4 cards → 2 × 2 on tablets. */
.feature-cards:has(> :nth-child(4):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === Booking Wizard === */
.booking-howto { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.car-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.booking-wizard__main { padding: 2.25rem; }