/* ============================================
   Airport Landing Pages – Additional Styles
   ============================================ */

.airport-hero {
  margin-top: 68px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2563EB 70%, #38BDF8 100%);
  padding: 80px 0 60px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.airport-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../images/hero-bg.jpg') center/cover no-repeat;
  opacity: 0.15;
}
.airport-hero .container { position: relative; z-index: 2; }
.airport-hero h1 { font-size: 2.6rem; font-weight: 800; color: #fff; margin-bottom: 16px; line-height: 1.2; }
.airport-hero p { font-size: 1.1rem; color: rgba(255,255,255,0.88); max-width: 600px; margin: 0 auto 32px; }
.airport-hero .hero-actions { justify-content: center; }

.airport-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
.airport-info-img { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.airport-info-img img { width: 100%; height: 280px; object-fit: cover; }
.airport-info-text h2 { font-size: 1.6rem; font-weight: 800; margin-bottom: 12px; }
.airport-info-text p { color: var(--muted); margin-bottom: 16px; line-height: 1.7; }
.airport-info-ul { display: flex; flex-direction: column; gap: 8px; }
.airport-info-ul li { display: flex; align-items: center; gap: 10px; font-size: 0.92rem; color: var(--mid); }
.airport-info-ul li::before { content: '✓'; color: var(--blue); font-weight: 800; flex-shrink: 0; }

.back-link { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-weight: 600; font-size: 0.9rem; margin-bottom: 24px; }
.back-link:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .airport-hero h1 { font-size: 1.8rem; }
  .airport-info-grid { grid-template-columns: 1fr; }
}