#overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            z-index: 999;
        }

        #popup {
            position: fixed;
            top: 50%;
            right: -400px;
            transform: translateY(-50%);
            width: 350px;
            background: url("../art/newsletter.jpg") no-repeat center center;
            background-size: cover;
            border-radius: 10px;
            /* background: #fff; */
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
            transition: right 0.6s ease;
            z-index: 1000;
        }

        #popup.show {
            right: 50px;
        }

        #popup img {
            max-width: 100%;
            border-radius: 8px;
        }

        #popup p {
            margin: 8px 0;
            line-height: 1.4;
        }

        #popup input[type="email"] {
            width: 100%;
            padding: 8px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 6px;
        }

        .btn-send {
            background: gold;
            border: none;
            padding: 10px 15px;
            font-weight: bold;
            border-radius: 6px;
            cursor: pointer;
        }

        .btn-close {
            position: absolute;
            top: 8px;
            right: 12px;
            color: red;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
        }