/* Doğa tema */
:root {
	--primary: #2f6b3b;
	--primary-dark: #22502c;
	--accent: #a7c957;
	--bg: #f2f7ee;
	--surface: #ffffff;
	--text: #1f2a1f;
	--muted: #5b6b58;
	--border: #dbe7d3;
	--radius: 12px;
	--shadow: 0 2px 8px rgba(40, 80, 40, .08);
	--shadow-hover: 0 8px 22px rgba(40, 80, 40, .16);
}

.site-header { background: var(--primary-dark); }
.header-spacer { height: var(--header-height); }

.city-tiles { margin-bottom: 8px; padding: 26px 0 30px; background: var(--primary); }
.city-tiles-title { margin: 0 0 16px; color: #fff; font-size: 20px; font-weight: 600; }
.city-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.city-tile {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: var(--radius);
	color: #fff;
	font-weight: 600;
}
.city-tile:hover { background: #fff; color: var(--primary); }
.city-initial {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--primary-dark);
	font-size: 18px;
}

.listing-card { border-top: 4px solid var(--accent); }
.listing-phone:before { color: var(--primary); }
.call-button { background: var(--primary); }
.footer { background: var(--primary-dark); color: #c9dbc2; }

@media (max-width: 768px) {
	.city-grid { grid-template-columns: repeat(2, 1fr); }
}