.images-cards { margin: 0; padding: 0; }
.images-cards__container {max-width: 1170px;margin: 0 auto;}
.images-cards__grid { display: grid; gap: 10px; }
.images-cards__grid.images-cards__grid--cols-1 { grid-template-columns: 1fr; }
.images-cards__grid.images-cards__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.images-cards__grid.images-cards__grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.images-cards__thumb { border-radius: 12px; overflow: hidden; background: var(--color-turquoise); }
.images-cards__img { width: 100%; height: auto; display: block; }

.images-cards__grid.swiper { display: block; }
.images-cards__grid.swiper .images-cards__card { width: auto; }

@media (max-width: 1024px) { .images-cards__grid.images-cards__grid--cols-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .images-cards__grid.images-cards__grid--cols-2, .images-cards__grid.images-cards__grid--cols-3 { grid-template-columns: 1fr; } }

.images-cards__grid--slider:not(.swiper) { display: flex; gap: 10px; overflow: hidden; padding-bottom: 60px; }
.images-cards__grid--slider:not(.swiper) > .images-cards__card { flex: 0 0 100%; min-width: 0; }
@media (min-width: 768px) { .images-cards__grid--slider:not(.swiper):not([data-slides="1"]) > .images-cards__card { flex-basis: calc((100% - 10px) / 2); } }
@media (min-width: 1024px) {
    .images-cards__grid--slider[data-slides="3"]:not(.swiper) > .images-cards__card { flex-basis: calc((100% - 20px) / 3); }
    .images-cards__grid--slider[data-slides="4"]:not(.swiper) > .images-cards__card { flex-basis: calc((100% - 30px) / 4); }
    .images-cards__grid--slider[data-slides="4"]:not(.swiper):not(:has(> .images-cards__card:nth-child(5))) { padding-bottom: 0; }
}