/* ВНЕШНИЙ контейнер (тот, что .client3Imgslider / wrapper ряда) */
.client3Imgslider {
	--bleed: 82px;              /* тот же, что в карточках */
	position: relative;
	width: calc(100vw + 2 * var(--bleed));
	margin-left: calc(-1 * var(--bleed));
	margin-right: calc(-1 * var(--bleed)); /* на случай центрирующих контейнеров */
	overflow: visible;          /* чтобы ничего не пряталось */
	margin-top: 56px;
}

/* РЯД картинок: больше не ограничиваем max-width */
.skew-row {
	--gap: 5px;                /* твой видимый зазор */
	--bleed: 82px;              /* tan(11°) * 420px ≈ 81.6 */
	display: flex;
	gap: 0;                      /* управляем отступами сами */
	height: 420px;
	max-width: none;             /* важно */
	width: 100%;
	align-items: stretch;
}

/* Карточка с clip-path и «наездом», чтобы видимый зазор = --gap */
.skew-card {
	flex: 1 1 calc((100% - 3 * var(--gap)) / 4);
	position: relative;
	overflow: hidden;
	margin: 0;
	height: 100%;
	clip-path: polygon(var(--bleed) 0, 100% 0, calc(100% - var(--bleed)) 100%, 0 100%);
	margin-right: calc(var(--gap) - var(--bleed)); /* наезд */
}
.skew-card:last-child { margin-right: 0; }

.skew-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
