/* --- Overlay background --- */
        .modal {
            display: none;              /* Hidden by default */
            position: fixed;
            z-index: 9999;
            inset: 0;                  /* top:0; right:0; bottom:0; left:0; */
            background: rgba(0, 0, 0, 0.6);
        }

        /* --- Modal box --- */
        .modal-content {
            position: relative;
            margin: 40px auto;
            max-width: 600px;
            max-height: 80vh;          /* Limit height to viewport */
            background: #fff;
            border-radius: 8px;
            padding: 16px;
            box-sizing: border-box;
            overflow-y: auto;          /* Make inner content scrollable */
        }

        /* --- Close button (top-right) --- */
        .modal-close {
            position: absolute;
            top: 8px;
            right: 12px;
            font-size: 24px;
            font-weight: bold;
            color: #333;
            cursor: pointer;
        }

        .modal-close:hover {
            color: #000;
        }

        /* --- Images inside modal --- */
        .modal-images img {
            width: 100%;
            margin-bottom: 12px;
            display: block;
        }

        .open-modal-btn {
            padding: 8px 16px;
            cursor: pointer;
        }