body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.5));
}

.hero-section {
	background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.5)),
    url("../Images/IMG_1444.JPEG");
	background-size: cover;
	background-position: center;
}
.card-body{background-color: rgba(255,255,255,0.10);}

.min-vh-75 {
  min-height: 75vh;
}

.hero-card {
  border: 0;
  border-radius: 1rem;
}

.feature-box {
  border: 1px solid #e9ecef;
  border-radius: 1rem;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.05);
}

.page-header {
  border-bottom: 1px solid #e9ecef;
}

.price-card {
  border-radius: 1rem;
  border: 1px solid #e9ecef;
}

.price-card.featured {
  border: 2px solid #ffc107;
  transform: translateY(-6px);
}

.unit-card {
  border-radius: 1rem;
  border: 1px solid #e9ecef;
  transition: transform .15s ease, box-shadow .15s ease;
}

.unit-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);
}

.status-dot {
  width: .75rem;
  height: .75rem;
  border-radius: 999px;
  display: inline-block;
  margin-right: .4rem;
}

.status-available {
  background: #198754;
}

.status-reserved {
  background: #ffc107;
}

.status-occupied {
  background: #dc3545;
}

@media (max-width: 767px) {
  .hero-section .display-4 {
    font-size: 2.35rem;
  }

  .price-card.featured {
    transform: none;
  }
}