:root {
  --sakarun-gold: #dcb354;
  --sakarun-gold-soft: #f1d88d;
}

.v325-home-hero .hero-content {
  max-width: 780px;
}

.v325-home-hero .hero-copy {
  max-width: 700px;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.v325-gateway,
.v325-section,
.sakarun-weather-section {
  padding-block: clamp(56px, 7vw, 92px);
}

.v325-destination-card > img {
  height: clamp(210px, 25vw, 300px);
  object-fit: cover;
}

/* The card copy sits below the photo, so the legacy image overlay only
   darkened part of the taller V3.28 image and created a visible hard band. */
.v325-destination-card::after {
  display: none;
}

.v325-destination-body {
  padding: clamp(22px, 3vw, 34px);
}

.dugi-atlas .dugi-beach-card picture,
.dugi-atlas .dugi-beach-card img {
  height: 230px;
  object-fit: cover;
}

.button.primary,
.header-cta {
  border-color: var(--sakarun-gold);
  background: var(--sakarun-gold);
  color: #071011;
}

.button.primary:hover,
.button.primary:focus-visible,
.header-cta:hover,
.header-cta:focus-visible {
  border-color: var(--sakarun-gold-soft);
  background: var(--sakarun-gold-soft);
  color: #071011;
}

@media (max-width: 720px) {
  .v325-home-hero {
    min-height: min(760px, 86svh);
  }

  .v325-home-hero .hero-content {
    padding-top: 88px;
  }

  .v325-home-hero .hero-actions {
    gap: 8px;
  }

  .v325-home-hero .button {
    min-height: 46px;
  }

  .v325-gateway,
  .v325-section,
  .sakarun-weather-section {
    padding-block: 48px;
  }

  .v325-destination-card > img {
    height: 190px;
  }

  .dugi-atlas .dugi-beach-card picture,
  .dugi-atlas .dugi-beach-card img {
    height: 190px;
  }

  .site-header .mobile-dropdown:not(.mobile-language-dropdown) > .mobile-dropdown-panel.mobile-nav-ready {
    position: fixed;
    top: calc(72px + env(safe-area-inset-top));
    right: max(8px, env(safe-area-inset-right));
    left: max(8px, env(safe-area-inset-left));
    width: auto;
    max-width: none;
    max-height: calc(100svh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: 0;
  }
}