/* BLOCK: Simple Image Gallery */

.block-simple-image-gallery .swiper {
    max-width: calc(100vw - 2 * var(--offset, 0px));
}

.block-simple-image-gallery .swiper-slide {
    aspect-ratio: 1.8583;
}

.block-simple-image-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-simple-image-gallery .actions {
    margin-top: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
}

.block-simple-image-gallery .swiper-navigation {
    gap: 1.25rem;
}

.block-simple-image-gallery .swiper-navigation button {
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    aspect-ratio: unset;
}

@media screen and (width <= 620px) {
    .block-simple-image-gallery .swiper-slide {
        aspect-ratio: 342 / 420;
    }

    .block-simple-image-gallery .actions {
        gap: 1.5625rem;
    }

    .block-simple-image-gallery .swiper-navigation {
        gap: 1.5625rem;
    }
}