.hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.hero-actions .map {
  margin-top: 0;
}

.share-villa {
  background: #fff;
  color: #083e35;
  border: 1px solid rgba(255, 255, 255, .6);
  padding: 11px 15px;
}

.hero-gallery {
  position: relative;
  min-height: 290px;
  overflow: hidden;
  border-radius: 22px;
  background: #dcebe7;
}
.hero-gallery img { width: 100%; height: 100%; min-height: 290px; object-fit: cover; display: block; cursor: zoom-in; }
.hero-gallery #galleryCount, .villa-image-dialog #largeGalleryCount { position: absolute; right: 14px; bottom: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.65); color: #fff; font-weight: 800; }
.gallery-arrow { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; font-size: 30px; }
.gallery-arrow.prev { left: 10px; }
.gallery-arrow.next { right: 10px; }
.villa-image-dialog, .villa-qr-dialog { border: 0; border-radius: 22px; padding: 18px; max-width: min(94vw, 920px); box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.villa-image-dialog::backdrop, .villa-qr-dialog::backdrop { background: rgba(0,0,0,.82); }
.villa-image-dialog { width: 94vw; height: 92vh; background: #090d0c; }
.villa-image-dialog > img { width: 100%; height: 100%; object-fit: contain; touch-action: pinch-zoom; }
.dialog-close { position: absolute; z-index: 4; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(0,0,0,.72); color: #fff; font-size: 28px; }
.villa-qr-dialog { text-align: center; color: #073f34; }
.villa-qr-dialog > img { width: min(72vw, 360px); display: block; margin: 10px auto; }
.villa-qr-dialog #copyVillaLink { padding: 12px 18px; border: 0; border-radius: 12px; background: #08745f; color: #fff; font-weight: 800; }

@media (max-width: 680px) {
  .hero-actions {
    align-items: stretch;
  }

  .hero-actions .map,
  .share-villa {
    flex: 1 1 45%;
    text-align: center;
  }
  .hero-gallery, .hero-gallery img { min-height: 240px; }
}