
  /* LIGHTBOX · tam boyut, ekrana sığar (gerçek boyutun üstüne büyütmez) */
  .dk-isik{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;
    background:rgba(8,9,10,.92);color:#fff;overflow:hidden}
  .dk-isik::backdrop{background:rgba(8,9,10,.92)}
  .dk-isik[open]{display:flex;align-items:center;justify-content:center}
  .dk-isik figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:var(--bo-3);padding:56px 72px 24px;box-sizing:border-box}
  .dk-isik img{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;background:#fff}
  .dk-isik figcaption{font-size:14px;letter-spacing:.02em;color:rgba(255,255,255,.75);text-align:center}
  .dk-isik button{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
    border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font-size:18px;cursor:pointer;transition:background-color .2s ease}
  .dk-isik button:hover{background:rgba(255,255,255,.18)}
  .dk-isik button:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .dk-isik .kapat{top:12px;right:12px}
  .dk-isik .onceki{left:14px;top:50%;transform:translateY(-50%)}
  .dk-isik .sonraki{right:14px;top:50%;transform:translateY(-50%)}
  .dk-isik.tek .ok{display:none}
  @media(max-width:900px){
    .dk-isik figure{padding:60px 12px 76px}
    .dk-isik img{max-height:calc(100dvh - 160px)}
    .dk-isik .onceki, .dk-isik .sonraki{top:auto;bottom:16px;transform:none}
    .dk-isik .onceki{left:calc(50% - 56px)} .dk-isik .sonraki{right:calc(50% - 56px)}
  }
