/* Süper Halı Yıkama brand layer. */
:root {
	--mispak-primary-dark: #043d78;
	--mispak-gold: #18a6c9;
}

.brand-wordmark {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	color: var(--mispak-ink);
	line-height: 1;
	text-decoration: none;
}

.brand-wordmark strong {
	color: var(--mispak-primary);
	font-size: clamp(1.55rem, 2.2vw, 2rem);
	font-weight: 900;
	letter-spacing: -.045em;
	white-space: nowrap;
}

.brand-wordmark small {
	margin-top: 7px;
	color: var(--mispak-ink);
	font-size: .78rem;
	font-weight: 750;
	letter-spacing: .22em;
	text-transform: uppercase;
	white-space: nowrap;
}

.site-header.shrunk .brand-wordmark {
	width: 100% !important;
	height: auto !important;
}

.discount-card {
	background: linear-gradient(105deg, var(--mispak-primary-dark), var(--mispak-primary));
}

.cta-card {
	background: linear-gradient(110deg, #f3f7fb 0, #fff 46%, var(--mispak-primary) 46.2%, #18a6c9 100%);
}

.footer-brand.has-text-logo .footer-logo {
	width: 300px !important;
	height: auto !important;
	color: #fff;
}

.footer-brand.has-text-logo .brand-wordmark strong { color: #58c6e2; }
.footer-brand.has-text-logo .brand-wordmark small { color: #fff; }

.area-groups,
.area-archive-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.area-group,
.area-archive-group { min-width: 0; padding: 24px; border: 1px solid var(--mispak-line); border-radius: 14px; background: #f8fbff; }
.area-group-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.area-group-head h2,
.area-group-head h3 { margin: 0; }
.area-group-head a { font-weight: 750; }
.area-group .area-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.area-archive-group .area-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.district-link-list { columns: 2; column-gap: 36px; }
.district-link-list li { break-inside: avoid; margin-bottom: 8px; }

@media (max-width: 860px) {
	.area-groups,
	.area-archive-groups { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.brand-wordmark strong { font-size: 1.45rem; }
	.brand-wordmark small { font-size: .66rem; letter-spacing: .15em; }
	.footer-brand.has-text-logo .footer-logo { width: 260px !important; }
	.area-group,
	.area-archive-group { padding: 16px; }
	.area-group .area-list,
	.area-archive-group .area-archive-grid { grid-template-columns: 1fr; }
	.area-group-head { align-items: flex-start; flex-direction: column; }
	.district-link-list { columns: 1; }
}