/**
 * Social CTA banner photo — только .home-social-cta__banner-photo
 * Размеры слотов по Figma (1920 / 1440 / 1000 / 768 / 480 / 320).
 */

.home-social-cta__banner-photo-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: visible;
    min-width: 0;
}

.home-social-cta__banner .home-social-cta__banner-photo {
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center bottom;
    transition: none;
}

.home-social-cta__banner .home-social-cta__banner-photo.is-vb-social-photo-pending {
    visibility: hidden;
}

/* 1920 — 651×424 */

@media (min-width: 1921px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 114%;
        max-width: none;
        max-height: none;
    }
}

@media (max-width: 1920px) and (min-width: 1441px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 114%;
        max-width: none;
        max-height: none;
    }
}

/* 1440 — ~359×336 (с padding 10px в home-page.css) */
@media (min-width: 1200px) and (max-width: 1440px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
    }
}

/* 1000 — ~393×360 */
@media (min-width: 769px) and (max-width: 1200px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
    }
}

/* 768 — 342×252, фото справа */
@media (min-width: 481px) and (max-width: 768px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
    }
}

/* 480 — колонка, фото 432×262 */
@media (max-width: 480px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
}

/* 320 — колонка, фото 280×172 */
@media (max-width: 320px) {
    .home-social-cta__banner .home-social-cta__banner-photo {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
}