/* The generic premium selector also matches plural wrapper names such as
   `container_cards` and `cards`. Keep wrappers visually neutral so the hover
   belongs to the individual direction only. */
.Directions .container_cards:hover,
.Directions .cards:hover {
  filter: none !important;
  box-shadow: none !important;
}

.Directions .container_cards:hover img,
.Directions .cards:hover img {
  transform: none;
  filter: none;
}

@media (hover: hover) and (pointer: fine) {
  .Directions .cards .swiper-slide {
    transition:
      box-shadow .9s cubic-bezier(.16, 1, .3, 1),
      filter .9s cubic-bezier(.16, 1, .3, 1) !important;
  }

  .Directions .cards .swiper-slide:hover {
    z-index: 2;
    filter: brightness(1.018);
    box-shadow: 0 18px 48px rgba(5, 24, 38, .11);
  }

  .Directions .cards .swiper-slide:hover img {
    transform: scale(1.028);
    filter: saturate(1.035);
  }
}