/* Çıkış butonunu büyütelim ve sağ üstte görünür yapalım */
#lightbox .lb-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6) !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><line x1="0" y1="0" x2="20" y2="20" stroke="white" stroke-width="2"/><line x1="20" y1="0" x2="0" y2="20" stroke="white" stroke-width="2"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 60% !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.lb-closeContainer .lb-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: rgba(0,0,0,0.6) !important;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    line-height: 40px;
    font-size: 22px !important;
    color: #fff !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}
.galeri-img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .galeri-img:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }
.container {
    max-width: 100%;
    overflow-x: hidden;
}