/* Sağ panel resim popup / lightbox: masaüstü ve mobil. Dış kütüphane yok. */
.reference-home .fn-side-gallery a[data-fn-lightbox],
.reference-home .fn-section-grid a[data-fn-lightbox] { cursor:zoom-in; }
.reference-home .fn-side-gallery a[data-fn-lightbox]:focus-visible,
.reference-home .fn-section-grid a[data-fn-lightbox]:focus-visible { outline:3px solid #5739f4; outline-offset:3px; }
.reference-home .fn-lightbox {
  position:fixed;inset:0;box-sizing:border-box;margin:auto;
  width:min(95vw,1020px);height:min(91dvh,890px);max-width:none;max-height:none;
  padding:0;border:1px solid rgba(226,227,255,.65);border-radius:19px;
  color:#f9f9ff;background:linear-gradient(145deg,rgba(26,35,82,.98),rgba(16,20,57,.985));
  box-shadow:0 28px 90px rgba(5,8,32,.6),0 0 35px rgba(120,94,255,.35);
  overflow:hidden;
}
.reference-home .fn-lightbox::backdrop {background:rgba(7,10,35,.81);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.reference-home .fn-lightbox-panel {height:100%;min-height:0;display:flex;flex-direction:column}
.reference-home .fn-lightbox-top {display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.14)}
.reference-home .fn-lightbox-heading {font-weight:750;color:#fff;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-home .fn-lightbox-close {flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.14);color:#fff;font-size:31px;line-height:1;cursor:pointer}
.reference-home .fn-lightbox-close:hover,.reference-home .fn-lightbox-close:focus-visible {background:#5b42ed;color:#fff}
.reference-home .fn-lightbox-stage {position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;padding:12px 65px;overflow:hidden}
.reference-home .fn-lightbox-image {display:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 8px 33px rgba(0,0,0,.3)}
.reference-home .fn-lightbox-image.is-loaded {display:block}
.reference-home .fn-lightbox-status {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#e5eaff;font-size:14px;padding:30px;text-align:center}
.reference-home .fn-lightbox-status[hidden] {display:none}
.reference-home .fn-lightbox-prev,.reference-home .fn-lightbox-next {position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(103,92,208,.47);color:#fff;font-size:42px;line-height:1;cursor:pointer}
.reference-home .fn-lightbox-prev {left:12px}
.reference-home .fn-lightbox-next {right:12px}
.reference-home .fn-lightbox-prev:hover:not(:disabled),.reference-home .fn-lightbox-next:hover:not(:disabled) {background:#5643f2}
.reference-home .fn-lightbox-prev:disabled,.reference-home .fn-lightbox-next:disabled {visibility:hidden}
.reference-home .fn-lightbox-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#d8e4ff}
.reference-home .fn-lightbox-hint {color:#d8dfff;font-size:12px;opacity:.85}
@media(max-width:640px) {
  .reference-home .fn-lightbox {width:calc(100vw - 12px);height:min(94dvh,940px);border-radius:12px}
  .reference-home .fn-lightbox-top {padding:8px 10px}
  .reference-home .fn-lightbox-heading {font-size:13px}
  .reference-home .fn-lightbox-stage {padding:10px 40px}
  .reference-home .fn-lightbox-prev,.reference-home .fn-lightbox-next {width:34px;height:48px;font-size:31px;border-radius:9px}
  .reference-home .fn-lightbox-prev {left:3px}
  .reference-home .fn-lightbox-next {right:3px}
  .reference-home .fn-lightbox-bottom {padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.reference-home .fn-lightbox *{animation:none!important;transition:none!important}}