/* ==========================================================================
   Villa Restaurant Sömmerda - Pension
   Version: 1.0
   ========================================================================== */

.apartment-grid {
  gap: var(--vr-space-xl);
}

.apartment-card .card__media {
  aspect-ratio: 4 / 3;
}

.apartment-card .card__body {
  padding: var(--vr-space-md) var(--vr-space-lg) var(--vr-space-lg);
}

.sanitaer-grid {
  gap: var(--vr-space-md);
}

.sanitaer-img-wrap {
  border-radius: var(--vr-radius-md);
  aspect-ratio: 1 / 1;
}

.amenities-grid {
  gap: var(--vr-space-2xl);
}

.amenities-block h2 {
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  color: var(--vr-anthrazit);
}

.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--vr-space-2xs);
}

.amenities-list li {
  position: relative;
  padding-left: 1.6em;
  color: var(--vr-text-secondary);
  font-size: var(--vr-text-base);
  line-height: 1.55;
}

.amenities-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vr-burgund);
}

.amenities-list--gold li::before {
  background: var(--vr-gold);
}

@media (max-width: 640px) {
  .apartment-grid {
    gap: var(--vr-space-md);
  }
  .sanitaer-grid {
    gap: var(--vr-space-2xs);
  }
  .amenities-grid {
    gap: var(--vr-space-xl);
  }
}


/* === Video Hero ========================================================== */

.hero--video .hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  background: var(--vr-anthrazit);
}