/* Reservations hero layout */
.reservation-hero{position:relative;background:linear-gradient(90deg,rgba(8,24,48,.82) 0%,rgba(8,24,48,.55) 48%,rgba(8,24,48,.22) 100%),url('/assets/images/hero-reservations.jpg') center center/cover no-repeat;color:#fff;overflow:hidden}.reservation-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:46px;align-items:center;min-height:620px;padding:68px 0 74px}.reservation-copy{max-width:710px}.reservation-kicker{margin:0 0 16px;font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#dceeff}.reservation-copy h1{margin:0 0 16px;font-size:clamp(46px,6vw,78px);line-height:1.03;font-weight:800;letter-spacing:-.03em;color:#fff}.reservation-copy h2{margin:0 0 16px;font-size:clamp(24px,2.2vw,32px);line-height:1.28;font-weight:700;color:#eef5ff}.reservation-text{margin:0;color:#eef4fb;max-width:640px;font-size:20px;line-height:1.6}.reservation-actions{margin-top:26px}.reservation-btn-light{background:rgba(255,255,255,.06);color:#fff;border:2px solid rgba(255,255,255,.55)}.reservation-btn-light:hover{background:#fff;color:#0f5da9;border-color:#fff}.reservation-box{background:rgba(19,39,67,.70);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:24px;box-shadow:0 18px 46px rgba(0,0,0,.22);padding:22px}.reservation-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.reservation-box-head h3{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#fff}.reservation-box-head p{margin:0;color:#d8e7f7;font-size:14px;line-height:1.5;max-width:220px;text-align:right}.reservation-frame{width:100%;height:420px;border:0;border-radius:14px;display:block}.reservation-support{background:#fff;padding:28px 0 18px}.reservation-support-note{margin:0 0 22px;text-align:center;color:#526273;font-size:15px}.reservation-support-note a{color:var(--maxx-blue-dark);font-weight:800;text-decoration:underline}.reservation-support .quick-note{margin-top:0}html{scroll-padding-top:100px}
@media(max-width:1200px){.reservation-hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:30px;min-height:560px;padding:60px 0}.reservation-copy h1{font-size:clamp(42px,5vw,62px)}.reservation-text{font-size:18px}.reservation-frame{height:425px}}
@media(max-width:980px){.reservation-hero-inner{grid-template-columns:1fr;min-height:0;padding:52px 0 56px}.reservation-copy{max-width:none;text-align:left}.reservation-box{max-width:760px;width:100%}.reservation-box-head p{text-align:left;max-width:none}.reservation-frame{height:400px}}
@media(max-width:760px){.reservation-hero{background-position:center center}.reservation-hero-inner{padding:34px 0 38px;gap:22px}.reservation-kicker{font-size:13px}.reservation-copy h1{font-size:42px}.reservation-copy h2{font-size:22px}.reservation-text{font-size:17px}.reservation-actions{margin-top:18px}.reservation-actions .btn{width:100%}.reservation-box{padding:14px;border-radius:18px}.reservation-box-head{display:block;margin-bottom:12px}.reservation-box-head h3{font-size:20px}.reservation-box-head p{margin-top:6px;font-size:13px}.reservation-frame{height:470px}.reservation-support{padding:18px 0 8px}}
.popular-reservations .fleet-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.popular-reservations .fleet-card {
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 22px;
  padding: 28px 24px 32px;
  text-align: center;
  box-shadow: 0 18px 45px rgba(8, 36, 71, 0.08);

  display: flex;
  flex-direction: column;
  min-height: 275px;
}

.popular-reservations .fleet-icon {
  display: block;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 14px;
}

.popular-reservations .fleet-card h3 {
  margin: 0 0 14px;
  font-size: 24px;
  font-weight: 800;
  color: #001b35;
}

.popular-reservations .fleet-card p {
  margin: 0;
  color: #4f6380;
  font-size: 18px;
  line-height: 1.55;
}

.popular-reservations .fleet-btn {
  margin-top: auto;
  padding-top: 24px;

  display: inline-block;
  color: #006eb8;
  font-size: 21px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.popular-reservations .fleet-btn:hover {
  color: #004f87;
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .popular-reservations .fleet-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .popular-reservations .fleet-links {
    grid-template-columns: 1fr;
  }

  .popular-reservations .fleet-card {
    min-height: auto;
  }
}