.fuz-map-wrapper {
  @apply max-w-7xl mx-auto mt-16;
}

.fuz-map-container {
  @apply w-full h-[400px] rounded-xl shadow-lg;
}

.fuz-map-google {
  @apply w-full h-[450px] rounded-xl overflow-hidden relative;
  background: linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);
  background-size: 200% 100%;
  animation: mapSkeleton 1.5s infinite;
  opacity: 0;
  transition: opacity 0.6s ease;
}

@keyframes mapSkeleton {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

.fuz-map-google.loaded {
  animation: none;
  background: transparent;
  opacity: 1;
}

@media (max-width: 768px) {
  .fuz-map-google {
    @apply h-[300px];
  }
}

.fuz-map-infowindow {
  /* background: var(--fuz-bg); */
  color: var(--fuz-text);
  @apply ml-1 mr-6 text-lg leading-snug ;
  border-radius: 10px;
}

.gm-style-iw-d {
  padding-top: 2px !important;
  padding-bottom: 6px !important;
}

.gm-style-iw-c {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}