/**
 * Альбом (нода photogallery, /photogallery/...): сетка как «Портфолио» на главной.
 * Контейнер 1170px = 3×370 + 2×30, без gap.
 */

body.vesta-photogallery-album .container.section-services__inner,
body.vesta-photogallery-album #main .wr_content > .container {
    max-width: 1170px;
}

body.vesta-photogallery-album .field--name-field-portfolio .field__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.vesta-photogallery-album .field--name-field-portfolio .field__items > .field__item {
    flex: 0 0 auto;
    width: 370px;
    max-width: 370px;
    margin: 0 30px 30px 0;
    overflow: hidden;
    border-radius: 17px;
}

body.vesta-photogallery-album .field--name-field-portfolio .field__items > .field__item:nth-child(3n) {
    margin-right: 0;
}

body.vesta-photogallery-album .field--name-field-portfolio img {
    display: block;
    width: 370px;
    height: 370px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 17px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    body.vesta-photogallery-album .field--name-field-portfolio .field__items > .field__item {
        width: calc((100% - 60px) / 3);
        max-width: calc((100% - 60px) / 3);
    }
}

@media (max-width: 767.98px) {
    body.vesta-photogallery-album .field--name-field-portfolio .field__items > .field__item {
        width: 100%;
        max-width: 370px;
        margin-right: 0;
    }
}
