/* Tweak "До и после" side compare sizing (no React build). */

.site-premium .ladder-split__col--compare .ladder-compare--side {
  /* Don't stretch to match left column height */
  flex: 0 0 auto;
  align-self: flex-start;
}

.site-premium .ladder-compare--side .ladder-compare__frame .compare {
  /* Reduce height: the base compare uses aspect-ratio 16/10; keep it, but cap height */
  min-height: clamp(180px, 20vw, 260px);
  aspect-ratio: 16 / 10;
}

.site-premium .ladder-compare--side .compare {
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(15, 35, 55, 0.14);
}

.site-premium .ladder-compare--side .ladder-compare__head p {
  max-width: 48ch;
}

/* Bring labels closer to center (PRO left, MVP right) */
.site-premium .ladder-compare--side .compare__label--pro {
  left: 50%;
  transform: translateX(calc(-1 * clamp(90px, 12vw, 140px)));
}
.site-premium .ladder-compare--side .compare__label--mvp {
  right: 50%;
  transform: translateX(clamp(90px, 12vw, 140px));
}