/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 03 2026 | 20:18:48 */
/* 1) По умолчанию: показываем десктоп, прячем мобилку */
.main-baa-cont{ display: block; }
.ba--mobile { display: none; }

/* 2) Меньше 991px: прячем десктоп, показываем мобилку */
@media (max-width: 990px) {
  .main-baa-cont { display: none; }
  .ba--mobile { display: block; }
}
@media (max-width: 990px) {
  /* 1) Дать высоту самому before/after-блоку */
  .ba--mobile { 
    width: 100%;
    aspect-ratio: 4 / 3; /* или 16/9, под твои фото */
  }

  /* 2) Внутренности занимают всю высоту */
  .ba--mobile .ba__viewport { height: 100%; }
}

/* 1) База */
.ba__viewport{
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%;
}

.ba__layer{
  position:absolute;
  inset:0;
}

.ba__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

/* 2) Верхний слой будем "резать" */
.ba__layer--after{
  clip-path: inset(0 50% 0 0); /* старт 50% */
}

/* 3) Ручка */
.ba__handle{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:44px;
  background:transparent;
  border:0;
  padding:0;
  cursor:ew-resize;
  touch-action:none; /* важно для мобильного drag */
}

.ba__divider{
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:2px;
  transform:translateX(-50%);
  background:#fff;
  opacity:.9;
}

/* 1) Кружок по центру разделителя */
.ba__knob{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:44px;
  height:44px;
  border-radius:999px;
  background:#ffd1de;       /* под твой розовый */
  border:2px solid #fff;    /* белая обводка */
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 2) Стрелки */
.ba__arrows{
  width:22px;
  height:22px;
  color:#ffffff;            /* цвет стрелок */
  opacity:.95;
}

/* 3) На всякий случай: разделитель поверх слоёв */
.ba__divider{ z-index:1; }
.ba__knob{ z-index:2; }