.slider-cinema{
  height: auto !important;
}

[data-cinema-strip] .swiper-wrapper{
  align-items: flex-start !important;
  gap: 0 !important;
}

[data-cinema-strip] .swiper-slide{
  margin: 0 !important;
}

[data-cinema-strip] a.swiper-slide.slide{
  height: fit-content !important;
  min-height: 0 !important;
  align-self: flex-start;
  display: block !important;
}

[data-cinema-strip] .cinema-frame{
  display: block;
  width: 100%;
  aspect-ratio: 1280 / 853;
  overflow: hidden;
}

[data-cinema-strip] .cinema-frame > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* nav buttons (CSS версия вместо SCSS) */
.cinema-swiper-nav{
  width: 4rem;
  height: 4rem;
  position: absolute;
  cursor: pointer;
  top: 40%;
  z-index: 999;
}

.cinema-swiper-nav::before,
.cinema-swiper-nav::after{
  content: "";
  display: block;
  position: absolute;
  left: .063rem;
  right: .063rem;
  top: .063rem;
  bottom: .063rem;
}

.cinema-swiper-nav svg{
  width: 4rem;
  height: 4rem;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 0.125rem;
  stroke-dasharray: 126 126 0;
}

.cinema-swiper-nav i{
  display: block;
  position: absolute;
  margin: -0.625rem 0 0 -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  left: 50%;
  top: 50%;
}

.cinema-swiper-nav i::before,
.cinema-swiper-nav i::after{
  content: "";
  width: 0.625rem;
  height: 0.125rem;
  border-radius: 0.063rem;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -0.063rem 0 0 -0.313rem;
  display: block;
  transform-origin: 0.563rem 50%;
}

.swiper-banner-button-prev.cinema-swiper-nav{
  left: 0.5rem;
}

.swiper-banner-button-next.cinema-swiper-nav{
  right: 0.5rem;
  left: auto;
}

/* PhotoSwipe positioning */
.pswp__button--arrow--prev{
  left: calc(45% - 600px) !important;
}

.pswp__button--arrow--next{
  right: calc(45% - 600px) !important;
}

/* .pswp__button--close{
  width: 100px !important;
  height: 100px !important;
  top: 14rem !important;
  right: calc(43% - 600px) !important;
} */

.pswp__button--close svg{
  width: 46px !important;
  height: 46px !important;
}
.swiper-banner-button-next.cinema-swiper-nav svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}