.yddd-gallery-page{

    padding:80px 0;
}

.gallery-title{

    text-align:center;

    margin-bottom:50px;

    color:#d4af37;
}

.yddd-gallery-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:24px;
}

.yddd-gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    display:block;

    background:#111;

    border:
    1px solid rgba(212,175,55,.18);
}

.yddd-gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    display:block;

    transition:
    transform .5s ease;
}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:
    rgba(0,0,0,.25);

    opacity:0;

    transition:
    opacity .4s ease;
}

.yddd-gallery-item:hover img{

    transform:
    scale(1.05);
}

.yddd-gallery-item:hover .gallery-overlay{

    opacity:1;
}

.yddd-lightbox-popup{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.94);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:999999;
}

.yddd-lightbox-popup img{

    max-width:92%;

    max-height:92vh;

    border-radius:18px;
}

@media(max-width:1100px){

    .yddd-gallery-grid{

        grid-template-columns:
        repeat(3,1fr);
    }
}

@media(max-width:800px){

    .yddd-gallery-grid{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:520px){

    .yddd-gallery-grid{

        grid-template-columns:1fr;
    }
}