.akoca-hero-slider {
  position: relative;
  overflow: hidden;
}

.akoca-hero-slider__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.akoca-hero-slider__slide {
  position: absolute;
  inset: -5%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.8s ease-in-out;
  will-change: transform, opacity;
  animation: akoca-kenburns-a 8s ease-in-out infinite alternate;
}

.akoca-hero-slider__slide.is-active {
  opacity: 1;
}

.akoca-hero-slider__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.75) 45%,
    rgba(0, 0, 0, 0.70) 100%
  );
  z-index: 1;
  pointer-events: none;
}

@keyframes akoca-kenburns-a {
  0%   { transform: scale(1.00) translate(0%, 0%); }
  100% { transform: scale(1.08) translate(-1.5%, -1%); }
}

@keyframes akoca-kenburns-b {
  0%   { transform: scale(1.00) translate(0%, 0%); }
  100% { transform: scale(1.08) translate(1.5%, 1%); }
}

.akoca-hero-slider__slide:nth-child(even) {
  animation-name: akoca-kenburns-b;
  animation-direction: alternate-reverse;
}

.akoca-hero-slider > *:not(.akoca-hero-slider__bg) {
  position: relative;
  z-index: 2;
}

/* ── TABLET (max 980px) ───────────────────────────────────── */
@media (max-width: 980px) {
  .akoca-hero-slider__slide {
    inset: -3%;
    animation-duration: 10s;
  }

  @keyframes akoca-kenburns-a {
    0%   { transform: scale(1.00) translate(0%, 0%); }
    100% { transform: scale(1.05) translate(-1%, -0.5%); }
  }

  @keyframes akoca-kenburns-b {
    0%   { transform: scale(1.00) translate(0%, 0%); }
    100% { transform: scale(1.05) translate(1%, 0.5%); }
  }

  .akoca-hero-slider__overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.82) 0%,
      rgba(0, 0, 0, 0.73) 50%,
      rgba(0, 0, 0, 0.82) 100%
    );
  }
}

/* ── MOBILE (max 767px) ───────────────────────────────────── */
@media (max-width: 767px) {
  .akoca-hero-slider__slide {
    inset: -2%;
    animation-duration: 12s;
  }

  @keyframes akoca-kenburns-a {
    0%   { transform: scale(1.00) translate(0%, 0%); }
    100% { transform: scale(1.04) translate(-0.5%, -0.5%); }
  }

  @keyframes akoca-kenburns-b {
    0%   { transform: scale(1.00) translate(0%, 0%); }
    100% { transform: scale(1.04) translate(0.5%, 0.5%); }
  }

  .akoca-hero-slider__overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.73) 60%,
      rgba(0, 0, 0, 0.83) 100%
    );
  }
}

/* ── REDUCED MOTION (accessibility) ──────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .akoca-hero-slider__slide {
    animation: none;
    transition: opacity 2.5s ease-in-out;
  }
}