/* Page-owned styles for private-poker */
.private-poker-page {
  padding-block: var(--space-xl) var(--space-2xl);
}

/* 01 Private Poker Hero */
.private-hero {
  margin-block-end: var(--space-2xl);
}
.private-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
  align-items: center;
  border-block-start: var(--border-thin);
  border-block-end: var(--border-thin);
  padding-block: var(--space-xl);
}
.private-hero__content {
  grid-column: 1 / span 6;
  min-width: 0;
}
.private-hero__media {
  grid-column: 7 / span 6;
  min-width: 0;
}
.private-hero__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: sepia(0.08) saturate(0.9) contrast(1.02);
}
.private-hero__marker {
  margin-block-end: var(--space-sm);
}
.private-hero__title {
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  max-width: 11ch;
  margin-block-end: var(--space-md);
}
.private-hero__lead {
  font-size: var(--text-body-large);
  line-height: var(--leading-body);
  max-width: 55ch;
  margin-block-end: var(--space-md);
}
.private-hero__facts {
  margin-block-end: var(--space-lg);
}
.private-hero__cta {
  min-width: 240px;
}

/* 02 Your Private Poker Space */
.private-space {
  margin-block-end: var(--space-2xl);
}
.private-space__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
  align-items: start;
}
.private-space__content {
  grid-column: 1 / span 5;
  min-width: 0;
}
.private-space__media {
  grid-column: 6 / span 7;
  min-width: 0;
}
.private-space__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: sepia(0.08) saturate(0.9) contrast(1.02);
}
.private-space__content h2,
.private-space__content h3 {
  margin-block-end: var(--space-sm);
}
.private-space__content p {
  max-width: 65ch;
}

/* 03 Tailoring Your Private Poker Experience */
.private-tailoring {
  margin-block-end: var(--space-2xl);
}
.private-tailoring__header {
  margin-block-end: var(--space-lg);
}
.private-tailoring__header p {
  max-width: 65ch;
}
.private-tailoring__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
}
.private-tailoring-card {
  background-color: var(--color-off-white);
  border: var(--border-thin);
  padding: var(--space-md);
  min-width: 0;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}
.private-tailoring-card:hover {
  background-color: var(--color-eucalyptus);
  border-color: var(--color-eucalyptus);
  color: var(--color-off-white);
}
.private-tailoring-card:hover h3,
.private-tailoring-card:hover p {
  color: var(--color-off-white);
}
.private-tailoring-card__marker {
  margin-block-end: var(--space-xs);
}
.private-tailoring-card h3 {
  margin-block-end: var(--space-xs);
}
.private-tailoring-card p {
  max-width: 55ch;
  margin-block-end: 0;
}

/* 04 The Offline Poker Focus */
.private-offline {
  margin-block-end: var(--space-2xl);
  background-color: var(--color-deep-felt);
  color: var(--color-off-white);
  padding-block: var(--space-xl);
  padding-inline: var(--container-pad);
}
.private-offline__inner {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}
.private-offline__inner .technical-label {
  color: var(--color-off-white);
  margin-block-end: var(--space-sm);
}
.private-offline__inner h2 {
  color: var(--color-off-white);
  margin-block-end: var(--space-md);
}
.private-offline__inner p {
  max-width: 75ch;
  margin-inline: auto;
  margin-block-end: 0;
}

/* 05 Private Poker Table Details */
.private-table-details {
  margin-block-end: var(--space-2xl);
}
.private-table-details__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
  align-items: start;
}
.private-table-details__content {
  grid-column: 1 / span 5;
  min-width: 0;
}
.private-table-details__media {
  grid-column: 6 / span 7;
  min-width: 0;
}
.private-table-details__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  filter: grayscale(0.2) sepia(0.1) contrast(1.05);
}
.private-table-details__content p {
  max-width: 65ch;
}

/* 06 Dining for Private Groups */
.private-dining {
  margin-block-end: var(--space-2xl);
}
.private-dining__inner {
  border-inline-start: 4px solid var(--color-burnt-clay);
  padding-inline-start: var(--space-md);
  background-color: rgba(184, 92, 56, 0.06);
  padding-block: var(--space-md);
  padding-inline-end: var(--space-md);
}
.private-dining__inner h2 {
  margin-block-end: var(--space-sm);
}
.private-dining__inner p {
  max-width: 55ch;
  margin-block-end: var(--space-md);
}

/* 07 How to Book Private Poker */
.private-booking {
  margin-block-end: var(--space-2xl);
}
.private-booking__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
  align-items: start;
}
.private-booking__steps {
  grid-column: 1 / span 6;
  min-width: 0;
}
.private-booking__contact {
  grid-column: 7 / span 6;
  min-width: 0;
  background-color: var(--color-muted-sand);
  padding: var(--space-md);
  border: var(--border-thin);
}
.private-booking__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  counter-reset: booking-step;
}
.private-booking__list li {
  counter-increment: booking-step;
  position: relative;
  padding-inline-start: var(--space-lg);
  margin-block-end: var(--space-sm);
}
.private-booking__list li::before {
  content: counter(booking-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: var(--text-small);
  letter-spacing: var(--tracking-technical);
  color: var(--color-deep-felt);
}
.private-booking__contact p {
  margin-block-end: var(--space-xs);
}
.private-booking__contact p:last-child {
  margin-block-end: 0;
}

/* 08 Private Poker Enquiry Form */
.private-enquiry {
  margin-block-end: var(--space-2xl);
}
.private-enquiry__container {
  max-width: 600px;
  margin-inline: auto;
  background-color: var(--color-off-white);
  border: var(--border-thin);
  padding: var(--space-lg);
}
.private-enquiry__container h2 {
  margin-block-end: var(--space-sm);
}
.private-enquiry__container > p {
  margin-block-end: var(--space-md);
}
.private-enquiry__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-sm);
  margin-block-end: 0;
}
.private-enquiry__field {
  min-width: 0;
}
.private-enquiry__field--full {
  grid-column: 1 / -1;
}
.private-enquiry__submit {
  grid-column: 1 / -1;
  justify-self: start;
  min-width: 220px;
}

/* 09 Private Poker FAQ */
.private-faq {
  margin-block-end: 0;
}
.private-faq__header {
  margin-block-end: var(--space-lg);
}
.private-faq__header p {
  max-width: 65ch;
}
.private-faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
}
.private-faq-item {
  background-color: var(--color-muted-sand);
  border-block-start: var(--border-thin);
  padding: var(--space-md);
  min-width: 0;
}
.private-faq-item h3 {
  margin-block-end: var(--space-xs);
}
.private-faq-item p {
  margin-block-end: 0;
}

/* Tablet */
@media (max-width: 900px) {
  .private-hero__grid,
  .private-space__grid,
  .private-table-details__grid,
  .private-booking__grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  .private-hero__content,
  .private-hero__media,
  .private-space__content,
  .private-space__media,
  .private-table-details__content,
  .private-table-details__media,
  .private-booking__steps,
  .private-booking__contact {
    grid-column: 1 / -1;
  }
  .private-hero__media {
    order: -1;
  }
  .private-tailoring__cards {
    grid-template-columns: 1fr;
  }
  .private-faq__grid {
    grid-template-columns: 1fr;
  }
  .private-enquiry__form {
    grid-template-columns: 1fr;
  }
  .private-enquiry__field--full,
  .private-enquiry__submit {
    grid-column: 1 / -1;
  }
  .private-offline {
    padding-block: var(--space-lg);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .private-poker-page {
    padding-block: var(--space-lg) var(--space-xl);
  }
  .private-hero__grid,
  .private-space__grid,
  .private-table-details__grid,
  .private-booking__grid {
    gap: var(--space-sm);
  }
  .private-hero__title {
    font-size: var(--text-h1);
    line-height: var(--leading-heading);
    letter-spacing: var(--tracking-h1);
  }
  .private-hero__lead {
    font-size: var(--text-body);
  }
  .private-hero__cta {
    width: 100%;
  }
  .private-tailoring-card,
  .private-faq-item,
  .private-booking__contact,
  .private-enquiry__container {
    padding: var(--space-sm);
  }
  .private-dining__inner {
    padding: var(--space-sm);
  }
  .private-enquiry__submit {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .private-tailoring-card {
    transition: none;
  }
}