.shopmenu {
    background-color: black;
    font: bold 13px Verdana;
    color: white;
}

.divUrun {
    width: 120px;
    height: 120px;
}

.imgUrun {
    width: 100%;
    height: 100%;
}

.tdItem {
    border: 3px solid black;
    width: 200px;
}

.urunFiyat {
    font: bold 22px Verdana;
}

.urunAd {
    font: bold 14px Verdana;
}

.urunAd, .urunFiyat {
    text-align: center;
}

.divContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sepeteEkle {
    width: 130px;
    background-color: #6ed4fb;
    font: bold 17px Verdana;
    cursor: pointer;
    border-radius: 6px;
}

    .sepeteEkle:hover {
        background-color: #31c1f8;
    }

.resimbuyuk {
    visibility: hidden;
    display: none; /* Popup'ı varsayılan olarak gizle */
    position: fixed; /* Popup'ı sabit pozisyonda tut */
    top: 50%; /* Popup'ı dikey eksende ortala */
    left: 50%; /* Popup'ı yatay eksende ortala */
    transform: translate(-50%, -50%); /* Popup'ı dikey ve yatay eksende ortala */
    z-index: 9999; /* Popup'ın diğer elemanlar üzerinde kalmasını sağla */
}

#bresim {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.overlay {
    display: none; /* Overlay'ı varsayılan olarak gizle */
    position: fixed; /* Overlay'ı sabit pozisyonda tut */
    top: 0;
    left: 0;
    width: 100%; /* Overlay'ı ekranın tamamını kapla */
    height: 100%; /* Overlay'ı ekranın tamamını kapla */
    background-color: rgba(0, 0, 0, 0.7); /* Siyah renk ve yarı saydam bir opaklık ayarla */
    z-index: 9998; /* Popup'tan önce görünmesini sağla */
}