/* =========================
   صفحه تصاویر
========================= */

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    margin: 30px auto;
}

.gallery img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: 8px;
}


/* =========================
   موبایل
========================= */

@media screen and (max-width: 600px) {

    .gallery {
        display: block;
        width: 100%;
        margin: 20px auto;
    }

    .gallery img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 0 0 15px 0;
        object-fit: contain;
        border-radius: 8px;
    }
}