/* Younis Clinic — before/after carousel (homepage) — 2 cards per view */
.ba-slider{position:relative}
.ba-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ba-viewport::-webkit-scrollbar{display:none}
.ba-track{display:flex;gap:24px}
.ba-track>.case{flex:0 0 calc(50% - 12px);min-width:calc(50% - 12px);scroll-snap-align:start}
.ba-nav{position:absolute;top:34%;transform:translateY(-50%);z-index:6;width:48px;height:48px;
  border-radius:50%;border:1px solid rgba(35,31,32,.16);background:rgba(255,255,255,.95);
  color:#231F20;font-size:1.8rem;line-height:1;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center}
.ba-nav svg{width:22px;height:22px;display:block}
.ba-nav:hover{background:#fff;border-color:#1AADAD;color:#0B6F70}
.ba-nav:focus-visible{outline:3px solid #0B6F70;outline-offset:2px}
/* Standard: ‹ previous on the left, › next on the right */
.ba-back{left:-6px}
.ba-forward{right:-6px}
.ba-dots{display:flex;gap:9px;justify-content:center;margin-top:22px}
.ba-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(35,31,32,.2);
  cursor:pointer;padding:0;transition:.2s}
.ba-dots button.active{background:#1AADAD;transform:scale(1.3)}
@media(max-width:768px){
  .ba-track{gap:0}
  .ba-track>.case{flex:0 0 100%;min-width:100%;scroll-snap-align:center}
  .ba-nav{top:30%;width:42px;height:42px;font-size:1.5rem}
  .ba-back{left:6px;right:auto}
  .ba-forward{right:6px;left:auto}
}