	.popup-overlay {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.7);
	    z-index: 999;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
    .popup-website,
    .popup-mobil {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        border-radius: 10px;
        box-sizing: border-box;
        border: 2px solid #ccc;
        padding: 15px;

        width: auto;           /* içeriğe göre genişler */
        max-width: 80vw;       /* ekranı aşmasın */
        height: auto;          /* içeriğe göre yükseklik */
        max-height: 80vh;      /* ekranı aşarsa küçülsün */
        overflow: auto;        /* taşarsa scroll ekle */
    }

    /* Desktop */
    @media (min-width: 768px) {
        .popup-website { display: flex; }
        .popup-mobil { display: none; }
    }

    /* Mobile */
    @media (max-width: 767px) {
        .popup-website { display: none; }
        .popup-mobil { 
            display: flex; 
            width: 95vw;       /* mobilde neredeyse tüm ekran */
            max-width: 95vw;
            height: auto;
            max-height: 90vh;
        }
    }

    /* Popup içindeki resimler */
    .popup-website img,
    .popup-mobil img {
        width: 100%;        /* genişlik popup’a uyumlu */
        height: auto;       /* oran korunur */
        max-height: 80vh;   /* ekranı aşmasın */
        display: block;
        border-radius: 5px;
    }

	
	.popup-website img {
	    max-width: 100%;
	    max-height: 100%;
	}
	.popup-mobil img {
	    max-width: 100%;
	    max-height: 100%;
	}
	
	.close-button {
	    position: absolute;
	    top: 10px;
	    right: 8px;
	    font-size: 25px;
	    background-color: #FFFFFF;
	    padding: 3px 10px 10px 10px;
	    border-bottom-left-radius: 10px; 
	    border: none;
	    cursor: pointer;
	    color: black;
	}