.f_related {
	width: 100%;
	justify-content: center;
	position: relative;
	margin-bottom: 100px;
	--f_related_all_width: 100vw;
	--f_related_all_height: calc( var(--f_related_big_width) / 0.66 * 0.37 );
	--maxSlider_item_width: calc( var(--f_related_all_width) * 0.57 );
	--maxSlider_item_gap: 5px;
	--maxSlider_center_offset: calc(
		( var( --f_related_all_width ) - var(--f_related_big_width) ) / 2 );
	--f_related_big_width: calc( var(--f_related_all_width) * 0.66 );
}

.f_related_items {
	display: flex;
	flex-grow: 1;
	overflow: hidden;
}

.f_related_itemsInner {
	display: flex;
	transition: transform 0.5s;
	transform: translateX( calc( var( --maxSlider_center_offset ) -
		var(--maxSlider_item_width) - 5px ) );
	height: var(--f_related_all_height);
}

.f_related_items img {
	--f_related_img_width: var(--maxSlider_item_width);
	width: var(--f_related_img_width);
	height: calc( var(--f_related_img_width) / 0.66 * 0.37 );
	margin-right: var(--maxSlider_item_gap);
	transition: 0.5s;
	object-fit: cover;
	user-select: none;
	-webkit-user-drag: none;
}

.f_related_items img.f__active {
	--f_related_img_width: var(--f_related_big_width);
}