:root{
  --slabsure-ba-height: 520px;
  --slabsure-ba-radius: 18px;
  --slabsure-ba-handle: #0090FF;
}

@media (max-width:600px){
  :root{
    --slabsure-ba-height: 350px;
  }
}
.slabsure-ba{ width:100%; }
.slabsure-ba__stage{
  position:relative;
  width:100%;
  height:var(--slabsure-ba-height);
  border-radius:var(--slabsure-ba-radius);
  overflow:hidden;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}

.slabsure-ba__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}


.slabsure-ba__img--right {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: bottom right;
}

.slabsure-ba__img--left{
    height: 100% !important;
    object-fit: cover;
    object-position: bottom left;
}

.slabsure-ba__rightWrap{
  position:absolute;
  inset:0;
  clip-path:inset(0 0 0 50%);
}

.slabsure-ba__handle{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:44px;
  border:0;
  padding:0;
  background:transparent; /* REMOVED pink background */
  cursor:ew-resize;
}

.slabsure-ba__handle::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:2px;
  background:rgba(255,255,255,0.85); /* neutral divider */
}
button.slabsure-ba__handle, button.slabsure-ba__handle:hover {
    border: none;
    background: transparent;
}



.slabsure-ba__grip{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:34px;
  height:34px;
  border-radius:14px;
  background:#fff;
  border:2px solid var(--slabsure-ba-handle);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:repeat(2, 1fr);
  gap:4px;
  padding:7px;
}

.slabsure-ba__grip span{
  width:5px;height:5px;
  border-radius:999px;
  background:rgba(15,23,42,.35);
}

.slabsure-ba__card{
  position:absolute;
  bottom:28px;
  width:min(360px, calc(100% - 40px));
  padding:26px;
  border-radius:14px;
  background:rgba(0,0,0,.35);
  backdrop-filter:blur(14px);
  color:#fff;
  display: none !important;
}

.slabsure-ba__card--left{ left:28px; }
.slabsure-ba__card--right{ right:28px; }

@media (max-width:600px){
  .slabsure-ba__card--right{ display:none; }

  .slabsure-ba__stage {
    height: calc(var(--slabsure-ba-height) - 200px);
  }
}