.fk-tickets {
  --navy: #00172f;
  --navy-2: #062b50;
  --gold: #dfad43;
  --blue: #79afe0;
  --white: #fff;
  background: #f5f7fa;
  color: var(--navy);
  font-family: Barlow, Arial, sans-serif;
}

.fk-tickets__inner { margin: 0 auto; max-width: 1480px; padding: clamp(45px, 5vw, 80px) clamp(18px, 4vw, 64px); }
.fk-tickets__heading { border-bottom: 1px solid #cfdae5; margin-bottom: 25px; padding-bottom: 24px; }
.fk-tickets__heading > span { color: #a4781d; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .17em; }
.fk-tickets__heading h2 { color: var(--navy); font-family: "Barlow Condensed", Impact, sans-serif; font-size: clamp(50px, 6vw, 88px); font-weight: 900; letter-spacing: -.035em; line-height: .88; margin: 7px 0 13px; }
.fk-tickets__heading p { color: #49677f; font-size: 16px; margin: 0; max-width: 680px; }
.fk-tickets__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fk-ticket { background: var(--white); border: 1px solid #d7e0e8; box-shadow: 0 14px 35px rgba(0, 23, 47, .08); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.fk-ticket:hover { box-shadow: 0 18px 42px rgba(0, 23, 47, .16); transform: translateY(-3px); }
.fk-ticket--featured { background: var(--navy); border-color: var(--gold); display: grid; grid-column: 1 / -1; grid-template-columns: minmax(420px, 1.25fr) minmax(340px, .75fr); }
.fk-ticket__image { aspect-ratio: 4 / 3; background: var(--navy-2); display: block; overflow: hidden; position: relative; }
.fk-ticket__image img { height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.fk-ticket:hover .fk-ticket__image img { transform: scale(1.025); }
.fk-ticket--featured .fk-ticket__image { aspect-ratio: auto; min-height: 410px; }
.fk-ticket__nearest { background: var(--gold); color: var(--navy); font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 11px; font-weight: 800; left: 0; letter-spacing: .12em; padding: 11px 17px; position: absolute; top: 0; }
.fk-ticket__body { display: grid; gap: 18px; grid-template-columns: 72px minmax(0, 1fr); padding: 22px; }
.fk-ticket--featured .fk-ticket__body { align-content: center; color: var(--white); padding: clamp(28px, 4vw, 55px); }
.fk-ticket__date { align-content: start; border-right: 1px solid #d7e0e8; display: grid; justify-items: center; padding-right: 16px; text-align: center; }
.fk-ticket--featured .fk-ticket__date { border-color: rgba(121, 175, 224, .28); }
.fk-ticket__date span { color: #a4781d; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.fk-ticket__date strong { color: var(--navy); font-family: "Barlow Condensed", Impact, sans-serif; font-size: 45px; font-weight: 900; line-height: .88; margin: 6px 0; }
.fk-ticket--featured .fk-ticket__date strong { color: var(--white); font-size: 56px; }
.fk-ticket__date small { color: #66839b; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 9px; font-weight: 700; }
.fk-ticket__info { align-content: start; display: grid; }
.fk-ticket__info > small { color: #a4781d; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.fk-ticket__info h3 { color: var(--navy); font-family: "Barlow Condensed", Impact, sans-serif; font-size: clamp(25px, 2.3vw, 36px); font-weight: 900; line-height: .95; margin: 9px 0 10px; text-transform: uppercase; }
.fk-ticket--featured .fk-ticket__info h3 { color: var(--white); font-size: clamp(38px, 4vw, 62px); }
.fk-ticket__info p { color: #56748c; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 12px; font-weight: 600; margin: 0 0 18px; }
.fk-ticket--featured .fk-ticket__info p { color: var(--blue); }
.fk-ticket__info time { color: var(--gold); font-size: 19px; font-weight: 800; }
.fk-ticket__button { align-items: center; background: var(--gold); color: var(--navy); display: flex; font-family: "Barlow Semi Condensed", Barlow, sans-serif; font-size: 12px; font-weight: 800; justify-content: space-between; letter-spacing: .04em; margin-top: auto; min-height: 48px; padding: 0 17px; text-decoration: none; }
.fk-ticket__button:hover { background: var(--navy); color: var(--white); }
.fk-ticket--featured .fk-ticket__button:hover { background: var(--white); color: var(--navy); }
.fk-ticket__button span { font-size: 17px; }
.fk-tickets__source, .fk-tickets__status { color: #66839b; font-size: 11px; margin: 17px 0 0; text-align: right; }
.fk-tickets__source a { color: #8b6515; font-weight: 700; }
.fk-tickets__empty { background: var(--navy); color: var(--white); padding: 40px 25px; text-align: center; }
.fk-tickets__empty strong { font-family: "Barlow Condensed", Impact, sans-serif; font-size: 31px; }
.fk-tickets__empty p { color: var(--blue); }

@media (max-width: 1050px) {
  .fk-tickets__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fk-ticket--featured { grid-template-columns: minmax(360px, 1.1fr) minmax(300px, .9fr); }
}

@media (max-width: 720px) {
  .fk-tickets__inner { padding: 38px 12px; }
  .fk-tickets__grid { grid-template-columns: minmax(0, 1fr); }
  .fk-ticket--featured { display: flex; grid-column: auto; }
  .fk-ticket--featured .fk-ticket__image { aspect-ratio: 4 / 3; min-height: 0; }
  .fk-ticket--featured .fk-ticket__body { padding: 22px; }
  .fk-ticket--featured .fk-ticket__date strong { font-size: 45px; }
  .fk-ticket--featured .fk-ticket__info h3 { font-size: 34px; }
  .fk-ticket:hover { transform: none; }
}