/* Sekcja: photo_map - pełny CSS sekcji (zapis zagnieżdżony). */

.photo-map {
    .foto {
        width: 50%;

        .image {
            height: 100%;
            margin-top: 0;
            margin-bottom: 0;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .google-maps {
        width: 50%;

        iframe {
            width: 100%;
            height: 100%;
            min-height: 200px;
        }
    }
}

@media (max-width: 991.5px) {
    .photo-map {
        .wrapper {
            flex-direction: column;

            .foto {
                width: 100%;
            }

            .google-maps {
                width: 100%;

                iframe {
                    height: 50vw;
                }
            }
        }
    }
}