.werc-list {
    display: grid;
    grid-template-columns: repeat(var(--werc-columns-desktop, 4), minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;
    align-items: stretch;
}

.werc-item {
    display: flex;
    min-width: 0;
    height: 100%;
}

/* Elementor šablóna vyplní celú bunku gridu, aby boli vizuálne medzery medzi riadkami rovnaké. */
.werc-item > .elementor,
.werc-item > .elementor-location-single,
.werc-item > .elementor-location-archive {
    width: 100%;
    height: 100%;
}

.werc-item > .elementor > .elementor-element,
.werc-item > .elementor > .elementor-section-wrap,
.werc-item > .elementor-location-single > .elementor-element,
.werc-item > .elementor-location-archive > .elementor-element {
    height: 100%;
}

@media (max-width: 1024px) {
    .werc-list {
        grid-template-columns: repeat(var(--werc-columns-tablet, 2), minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .werc-list {
        grid-template-columns: repeat(var(--werc-columns-mobile, 1), minmax(0, 1fr));
        column-gap: 0;
        row-gap: 20px;
    }
}