/*
 * otocekicim — sayfa-bolgeler.css
 *
 * Bölgeler arşivi (/bolgeler/).
 *
 * Prototipte ayrı bir "Bölgeler" ekranı yoktur; görünüm anasayfadaki #bolgeler
 * bölümünün dilinden türetilmiştir. Kart ölçüleri temel.css'teki .otc-kart
 * ailesinden gelir; burada yalnız .otc-ba-* sınıfları ve kart ailesinin
 * KAPSAMLI (yalnız .otc-ba-kart içinde geçerli) düzeltmeleri yazılır (K8).
 * HEX yazılmaz, 100vw ve !important kullanılmaz (K3, K5, K32).
 * Kırılımlar yalnız 760 ve 560'tır (K31).
 */

/* ---------------------------------------------------------- 1. Kart ızgarası */

/* Hizmetler arşiviyle aynı ritim: padding:80px 0 96px */
.otc-ba-liste {
	padding: 80px 0 96px;
}

/* Hizmetler arşiviyle aynı ızgara: minmax(min(100%,320px),1fr); gap:24px */
.otc-ba-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 24px;
}

/* ---------------------------------------------------------- 2. Bölge kartı */

.otc-ba-kart .otc-kart-govde {
	gap: 12px;
}

/*
 * .otc-kart-baslik'in 8px üst boşluğu hizmet kartındaki ikon rozeti içindir;
 * bölge kartında rozet yok, boşluk sıfırlanır (kapsamlı ezme).
 */
.otc-ba-kart .otc-kart-baslik {
	margin-top: 0;
	font-size: 20px;
	line-height: 1.25;
}

/* Mahalle / bağlantı sayısı satırı. */
.otc-ba-sayi {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--otc-gri);
	text-wrap: pretty;
}

/* "Detaylı bilgi" kartın dibine yapışır; özetler farklı uzunlukta olsa da hizalı kalır. */
.otc-ba-kart .otc-devam {
	margin-top: auto;
	padding-top: 6px;
}

/* ---------------------------------------------------------- 3. Kırılımlar */

/* 760px — bölüm ritmi mobil değerine iner (K31). */
@media (max-width: 759.98px) {

	.otc-ba-liste {
		padding: 48px 0 56px;
	}
}

/* 560px — kart iç dolgusu bir kademe daralır (K31). */
@media (max-width: 559.98px) {

	.otc-ba-kart .otc-kart-govde {
		padding: 20px;
	}
}