.gpc-custom-content > div:has([class^="gpc-slider--"]) {
  position: relative;
}

@media (max-width: 767px) {
  .gpc-slider--video .gpc-grid {
    gap: 0 !important;
  }
}

.gpc-slider--video .gpc-hero-slideshow__nav {
  margin-top: 30px;
}

.gpc-slider--effect-focus {
  --gpc-focus-width: 56%;
  --gpc-focus-scale: 0.8;
  --gpc-focus-shift: 50%;
  --gpc-focus-dim: 0.75;
  --gpc-focus-duration: 0.45s;
  --gpc-focus-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

@media (min-width: 768px) {
  .gpc-slider--album.gpc-slider--effect-focus {
    --gpc-focus-width: 35% !important;
    --gpc-focus-shift: 70% !important;
    --gpc-focus-scale: 0.85 !important;
  }
}

.gpc-slider--effect-focus .swiper {
  overflow: hidden;
  padding-block: 28px;
}

.gpc-slider--effect-focus .swiper-slide {
  width: var(--gpc-focus-width);
  position: relative;
  z-index: 1;
  transform: scale(var(--gpc-focus-scale));
  filter: brightness(var(--gpc-focus-dim));
  transition:
    transform var(--gpc-focus-duration) ease,
    filter var(--gpc-focus-duration) ease,
    opacity var(--gpc-focus-duration) ease;
}

.gpc-slider--effect-focus .swiper-slide-active {
  z-index: 3;
  transform: none;
  filter: none;
  box-shadow: var(--gpc-focus-shadow);
}

.gpc-slider--effect-focus .swiper-slide-prev {
  z-index: 2;
  transform: translateX(var(--gpc-focus-shift)) scale(var(--gpc-focus-scale));
}

.gpc-slider--effect-focus .swiper-slide-next {
  z-index: 2;
  transform: translateX(calc(var(--gpc-focus-shift) * -1))
    scale(var(--gpc-focus-scale));
}

.gpc-slider--effect-focus
  .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(
    .swiper-slide-next
  ) {
  opacity: 0;
  pointer-events: none;
}

.gpc-slider--effect-focus .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

@media (max-width: 767px) {
  .gpc-slider--effect-focus {
    --gpc-focus-width: 80%;
    --gpc-focus-scale: 0.85;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gpc-slider--effect-focus .swiper-slide {
    transition: none;
  }
}