/**
 * İstanbul Av Market — Slider altı promo banner satırları
 * 7921a32 = masaüstü (4 yan yana) | 9501318 = mobil/tablet (2x2 grid)
 * Elementor visibility sınıflarına saygılı — çift gösterim engellenir.
 */

/* ── Masaüstü: 4 banner yan yana ── */
@media (min-width: 1025px) {
	body.home .elementor-element-7921a32 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		width: 100% !important;
		max-width: 1320px !important;
		margin: 18px auto 0 !important;
		padding: 0 16px !important;
		gap: 12px !important;
		box-sizing: border-box !important;
	}

	body.home .elementor-element-7921a32 > .e-con {
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	body.home .elementor-element-7921a32 .elementor-widget-wd_image_or_svg,
	body.home .elementor-element-7921a32 .wd-image,
	body.home .elementor-element-7921a32 img {
		width: 100% !important;
		height: auto !important;
		max-height: 200px !important;
		display: block !important;
		object-fit: cover !important;
		border-radius: 8px;
	}

	/* Mobil grid masaüstünde kesinlikle gizli */
	body.home .elementor-element-9501318 {
		display: none !important;
	}
}

/* ── Tablet + mobil: 2x2 grid ── */
@media (max-width: 1024px) {
	body.home .elementor-element-7921a32 {
		display: none !important;
	}

	body.home .elementor-element-9501318 {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-rows: auto !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 1320px !important;
		margin: 16px auto 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
	}

	body.home .elementor-element-9501318 > .elementor-widget {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body.home .elementor-element-9501318 .wd-image,
	body.home .elementor-element-9501318 img {
		width: 100% !important;
		height: auto !important;
		max-height: 160px !important;
		display: block !important;
		object-fit: cover !important;
		border-radius: 8px;
	}
}

@media (max-width: 480px) {
	body.home .elementor-element-9501318 {
		gap: 8px !important;
		padding: 0 10px !important;
	}

	body.home .elementor-element-9501318 .wd-image,
	body.home .elementor-element-9501318 img {
		max-height: 130px !important;
	}
}