/* =========================================================
   ProSkin BA slider — global (mọi trang)
   Handle trắng trong suốt, Trước/Sau góc dưới, không xanh
   ========================================================= */
.twentytwenty-container{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  background:#eef6f1 !important;
}
.twentytwenty-container.twentytwenty-initialized > img,
.twentytwenty-container .twentytwenty-before,
.twentytwenty-container .twentytwenty-after{
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.twentytwenty-handle{
  z-index:60 !important;
  cursor:ew-resize !important;
  pointer-events:auto !important;
  width:40px !important;
  height:40px !important;
  margin-left:-20px !important;
  margin-top:-20px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;
  background-image:none !important;
  border:2px solid rgba(255,255,255,.95) !important;
  box-shadow:0 1px 8px rgba(0,0,0,.22) !important;
  box-sizing:border-box !important;
  color:#444 !important;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after{
  background:rgba(255,255,255,.75) !important;
  box-shadow:none !important;
  width:2px !important;
  margin-left:-1px !important;
  pointer-events:none !important;
}
.twentytwenty-handle .twentytwenty-left-arrow,
.twentytwenty-left-arrow{
  border-style:solid !important;
  border-color:transparent !important;
  border-right-color:#444 !important;
  border-right-width:6px !important;
  border-top-width:5px !important;
  border-bottom-width:5px !important;
  border-left-width:0 !important;
}
.twentytwenty-handle .twentytwenty-right-arrow,
.twentytwenty-right-arrow{
  border-style:solid !important;
  border-color:transparent !important;
  border-left-color:#444 !important;
  border-left-width:6px !important;
  border-top-width:5px !important;
  border-bottom-width:5px !important;
  border-right-width:0 !important;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.result-photo-wrap,
.result-photo-frame,
.ba-card-frame{
  position:relative !important;
}
.result-tag-before,
.result-tag-after{
  position:absolute !important;
  top:auto !important;
  bottom:12px !important;
  z-index:40 !important;
  pointer-events:none !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
  padding:5px 10px !important;
  border-radius:4px !important;
  background:rgba(55,55,55,.88) !important;
  color:#fff !important;
  text-transform:none !important;
  line-height:1.2 !important;
}
.result-tag-before{ left:12px !important; right:auto !important; }
.result-tag-after{ right:12px !important; left:auto !important; }
.ba-mid-label{
  position:absolute !important;
  bottom:12px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:41 !important;
  pointer-events:none !important;
  max-width:52%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px !important;
  font-weight:600 !important;
  color:#2a2a2a !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:4px !important;
  padding:5px 12px !important;
  box-shadow:0 1px 4px rgba(0,0,0,.08) !important;
}