﻿/* 2×2 сетка.
        Проблема была в фиксированной высоте ячеек — снимаем её. */
.photo-grid-2x2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important; /* строки по контенту, не фиксированная высота */
    align-items: start !important; /* не растягивать элементы по высоте строки */
    gap: 24px;
    max-width: 1280px;
    margin: 0 auto 2rem;
}

/* ячейки не ограничивают высоту и ничего не обрезают */
.photo-grid-2x2 > * {
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* сами изображения занимают всю ширину и растут по высоте без ограничений */
.photo-grid-2x2 img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    box-sizing: border-box;
}

/* мобильная адаптация */
@media (max-width: 880px) {
    .photo-grid-2x2 {
        grid-template-columns: 1fr;
    }
}


