/* Above-the-fold: header, hero, first rental card, preloader */
:root {
  --color-dark-1: #051036;
  --color-white: #ffffff;
  --color-yellow-5: #f9d849;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1320px;
  }
}

.preloader {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
}

.preloader.-is-hidden {
  opacity: 0;
  pointer-events: none;
}

.header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 90px;
}

@media (max-width: 767px) {
  .header {
    height: 80px;
  }
}

.header.-fixed {
  position: absolute !important;
}

.header__container {
  width: 100%;
}

.masthead.-type-1 {
  position: relative;
  padding-top: 330px;
  padding-bottom: 210px;
}

@media (max-width: 991px) {
  .masthead.-type-1 {
    padding-top: 260px;
    padding-bottom: 180px;
  }
}

@media (max-width: 575px) {
  .masthead.-type-1 {
    padding-top: 160px;
    padding-bottom: 20px;
  }
}

.masthead.-type-1 .masthead__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.masthead.-type-1 .masthead__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.masthead.-type-1 .masthead__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
  opacity: 0.85;
}

.text-white {
  color: #fff !important;
}

.text-center {
  text-align: center;
}

/* Reserve space for featured rentals (prevents CLS before async CSS loads) */
.featured-rentals-section {
  min-height: 560px;
}

.featured-rentals-slider {
  min-height: 480px;
}

.featured-rental-card {
  min-height: 460px;
}

.featured-rental-card__media {
  aspect-ratio: 4 / 3;
}