/*
 * Editorial tile bulunan ürün gridinde dense yerleşim kullanıyoruz.
 * Bu, pagination / AJAX / farklı kolon sayılarında geride tek ürün veya boş
 * hücre kalmasını önler; ürünler yalnızca mevcut boş grid hücrelerini doldurur.
 */
.sceg-editorial-grid-active {
	grid-auto-flow: row dense !important;
}

.sceg-editorial-tile {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background: #f4f4f4;
	grid-row: span 2 !important;
	align-self: stretch;
	justify-self: stretch;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.sceg-editorial-tile__media {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.sceg-editorial-tile img {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
	object-fit: cover;
	object-position: center center;
	transition: transform .6s ease;
}

.sceg-editorial-tile:hover img {
	transform: scale(1.015);
}

.sceg-editorial-tile--left {
	justify-self: start;
}

.sceg-editorial-tile--right {
	justify-self: end;
}

.sceg-editorial-tile--single-column {
	aspect-ratio: 4 / 5;
}

@media (max-width: 768px) {
	.sceg-editorial-grid-active {
		grid-auto-flow: row !important;
	}

	.sceg-editorial-tile {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		aspect-ratio: 4 / 5;
		height: auto;
	}

	.sceg-editorial-tile__media,
	.sceg-editorial-tile img {
		height: 100%;
		min-height: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sceg-editorial-tile img {
		transition: none;
	}
}