/*
 * SY Mobil: mobil menü ve footer menüleri (dropdown).  Davranış: menu.js.
 * Kapalı durumlar yalnızca JS'in eklediği sınıflara (.sy-acc-on, .sy-sub-on) bağlıdır; JS yoksa her şey açık kalır.
 * Font: mevcut metinden devralınır (font: inherit); yeni font yüklenmez.  Renkler: lacivert #09253D, turkuaz #00D8DE.
 */

/* =====================================================================
   A) MOBİL MENÜ (Elementor popup "Menüyü aç", post 14514)
   ===================================================================== */

/* A1) Sekme/dar masaüstü aralığında (768-1279 px) tema mobil başlığı görünür, ama Elementor'un "tablet'te gizle" /
   "masaüstünde gizle" ayarları yüzünden başlıktaki logo+menü simgesi (21200bc) ve popup içeriği (6fb5323, nav b819aab)
   gizleniyor: menü açılamıyor. Popup yalnızca bu simgeyle açıldığından içeriği her genişlikte göstermek güvenlidir.
   !important: Elementor'un kendi @media içindeki `.elementor-hidden-*{display:none!important}` kuralını ezmek için. */
/* DUZELTME #2: arşiv/kategori sayfalarında aynı başlık `.pxl-post-custom-mobile` içinde (şablon 14502); 768-1200 px'te
   `.elementor-hidden-tablet` yüzünden hiç görünmüyordu. */
#pxl-header-mobile .elementor-element-21200bc.elementor-hidden-tablet,
.pxl-post-custom-mobile .elementor-element-21200bc.elementor-hidden-tablet,
.elementor-location-popup .elementor-element-6fb5323.elementor-hidden-desktop,
.elementor-location-popup .elementor-element-6fb5323.elementor-hidden-tablet {
	display: flex !important;
}
.elementor-location-popup .elementor-element-b819aab.elementor-hidden-desktop,
.elementor-location-popup .elementor-element-b819aab.elementor-hidden-tablet {
	display: block !important;
}

/* Tüm üst satırlar aynı ritimde ve en az 44 px olsun */
.elementor-location-popup .elementor-nav-menu--dropdown > ul > li > a {
	min-height: 44px;
	box-sizing: border-box;
	align-items: center;
}

/* Sekme ve dar masaüstünde başlık sarmalayıcısı içeriği kadar daralıyor (421 px); simge sağ kenara yaslansın. */
/* DUZELTME #4: tema mobil başlık sınırı ÖLÇÜLDÜ = 1200 px (1200'de var, 1201'de yok); eski varsayım 1279'du. */
@media (min-width: 768px) and (max-width: 1200px) {
	#pxl-header-mobile .pxl-header-mobile-elementor {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	#pxl-header-mobile .pxl-header-mobile-elementor .e-con-inner {
		width: 100%;
		max-width: 100%;
	}
	/* Elementor'un tablet boyutları (logo 240 px, simge 50 px) 54 px'lik çubuğa sığmıyor ve kırpılıyor; mobildeki
	   ölçüler (logo 150 px, simge 35 px) kullanılır. */
	#pxl-header-mobile .elementor-element-c3e5ecc {
		width: 150px;
	}
	#pxl-header-mobile .elementor-element-b691c92 .elementor-icon {
		font-size: 35px;
	}
}

/* DUZELTME #1: tekil yazıda (body.single-post, 29 yazı) 320-1200 px'te hiç başlık yoktu. Nedenler: (a) sayfaya satır içi basılan
   <style id="pxl-post-overrides"> `body.single-post #pxl-header-mobile{display:none!important;visibility:hidden!important}`,
   (b) gomauna-perf.php `.pxl-post-custom-header{display:none!important}` (is_singular) yüzünden onun içindeki
   `.pxl-post-custom-mobile` da görünmüyor. Gösterilen öğe: `#pxl-header-mobile` (temanın mobil başlığı; içinde AYNI şablon 14502:
   logo + menü simgesi, #09253D çubuk, 54 px). `.pxl-post-custom-mobile` bu yüzden gösterilmiyor: üst öğesi gizli ve gizleyen kural
   başka eklentide; böylece çift başlık oluşmaz. Yalnızca <=1200 px (tema sınırı): masaüstü başlığı (#pxl-header-elementor) aynen kalır.
   !important zorunlu: iki karşı kural da !important; `html body.single-post #...` özgüllüğü daha yüksek olduğu için kazanır. */
@media (max-width: 1200px) {
	html body.single-post #pxl-header-mobile {
		display: block !important;
		visibility: visible !important;
	}
}

/* DUZELTME #2: arşivlerde 1025-1200 px'te tema `.pxl-post-custom-mobile`ı gizleyip biçimsiz masaüstü bloğunu (.pxl-post-custom-desktop,
   388 px, stilsiz liste) gösteriyordu. <=1200'de mobil başlık gösterilir, masaüstü ve yapışkan blok gizlenir.
   !important: tema satır içi `.pxl-post-custom-*{display:...!important}` kurallarını ezmek için. */
@media (max-width: 1200px) {
	html body:not(.single-post) .pxl-post-custom-desktop,
	html body:not(.single-post) .pxl-post-custom-sticky {
		display: none !important;
	}
	html body:not(.single-post) .pxl-post-custom-mobile {
		display: block !important;
	}
}
/* Arşiv başlığı (.pxl-post-custom-mobile) #pxl-header-mobile gibi 54 px sabit çubuk olsun (perf.php yalnızca #pxl-header-mobile'ı 54 px'e sabitliyor;
   buradaki başlık 48-110 px arası değişiyordu: tablet dolguları 10 px + logo 240 px). */
@media (max-width: 1200px) {
	.pxl-post-custom-mobile .elementor-element-21200bc {
		height: 54px;
		min-height: 54px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.pxl-post-custom-mobile .elementor-element-21200bc > .e-con-inner,
	#pxl-header-mobile .elementor-element-21200bc > .e-con-inner {
		padding: 0; /* 768-1200: tablet dolgusu (10 px) simge ve logoyu 54 px çubuğun altına itip kırpıyordu; ≤767'deki gibi 0 */
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.pxl-post-custom-mobile .elementor-element-21200bc {
		width: 100%;
	}
	/* 3 sınıf (Elementor'un `.elementor-14502 .elementor-element.elementor-element-c3e5ecc` kuralı) + üst kapsayıcı = daha yüksek özgüllük */
	.pxl-post-custom-mobile .elementor-14502 .elementor-element.elementor-element-c3e5ecc {
		width: 150px;
		max-width: 150px;
		--container-widget-width: 150px;
	}
	.pxl-post-custom-mobile .elementor-14502 .elementor-element.elementor-element-b691c92 .elementor-icon {
		font-size: 35px;
	}
}

/* DUZELTME #5: başlıktaki menü simgesi 29-39 px'ti (<44). Kutu 44x44'e büyür; negatif kenar boşluğuyla simgenin görsel konumu/boyutu ve yerleşim yüksekliği aynı kalır. Çubuk 54 px. */
#pxl-header-mobile .elementor-element-b691c92 .elementor-icon,
.pxl-post-custom-mobile .elementor-element-b691c92 .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	box-sizing: border-box;
	margin: calc((1em - 44px) / 2); /* simge kutusu (1em) etrafında simetrik büyür: simge yerinde kalır, yerleşim boyutu değişmez (çubuk 54 px) */
}

/* DUZELTME #4: 1025-1200 px'te Elementor popup'ta yatay `nav--main` gösterilip dikey `nav--dropdown` (JS'in alt menü + ok eklediği)
   gizleniyordu. Bu aralıkta ≤1024'tekiyle aynı dikey menü gösterilir. !important: Elementor `.elementor-nav-menu--dropdown-tablet`
   kuralları @media içinde ve yüksek özgüllükte. */
@media (min-width: 1025px) and (max-width: 1200px) {
	.elementor-location-popup .elementor-element-b819aab nav.elementor-nav-menu--main {
		display: none !important;
	}
	.elementor-location-popup .elementor-element-b819aab nav.elementor-nav-menu--dropdown {
		display: block !important;
		position: static;
		width: 100%;
	}
}

/* DUZELTME #5: footer telefon simgesi (30x30, tabindex=-1; yanındaki metin bağlantısı aynı tel:): görünüm aynı, dokunma alanı ::before ile 44 px. */
#pxl-footer-elementor .elementor-icon-box-icon a.elementor-icon[href^="tel:"],
.pxl-post-custom-footer .elementor-icon-box-icon a.elementor-icon[href^="tel:"] {
	position: relative;
}
#pxl-footer-elementor .elementor-icon-box-icon a.elementor-icon[href^="tel:"]::before,
.pxl-post-custom-footer .elementor-icon-box-icon a.elementor-icon[href^="tel:"]::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 44px;
	height: 44px;
	transform: translate(-50%, -50%);
}

/* A2) Alt menülü satır: bağlantı + 44 px aç/kapa düğmesi yan yana, alt liste altta tam genişlikte */
.elementor-location-popup .elementor-nav-menu--dropdown li.sy-sub-on {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: auto;
}
.elementor-location-popup .elementor-nav-menu--dropdown li.sy-sub-on > a {
	flex: 1 1 0;
	min-width: 0;
	min-height: 44px;
	align-items: center;
	box-sizing: border-box;
}
.sy-sub__btn {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin: 0 6px 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #00D8DE;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) { .sy-sub__btn:hover { background: rgba(0, 216, 222, .12); } }
.sy-sub__btn:focus-visible,
.sy-acc__btn:focus-visible,
.sy-sub-on > a:focus-visible {
	outline: 2px solid #00D8DE;
	outline-offset: 2px;
}
.sy-sub__chev {
	width: 9px;
	height: 9px;
	margin-top: -4px; /* chevron optik olarak ortalansın */
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .22s ease, margin .22s ease;
}
.sy-sub-open > .sy-sub__btn .sy-sub__chev {
	transform: rotate(-135deg);
	margin-top: 4px;
}

/* Alt menü açıkken liste uzar: menü listesi kendi içinde kayar; üstte logo/kapat (~100 px) ve altta sabit alt çubuk
   (~72 px) payı bırakılır, böylece son öğeye her ekran yüksekliğinde ulaşılır. */
.elementor-location-popup .elementor-nav-menu--dropdown {
	max-height: calc(100vh - 190px);
	max-height: calc(100dvh - 190px);
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

/* A3) Alt liste: kapalıyken yükseklik 0 (max-height animasyonu; en uzun alt menü 9 öğe, ~400 px); JS yoksa .sy-sub hiç oluşmaz */
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub {
	flex: 0 0 100%;
	display: block;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	visibility: hidden;
	transition: max-height .24s ease, visibility 0s linear .24s;
}
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub-open > .sy-sub {
	max-height: 640px;
	visibility: visible;
	transition: max-height .24s ease, visibility 0s;
}
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub > li {
	list-style: none;
	height: auto;
}
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub a.elementor-sub-item {
	display: flex;
	align-items: center;
	min-height: 44px;
	box-sizing: border-box;
	padding: 8px 20px 8px 36px;
	font-size: 13px;
	font-weight: 400;
	color: rgba(255, 255, 255, .86);
	text-decoration: none;
	line-height: 1.3;
}
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub a.elementor-sub-item:hover,
.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub a.elementor-sub-item:focus-visible {
	color: #00D8DE;
}

/* DUZELTME #3: yazı/arşivlerde footer `#pxl-footer-elementor` değil `.pxl-post-custom-footer`; her kural iki kapsayıcıyı da kapsar.
   ===================================================================== */
/* =====================================================================
   B) FOOTER LİSTELERİ ("Cerrahi Yöntemler", "Menü"): yalnızca ≤767 px
   JS sütuna .sy-acc-on ekler; başlık h3 içindeki metin <button> olur; liste widget'ı .sy-acc__panel olur.
   ===================================================================== */
@media (max-width: 767px) {
	/* İki liste yan yana yerine tam genişlikte satır olsun (dokunma hedefi geniş, başlık sığar).
	   !important: Elementor sütun genişliği (elementor-col-25) satır içi/var tanımıyla veriliyor. */
	#pxl-footer-elementor .elementor-column.sy-acc,
	.pxl-post-custom-footer .elementor-column.sy-acc {
		width: 100% !important;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__head,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__head {
		border-bottom: 1px solid rgba(255, 255, 255, .14);
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__head > .elementor-widget-container,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__head > .elementor-widget-container {
		margin: 0; /* tema bu kapsayıcıya 20 px üst/alt boşluk veriyor; satırlar sıkı dursun */
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__head .pxl-heading--inner,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__head .pxl-heading--inner {
		display: block; /* tema inline-block: içeriği kadar daralıp oku metnin yanına yapıştırıyordu */
		width: 100%;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__head .pxl-item--title,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__head .pxl-item--title {
		width: 100%;
	}
	#pxl-footer-elementor .sy-acc__btn,
	.pxl-post-custom-footer .sy-acc__btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-height: 48px;
		margin: 0;
		padding: 8px 0;
		border: 0;
		background: transparent;
		color: inherit;
		font: inherit;
		text-transform: none; /* tema <button> için büyük harf uyguluyor; h3 başlığı gibi kalsın */
		letter-spacing: inherit;
		text-align: left;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	#pxl-footer-elementor .sy-acc__btn::after,
	.pxl-post-custom-footer .sy-acc__btn::after {
		content: "";
		flex: 0 0 auto;
		width: 9px;
		height: 9px;
		margin: -4px 4px 0 0;
		border-right: 2px solid #00D8DE;
		border-bottom: 2px solid #00D8DE;
		transform: rotate(45deg);
		transition: transform .22s ease, margin .22s ease;
	}
	#pxl-footer-elementor .sy-acc-open .sy-acc__btn::after,
	.pxl-post-custom-footer .sy-acc-open .sy-acc__btn::after {
		transform: rotate(-135deg);
		margin-top: 4px;
	}
	/* Panel: kapalıyken 0 yükseklik, açıkken içeriği kadar (grid 0fr -> 1fr) */
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel {
		display: grid;
		grid-template-rows: 0fr;
		margin-bottom: 0;
		visibility: hidden;
		transition: grid-template-rows .24s ease, visibility 0s linear .24s;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel > .elementor-widget-container,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel > .elementor-widget-container {
		min-height: 0;
		margin: 0; /* tema bu kapsayıcıya 20 px üst boşluk veriyor; kapalıyken 20 px'lik şerit kalmasın (boşluk aşağıda .pxl-link-wrap'te) */
		overflow: hidden;
	}
	/* Yazı/arşiv footer'ında tema kuralı daha özgül (id'li) olduğundan yukarıdaki margin:0 yenik düşüyor ve kapalı listede 20 px'lik şerit kalıyordu; !important yalnızca bunu ezmek için. */
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel > .elementor-widget-container {
		margin: 0 !important;
	}
	#pxl-footer-elementor .sy-acc-on.sy-acc-open .sy-acc__panel,
	.pxl-post-custom-footer .sy-acc-on.sy-acc-open .sy-acc__panel {
		grid-template-rows: 1fr;
		visibility: visible;
		transition: grid-template-rows .24s ease, visibility 0s;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel .pxl-link-wrap,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel .pxl-link-wrap {
		padding: 12px 0 6px;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel .pxl-link li,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel .pxl-link li {
		margin: 0;
		padding: 0;
	}
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel .pxl-link a,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel .pxl-link a {
		min-height: 44px;
		align-items: center;
	}
}

/* =====================================================================
   C) FOOTER SİTE HARİTASI (nav.sy-fmap), her genişlikte.  Kurulum: menu.js footerMapInit.
   Eski iki liste (.sy-fmap-hide) gizlenir; ilk liste sütunu (.sy-fmap-col) yeni bloğu taşır ve iki sütunun yerini alır.
   :is(...) kullanımı: tema footer kuralları id'li; aynı özgüllüğü iki kapsayıcıda da elde etmek için.
   Font devralınır (yeni font yok).  Renkler: turkuaz #00D8DE, beyaz ve saydam tonları.
   ===================================================================== */
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap-hide {
	display: none !important; /* Elementor sütun/widget display tanımlarını ezmek için */
}
@media (min-width: 1025px) {
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .elementor-column.sy-fmap-col {
		width: 37% !important; /* gizlenen iki sütunun toplamından (18% + 19.5%) biraz dar: yuvarlama kartı alt satıra atmasın */
	}
}
/* Tablet: logo sütunu üstte tam satır; altında menü bloğu ile iletişim kartı yan yana (kart tek başına alt satırda kalmasın). */
@media (min-width: 768px) and (max-width: 1024px) {
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap-on > .elementor-column:first-child {
		width: 100% !important;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap-on > .elementor-column.sy-fmap-col {
		width: 56% !important;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap-on > .elementor-column:last-child {
		width: 44% !important;
	}
}
/* Telefon: menü bloğu tam genişlik (sütun varsayılanı %50). */
@media (max-width: 767px) {
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .elementor-column.sy-fmap-col {
		width: 100% !important;
	}
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap {
	width: 100%;
	padding: 0 34px 0 0;
	font: inherit;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 34px;
	margin: 0;
	padding: 0;
	list-style: none;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	transition: border-color .25s ease;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item--drop {
	grid-column: 1 / -1;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item:hover,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item.sy-fmap-open {
	border-bottom-color: rgba(0, 216, 222, .55);
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 56px;
	padding: 12px 2px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: #fff;
	text-decoration: none;
	transition: color .2s ease;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__link:hover,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__link:focus-visible,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap-open > .sy-fmap__row > .sy-fmap__link {
	color: #00D8DE;
}
/* Düz satır: sağda ileri oku */
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item > .sy-fmap__link::after {
	content: "";
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-top: 2px solid #00D8DE;
	border-right: 2px solid #00D8DE;
	transform: rotate(45deg);
	transition: transform .2s ease;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__item > .sy-fmap__link:hover::after {
	transform: translateX(3px) rotate(45deg);
}
/* Açılır satır: bağlantı solda, satırın geri kalanı aç/kapa düğmesi */
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__row {
	display: flex;
	align-items: stretch;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__row > .sy-fmap__link {
	flex: 0 1 auto;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__btn {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 48px;
	min-height: 56px;
	margin: 0;
	padding: 0 5px 0 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #00D8DE;
	font: inherit;
	line-height: 1;
	text-transform: none; /* tema <button> için büyük harf ve dolgu uyguluyor */
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__btn:hover,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__btn:focus {
	background: transparent;
	color: #00D8DE;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__btn:focus-visible,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__link:focus-visible,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub a:focus-visible {
	outline: 2px solid #00D8DE;
	outline-offset: 2px;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap-open > .sy-fmap__row .sy-sub__chev {
	transform: rotate(-135deg);
	margin-top: 4px;
}
/* Alt sayfalar: kapalıyken yükseklik 0; en uzun liste 9 satır */
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 28px;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
	border-left: 1px solid rgba(0, 216, 222, .4);
	visibility: hidden;
	opacity: 0;
	transition: max-height .3s ease, opacity .2s ease, margin .3s ease, visibility 0s linear .3s;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap-open > .sy-fmap__sub {
	max-height: 560px;
	margin: 4px 0 18px;
	visibility: visible;
	opacity: 1;
	transition: max-height .3s ease, opacity .25s ease .05s, margin .3s ease, visibility 0s;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub > li {
	margin: 0;
	padding: 0;
	list-style: none;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub a {
	display: block;
	padding: 7px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	color: rgba(255, 255, 255, .78);
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub a:hover,
:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub a:focus-visible {
	color: #00D8DE;
	transform: translateX(3px);
}
@media (max-width: 1024px) {
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap {
		padding-right: 20px;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub {
		grid-template-columns: 1fr; /* dar sütunda alt sayfalar tek sıra */
	}
}
@media (max-width: 767px) {
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap {
		padding: 8px 0 20px;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__list {
		grid-template-columns: 1fr;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__link {
		min-height: 54px;
		font-size: 17px;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap__sub a {
		display: flex;
		align-items: center;
		min-height: 44px; /* dokunma hedefi */
		padding: 4px 0;
	}
	:is(#pxl-footer-elementor, .pxl-post-custom-footer) .sy-fmap .sy-fmap-open > .sy-fmap__sub {
		max-height: 640px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sy-fmap .sy-fmap__item,
	.sy-fmap .sy-fmap__link,
	.sy-fmap .sy-fmap__link::after,
	.sy-fmap .sy-fmap__sub,
	.sy-fmap .sy-fmap__sub a,
	.sy-sub__chev,
	.elementor-location-popup .elementor-nav-menu--dropdown .sy-sub,
	#pxl-footer-elementor .sy-acc__btn::after,
	.pxl-post-custom-footer .sy-acc__btn::after,
	#pxl-footer-elementor .sy-acc-on .sy-acc__panel,
	.pxl-post-custom-footer .sy-acc-on .sy-acc__panel {
		transition: none !important; /* hareket azaltma tercihi: animasyon yok */
	}
}