img.zoomable {
            width: 200px;
            margin: 10px;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        img.zoomable:hover {
            transform: scale(1.1);
        }

        /* Lightbox háttér */
        #lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        /* Nagyított kép */
        #lightbox-img {
            max-width: 100vw;
            max-height: 100vh;
            object-fit: contain;
            transform: scale(0.3);
            transition: transform 0.4s ease, opacity 0.4s ease;
            opacity: 0;
        }

        /* Amikor a lightbox aktív lesz */
        #lightbox.active {
            display: flex;
            opacity: 1;
        }

        #lightbox.active #lightbox-img {
            transform: scale(1);
            opacity: 1;
        }