/* fotoğraf görüntüleyici (lightbox.js) */
.lbitem { position: relative; display: block; cursor: zoom-in; }
.lbitem img, .lbitem .ph { transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.lbitem:hover img { transform: scale(1.05); }
.lbitem::after { content: '+'; position: absolute; right: .8rem; bottom: .8rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: var(--accent-ink); font: 600 1.4rem/1 var(--body); opacity: 0; transform: scale(.6); transition: opacity .25s, transform .35s cubic-bezier(.2, 1.4, .4, 1); pointer-events: none; }
.lbitem:hover::after { opacity: 1; transform: none; }
html.lb-lock, html.lb-lock body { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 9000; }
.lb[hidden] { display: none; }
.lb__bg { position: absolute; inset: 0; background: rgba(8, 8, 11, .94); backdrop-filter: blur(10px); }
.lb__stage { position: absolute; inset: 0; overflow: hidden; }
.lb__img { position: fixed; object-fit: cover; will-change: left, top, width, height, clip-path, transform; border-radius: 4px; user-select: none; -webkit-user-drag: none; }
.lb__top { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 1.2rem var(--pad); z-index: 3; pointer-events: none; }
.lb__top > * { pointer-events: auto; }
.lb__count { font: 700 clamp(1.6rem, 3vw, 2.4rem)/1 var(--display); letter-spacing: -.03em; }
.lb__count b { color: var(--accent); font-weight: 700; }
.lb__count span { color: var(--dim); font-size: .55em; letter-spacing: 0; font-family: var(--body); font-weight: 500; }
.lb__close { display: inline-flex; align-items: center; gap: .8rem; font: 600 .82rem/1 var(--body); letter-spacing: .16em; text-transform: uppercase; padding: .5rem 0; }
.lb__close i { position: relative; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; transition: background .25s, border-color .25s, transform .35s; }
.lb__close i::before, .lb__close i::after { content: ''; position: absolute; left: 13px; right: 13px; top: 21px; height: 1.5px; background: var(--ink); transform: rotate(45deg); transition: background .25s; }
.lb__close i::after { transform: rotate(-45deg); }
.lb__close:hover i { background: var(--accent); border-color: var(--accent); transform: rotate(90deg); }
.lb__close:hover i::before, .lb__close:hover i::after { background: var(--accent-ink); }
.lb__nav { position: absolute; top: 50%; z-index: 3; width: 56px; height: 56px; margin-top: -28px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; background: rgba(14, 14, 17, .5); backdrop-filter: blur(6px); transition: background .25s, border-color .25s, color .25s; }
.lb__nav svg { width: 24px; height: 24px; }
.lb__nav:hover { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.lb__nav--prev { left: clamp(.6rem, 2vw, 2rem); }
.lb__nav--next { right: clamp(.6rem, 2vw, 2rem); }
.lb__cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 1.4rem var(--pad) 1.6rem; text-align: center; color: #d6d3de; font-size: .9rem; pointer-events: none; }
@media (max-width: 700px) {
  .lb__nav { top: auto; bottom: 3.6rem; margin: 0; width: 48px; height: 48px; }
  .lb__nav--prev { left: 1rem; }
  .lb__nav--next { right: 1rem; }
  .lb__close span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .lbitem img { transition: none; } }

/* lamel geçişi: yeni fotoğraf açılan lamellerle belirir */
.lb__louvers { position: fixed; perspective: 1400px; pointer-events: none; }
.lb__blade { position: absolute; left: 0; width: 100%; overflow: hidden; backface-visibility: hidden; will-change: transform, filter; }
.lb__blade img { position: absolute; left: 0; max-width: none; object-fit: cover; }

/* dokunmatik sürükleme: sayfa kaydırmasını engelle, yatay hareketi bize bırak */
.lb__stage, .lb__img { touch-action: none; }