@media screen and (max-width: 767px) {
    .swipe-mobile {
        --page-padding: 15px;
        overflow-y: hidden;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        scroll-behavior: smooth;
        padding-inline: var(--page-padding);
        margin-inline: calc(var(--page-padding) * -1);
        scroll-padding-inline: var(--page-padding);
        scrollbar-width: none;
        display: grid !important
    }

    .swipe-mobile--2-cols {
        --mobile-column-width: 40vw
    }

    .swipe-mobile__inner {
        --slider-grid: auto / auto-flow var(--mobile-column-width, 66vw);
        display: grid;
        grid:var(--slider-grid);
        column-gap: var(--column-gap-mobile);
        margin-inline: 0 !important
    }

    .swipe-mobile__inner > * {
        scroll-snap-align: start;
        padding-inline: 0 !important;
        width: 100%
    }

    .swipe-mobile::-webkit-scrollbar {
        display: none
    }
}

.f-gallery .m\:display-grid {
    gap: var(--column-gap-mobile)
}

@media screen and (min-width: 1024px) {
    .f-gallery .m\:display-grid {
        column-gap: var(--column-gap)
    }

    .f-gallery:not(.f-gallery--1-rows) .m\:display-grid {
        row-gap: var(--row-gap)
    }
}

.f-gallery__info {
    grid-row-start: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 20px
}

.f-gallery__content {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.f-gallery__icon {
    width: 50px;
    height: 50px;
    background: rgba(var(--bg-white), 1);
    color: rgba(var(--text-black), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    will-change: transform;
    transition: opacity var(--f-duration-default, 0.25s) cubic-bezier(0.4, 0, 0.21, 0.99), transform var(--f-duration-default, 0.25s) cubic-bezier(0.4, 0, 0.21, 0.99);
    transform: translateY(20%);
    opacity: 0
}

.f-gallery__media {
    transform: scale(1.1);
    will-change: transform;
    transition: transform var(--f-duration-image) ease
}

.f-gallery__item:not(.f-gallery__info) {
    align-self: self-start
}

.f-gallery__item:hover .f-gallery__media {
    transform: scale(1)
}

.f-gallery__item:hover .f-gallery__icon {
    transform: translateY(0);
    opacity: 1
}

.f-gallery-section .m\:row-end-3 {
    grid-row-end: 3
}

.f-gallery-section .m\:row-end-4 {
    grid-row-end: 4
}

.f-gallery-section .m\:col-3-5 {
    grid-column-start: 3;
    grid-column-end: 5
}

.f-gallery-section .m\:col-1-3 {
    grid-column-start: 1;
    grid-column-end: 3
}

.f-gallery-section .m\:col-4-6 {
    grid-column-start: 3;
    grid-column-end: 5
}

@media screen and (min-width: 1280px) {
    .f-gallery-section .m\:col-4-6 {
        grid-column-start: 4;
        grid-column-end: 6
    }
}