.tours-hero-photos { position: absolute; z-index: -3; inset: 0; overflow: hidden; pointer-events: none; }
.tours-hero-photos .tours-page-hero-bg { z-index: 0; opacity: 0; animation: none; transition: opacity .85s ease-in-out; }
.tours-hero-photos .tours-page-hero-bg.is-visible { opacity: 1; }
.tours-hero-controls { display: inline-flex; align-items: center; gap: 12px; margin-top: 25px; }
.tours-hero-controls[hidden] { display: none; }
.hero .tours-hero-controls { display: none; }
.tours-page-hero .tours-hero-controls { display: none; }
.tours-hero-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff60; border-radius: 50%; background: #041d2359; color: #fff; cursor: pointer; font-size: 20px; transition: background .2s, border-color .2s, color .2s; }
.tours-hero-controls button:hover { color: var(--ink); background: var(--sun); border-color: var(--sun); }
.tours-hero-count { display: inline-flex; align-items: center; gap: 10px; margin: 0 6px; color: #d4e3e4; font-size: 14px; font-variant-numeric: tabular-nums; }
.tours-hero-count [data-hero-current] { color: var(--sun); font-weight: 700; }
.tours-hero-count-line { width: 28px; height: 1px; background: #ffffff60; }
[data-hero-carousel] [data-hero-status] { margin: 0; }
@media (max-width: 680px) {
  .tours-hero-controls { margin-top: 20px; gap: 10px; }
  /* Lift these low subjects above the homepage copy, without changing originals. */
  .hero .tours-page-hero-bg[data-hero-photo="boat-at-sunset"],
  .hero .tours-page-hero-bg[data-hero-photo="sveti-stefan"] {
    transform: translateY(-100px);
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 120px), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 120px), transparent);
  }
}
@media (prefers-reduced-motion: reduce) { .tours-hero-photos .tours-page-hero-bg, .tours-hero-controls button { transition: none; } }