.ssm-combined-sliders,
.ssm-combined-sliders * { box-sizing: border-box; }

.ssm-combined-sliders {
  width: min(100%, var(--ssm-combined-max-width, 1280px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .377fr);
  align-items: stretch;
  gap: clamp(10px, 1.25vw, 16px);
  direction: rtl;
}

.ssm-combined-sliders__image,
.ssm-combined-sliders__video { min-width: 0; }

.ssm-combined-sliders__video,
.ssm-combined-sliders__video > .ssm-video-slider,
.ssm-combined-sliders__video .ssm-video-slider__stage { height: 100%; }

.ssm-combined-sliders__video .ssm-video-slider__stage {
  min-height: 0;
  aspect-ratio: auto;
}

.ssm-combined-sliders__video .ssm-video-slider__viewport {
  height: 100%;
}

.ssm-combined-sliders--only-image { grid-template-columns: minmax(0, 1fr); }
.ssm-combined-sliders--only-video { grid-template-columns: minmax(240px, 460px); justify-content: center; }
.ssm-combined-sliders--only-video .ssm-video-slider__stage { min-height: 340px; aspect-ratio: 1.72 / 1; }

@media (max-width: 767px) {
  .ssm-combined-sliders { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ssm-combined-sliders__video .ssm-video-slider__stage { min-height: 460px; height: auto; aspect-ratio: 4 / 5; }
  .ssm-combined-sliders--hide-image-mobile .ssm-combined-sliders__image,
  .ssm-combined-sliders--hide-video-mobile .ssm-combined-sliders__video { display: none; }
  .ssm-combined-sliders--hide-image-mobile.ssm-combined-sliders--hide-video-mobile { display: none; }
}