/* Tablet layout overrides for direct booking */

@media (max-width: 1024px), (pointer: coarse) and (max-width: 1366px) {
  .page {
    padding: 20px 18px 30px;
  }

  .brand img {
    width: min(220px, 48vw);
  }

  .top-row {
    grid-template-columns: 1fr;
  }

  .meta-grid {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    justify-items: stretch;
  }

  .stepper {
    justify-content: center;
  }

  .overlay-card {
    width: min(680px, 94vw);
  }

  .flow-card {
    width: min(780px, 94vw);
  }
}

@media (max-width: 860px) {
  .time-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}