.swiper {
  &__nav {
    @apply hidden lg:flex lg:absolute lg:z-99 lg:w-auto lg:h-[48px] lg:top-[-120px] lg:right-0;
    /* Make visible on desktop only */
    @media (min-width: 1024px) {
      display: flex !important;
      visibility: visible !important;
    }
  }
  &__prev,
  &__next {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    width: 48px !important;
    height: 48px !important;
    @apply border-gray-light rounded-full text-3xl;
    /* Ensure visibility on desktop only */
    @media (min-width: 1024px) {
      opacity: 1 !important;
      visibility: visible !important;
    }
    &:hover i {
      @apply text-link;
    }
    i {
      @apply text-primary;
      /* Ensure icon is visible on desktop */
      @media (min-width: 1024px) {
        display: inline-block !important;
      }
    }
    &:after {
      @apply hidden;
    }
  }
  &__prev {
    @apply mr-8;
  }
}

/* Fix for slides having reduced opacity */
.swiper-slide {
  opacity: 1 !important;
}

/* Fix for swiper-fade mode issue */
.swiper-fade .swiper-slide {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Ensure non-active slides are fully visible */
.swiper-slide:not(.swiper-slide-active) {
  opacity: 1 !important;
}