/* LOTORA — check a ticket page styles */

/* Section 3 — page hero */
.page-hero {
  background:
    linear-gradient(rgba(11, 18, 58, 0.95), rgba(11, 18, 58, 0.95)),
    url('../../images/hero-check-ticket.png') center / cover no-repeat;
}
.page-hero h1 {
  font-size: 48px;
  line-height: 1.15;
}
.page-hero p {
  max-width: 800px;
  color: rgba(255, 255, 255, 0.75);
}

/* Section 4 — check your ticket (form centered, reuses home.css classes) */
.check-section__row--center { justify-content: center; }
.check-section__form .btn-row--center { justify-content: center; }

/* Section 5 — how to check your ticket */
.hiw-section {
  padding: 64px 80px;
  background: var(--bg-light);
}
.hiw-section .section-header { margin-bottom: 40px; }
.hiw-section__row { display: flex; gap: 32px; }
.hiw-card {
  flex: 1;
  padding: 32px;
  background: #ffffff;
  border: 1px solid rgba(27, 43, 107, 0.04);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hiw-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hiw-card__num {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: var(--primary);
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hiw-card__body { display: flex; flex-direction: column; gap: 8px; }
.hiw-card__title {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--ink);
}
.hiw-card__desc {
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted);
}

/* Section 6 — important info */
.important-info {
  padding: 40px 80px;
  background: var(--bg-light);
  border-top: 1px solid var(--chip-grey);
  border-bottom: 1px solid var(--chip-grey);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.important-info h3 {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: var(--ink);
}
.important-info p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}