/* ==========================================================================
   ux.css — Onur Tercüme
   Kullanıcı deneyimi, erişilebilirlik ve form katmanı.
   style.css'ten SONRA yüklenir; tasarımı değiştirmez, eksiklerini tamamlar.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) DM Sans — kendi sunucumuzda barındırılıyor

   style.css tüm başlıklarda `font-family: "DM Sans", serif` diyordu ama sitede
   ne @font-face ne de Google Fonts bağlantısı vardı; başlıklar ziyaretçide
   serif'e (Times) düşüyordu. Değişken font, 2 dosya, toplam 55 KB.
   Google'a istek gitmez — hem daha hızlı hem KVKK açısından temiz.
   Lisans: SIL Open Font License 1.1
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 100 1000;
	font-display: swap;
	src: url("../fonts/dmsans-var-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
	               U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
	               U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 100 1000;
	font-display: swap;
	src: url("../fonts/dmsans-var-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
	               U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
	               U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Yedek zinciri: DM Sans gelmezse serif değil, sistem sans-serif kullanılsın. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	             "Helvetica Neue", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   2) Erişilebilirlik
   -------------------------------------------------------------------------- */

/* Klavye ile gezenler için görünür odak halkası. Şablonlar bunu genelde
   siler; silinince klavye kullanıcısı sayfada nerede olduğunu göremez. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #1a73e8;
	outline-offset: 2px;
	border-radius: 3px;
}

/* İçeriğe atla — Tab'a ilk basışta belirir. */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	background: #111;
	color: #fff;
	padding: 12px 20px;
	border-radius: 0 0 6px 0;
	font-size: 15px;
	text-decoration: none;
}
.skip-link:focus {
	left: 0;
	color: #fff;
}

#icerik:focus {
	outline: none;
}

/* Dokunma hedefleri — mobilde 44px altı bağlantılara basmak zordur. */
@media (max-width: 991px) {
	.top-nav a,
	.footer-one-single-wized .links a,
	.single-categories a,
	.tags-wrapper a {
		display: inline-block;
		min-height: 44px;
		line-height: 1.5;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

/* Hareket azaltma tercihi — sonsuz animasyonlar kapatılır. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* --------------------------------------------------------------------------
   3) Form sistemi
   -------------------------------------------------------------------------- */

.site-form label.form-label-sm {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #20282d;
	margin-bottom: 6px;
	line-height: 1.4;
}
.site-form label.form-label-sm span[aria-hidden] {
	color: #b3261e;
}

/* Etiket eklendiği için alanların alt boşluğu küçültüldü. */
.site-form input,
.site-form select,
.site-form textarea,
.contact-form-p .site-form input,
.contact-form-p .site-form textarea {
	margin-bottom: 18px;
	width: 100%;
}

.site-form input,
.site-form select {
	height: 52px;
	border: 1px solid rgba(32, 40, 45, 0.25);
	border-radius: 6px;
	padding: 0 14px;
	font-size: 16px; /* 16px altı iOS'ta odakta sayfayı zoomlar */
	background: #fff;
}

.site-form textarea {
	border: 1px solid rgba(32, 40, 45, 0.25);
	border-radius: 6px;
	padding: 12px 14px;
	font-size: 16px;
	min-height: 110px;
}

.site-form input:focus,
.site-form select:focus,
.site-form textarea:focus {
	border-color: var(--color-primary, #1a73e8);
}

.site-form input:invalid:not(:placeholder-shown),
.site-form select:invalid:not([value=""]) {
	border-color: #d93025;
}

.site-form .fg-soru {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
}

.site-form .form-note {
	font-size: 13px;
	line-height: 1.6;
	color: #5f6b73;
	margin-top: 14px;
	margin-bottom: 0;
}
.site-form .form-note a {
	text-decoration: underline;
}

.site-form .form-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.site-form .form-check-input {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin: 2px 0 0;
	flex: 0 0 auto;
}
.site-form .form-check-label {
	font-size: 14px;
	line-height: 1.55;
	margin: 0;
}

.site-form button[disabled] {
	opacity: 0.6;
	cursor: progress;
}

/* Gönderim sonrası mesaj */
.form-flash {
	scroll-margin-top: 120px;
}

/* --------------------------------------------------------------------------
   4) Teklif formu — adım göstergesi
   -------------------------------------------------------------------------- */

.teklif-adimlar {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0 0 26px;
	counter-reset: adim;
}
.teklif-adimlar li {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 600;
	color: #8b969d;
	padding: 10px 12px;
	border-radius: 6px;
	background: #f4f6f7;
	border-bottom: 3px solid transparent;
}
.teklif-adimlar li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	min-width: 26px;
	border-radius: 50%;
	background: #d7dee2;
	color: #fff;
	font-size: 13px;
}
.teklif-adimlar li.aktif {
	color: #20282d;
	background: #eaf2fd;
	border-bottom-color: var(--color-primary, #1a73e8);
}
.teklif-adimlar li.aktif span {
	background: var(--color-primary, #1a73e8);
}
.teklif-adimlar li.tamam span {
	background: #0f7b3f;
}
.teklif-adimlar li.tamam::after {
	content: "✓";
	margin-left: auto;
	color: #0f7b3f;
}

.teklif-butonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

@media (max-width: 575px) {
	.teklif-adimlar li {
		font-size: 12px;
		padding: 8px;
	}
	.teklif-butonlar .rts-btn {
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   5) SSS akordeonu — okunabilirlik
   -------------------------------------------------------------------------- */

.seo-faq-area .accordion-button {
	background: #fff;
	color: #20282d;
	text-align: left;
}
.seo-faq-area .accordion-button:not(.collapsed) {
	background: #f6f9ff;
	color: var(--color-primary, #1a73e8);
}
.seo-faq-area .accordion-body {
	color: #40484d;
}

/* --------------------------------------------------------------------------
   6) Hızlı erişim — mobil alt eylem çubuğu

   Masaüstünde mevcut yüzen WhatsApp/Ara butonları kalır. Mobilde o iki buton
   içeriğin üstüne biniyordu; onların yerine tek satırlık bir eylem çubuğu
   gelir: Ara · WhatsApp · Teklif Al.
   -------------------------------------------------------------------------- */

.hizli-erisim {
	display: none;
}

@media (max-width: 991px) {
	.hizli-erisim {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1001;
		background: #fff;
		border-top: 1px solid rgba(32, 40, 45, 0.14);
		box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.10);
		padding-bottom: env(safe-area-inset-bottom, 0);
	}
	.hizli-erisim a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		min-height: 58px;
		padding: 8px 4px;
		font-size: 12px;
		font-weight: 600;
		color: #20282d;
		text-decoration: none;
		border-right: 1px solid rgba(32, 40, 45, 0.10);
	}
	.hizli-erisim a:last-child {
		border-right: 0;
		background: var(--color-primary, #1a73e8);
		color: #fff;
	}
	.hizli-erisim a i {
		font-size: 17px;
	}

	/* Çubuk içeriği kapatmasın. */
	body {
		padding-bottom: 62px;
	}

	/* Mobilde yüzen butonlar gizlenir — işlevleri çubukta. */
	.whatsapp-float,
	.call-float {
		display: none !important;
	}
}

/* Masaüstünde yüzen butonların sonsuz animasyonu sakinleştirildi:
   sürekli hareket dikkat dağıtır ve pil tüketir. */
@media (min-width: 992px) {
	.whatsapp-float,
	.call-float {
		animation: none !important;
	}
	.whatsapp-icon,
	.call-icon {
		animation: none !important;
	}
	.call-float {
		text-transform: none;
		letter-spacing: 0;
	}
}

/* --------------------------------------------------------------------------
   7) Okunabilirlik
   -------------------------------------------------------------------------- */

.blog-details-area-inner-content p,
.seo-answer-lead p {
	max-width: 72ch;
}

/* Uzun tablolar mobilde sayfayı yatay kaydırmasın. */
.blog-details-area-inner-content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Bağlantı hedefine kaydırınca sabit başlığın altında kalmasın. */
:target {
	scroll-margin-top: 120px;
}

html {
	scroll-behavior: smooth;
}

/* --------------------------------------------------------------------------
   8) Kompakt çağrı kutusu

   İçerik sayfalarının altındaki tam teklif formunun yerini aldı. Form artık
   yalnızca ana sayfa, /iletisim ve /teklif adreslerinde duruyor.
   -------------------------------------------------------------------------- */

.cta-kutu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 44px 0 12px;
	padding: 28px 30px;
	background: linear-gradient(135deg, #f4f8ff 0%, #eef4fb 100%);
	border: 1px solid rgba(32, 40, 45, 0.10);
	border-left: 4px solid var(--color-primary, #1a73e8);
	border-radius: 10px;
}

.cta-kutu-metin {
	flex: 1 1 320px;
	min-width: 0;
}

.cta-kutu .cta-kutu-baslik {
	font-size: 21px;
	line-height: 1.35;
	margin: 0 0 8px;
	color: #16202a;
}

.cta-kutu-metin p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #4a565f;
	max-width: 56ch;
}

.cta-kutu-butonlar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	flex: 0 1 auto;
}

.cta-kutu-butonlar a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 20px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.cta-kutu-butonlar .cta-birincil {
	background: var(--color-primary, #1a73e8);
	color: #fff;
	box-shadow: 0 2px 8px rgba(26, 115, 232, 0.28);
}
.cta-kutu-butonlar .cta-birincil:hover {
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(26, 115, 232, 0.36);
}

.cta-kutu-butonlar .cta-ikincil {
	background: #fff;
	color: #16202a;
	border: 1px solid rgba(32, 40, 45, 0.18);
}
.cta-kutu-butonlar .cta-ikincil:hover {
	color: var(--color-primary, #1a73e8);
	border-color: var(--color-primary, #1a73e8);
}

@media (max-width: 767px) {
	.cta-kutu {
		flex-direction: column;
		align-items: stretch;
		padding: 22px 20px;
		margin: 32px 0 8px;
	}
	.cta-kutu-butonlar {
		flex-direction: column;
	}
	.cta-kutu-butonlar a {
		justify-content: center;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   9) Makale / içerik tipografisi

   Global başlık ölçüleri afiş boyutundaydı (--h1 60px, --h2 48px). CMS'ten
   gelen gövde metninin içindeki h2/h3 de bunları miras alınca makale başlıkları
   okunamayacak kadar büyük çıkıyordu. Aşağıdaki ölçüler yalnızca içerik
   alanını kapsar; sayfa kahramanı (hero) başlıkları etkilenmez.
   -------------------------------------------------------------------------- */

.blog-details-area-inner-content h1.title {
	font-size: 34px;
	line-height: 1.25;
	margin-bottom: 18px;
}

.blog-details-area-inner-content h2,
.blog-details-area-inner-content .seo-faq-area .title {
	font-size: 25px;
	line-height: 1.35;
	margin-top: 38px;
	margin-bottom: 14px;
}

.blog-details-area-inner-content h3 {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 28px;
	margin-bottom: 10px;
}

.blog-details-area-inner-content h4 {
	font-size: 18px;
	line-height: 1.45;
	margin-top: 22px;
	margin-bottom: 8px;
}

.blog-details-area-inner-content h5,
.blog-details-area-inner-content h6 {
	font-size: 16px;
	margin-top: 18px;
	margin-bottom: 8px;
}

/* İlk başlık üstünde gereksiz boşluk olmasın. */
.blog-details-area-inner-content > h2:first-child,
.blog-details-area-inner-content > h3:first-child {
	margin-top: 0;
}

.blog-details-area-inner-content p {
	font-size: 17px;
	line-height: 1.75;
	margin-bottom: 16px;
	color: #33404a;
}

.blog-details-area-inner-content li {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 8px;
	color: #33404a;
}

.blog-details-area-inner-content ol {
	padding-left: 22px;
}

.blog-details-area-inner-content strong {
	color: #16202a;
}

/* Gövde içindeki bağlantılar metinden ayırt edilebilsin. */
.blog-details-area-inner-content p a,
.blog-details-area-inner-content li a {
	color: var(--color-primary, #1a73e8);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.blog-details-area-inner-content blockquote {
	margin: 26px 0;
	padding: 16px 22px;
	border-left: 4px solid var(--color-primary, #1a73e8);
	background: #f6f9ff;
	font-size: 17px;
	line-height: 1.7;
}

.blog-details-area-inner-content table {
	font-size: 16px;
	border-collapse: collapse;
	margin: 22px 0;
}
.blog-details-area-inner-content table th,
.blog-details-area-inner-content table td {
	padding: 10px 14px;
	border: 1px solid rgba(32, 40, 45, 0.14);
	text-align: left;
	vertical-align: top;
}
.blog-details-area-inner-content table th {
	background: #f4f6f8;
	font-weight: 700;
}

.blog-details-area-inner-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 18px 0;
}

@media (max-width: 767px) {
	.blog-details-area-inner-content h1.title { font-size: 27px; }
	.blog-details-area-inner-content h2       { font-size: 22px; margin-top: 30px; }
	.blog-details-area-inner-content h3       { font-size: 19px; }
	.blog-details-area-inner-content p,
	.blog-details-area-inner-content li       { font-size: 16px; }
}

/* Sayfa başlığı (hero).

   Tema --h1'i 60px veriyor; afiş için tasarlanmış bir ölçü. İç sayfalarda
   altındaki her şeyi eziyor ve ekranın ilk görünen kısmını tek başına
   dolduruyordu. Aşağısı yalnızca iç sayfa başlığını küçültür. */
.rts-breadcrumb-area .title-area-left .title {
	font-size: 44px;
	line-height: 1.18;
}

@media (max-width: 1199px) {
	.rts-breadcrumb-area .title-area-left .title { font-size: 38px; }
}

@media (max-width: 767px) {
	.rts-breadcrumb-area .title-area-left .title { font-size: 32px; }
}

/* Kahraman (hero) başlıkları da mobilde taşmasın. */
@media (max-width: 575px) {
	.rts-breadcrumb-area .title-area-left .title {
		font-size: 28px;
		line-height: 1.25;
	}
	.rts-breadcrumb-area .disc.bread-td {
		max-width: 100% !important;
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   10) Ekmek kırıntısı (breadcrumb)

   Sitede görünür bir "neredesiniz" göstergesi yoktu; ziyaretçi bir hizmet
   sayfasına arama sonucundan girdiğinde üst kategoriye dönemiyordu.
   Şemadaki BreadcrumbList ile aynı kaynaktan (seo_breadcrumbs) üretilir.
   -------------------------------------------------------------------------- */

.ekmek-kirintisi {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.5;
}

.ekmek-kirintisi ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ekmek-kirintisi li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #6b767e;
	margin: 0;
}

.ekmek-kirintisi li:not(:last-child)::after {
	content: "›";
	color: #b6bfc5;
	font-size: 16px;
	line-height: 1;
}

.ekmek-kirintisi a {
	color: #4a565f;
	text-decoration: none;
}
.ekmek-kirintisi a:hover {
	color: var(--color-primary, #1a73e8);
	text-decoration: underline;
}

.ekmek-kirintisi li[aria-current="page"] {
	color: #16202a;
	font-weight: 600;
}

/* Uzun sayfa adları mobilde satırı taşırmasın. */
@media (max-width: 575px) {
	.ekmek-kirintisi li[aria-current="page"] {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   11) Yukarı çık butonu
   -------------------------------------------------------------------------- */

.yukari-cik {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(32, 40, 45, 0.14);
	border-radius: 50%;
	background: #fff;
	color: #16202a;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.14);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.yukari-cik.gorunur {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.yukari-cik:hover {
	color: var(--color-primary, #1a73e8);
	border-color: var(--color-primary, #1a73e8);
}

@media (max-width: 991px) {
	/* Mobil eylem çubuğunun üstünde dursun. */
	.yukari-cik {
		bottom: 74px;
		right: 14px;
		width: 42px;
		height: 42px;
	}
}

/* --------------------------------------------------------------------------
   12) Küçük düzeltmeler
   -------------------------------------------------------------------------- */

/* Yan sütun bağlantıları uzun başlıklarda taşıyordu. */
.rts-single-wized .single-categories a,
.rts-single-wized .tags-wrapper a {
	overflow-wrap: anywhere;
}

/* Gömülü haritaların mobilde yüksekliği gereksiz büyüktü. */
@media (max-width: 575px) {
	.map-area-main-footer-two iframe {
		height: 240px;
	}
}

/* Görsel yüklenmeden önce yer tutsun — sayfa zıplamasın (CLS). */
.blog-details-area-inner-content img,
.cta-kutu img {
	background: #f2f4f6;
}

/* Yazdırma: gereksiz her şey çıkmasın. */
@media print {
	.hizli-erisim,
	.yukari-cik,
	.whatsapp-float,
	.call-float,
	.skip-link,
	.cta-kutu,
	.rts-single-wized,
	header,
	footer {
		display: none !important;
	}
	.blog-details-area-inner-content {
		max-width: 100%;
	}
	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 11px;
		color: #666;
	}
}

/* --------------------------------------------------------------------------
   13) Eylem satırı — teklif / WhatsApp / telefon

   Ziyaretçiyi rahatsız etmeden harekete geçirmek için: açılır pencere yok,
   çıkış niyeti yakalayan katman yok, kendiliğinden açılan sohbet yok. Eylem,
   kullanıcının zaten baktığı yere konuyor ve üç kanaldan istediğini seçiyor.
   -------------------------------------------------------------------------- */

.eylem-satiri {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 26px;
}

.eylem-satiri a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 50px;
	padding: 0 24px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.15s ease, box-shadow 0.15s ease,
	            background 0.15s ease, color 0.15s ease;
}
.eylem-satiri a:hover {
	transform: translateY(-1px);
}

.eylem-satiri .eylem-birincil {
	background: var(--color-primary, #1a73e8);
	color: #fff;
	box-shadow: 0 3px 10px rgba(26, 115, 232, 0.30);
}
.eylem-satiri .eylem-birincil:hover {
	color: #fff;
	box-shadow: 0 6px 18px rgba(26, 115, 232, 0.40);
}

.eylem-satiri .eylem-wa {
	background: #25d366;
	color: #fff;
	box-shadow: 0 3px 10px rgba(37, 211, 102, 0.30);
}
.eylem-satiri .eylem-wa:hover {
	color: #fff;
	box-shadow: 0 6px 18px rgba(37, 211, 102, 0.40);
}

.eylem-satiri .eylem-tel {
	background: transparent;
	color: #16202a;
	border: 1px solid rgba(32, 40, 45, 0.22);
}
.eylem-satiri .eylem-tel:hover {
	border-color: var(--color-primary, #1a73e8);
	color: var(--color-primary, #1a73e8);
}

/* Koyu zeminde (hero, orta CTA bandı) */
.eylem-ters .eylem-tel {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.55);
}
.eylem-ters .eylem-tel:hover {
	background: #fff;
	color: #16202a;
	border-color: #fff;
}

.eylem-kucuk a {
	min-height: 42px;
	padding: 0 16px;
	font-size: 14px;
}

/* Hero içinde ortalanmış dursun. */
.banner-inner-two-content .eylem-satiri {
	justify-content: flex-start;
}

@media (max-width: 575px) {
	.eylem-satiri {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	.eylem-satiri a {
		justify-content: center;
		width: 100%;
	}
	/* Hero'da üç buton alt alta çok yer kaplar; telefon zaten alt çubukta. */
	.banner-inner-two-content .eylem-satiri .eylem-tel {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   14) Güven şeridi (hero altı)

   Kuruluş yılı, şube sayısı ve dil sayısı sayfanın çok altındaki sayaç
   bölümündeydi; ziyaretçi karar verirken görmüyordu. Tek satır, kaydırmasız.
   -------------------------------------------------------------------------- */

.guven-seridi {
	background: #f6f8fa;
	border-bottom: 1px solid rgba(32, 40, 45, 0.08);
	padding: 16px 0;
}

.guven-seridi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px 38px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.guven-seridi li {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-size: 15px;
	color: #46525b;
	white-space: nowrap;
}

.guven-seridi li strong {
	color: #16202a;
}

.guven-seridi i {
	color: var(--color-primary, #1a73e8);
	font-size: 16px;
}

@media (max-width: 767px) {
	.guven-seridi {
		padding: 12px 0;
	}
	.guven-seridi ul {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 22px;
		padding: 0 4px 2px;
		scrollbar-width: none;
	}
	.guven-seridi ul::-webkit-scrollbar {
		display: none;
	}
	.guven-seridi li {
		font-size: 13.5px;
	}
}

/* --------------------------------------------------------------------------
   15) Hizmet kartı ayak eylemleri

   Kartların üzerine gelince tüm içeriği kapatan bir katman açılıyordu:
   açıklama ve "Detaylar" bağlantısı kayboluyor, yerine etiketsiz bir "+"
   düğmesi geliyordu. Dokunmatik cihazlarda bu katman ya hiç açılmıyor ya da
   dokunuştan sonra takılı kalıyordu. Katman kaldırıldı; yerine iki gerçek
   eylem kondu.
   -------------------------------------------------------------------------- */

.service-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
}

.service-footer .service-wa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 6px;
	background: rgba(37, 211, 102, 0.10);
	color: #128c3f;
	border: 1px solid rgba(37, 211, 102, 0.35);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}
.service-footer .service-wa:hover {
	background: #25d366;
	color: #fff;
	border-color: #25d366;
}

/* --------------------------------------------------------------------------
   16) Form alternatifi
   -------------------------------------------------------------------------- */

.form-alternatif {
	font-size: 14.5px;
	line-height: 1.65;
	color: #5f6b73;
	margin: -4px 0 20px;
}
.form-alternatif a {
	color: var(--color-primary, #1a73e8);
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   17) Hub sayfaları — /diller ve /dokuman-turleri

   Menüdeki "Diller" ve "Doküman Türleri" başlıkları listenin ilk öğesine
   gidiyordu; tüm seçenekleri bir arada gösteren bir sayfa yoktu.
   -------------------------------------------------------------------------- */

.hub-giris {
	max-width: 74ch;
	margin: 0 auto 30px;
	text-align: center;
}
.hub-giris p {
	font-size: 17px;
	line-height: 1.75;
	color: #3a464f;
	margin: 0;
}
.hub-giris h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.hub-kart {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	height: 100%;
	min-height: 96px;
	padding: 20px 44px 20px 22px;
	background: #fff;
	border: 1px solid rgba(32, 40, 45, 0.12);
	border-radius: 10px;
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.hub-kart:hover {
	border-color: var(--color-primary, #1a73e8);
	box-shadow: 0 8px 22px rgba(26, 115, 232, 0.14);
	transform: translateY(-2px);
}

.hub-kart-ad {
	display: block;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: #16202a;
	margin-bottom: 4px;
}

.hub-kart-alt {
	display: block;
	font-size: 13px;
	color: #77838b;
}

.hub-kart i {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #b9c2c8;
	font-size: 15px;
	transition: color 0.18s ease, right 0.18s ease;
}
.hub-kart:hover i {
	color: var(--color-primary, #1a73e8);
	right: 14px;
}

.hub-kart:hover .hub-kart-ad {
	color: var(--color-primary, #1a73e8);
}

@media (max-width: 575px) {
	.hub-kart {
		min-height: 78px;
		padding: 16px 40px 16px 18px;
	}
	.hub-kart-ad { font-size: 16px; }
	.hub-giris p { font-size: 16px; }
}

/* --------------------------------------------------------------------------
   18) Yan sütun — "tümünü gör" bağlantısı

   Yan sütun listeleri bir hub sayfasına çıkış vermiyordu.
   -------------------------------------------------------------------------- */

.yan-tumu {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--color-primary, #1a73e8);
	text-decoration: none;
}
.yan-tumu:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Uzun listeler yan sütunu şişirmesin. */
.rts-single-wized .single-categories {
	max-height: 340px;
	overflow-y: auto;
}
.rts-single-wized .tags-wrapper {
	max-height: 300px;
	overflow-y: auto;
}

/* --------------------------------------------------------------------------
   19) İlgili hizmetler bloğu

   Canlı denetimde 10 makalenin 9'unda gövde metninde hiç iç link yoktu.
   Bu blok, yazının kendi metniyle eşleşen hizmetleri gösterir; eşleşme
   zayıfsa hiç basılmaz.
   -------------------------------------------------------------------------- */

.ilgili-hizmetler {
	margin: 40px 0 8px;
	padding: 24px 26px;
	background: #fbfcfd;
	border: 1px solid rgba(32, 40, 45, 0.10);
	border-radius: 10px;
}

.ilgili-hizmetler h2 {
	font-size: 19px !important;
	margin: 0 0 16px !important;
	color: #16202a;
}

.ilgili-hizmetler ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.ilgili-hizmetler li {
	margin: 0;
}

.ilgili-hizmetler a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 16px;
	background: #fff;
	border: 1px solid rgba(32, 40, 45, 0.10);
	border-radius: 8px;
	text-decoration: none;
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.ilgili-hizmetler a:hover {
	border-color: var(--color-primary, #1a73e8);
	box-shadow: 0 4px 14px rgba(26, 115, 232, 0.12);
}

.ilgili-hizmetler .ilgili-tip {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7b8790;
	background: #f1f4f6;
	padding: 4px 9px;
	border-radius: 4px;
}

.ilgili-hizmetler .ilgili-ad {
	flex: 1 1 auto;
	font-size: 16px;
	font-weight: 600;
	color: #16202a;
	line-height: 1.4;
}

.ilgili-hizmetler a:hover .ilgili-ad {
	color: var(--color-primary, #1a73e8);
}

.ilgili-hizmetler i {
	flex: 0 0 auto;
	color: #b9c2c8;
	font-size: 14px;
}
.ilgili-hizmetler a:hover i {
	color: var(--color-primary, #1a73e8);
}

@media (max-width: 575px) {
	.ilgili-hizmetler {
		padding: 18px 16px;
	}
	.ilgili-hizmetler a {
		flex-wrap: wrap;
		gap: 8px;
	}
	.ilgili-hizmetler .ilgili-ad {
		flex: 1 1 100%;
		font-size: 15px;
	}
}

/* Hub sayfası içerik bölümleri */
.hub-icerik {
	max-width: 78ch;
	margin: 46px auto 0;
}
.hub-icerik h2 {
	font-size: 24px;
	line-height: 1.35;
	margin: 32px 0 12px;
}
.hub-icerik h2:first-child { margin-top: 0; }
.hub-icerik p,
.hub-icerik li {
	font-size: 17px;
	line-height: 1.75;
	color: #33404a;
}
.hub-icerik ul { padding-left: 20px; }
.hub-icerik li { margin-bottom: 8px; }
.hub-icerik a {
	color: var(--color-primary, #1a73e8);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.hub-icerik table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	margin: 18px 0 8px;
}
.hub-icerik th,
.hub-icerik td {
	padding: 12px 14px;
	border: 1px solid rgba(32, 40, 45, 0.14);
	text-align: left;
	vertical-align: top;
}
.hub-icerik th {
	background: #f4f6f8;
	font-weight: 700;
}
@media (max-width: 767px) {
	.hub-icerik h2 { font-size: 21px; }
	.hub-icerik p,
	.hub-icerik li { font-size: 16px; }
}

/* Ana sayfa hizmet kartı: incele + WhatsApp yan yana */
.anasayfa-kart-eylem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 12px;
}
.anasayfa-kart-eylem .kart-wa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 50%;
	background: rgba(37, 211, 102, 0.12);
	border: 1px solid rgba(37, 211, 102, 0.35);
	color: #128c3f;
	font-size: 16px;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}
.anasayfa-kart-eylem .kart-wa:hover {
	background: #25d366;
	color: #fff;
	border-color: #25d366;
}

/* --------------------------------------------------------------------------
   20) Yazı içi not kutuları ve ikonlu listeler

   Makalelerde görsel ritim için: stok fotoğraf yerine ikon. Sayfayı
   yavaşlatmaz, telif sorunu yoktur, konuya birebir uyar.
   -------------------------------------------------------------------------- */

.blog-details-area-inner-content .yazi-not {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 26px 0;
	padding: 16px 20px;
	background: #f2f7ff;
	border-left: 4px solid var(--color-primary, #1a73e8);
	border-radius: 8px;
}

.blog-details-area-inner-content .yazi-not > i {
	flex: 0 0 auto;
	margin-top: 3px;
	font-size: 18px;
	color: var(--color-primary, #1a73e8);
}

.blog-details-area-inner-content .yazi-not p {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
}

.blog-details-area-inner-content .yazi-uyari {
	background: #fff8e6;
	border-left-color: #e0a400;
}
.blog-details-area-inner-content .yazi-uyari > i {
	color: #c48a00;
}

/* İkonlu liste: madde işareti yerine ikon */
.blog-details-area-inner-content li > i:first-child {
	color: var(--color-primary, #1a73e8);
	margin-right: 9px;
	font-size: 15px;
}
.blog-details-area-inner-content ul li:has(> i:first-child) {
	list-style: none;
	margin-left: -18px;
}

/* Yazı içi görsel — figure + figcaption.
   Kaynak bilgisi altta küçük punto; Pexels lisansı atıf zorunlu kılmıyor ama
   fotoğrafçıyı yazmak doğrusu. */
.blog-details-area-inner-content .yazi-gorsel {
	margin: 30px 0;
}

.blog-details-area-inner-content .yazi-gorsel img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
	background: #f2f4f6;
}

.blog-details-area-inner-content .yazi-gorsel figcaption {
	margin-top: 9px;
	font-size: 14px;
	line-height: 1.6;
	color: #5f6b73;
	text-align: center;
}

.blog-details-area-inner-content .yazi-gorsel figcaption span {
	color: #9aa4ac;
}

/* Makale kapak görseli */
.makale-kapak {
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 0 0 28px;
	background: #f2f4f6;
}

@media (max-width: 575px) {
	.blog-details-area-inner-content .yazi-not {
		padding: 14px 16px;
		gap: 11px;
	}
	.blog-details-area-inner-content .yazi-not p { font-size: 15px; }
	.makale-kapak { margin-bottom: 20px; }
	.blog-details-area-inner-content .yazi-gorsel { margin: 22px 0; }
}

/* --------------------------------------------------------------------------
   "Hangi onay gerekiyor?" sihirbazı

   JS'siz de çalışıyor: seçimler bağlantı, sonuç sunucudan geliyor. Stil de
   buna göre — hover ve odak durumları bağlantı davranışını taklit etmiyor,
   gerçekten bağlantılar.
   -------------------------------------------------------------------------- */

.sihirbaz {
	border: 1px solid #dfe5ea;
	border-radius: 12px;
	padding: 24px 26px 26px;
	margin: 0 0 34px;
	background: #fff;
}

/* Adım rayı — burada numaralandırma gerçek bir sıra bildiriyor. */
.sihirbaz-adimlar {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0 0 22px;
	padding: 0 0 18px;
	border-bottom: 1px solid #eef1f3;
	flex-wrap: wrap;
}

.sihirbaz-adimlar li {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: #9aa4ac;
	margin: 0;
	padding-right: 14px;
}

.sihirbaz-adimlar li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #eef1f3;
	color: #9aa4ac;
	font-size: 13px;
}

.sihirbaz-adimlar li.aktif { color: #16202a; }
.sihirbaz-adimlar li.aktif span {
	background: var(--color-primary, #1a73e8);
	color: #fff;
}

.sihirbaz-soru {
	font-size: 21px !important;
	line-height: 1.35;
	margin: 0 0 16px !important;
}

.sihirbaz-secim {
	font-size: 15px;
	color: #5f6b73;
	margin: 0 0 14px;
}
.sihirbaz-secim a {
	font-size: 14px;
	margin-left: 8px;
	color: var(--color-primary, #1a73e8);
}

.sihirbaz-secenekler {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.sihirbaz-secenekler.dikey { flex-direction: column; }

.sihirbaz-secenek {
	display: block;
	padding: 11px 16px;
	border: 1px solid #dfe5ea;
	border-radius: 8px;
	background: #fff;
	color: #16202a;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: border-color .15s, background .15s;
}
.sihirbaz-secenek:hover,
.sihirbaz-secenek:focus {
	border-color: var(--color-primary, #1a73e8);
	background: #f2f7ff;
	color: #16202a;
	text-decoration: none;
}
.sihirbaz-secenek.genis { width: 100%; }
.sihirbaz-secenek.genis strong { display: block; font-weight: 600; }
.sihirbaz-secenek.genis span {
	display: block;
	margin-top: 3px;
	font-size: 13.5px;
	color: #6b767e;
	font-weight: 400;
}

.sihirbaz-not { margin: 16px 0 0; font-size: 14px; color: #6b767e; }

/* Sonuç — sayfadaki tek ağır blok, cevap burası. */
.sihirbaz-sonuc {
	background: #f2f7ff;
	border-left: 4px solid var(--color-primary, #1a73e8);
	border-radius: 10px;
	padding: 22px 24px;
}
.sihirbaz-sonuc.belirsiz {
	background: #fff8e6;
	border-left-color: #e0a400;
}

.sihirbaz-etiket {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5f6b73;
	margin-bottom: 5px;
}

.sihirbaz-sonuc h2 {
	font-size: 26px !important;
	margin: 0 0 10px !important;
}
.sihirbaz-sonuc h3 {
	font-size: 17px !important;
	margin: 22px 0 10px !important;
}

.sihirbaz-olcu {
	list-style: none;
	padding: 0;
	margin: 18px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
}
.sihirbaz-olcu li { margin: 0; font-size: 15px; font-weight: 600; }
.sihirbaz-olcu span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #6b767e;
}

.sihirbaz-eylem {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.sihirbaz-btn {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 8px;
	background: var(--color-primary, #1a73e8);
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.sihirbaz-btn:hover { background: #1557b0; text-decoration: none; }
.sihirbaz-btn.ikincil {
	background: #fff;
	color: var(--color-primary, #1a73e8) !important;
	border: 1px solid #cfdcea;
}
.sihirbaz-btn.ikincil:hover { background: #f2f7ff; }

/* Özet tablosunda satır başlıkları da başlık hücresi */
.onay-tablo th[scope="row"] {
	background: #fbfcfd;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	color: #16202a;
	white-space: normal;
}
.onay-belirsiz { color: #9aa4ac; font-style: italic; }

@media (max-width: 575px) {
	.sihirbaz { padding: 18px 16px 20px; }
	.sihirbaz-secenek { width: 100%; }
}

/* --------------------------------------------------------------------------
   Büyükelçilik rehberi

   Belge tablosu üç sütun: belge, gereken onay, not. Dar ekranda sıkıştırmak
   yerine kendi içinde kaydırılıyor — sayfa gövdesi yana kaymamalı.
   -------------------------------------------------------------------------- */

.be-tablo-sarma {
	overflow-x: auto;
	margin: 0 0 26px;
	border: 1px solid #e3e7ea;
	border-radius: 8px;
}

.be-tablo {
	width: 100%;
	border-collapse: collapse;
	min-width: 480px;
	font-size: 16px;
}

.be-tablo th {
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5f6b73;
	background: #f6f8fa;
	padding: 11px 16px;
	border-bottom: 1px solid #e3e7ea;
}

.be-tablo td {
	padding: 13px 16px;
	border-bottom: 1px solid #eef1f3;
	vertical-align: top;
	line-height: 1.6;
}

.be-tablo tr:last-child td { border-bottom: 0; }

/* Süreç adımları — numaralandırma burada gerçekten sıra bildiriyor. */
.blog-details-area-inner-content ol.be-adimlar {
	counter-reset: be-adim;
	list-style: none;
	padding-left: 0;
	margin: 0 0 28px;
}

.blog-details-area-inner-content ol.be-adimlar > li {
	counter-increment: be-adim;
	position: relative;
	padding-left: 46px;
	margin-bottom: 18px;
}

.blog-details-area-inner-content ol.be-adimlar > li::before {
	content: counter(be-adim);
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background: var(--color-primary, #1a73e8);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.blog-details-area-inner-content ol.be-adimlar > li p {
	margin: 4px 0 0;
}

/* Misyon adresi + en yakın şube, yan yana */
.be-adres-ikili {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 16px;
	margin: 0 0 28px;
}

.be-adres {
	padding: 16px 18px;
	background: #f6f8fa;
	border-radius: 8px;
}

.be-adres-etiket {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b767e;
	margin-bottom: 5px;
}

.be-adres p {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.6;
}

/* Bilgi notu — yazının kapsamı ve tarihi.

   Sessiz olmalı: uyarı kutusu gibi durursa hem yazıyı gölgeler hem de
   okunmadan atlanır. Kenar çizgisi ve küçük punto yeterli. */
.bilgi-notu {
	margin: 34px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid #e3e7ea;
}

.bilgi-notu p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #6b767e;
}

.bilgi-notu a {
	color: #6b767e;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.bilgi-notu a:hover { color: var(--color-primary, #1a73e8); }

.bilgi-notu-tarih { display: inline-block; margin-top: 4px; }

/* Yayın tarihinin yanındaki güncelleme bilgisi — dar ekranda alta düşsün. */
.makale-tarih-guncel { white-space: nowrap; }

/* "Şunu mu aradınız" — sonuçsuz arama ekranındaki tek çıkış yolu, görünsün. */
.arama-oneri {
	margin: 0 0 18px;
	padding: 12px 16px;
	background: #f2f7ff;
	border-left: 4px solid var(--color-primary, #1a73e8);
	border-radius: 8px;
	font-size: 16px;
}
.arama-oneri a { color: var(--color-primary, #1a73e8); }

@media (max-width: 575px) {
	.makale-tarih { flex-wrap: wrap; }
	.makale-tarih-guncel { white-space: normal; }
}

/* Makale yayın tarihi — hem okuyucu hem yapay zeka tazelik sinyali arıyor */
.makale-tarih {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px !important;
	color: #77838b !important;
	margin: -6px 0 22px !important;
}
.makale-tarih i { font-size: 13px; }

/* --------------------------------------------------------------------------
   21) Sözlük

   GEO odaklı: her terim kısa, kesin, tek başına alıntılanabilir bir tanımla
   açılır. Dil modelleri "X nedir" sorularında tam olarak bu biçimi alıntılar.
   -------------------------------------------------------------------------- */

.sozluk-dizin {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 26px 0 34px;
	padding: 16px 18px;
	background: #f6f8fa;
	border-radius: 8px;
}
.sozluk-dizin a {
	font-size: 14px;
	font-weight: 600;
	color: #3a464f;
	background: #fff;
	border: 1px solid rgba(32, 40, 45, 0.12);
	border-radius: 20px;
	padding: 6px 14px;
	text-decoration: none;
}
.sozluk-dizin a:hover {
	color: #fff;
	background: var(--color-primary, #1a73e8);
	border-color: var(--color-primary, #1a73e8);
}

.sozluk-madde {
	padding: 24px 0 8px;
	border-top: 1px solid rgba(32, 40, 45, 0.10);
	scroll-margin-top: 120px;
}
.sozluk-madde:first-of-type { border-top: 0; }

.sozluk-madde h2 {
	font-size: 23px !important;
	margin: 0 0 12px !important;
}

/* Tanım cümlesi görsel olarak da öne çıksın. */
.sozluk-tanim {
	font-size: 17px !important;
	line-height: 1.75 !important;
	color: #16202a !important;
	border-left: 3px solid var(--color-primary, #1a73e8);
	padding-left: 16px;
	margin-bottom: 14px !important;
}

.sozluk-esans {
	font-size: 14px !important;
	color: #6b767e !important;
}

.sozluk-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	font-weight: 600;
	color: var(--color-primary, #1a73e8);
	text-decoration: none;
}
.sozluk-link:hover { text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 575px) {
	.sozluk-dizin { gap: 6px; padding: 12px; }
	.sozluk-dizin a { font-size: 13px; padding: 5px 11px; }
	.sozluk-madde h2 { font-size: 20px !important; }
	.sozluk-tanim { font-size: 16px !important; padding-left: 13px; }
}

/* SSS çapasına gidince başlık sabit menünün altında kalmasın */
.seo-faq-area .accordion-item { scroll-margin-top: 120px; }

/* --------------------------------------------------------------------------
   22) SSS merkezi (/sikca-sorulan-sorular)

   Cevaplar burada tekrarlanmıyor — aynı soru-cevabı iki sayfada birden
   FAQPage olarak işaretlemek Google'ın çift işaretleme uyarısına girer.
   Bu sayfa dizin; her soru cevabın bulunduğu satıra bağlanır.
   -------------------------------------------------------------------------- */

.sss-dizin {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 26px 0 34px;
	padding: 16px 18px;
	background: #f6f8fa;
	border-radius: 8px;
}
.sss-dizin a {
	font-size: 13.5px;
	font-weight: 600;
	color: #3a464f;
	background: #fff;
	border: 1px solid rgba(32, 40, 45, 0.12);
	border-radius: 20px;
	padding: 6px 13px;
	text-decoration: none;
}
.sss-dizin a:hover {
	color: #fff;
	background: var(--color-primary, #1a73e8);
	border-color: var(--color-primary, #1a73e8);
}

.sss-grup {
	padding: 22px 0 10px;
	border-top: 1px solid rgba(32, 40, 45, 0.10);
	scroll-margin-top: 120px;
}
.sss-grup:first-of-type { border-top: 0; }

.sss-grup h2 {
	font-size: 22px !important;
	margin: 0 0 14px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.sss-tip {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7b8790;
	background: #f1f4f6;
	padding: 4px 9px;
	border-radius: 4px;
}

.sss-liste {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
}
.sss-liste li {
	margin: 0;
	border-bottom: 1px solid rgba(32, 40, 45, 0.07);
}
.sss-liste li:last-child { border-bottom: 0; }

.sss-liste a {
	display: block;
	padding: 11px 30px 11px 20px;
	position: relative;
	font-size: 16px;
	line-height: 1.55;
	color: #26323b;
	text-decoration: none;
}
.sss-liste a::before {
	content: "?";
	position: absolute;
	left: 0;
	top: 11px;
	color: var(--color-primary, #1a73e8);
	font-weight: 700;
}
.sss-liste a:hover {
	color: var(--color-primary, #1a73e8);
	background: #f7faff;
}

.sss-sayfa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: var(--color-primary, #1a73e8);
	text-decoration: none;
}
.sss-sayfa:hover { text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 575px) {
	.sss-dizin { gap: 6px; padding: 12px; }
	.sss-dizin a { font-size: 12.5px; padding: 5px 10px; }
	.sss-grup h2 { font-size: 19px !important; }
	.sss-liste a { font-size: 15px; padding-right: 4px; }
}

/* --------------------------------------------------------------------------
   23) Site içi arama
   -------------------------------------------------------------------------- */

.arama-form { margin: 22px 0 26px; }
.arama-satir { display: flex; gap: 10px; }
.arama-satir input[type="search"] {
	flex: 1 1 auto;
	height: 50px;
	padding: 0 16px;
	font-size: 16px;
	border: 1px solid rgba(32, 40, 45, 0.25);
	border-radius: 6px;
}
.arama-satir input[type="search"]:focus { border-color: var(--color-primary, #1a73e8); }
.arama-satir button {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; gap: 8px;
	height: 50px; padding: 0 22px;
	border: 0; border-radius: 6px;
	background: var(--color-primary, #1a73e8); color: #fff;
	font-size: 15px; font-weight: 600; cursor: pointer;
}

.arama-durum { font-size: 16px !important; color: #4a565f !important; }

.arama-grup { margin: 28px 0 0; }
.arama-grup h2 {
	display: flex; align-items: center; gap: 10px;
	font-size: 19px !important;
	margin: 0 0 10px !important;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(32, 40, 45, 0.10);
}
.arama-grup h2 span {
	font-size: 12px; font-weight: 700;
	background: #f1f4f6; color: #6b767e;
	padding: 3px 9px; border-radius: 10px;
}

.arama-liste { list-style: none; padding: 0; margin: 0; }
.arama-liste li { margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(32,40,45,.06); }
.arama-liste li:last-child { border-bottom: 0; }
.arama-liste > li > a {
	font-size: 17px; font-weight: 600; line-height: 1.45;
	color: #1a0dab; text-decoration: none;
}
.arama-liste > li > a:hover { text-decoration: underline; }
.arama-liste p {
	margin: 4px 0 0 !important;
	font-size: 15px !important; line-height: 1.62 !important;
	color: #4d5156 !important;
}
.arama-liste mark {
	background: #fff3cd; color: inherit; padding: 0 2px; border-radius: 2px;
}

@media (max-width: 575px) {
	.arama-satir { flex-direction: column; }
	.arama-satir button { width: 100%; justify-content: center; }
	.arama-liste > li > a { font-size: 16px; }
}