.gallery {}

.gallery__item {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    border-radius: var(--sph-border-radius--m);
    box-shadow: var(--sph-shadow);
    overflow: hidden;
}

.gallery__item__image {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: var(--ff-border-radius--m);
}

.gallery__item__inner {
    width: 100%;
    height: 100%;
}

/* gallery--swiper */

.gallery--swiper {}

/* gallery--thumnail */

.gallery--thumbnail .gallery__inner {
    display: grid;
}

/* gallery--swiper-1 */

.gallery--swiper-1 .gallery__item {
    width: min(100%, 660px);
    aspect-ratio: 3 / 2;
}

.gallery--swiper-1 .gallery__item:not(:last-child) {
    margin-right: var(--spacing--3xs);
}

/* gallery--swiper-1 */

.gallery--swiper-2 .gallery__item {
    aspect-ratio: 10 / 7;
}

/* gallery--grid  */

.gallery--grid .gallery__inner {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    grid-auto-rows: auto;
    gap: 10px;
}
@media only screen
    and (max-width : 500px) {
    
    .gallery--grid .gallery__inner {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
        grid-auto-rows: auto;
        gap: 5px;
    }
    
}


.gallery--grid .gallery__item {
    aspect-ratio: 3 / 2;
}
.gallery--grid. gallery__copyright {
    display: none;
}

/* gallery--layout */

.gallery--layout {
    --gallery--layout-gaps: var(--spacing--xs);
    --gallery--layout-gaps-half: calc(var(--gallery--layout-gaps) / 2);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    max-width: var(--max-width--l);
}

.gallery--layout .gallery__inner {
    margin: calc(var(--gallery--layout-gaps-half) * -1);
    display: grid;
    grid-template-columns: repeat(20, 1fr); 
    grid-auto-rows: clamp(10px, 4vw, 40px);
    column-gap: 0px;
    row-gap: 0px;
    grid-auto-flow: dense;
}

.gallery--layout .gallery__item {
    margin: var(--gallery--layout-gaps-half);
}