/* ================================================================
       LIGHTBOX
       ================================================================ */
    .kn-lightbox {
        position: fixed; inset: 0; z-index: 2000;
        background: rgba(10,9,8,0.95); backdrop-filter: blur(20px);
        display: flex; align-items: center; justify-content: center;
        opacity: 0; visibility: hidden; transition: all 0.3s;
    }
    .kn-lightbox.open { opacity: 1; visibility: visible; }
    .kn-lightbox img { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: var(--radius-sm); }
    .kn-lb-close {
        position: absolute; top: 20px; right: 20px;
        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
        color: white; background: rgba(255,255,255,0.1); border-radius: 50%; cursor: pointer;
        transition: background 0.3s;
    }
    .kn-lb-close:hover { background: rgba(255,255,255,0.2); }
    .kn-lb-nav {
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
        color: white; background: rgba(255,255,255,0.1); border-radius: 50%; cursor: pointer;
        transition: background 0.3s;
    }
    .kn-lb-nav:hover { background: rgba(255,255,255,0.2); }
    .kn-lb-prev { left: 20px; }
    .kn-lb-next { right: 20px; }