/* Paylaşılan bileşen stilleri (admin + site). Renkler CSS değişkenlerinden gelir. */
.ba{margin:0}
.ba-stage{--pos:50%;position:relative;aspect-ratio:var(--ratio,3/2);overflow:hidden;border-radius:var(--ba-radius,10px);background:#d9d6cf;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-img-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:44px;margin-left:-22px;padding:0;border:0;background:none;cursor:ew-resize;touch-action:none}
.ba-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ba-handle span{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.28)}
.ba-handle span::before,.ba-handle span::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent}
.ba-handle span::before{left:7px;border-right-color:#1a1d21;border-left-width:0}
.ba-handle span::after{right:7px;border-left-color:#1a1d21;border-right-width:0}
.ba-handle:focus-visible span{outline:3px solid var(--accent,#c2502d);outline-offset:2px}
.ba-label{position:absolute;top:12px;padding:4px 10px;border-radius:6px;background:rgba(26,29,33,.72);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;pointer-events:none}
.ba-label-before{left:12px}.ba-label-after{right:12px}
.ba figcaption{padding:10px 2px 0;font-size:14px}
.vcard{margin:0}
.vcard-play,.vcard-media{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--ba-radius,10px);background:#1a1d21;overflow:hidden}
.vcard-play{padding:0;cursor:pointer;color:#fff}
.vcard-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.vcard-icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(26,29,33,.78);transition:transform .15s,background .15s}
.vcard-play:hover .vcard-icon,.vcard-play:focus-visible .vcard-icon{transform:scale(1.08);background:var(--accent,#c2502d)}
.vcard-play:focus-visible{outline:3px solid var(--accent,#c2502d);outline-offset:2px}
.vcard figcaption{padding:10px 2px 0;font-size:14px}
.ba-handle:focus{outline:none}