/* =================================================================
   İncirliev — kendi uyarlamalarımız
   (vendor incirliev.css üzerine yazar; en son yüklenir)
   ================================================================= */

/* --- Link/buton tıklanınca çıkan mavi odak çerçevesini tüm sitede kapat --- */
a,
a:focus,
a:active,
button:focus,
input:focus,
img,
*:focus {
	outline: none !important;
}
a,
button {
	-webkit-tap-highlight-color: transparent;
}

/* --- Geniş ekranlarda yan beyaz boşlukları kaldır: içeriği yay --- */
/* incirliev.css yalnızca <=1366px'de .wide'ı %95 yapıyor; üstünü de kapsıyoruz. */
@media (min-width: 938px) {
	.container.wide {
		width: 95%;
		max-width: 1800px;
	}
}
/* Laptop boyutlarında kenar boşluğunu kıs: içeriğe daha çok yer kalsın */
@media (min-width: 938px) and (max-width: 1440px) {
	.container.wide {
		width: 97%;
	}
}

/* --- HEADER: tam genişlik saydam menü bandı + büyük, boşluklu menü --- */
@media (min-width: 938px) {
	.dl-menuwrapper {
		position: relative;
		min-height: 180px;
		padding-top: 0;
	}

	/* Ağaç logosu: bandın İÇİNDE, solda (band arkasından saydam geçer, ağaç kapanmaz) */
	.dl-menuwrapper .logo {
		position: relative;
		z-index: 3;
		float: left;
		width: auto;
		margin-top: 66px;
		margin-left: 60px;               /* bandın sol iç boşluğu ile aynı */
	}
	.dl-menuwrapper .logo img {
		height: 102px;
	}

	/* Sertifika şeridi: bandın ÜSTÜNDE, sağda tek başına (menüye binmez) */
	.dl-menuwrapper .widget.pull-right {
		position: absolute;
		top: 4px;
		right: 0;
		z-index: 3;
		margin: 0;
		float: none;
	}
	.dl-menuwrapper .widget.pull-right img {
		max-height: 48px;
		width: auto;
	}

	/* Instagram / Telefon / Konum butonları: mavi bandın ÜSTÜNDEKİ beyaz
	   şeritte, solda (sertifika rozetinin karşısı). Zarif "ghost" stil:
	   saydam zemin + ince çerçeve, hover'da koyu dolgu */
	.headerIkon {
		position: absolute;
		left: 0;                         /* mavi bandın sol kenarıyla aynı hiza */
		top: 30px;                       /* beyaz şeridin (0..60) dikey ortası */
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 3;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.headerIkon a {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: transparent;
		border: 1px solid rgba(60, 90, 118, 0.4);
		color: #3c5a76;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	.headerIkon a .fa {
		font-size: 19px;
	}
	.headerIkon a:hover {
		background: #3c5a76;
		border-color: #3c5a76;
		color: #fff;
	}

	/* Mavi menü bandı: solda boşluk bırakır (logo bandın dışına taşar),
	   sertifika şeridinin ALTINDA başlar, alttaki fotoğrafa taşmaz */
	.dl-menuwrapper .dl-menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 60px;
		width: 100%;
		margin: 0;
		padding: 38px 60px 38px 200px;   /* solda logo boşluğu (60 + ~97 logo + pay) — menü logoya yaklaşır */
		background: rgba(200, 220, 235, 0.78);
		text-align: right;               /* menü sağa yaslı */
		/* padding-left yalnız logoyu korur — ikonlar artık bandın üstünde */
		z-index: 1;
		box-sizing: border-box;
		display: block;
		float: none;
	}
	/* TEK SATIR: menü + Rezervasyon + dil hapları hiç alt satıra inmez.
	   display:flex (inline değil): sağ kenar padding'e tam oturur —
	   inline kutunun satır sonu boşluğu sağda birkaç px yiyordu */
	.dl-menuwrapper .dl-menu .sideCollapse {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
		padding-top: 0;
		margin: 0;
	}
	.dl-menuwrapper .dl-menu li {
		float: none;
		display: inline-block;
		flex: 0 0 auto;
	}
	/* Menü yazıları: büyüt + aralarını aç */
	.dl-menuwrapper .dl-menu li a {
		font-size: 21px;
		padding: 8px 14px;
	}
	/* Üzerine gelince: sadece yazı koyulaşsın — kutu/arka plan/efekt yok */
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a:hover {
		background: transparent;
		color: #24435f;
		border-radius: 0;
	}
	/* Aktif (bulunduğumuz) sayfa: koyu + kalın (beyaz değil, mavi bandda okunmuyor) */
	.dl-menuwrapper .dl-menu li.active > a,
	.dl-menuwrapper .dl-menu li.current-menu-item > a,
	.dl-menuwrapper .dl-menu li.current_page_item > a,
	.dl-menuwrapper .dl-menu li.current-menu-ancestor > a,
	.dl-menuwrapper .dl-menu li.current-menu-parent > a {
		color: #24435f;
		font-weight: bold;
	}
	/* Öğeler arasındaki "/" ve "|" ayraçlarını kaldır */
	.dl-menuwrapper .dl-menu li:after,
	.dl-menu li:nth-child(1):after,
	.dl-menu li:nth-child(12):after,
	.dl-menu li:nth-child(13):after {
		content: "" !important;
		display: none !important;
	}
	/* Dil değiştirici: TR/EN metin hapları — aktif dil dolu, diğeri çerçeveli */
	.dl-menuwrapper .dl-menu li.dilCubugu a {
		padding: 7px 13px;
		margin-left: 8px;
		border: 1px solid rgba(60, 90, 118, 0.45);
		border-radius: 18px;
		background: transparent;
		color: #3c5a76;
		font-size: 13px;
		font-style: normal;
		font-weight: bold;
		letter-spacing: 1.5px;
		line-height: 1;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	.dl-menuwrapper .dl-menu li.dilCubugu.padding a {
		margin-left: 20px;               /* Rezervasyon butonundan nefesli ayrım */
	}
	.dl-menuwrapper .dl-menu li.dilCubugu.aktif-dil a,
	.dl-menuwrapper .dl-menu li.dilCubugu a:hover,
	.dl-menuwrapper .dl-menu li.dilCubugu a:focus {
		background: #3c5a76;
		border-color: #3c5a76;
		color: #fff;
		border-radius: 18px;             /* genel hover'daki radius:0'ı ezer */
	}
}
/* Üst bant tek satırı daralan ekranlarda da korur: kademeli küçültme */
@media (min-width: 938px) and (max-width: 1600px) {
	/* Band bu aralıkta inceliyor (küçük font) — logo da küçülür ki alttan taşmasın */
	.dl-menuwrapper .logo {
		margin-left: 40px;
		margin-top: 74px;
	}
	.dl-menuwrapper .logo img {
		height: 84px;
	}
	.dl-menuwrapper .dl-menu {
		padding-left: 140px;             /* logo (40 + ~80) + pay — menü logoya yaklaşır */
		padding-right: 40px;
	}
	.dl-menuwrapper .dl-menu li a {
		font-size: 18px;
		padding: 8px 8px;
	}
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="rezervasyon"],
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="reservation"] {
		padding: 8px 16px;
		margin-left: 8px;
	}
	.dl-menuwrapper .dl-menu li.dilCubugu a {
		padding: 6px 10px;
		font-size: 12px;
		margin-left: 6px;
	}
	.dl-menuwrapper .dl-menu li.dilCubugu.padding a {
		margin-left: 14px;
	}
}
@media (min-width: 938px) and (max-width: 1364px) {
	.dl-menuwrapper .logo {
		margin-left: 30px;               /* bandın sağ payıyla (30px) aynı */
	}
	.headerIkon {
		gap: 8px;
	}
	.headerIkon a {
		width: 36px;
		height: 36px;
	}
	.headerIkon a .fa {
		font-size: 16px;
	}
	.dl-menuwrapper .widget.pull-right img {
		max-height: 42px;
	}
	.dl-menuwrapper .dl-menu {
		padding-left: 115px;             /* logo (30 + ~80) + pay — menü logoya yaklaşır */
		padding-right: 30px;
	}
	.dl-menuwrapper .dl-menu li a {
		font-size: 16px;
		padding: 6px 5px;
	}
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="rezervasyon"],
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="reservation"] {
		padding: 7px 13px;
		margin-left: 6px;
		letter-spacing: 0.6px;
	}
	.dl-menuwrapper .dl-menu li.dilCubugu a {
		padding: 5px 8px;
		font-size: 11px;
		margin-left: 5px;
	}
	.dl-menuwrapper .dl-menu li.dilCubugu.padding a {
		margin-left: 10px;
	}
}
/* En dar masaüstü: menüye alan aç (ikonlar beyaz şeritte, banda dokunmaz) */
@media (min-width: 938px) and (max-width: 1150px) {
	.dl-menuwrapper .dl-menu {
		padding-left: 110px;
	}
	.dl-menuwrapper .dl-menu li a {
		font-size: 14px;
		padding: 6px 4px;
	}
}

/* --- Giriş bölümü: ayrı "tablet görseli" alanı kaldırıldı — büyük foto (msUstu)
   dar ekranlarda da görünür (vendor incirliev.css 1122px altında gizliyordu;
   orada onun yerine geçen .tblt görseli artık yok). 767px altı davranış aynı:
   sol kolon tamamen gizli. --- */
@media (max-width: 1122px) {
	.icerikLeft .msUstu {
		display: block;
	}
}

/* --- HERO (ana slider): ilk yüklemede alan sabit dursun, içerik zıplamasın ---
   Owl init'e kadar .owl-carousel display:none idi → hero 0px başlayıp sonradan
   açılınca tüm sayfa aşağı kayıyordu (CLS). Çözüm: init öncesi İLK KARE düz
   <img> olarak gösterilir (vendor .anaSlider img zaten 500px/250px sabitler),
   diğer kareler gizli; min-height nokta (pagination) payını da baştan ayırır.
   Owl init olunca yapı .owl-wrapper içine taşındığı için > seçicileri artık
   eşleşmez, owl kendi düzenini devralır — görüntü değişmez. */
.anaSlider {
	min-height: 532px;                  /* 500px görsel + ~32px nokta alanı */
}
.anaSlider .anaSliderOwl {
	display: block;                     /* owl'un init öncesi display:none'ını ez */
}
.anaSlider .anaSliderOwl > .whcr-item {
	display: none;
}
.anaSlider .anaSliderOwl > .whcr-item:first-child {
	display: block;
}
@media (max-width: 767px) {
	.anaSlider {
		min-height: 282px;              /* 250px görsel + nokta alanı */
	}
}

/* --- Ana sayfa içerik + tanıtım bölümleri: biraz daha geniş alan --- */
/* Markup col-md-8/offset-2 (%66.7) — %75'e çıkarıp ortalı tutuyoruz */
@media (min-width: 992px) {
	.anaSayfaIcerik .row > .col-md-8.col-md-offset-2,
	.anaBolumler .row > .col-md-8.col-md-offset-2 {
		width: 75%;
		margin-left: 12.5%;
	}
}
/* Küçük/orta masaüstü (laptop): ekran dar, içerik sıkışmasın — daha da yay */
@media (min-width: 992px) and (max-width: 1440px) {
	.anaSayfaIcerik .row > .col-md-8.col-md-offset-2,
	.anaBolumler .row > .col-md-8.col-md-offset-2 {
		width: 90%;
		margin-left: 5%;
	}
}

/* --- Ana sayfa sol görseli: sağdaki metinle dengeli olması için uzat --- */
@media (min-width: 1122px) {
	.anaSayfaIcerik .icerikLeft img {
		height: 560px;
	}
}

/* --- GİRİŞ BÖLÜMÜ CİLASI (iki dil de aynı CSS'i kullanır) ---
   Vendor satır aralığı 1.2 çok sıkışıktı; düzen aynı kaldı (justify + girinti),
   sadece nefes payı, başlık altı ince aksan çizgisi ve fotoğrafa yumuşak gölge. */
.anaSayfaIcerik .icerikRight,
.anaSayfaIcerik .icerikRight p {
	font-size: 15px;
	line-height: 1.7;
}
.anaSayfaIcerik .icerikRight p {
	margin-bottom: 13px;
}
.anaSayfaIcerik .icerikRight h1 {
	margin-bottom: 16px;
}
.anaSayfaIcerik .icerikRight h1:after {
	content: "";
	display: block;
	width: 64px;
	height: 2px;
	margin-top: 12px;
	background: rgb(200, 220, 235);   /* foto çerçevesiyle aynı mavi */
}
.anaSayfaIcerik .icerikRight h2 {
	margin: 22px 0 10px;
}
.anaSayfaIcerik .icerikRight .welcome {
	margin-top: 18px;
	color: #3c5a76;                    /* el yazısı satıra hafif marka mavisi */
	font-size: 34px;                   /* vendor 26px — Melih daha büyük istedi */
}
@media (max-width: 767px) {
	.anaSayfaIcerik .icerikRight .welcome {
		font-size: 27px;
	}
}
.anaSayfaIcerik .icerikRight .icerikButonlar {
	margin: 20px 0 6px;
}
.anaSayfaIcerik .icerikLeft img {
	border-radius: 3px;
	box-shadow: 0 10px 28px rgba(43, 88, 120, 0.14);
}
@media (max-width: 937px) {
	/* Mobil blok metni ortalıyor; aksan çizgisi de ortalansın */
	.anaSayfaIcerik .icerikRight h1:after {
		margin-left: auto;
		margin-right: auto;
	}
}

/* --- FOOTER: mavi adres barı logoyu İÇİNE alır, arkasından saydam geçer --- */
@media (min-width: 993px) {
	.footerTop {
		position: relative;
		min-height: 140px;
	}
	/* Logo: header ile aynı oran/konum — 60px içeriden, 102px yükseklik */
	.footerLogo {
		position: relative;
		z-index: 3;
		width: auto;
		margin-top: 19px;                /* logo, bandın dikey ortasına oturur */
		margin-left: 60px;               /* header'daki sol iç boşlukla aynı */
	}
	.footerLogo img {
		height: 102px;                   /* header logosuyla aynı boyut */
	}
	.adres {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		margin: 0;
		padding: 20px 60px 20px 230px;   /* sol: logo boşluğu, sağ: header ile aynı 60px */
		min-height: 116px;               /* logoyu içine alacak kalınlık */
		display: flex;
		align-items: center;
		justify-content: flex-end;       /* yazılar sağa yaslı (header menüsü gibi) */
		text-align: right;
		background: rgba(200, 220, 235, 0.80);
		box-sizing: border-box;
		z-index: 1;
		float: none;
	}
}

/* --- Basın logoları (.brand): tam yayıl, logoları büyüt, otomatik döner --- */
.brand {
	margin-top: 35px;
}
@media (min-width: 767px) {
	.brand .owl-carousel {
		width: 96%;
	}
}
.brand .whcr-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
}
.brand .whcr-item img {
	max-height: 60px;
	width: auto;
	max-width: 100%;
	display: inline-block;
}

/* --- İçerik sayfası foto galeri: eşit boyutlu, yan yana grid --- */
/* (incirliev.css'in JS'e bağlı fluid-grid en-boy tekniğini sadeleştirir) */
.galeriAlani .wh-ps.fluid-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}
.galeriAlani .wh-ps.fluid-grid .wh-item,
.galeriAlani .wh-ps.fluid-grid[class*="col-"] .wh-item {
	width: 33.333% !important;
	padding-bottom: 0 !important;
	float: none;
	position: relative;
	margin: 0;
}
.galeriAlani .wh-ps .wh-item a {
	position: static;
	display: block;
}
.galeriAlani .wh-ps .wh-item img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	padding: 4px;
	box-sizing: border-box;
	display: block;
	border-radius: 3px;
}
@media (max-width: 767px) {
	.galeriAlani .wh-ps.fluid-grid .wh-item,
	.galeriAlani .wh-ps.fluid-grid[class*="col-"] .wh-item {
		width: 50% !important;
	}
	.galeriAlani .wh-ps .wh-item img {
		height: 170px;
	}
}

/* --- Size Özel: içeriği saran ortalanmış mavi kart (yanlarda boş mavi kalmaz) --- */
.page-id-244 .aciklama {
	max-width: 1200px;
	margin: 30px auto;
	padding: 34px 44px;
	border-radius: 12px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
	font-size: 17px;
	line-height: 1.8;
	text-align: center;
}
.page-id-244 .aciklama > .container {
	width: auto;
	max-width: 100%;
	padding: 0;
}
.page-id-244 .aciklama ul {
	display: inline-block;
	text-align: left;
	margin: 0 auto;
}

/* --- İçerik sayfası: başlık altı kısa açıklama (alt başlık) --- */
.kisaAciklama {
	text-align: center;
	font-size: 18px;
	color: #6b6b6b;
	line-height: 1.5;
	max-width: 1200px;
	margin: 4px auto 24px;
	padding: 0 15px;
}

/* --- Basından: kartları küçült + içeriği ortala + logoyu orantılı yap --- */
.gazeteler .hKutu {
	min-height: 175px;
	padding: 12px 10px;
	text-align: center;
}
.gazeteler .hIcerik,
.gazeteler .haberAdi,
.gazeteler .haberAciklama,
.gazeteler .gazeteLogo {
	text-align: center;
}
.gazeteler .nav-thumbnail.gazeteLogo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
}
.gazeteler .nav-thumbnail img {
	height: auto;
	width: auto;
	max-height: 42px;
	max-width: 135px;
	display: inline-block;
	margin: 0 auto;
}

/* --- Fotoğraflar sayfası: çok foto olduğu için daha yoğun grid (4/sıra) --- */
.page-id-415 .galeriAlani .wh-ps.fluid-grid .wh-item,
.page-id-415 .galeriAlani .wh-ps.fluid-grid[class*="col-"] .wh-item {
	width: 25% !important;
}
.page-id-415 .galeriAlani .wh-ps .wh-item img {
	height: 200px;
}
@media (max-width: 767px) {
	.page-id-415 .galeriAlani .wh-ps.fluid-grid .wh-item,
	.page-id-415 .galeriAlani .wh-ps.fluid-grid[class*="col-"] .wh-item {
		width: 50% !important;
	}
}

/* ================= İÇ SAYFA GENEL DÜZEN CİLASI ================= */
/* İçeriği ortalı, okunur genişliğe al (kenardan kenara uzun/iç içe satır olmasın) */
/* SADECE içerik sayfaları — Odalarımız (.icerikAlani düz) ve Basından (.basindan) HARİÇ (onlar tam genişlik) */
.sizeOzel.icerikAlani,
.rezervasyon.icerikAlani,
.iletisim.icerikAlani {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 22px 45px;
	line-height: 1.75;
	font-size: 16px;
}
.sayfaAdi {
	font-size: 38px;
	margin: 32px 0 16px;
}
.icerikAlani p {
	margin-bottom: 14px;
}
/* Metin (mavi .renk) kutuları: iç boşluk + yuvarlak köşe — nefes alsın */
.icerikAlani .aciklama.renk,
.rezervasyon.icerikAlani.renk,
.iletisim.icerikAlani.renk {
	padding: 28px 34px;
	border-radius: 10px;
	line-height: 1.85;
	margin-bottom: 24px;
}
/* --- Rezervasyon: Reseliva widget'ını ortala --- */
.reservationForm {
	display: flex;
	justify-content: center;
	margin: 8px auto 6px;
}
.reservationForm table {
	margin: 0 auto;
}
/* --- İletişim: adres solda + harita sağda, form düzgün --- */
.iletisim.icerikAlani {
	text-align: left;
}
.iletisim .adresInfo {
	margin-bottom: 20px;
}
.iletisim .adresInfo address {
	font-style: normal;
	line-height: 1.9;
	margin: 0;
}
/* Harita (iframe) — beyaz çerçeveli, .haritaResim içinde */
.iletisim .haritaResim iframe {
	width: 100%;
	height: 320px;
	border: 2px solid #fff;
	border-radius: 4px;
	display: block;
	box-sizing: border-box;
}
.iletisim .googleMap { padding: 0; }
.iletisim .ulasimButon p { margin: 0; line-height: 1; }
.iletisim .ulasimButon a img { vertical-align: middle; }
.iletisim .gprsAdres { text-align: center; margin: 14px 0 18px; font-size: 14px; }
/* Sağ sütun kutuları tam genişlik, hizalı */
.iletisim .sagBlok {
	text-align: center;
}
.iletisim .sagBlok .googleMap,
.iletisim .sagBlok .haritaResim,
.iletisim .sagBlok .ulasim {
	float: none;
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.iletisim .sagBlok .ulasimButon { margin: 0 auto; }

/* Masaüstü: sağ sütun formla EŞİT yükseklik →
   Google Harita ÜSTTE, Alaçatı'ya Ulaşım ALTTA, harita ORTADA boşluğu doldurur */
@media (min-width: 768px) {
	.iletisim > .row {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.iletisim .sagBlok {
		display: flex;
		flex-direction: column;
	}
	.iletisim .sagBlok .haritaResim {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 14px auto;
	}
	.iletisim .sagBlok .haritaResim iframe {
		flex: 1 1 auto;
		height: auto;
		min-height: 240px;
	}
}
/* Form kutuları: ŞEFFAF (mavi zeminle bütünleşsin, beyaz kutu gözükmesin) */
.iletisim .iletisimFormu input[type="text"],
.iletisim .iletisimFormu input[type="email"],
.iletisim .iletisimFormu input[type="tel"],
.iletisim .iletisimFormu textarea {
	width: 100%;
	padding: 9px 12px;
	margin: 4px 0 14px;
	background: rgba(255, 255, 255, 0.28);
	border: 1px solid rgba(78, 78, 78, 0.30);
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 15px;
	color: #333;
}
.iletisim .iletisimFormu input:focus,
.iletisim .iletisimFormu textarea:focus {
	background: rgba(255, 255, 255, 0.5);
	outline: none;
	border-color: rgba(78, 78, 78, 0.5);
}
.iletisim .iletisimFormu .captcha-not {
	font-size: 13px;
	color: #555;
	margin: 4px 0 8px;
}
.iletisim .iletisimFormu textarea {
	min-height: 120px;
}
.iletisim .iletisimFormu input[type="submit"],
.iletisim .iletisimFormu button {
	background: #5E6F7B;
	color: #fff;
	border: 0;
	padding: 10px 28px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
}
.iletisim .iletisimFormu label {
	display: block;
	font-weight: 600;
	margin-top: 6px;
}

/* --- İçerik başlık/liste aralıkları (Alaçatı vb. okunur olsun) --- */
.sizeOzel.icerikAlani h3 {
	font-size: 20px;
	font-weight: bold;
	color: #4e4e4e;
	margin: 28px 0 8px;
	line-height: 1.3;
}
.sizeOzel.icerikAlani ul {
	margin: 0 0 18px;
	padding-left: 22px;
}
.sizeOzel.icerikAlani ul li {
	margin-bottom: 9px;
}
.rez-iletisim {
	margin: 20px 0;
	line-height: 1.9;
}

/* --- Alaçatı: uzun metni sabit yükseklikli kaydırma kutusunda göster (canlıdaki .scroll gibi) --- */
.page-id-544 .aciklama.renk .container {
	max-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 14px;
}

/* ================= MOBİL UYUM (≤937px) ================= */
@media (max-width: 937px) {
	/* Header: en üstte beyaz sertifika şeridi (markup'ta ilk sırada), altında
	   sitenin açık mavi bandı — solda hamburger, ortada logo, sağda bayraklar.
	   Düz blok akışı: flex/order oyunu yok, sıra markup'tan gelir. */
	.dl-menuwrapper {
		display: block;
		position: relative;
		float: none;
		width: 100%;
		min-height: 0;
		padding: 0 0 8px;
		border-bottom: 1px solid #cfe0ec;
		box-sizing: border-box;
	}
	/* Vendor'ın #dl-menu{background:#FFF} id kuralını ezmek için id+class */
	#dl-menu.dl-menuwrapper {
		background: #d9eaf6;
	}
	/* Sosyal ikonlar mobil header'da gizli.
	   (Tel & konuma iletişim sayfasından ulaşılıyor) */
	.headerIkon {
		display: none;
	}
	/* Sertifika şeridi: mavi bandın üstünde kenardan kenara beyaz şerit.
	   float:none !important şart — bootstrap .pull-right{float:right!important}
	   blok akışını bozuyor (flex'te etkisizdi, blokta değil) */
	.dl-menuwrapper .widget.pull-right {
		display: block;
		position: static;
		float: none !important;
		width: 100%;
		margin: 0 0 6px;
		padding: 4px 10px;
		background: #fff;
		text-align: center;
		box-sizing: border-box;
	}
	.dl-menuwrapper .widget.pull-right img {
		width: 100%;
		max-width: 667px;                /* görselin gerçek genişliği — büyütüp bulanıklaştırma */
		height: auto;
	}
	.dl-menuwrapper .logo {
		display: block;
		float: none !important;          /* bootstrap .pull-left'i ez */
		clear: both;
		width: auto;                     /* vendor 65px veriyor — ortalamayı bozuyordu */
		margin: 0;
		padding: 0 62px;                 /* hamburger/bayraklara çarpmasın */
		text-align: center;
	}
	.dl-menuwrapper .logo img { height: 64px; width: auto; }
	/* Hamburger: solda, logo satırına (alttan) hizalı — üstteki sertifika
	   şeridinin yüksekliği değişse de logoyla aynı hizada kalır */
	.dl-menuwrapper .dl-trigger {
		position: absolute;
		left: 10px;
		top: auto;
		bottom: 40px;                    /* 8px alt padding + 64px logonun yarısı */
		margin: 0;
		transform: translateY(50%);
		z-index: 20;
	}
	/* Dil bayrakları: sağda, logo satırına hizalı */
	.dl-menuwrapper .mobileLang {
		position: absolute;
		right: 10px;
		top: auto;
		bottom: 40px;
		margin: 0;
		transform: translateY(50%);
	}
	.dl-menuwrapper .mobileLang {
		display: flex;
		align-items: center;
	}
	.dl-menuwrapper .mobileLang a {
		display: inline-block;
		margin: 0;
	}
	.dl-menuwrapper .mobileLang a img { height: 18px; width: auto; }
	/* Vendor'ın mutlak konumlu '|' ayracı bayrağa yapışıyordu — kaldır,
	   yerine iki bayrağın tam ortasında ince bir çizgi */
	.dl-menuwrapper .mobileLang a:nth-child(1):after {
		content: none;
	}
	.dl-menuwrapper .mobileLang a:first-child {
		border-right: 1px solid rgba(0, 0, 0, 0.25);
		padding-right: 10px;
		margin-right: 10px;
	}
	/* Açılan menü: header'ın hemen altında, tam genişlik, opak zemin */
	.dl-menuwrapper .dl-menu {
		top: 100%;
		left: 0;
		background: #d9eaf6;
		z-index: 40;
	}
	/* İçerik header'ın altında temiz başlasın (çakışma olmasın) */
	.sayfaBanner { margin-top: 0; }

	/* Ana sayfa metinleri: mobilde ortalı (justify + girinti dar ekranda kötü duruyor) */
	.anaSayfaIcerik .icerikRight,
	.anaSayfaIcerik .icerikRight p {
		text-align: center;
		text-indent: 0;
	}

	/* Banner + başlık */
	.sayfaBanner, .sayfaBanner img { height: 155px; }
	.sayfaAdi { font-size: 26px; margin: 22px 0 12px; }

	/* İçerik: dar padding, okunur punto (Odalarımız/Basından hariç — tam genişlik) */
	.sizeOzel.icerikAlani,
	.rezervasyon.icerikAlani,
	.iletisim.icerikAlani {
		padding: 0 14px 30px;
		font-size: 15px;
	}
	.icerikAlani .aciklama.renk,
	.rezervasyon.icerikAlani.renk,
	.iletisim.icerikAlani.renk {
		padding: 18px 16px;
	}
	.page-id-244 .aciklama { padding: 20px 16px; }
	.kisaAciklama { font-size: 16px; }

	/* Rezervasyon (Reseliva) widget'ı taşmasın, yatay kaydırılabilsin */
	.reservationForm { overflow-x: auto; -webkit-overflow-scrolling: touch; }

	/* Basından kartları: mobilde 2'li sıra — float yükseklik farkında
	   kaydırıyordu, flex ile her satır kendi içinde eşit ve hizalı */
	.gazeteler .nav {
		display: flex;
		flex-wrap: wrap;
	}
	.gazeteler .haber.col-md-3 {
		width: 50%;
		float: none;
		display: flex;
	}
	.gazeteler .hKutu {
		min-height: 150px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.gazeteler .hIcerik {
		display: block;
		width: 100%;
	}

	/* İletişim: adres/form üstte, harita altta tam genişlik */
	.iletisim .haritaResim iframe { height: 260px; }

	/* Alaçatı kaydırma kutusu mobilde biraz daha kısa */
	.page-id-544 .aciklama.renk .container { max-height: 340px; }
}

/* Çok küçük ekran (≤480px): Basından tek sıra */
@media (max-width: 480px) {
	.gazeteler .haber.col-md-3 { width: 100%; float: none; }
	.sayfaAdi { font-size: 23px; }
}

/* --- Basından modal: haber görselini tıklayınca tam boyut aç (okunabilirlik) --- */
.gazeteler .haber-gorsel-buyut { display: inline-block; cursor: zoom-in; }
.gazeteler .haber-gorsel-buyut:hover img { opacity: 0.92; }
.gazeteler .haber-buyut-not {
	text-align: center;
	font-size: 13px;
	color: #777;
	font-style: normal;
	margin: 0 0 12px;
}

/* --- İletişim doğrulama (captcha): ortala --- */
.iletisim .iletisimFormu .captcha-not { text-align: center; }
.iletisim .iletisimFormu img[class*="wpcf7-captcha"] {
	display: block;
	margin: 4px auto 10px;
}
.iletisim .iletisimFormu input.wpcf7-captchar {
	display: block;
	max-width: 220px;
	margin: 0 auto 14px;
	text-align: center;
	letter-spacing: 2px;
}

/* --- Alaçatı: fotoğraflar TEK SIRADA yan yana (hiç alt alta düşmesin) --- */
.page-id-544 .galeriAlani .wh-ps.fluid-grid {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.page-id-544 .galeriAlani .wh-ps.fluid-grid .wh-item,
.page-id-544 .galeriAlani .wh-ps.fluid-grid[class*="col-"] .wh-item {
	width: auto !important;
	flex: 1 0 0;
	min-width: 130px;
}
.page-id-544 .galeriAlani .wh-ps .wh-item img {
	height: 150px;
}

/* --- FOOTER ALT ŞERİT: telif (+KVKK linki) solda (rezervasyon çubuğu kapatmaz), Ajans360 en sağda --- */
@media (min-width: 768px) {
	.footerBottom .row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-left: 0;
		margin-right: 0;
	}
	.footerBottom .row > div {
		float: none;
		width: auto;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.footerBottom .copyright {
		flex: 1 1 auto;
		text-align: left;
	}
	.footerBottom .tasarim {
		flex: 0 0 auto;
		text-align: right;
	}
	.footerBottom .tasarim .a360-icon {
		margin: -5px 0 -5px auto;
	}
}

/* --- MENÜ: "Rezervasyon" öğesi buton görünümünde --- */
@media (min-width: 938px) {
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="rezervasyon"],
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="reservation"] {
		background: -webkit-linear-gradient(top, #4d7392 0%, #3c5a76 100%);
		background: linear-gradient(to bottom, #4d7392 0%, #3c5a76 100%);
		color: #fff;
		border-radius: 26px;
		padding: 9px 26px;
		margin-left: 12px;
		font-weight: bold;
		font-style: normal;
		letter-spacing: 1.2px;
		box-shadow: 0 3px 10px rgba(43, 88, 120, 0.35);
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="rezervasyon"]:hover,
	.dl-menuwrapper .dl-menu li:not(.dilCubugu) a[href*="reservation"]:hover,
	.dl-menuwrapper .dl-menu li.active > a[href*="rezervasyon"],
	.dl-menuwrapper .dl-menu li.current-menu-item > a[href*="rezervasyon"],
	.dl-menuwrapper .dl-menu li.current_page_item > a[href*="rezervasyon"] {
		background: -webkit-linear-gradient(top, #44809f 0%, #2f6182 100%);
		background: linear-gradient(to bottom, #44809f 0%, #2f6182 100%);
		color: #fff;
		border-radius: 26px;             /* genel hover'daki radius:0'ı ezer — buton kare olmasın */
		box-shadow: 0 5px 16px rgba(43, 88, 120, 0.45);
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}
}

/* --- ODALARIMIZ LİSTESİ: oda isimleri/bağlantıları daha büyük ve tıklanır görünsün --- */
/* Üstteki tanıtım metni ortalı */
.odaAciklama {
	text-align: center;
}
/* Kart kolonları (col-md-3) flex ile ortalanır — offset'e gerek kalmaz */
@media (min-width: 992px) {
	.odaKatRow {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	/* Kolon → .oda → .odaKutu zinciri tam yüksekliğe yayılır: kartlar eşit boyda */
	.odaKatRow > div {
		float: none;
		display: flex;
	}
	.odaKatRow .oda {
		width: 100%;
		display: flex;
	}
	.odaKatRow .odaKutu {
		width: 100%;
		min-height: 0;                   /* eşitliği artık flex sağlıyor */
	}
}
.odaGenelAdi {
	font-size: 20px;
}
.odaKutu .nav > li > a {
	font-size: 16px;
	line-height: 2.4;
}
.odaKutu .nav > li > a:hover {
	font-size: 16px;          /* vendor hover 13px + margin oynatmasını ezer */
	margin-top: 0;
	font-weight: bold;
}
.odaKutu {
	min-height: 190px;
	padding: 18px 12px 22px;
	box-sizing: border-box;
}

/* --- ODA DETAY: ana görsel daha kare orana yaklaşsın --- */
/* Vendor: .carousel %70 genişlik + 450px yükseklik = ~1.9:1 (çok yatık).
   Genişliği sınırlayıp yüksekliği artırarak ~1.35:1'e çekiyoruz. */
@media (min-width: 768px) {
	.carouselSlider .carousel {
		max-width: 820px;
	}
	.carouselSlider .carousel-inner .item img {
		height: 480px;
	}
	/* Küçük resimler ana görselle aynı hizada/genişlikte dursun */
	#thumbcarousel .carousel-inner {
		width: 100%;
		padding: 0 17px;              /* #carousel'in 15px padding + 2px border'ı kadar */
		box-sizing: border-box;
	}
	#thumbcarousel .carousel-inner .item img {
		height: 115px;
	}
}
@media (min-width: 1200px) {
	.carouselSlider .carousel-inner .item img {
		height: 580px;
	}
}

/* --- ODA NAVİGASYONU: hover ile açılan menü düzgün bir panel olsun --- */
/* Vendor'da .dropdown-content konumsuz (li relative değil), zemini/çerçevesi yok
   ve öğeler .liste li'den inline+float+"/" ayracını miras alıyordu. */
@media (min-width: 768px) {
	.odaListe .liste li.dropdown {
		position: relative;
	}
	.odaListe .liste .dropdown-content {
		top: 100%;                   /* boşluk yok: fare panele giderken menü kapanmasın */
		left: 50%;
		right: auto;
		margin-top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
		min-width: 200px;
		padding: 8px 0;
		background: #fff;
		border: 1px solid #c8dceb;
		border-radius: 4px;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
		text-align: center;
		list-style: none;
	}
	.odaListe .liste .dropdown-content li {
		display: block;
		float: none;
		width: 100%;
		min-height: 0;
	}
	.odaListe .liste .dropdown-content li:after {
		content: "" !important;
		display: none !important;
	}
	.odaListe .liste .dropdown-content li a {
		display: block;
		padding: 9px 20px;
		font-size: 15px;
		color: #4e4e4e;
		white-space: nowrap;
		-webkit-transition: background 0.2s ease, color 0.2s ease;
		transition: background 0.2s ease, color 0.2s ease;
	}
	.odaListe .liste .dropdown-content li a:hover,
	.odaListe .liste .dropdown-content li a:focus {
		background: #c8dceb;
		color: #000;
	}
	/* Açılabilir olduğu belli olsun: küçük ok */
	.odaListe .liste .dropdown > .dropdown-toggle:after {
		content: "";
		display: inline-block;
		margin-left: 7px;
		vertical-align: middle;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid rgba(78, 78, 78, 0.55);
	}
	.odaListe .liste .dropdown:hover > .dropdown-toggle:after {
		border-top-color: #98b9d2;
	}
}

/* --- FOOTER ALT ŞERİT (MOBİL): hepsi ortalı, alt alta; telif satırı kırılmasın --- */
@media (max-width: 767px) {
	/* Degrade, adres yazısının hemen üstünden başlıyordu: üstte nefes payı */
	.footer {
		padding-top: 18px;
		margin-top: 20px;
	}
	/* Vendor'daki 73px'lik masaüstü boşluğu mobilde adresin üstünü şişiriyordu */
	.adres {
		margin-top: 0;
	}
	.footerBottom .copyright,
	.footerBottom .tasarim {
		width: 100%;
		float: none;
		text-align: center;
	}
	.footerBottom .copyright {
		padding-top: 2px;
		font-size: 13px;
		line-height: 1.4;
	}
	.footerBottom .tasarim {
		padding-top: 12px;
	}
	.footerBottom .tasarim .a360-icon {
		margin: 0 auto;              /* vendor'daki margin-right:-15px'i ezer */
	}
	/* Sabit rezervasyon çubuğu (kapalı hap ~48px) ajans logosunu kapatmasın;
	   96px fazla boşluk bırakıyordu, hap yüksekliği + pay kadar yeter */
	.footerBottom {
		padding-bottom: 58px;
		margin-bottom: 0;
	}
}

/* =================================================================
   SABİT REZERVASYON ÇUBUĞU (tüm sayfalarda, altta yapışık)

   Açılıp kapanma davranışı kartalotel.com ile birebir:
     • sayfa en üstteyken   → çubuk TAM AÇIK (tüm alanlar görünür)
     • 50px kaydırılınca    → alanlar büzülür, sadece REZERVASYON butonu
                              üstü yuvarlatılmış "hap" olarak kalır
     • çubuk hiçbir zaman gizlenmez, sayfa sonunda da ekranda durur
   Arka plan alanların (item) üzerinde; konteyner şeffaf ve
   pointer-events:none — kapalıyken boş şerit tıklamaları yutmaz.
   ================================================================= */
.rezBar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 900;
	background: transparent;
	pointer-events: none;
	font-family: "Georgia", serif;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
}
/* Sadece mobil menü açıkken çekilir; başka hiçbir durumda gizlenmez */
.rezBar.is-menu {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.rezBar-in {
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	margin: 0;
}
.rezBar-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 26px;
	min-height: 66px;
	background: #fff;
	border-top: 1px solid #c8dceb;
	border-left: 1px solid #e6eef5;
	box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.10);
	color: #4e4e4e;
	flex: 1 1 20%;
	width: 20%;
	box-sizing: border-box;
	justify-content: center;
	pointer-events: auto;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.rezBar-item:first-of-type {
	border-left: 0;
}
.rezBar-item .fa {
	font-size: 19px;
	color: #98b9d2;
}
.rezBar-cap {
	font-size: 15px;
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
}
.rezBar-date input[type="date"] {
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 16px;
	color: #2e2e2e;
	padding: 4px 0;
	outline: none;
	max-width: 165px;
	width: 100%;
}
/* Sayaçlar */
.rezBar-count {
	justify-content: flex-start;
}
.rezBar-step {
	width: 28px;
	height: 28px;
	line-height: 1;
	border: 1px solid #c8dceb;
	background: #f4f9fc;
	color: #4e4e4e;
	border-radius: 50%;
	font-size: 16px;
	cursor: pointer;
	padding: 0;
	flex: 0 0 auto;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}
.rezBar-step:hover {
	background: #c8dceb;
}
.rezBar-val {
	min-width: 22px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
/* CTA */
.rezBar-go {
	flex: 0 0 20%;
	width: 20%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	border: 0;
	background: -webkit-linear-gradient(top, #4d7392 0%, #3c5a76 100%);
	background: linear-gradient(to bottom, #4d7392 0%, #3c5a76 100%);
	color: #fff;
	font-family: inherit;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1.6px;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	pointer-events: auto;
	box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.10);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.rezBar-go .fa,
.rezBar-go span {
	position: relative;   /* parlama efektinin üstünde kalsın */
	z-index: 1;
}
.rezBar-go .fa {
	font-size: 18px;
	color: #fff;
}
.rezBar-go:hover,
.rezBar-go:focus {
	background: -webkit-linear-gradient(top, #44809f 0%, #2f6182 100%);
	background: linear-gradient(to bottom, #44809f 0%, #2f6182 100%);
	outline: none;
}
/* Üzerinden geçen ince parlama */
.rezBar-go:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	width: 40%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 100%);
	-webkit-transform: skewX(-18deg);
	transform: skewX(-18deg);
	-webkit-transition: left 0.55s ease;
	transition: left 0.55s ease;
}
.rezBar-go:hover:after {
	left: 120%;
}
/* Tarih boşsa kısa uyarı */
.rezBar.rezBar-uyari .rezBar-date input[type="date"] {
	box-shadow: 0 2px 0 #c0392b;
}

/* ---------- KAPALI HAL: sadece REZERVASYON hapı ---------- */
.rezBar.is-scrolled .rezBar-item {
	flex: 0 0 0;
	width: 0;
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
	opacity: 0;
	box-shadow: none;
}
.rezBar.is-scrolled .rezBar-go {
	width: 20%;
	padding: 15px 0;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
}

@media (max-width: 991px) {
	.rezBar-in {
		flex-wrap: wrap;
	}
	.rezBar-item {
		flex: 1 1 50%;
		width: 50%;
		min-height: 54px;
		padding: 0 14px;
		gap: 8px;
	}
	.rezBar-date input[type="date"] {
		font-size: 14px;
		max-width: 125px;
	}
	.rezBar-cap {
		font-size: 13px;
	}
	.rezBar-go {
		flex: 1 1 100%;
		width: 100%;
		padding: 13px 0;
		font-size: 16px;
	}
	.rezBar.is-scrolled .rezBar-go {
		width: 250px;
		flex: 0 0 250px;
		padding: 13px 0;
	}
}
@media (max-width: 480px) {
	.rezBar-item .fa {
		display: none;
	}
	.rezBar-item {
		padding: 0 10px;
	}
	.rezBar.is-scrolled .rezBar-go {
		width: 200px;
		flex: 0 0 200px;
	}
}

/* =================================================================
   MOBİL MENÜ: ekranın ALTINDAN yukarı açılan panel (bottom sheet)
   Üstteki logo/hamburger şeridi yerinde kalır, içerik altta görünür.
   ================================================================= */
@media (max-width: 937px) {
	/* perspective, position:fixed için kapsayıcı blok oluşturuyordu — kaldır */
	.dl-menuwrapper {
		-webkit-perspective: none;
		perspective: none;
		-webkit-perspective-origin: 50% 50%;
		perspective-origin: 50% 50%;
	}

	.dl-menuwrapper .dl-menu {
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-height: 72vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0;
		padding-bottom: 14px;
		padding-bottom: calc(14px + env(safe-area-inset-bottom));
		border: none;
		border-radius: 16px 16px 0 0;
		background: #d9eaf6;
		box-shadow: none;
		z-index: 1000;
		/* kapalıyken ekranın altında bekler */
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
		transition: transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	.dl-menuwrapper .dl-menu.dl-menuopen {
		border-radius: 16px 16px 0 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		/* panelin ÜSTÜNDE kalan her yeri karartır (dev gölge tekniği) */
		-webkit-box-shadow: 0 -100000px 0 100000px rgba(0, 0, 0, 0.55);
		box-shadow: 0 -100000px 0 100000px rgba(0, 0, 0, 0.55);
	}

	/* Panelin üstünde ince tutma çizgisi */
	.dl-menuwrapper .dl-menu .sideCollapse:before {
		content: "";
		display: block;
		width: 44px;
		height: 4px;
		margin: 10px auto 6px;
		border-radius: 3px;
		background: rgba(78, 78, 78, 0.28);
	}

	/* Menü açıkken hamburger üstte ve tıklanabilir kalsın */
	.dl-menuwrapper .dl-trigger {
		position: relative;
		z-index: 1001;
	}

	/* Menü öğeleri: daha büyük punto, ortalı */
	.dl-menuwrapper .dl-menu li a {
		font-size: 18px;
		padding: 13px 20px;
		text-align: center;
	}

	/* Sosyal/iletişim ikonları: menünün altında ortalı yuvarlak butonlar
	   (headerIkon mobilde gizlendiği için buraya taşındı) */
	.dl-menuwrapper .dl-menu .menuSosyal {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin-top: 10px;
		padding: 16px 0 6px;
		border-top: 1px solid rgba(60, 90, 118, 0.18);
	}
	.dl-menuwrapper .dl-menu .menuSosyal a {
		width: 42px;
		height: 42px;
		padding: 0;
		border-radius: 50%;
		border: 1px solid rgba(60, 90, 118, 0.4);
		color: #3c5a76;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.dl-menuwrapper .dl-menu .menuSosyal a .fa {
		font-size: 18px;
	}
	.dl-menuwrapper .dl-menu .menuSosyal a:hover,
	.dl-menuwrapper .dl-menu .menuSosyal a:focus {
		background: #3c5a76;
		border-color: #3c5a76;
		color: #fff;
	}
}

/* Masaüstünde menü içi sosyal satırı gizli — aynı ikonlar headerIkon'da var.
   Seçici, ".dl-menuwrapper .dl-menu li"nin display:inline-block kuralını
   ezecek kadar özgül olmalı; yoksa li boş linklerle hayalet boşluk yapıyor. */
@media (min-width: 938px) {
	.dl-menuwrapper .dl-menu li.menuSosyal {
		display: none;
	}
}

/* --- İÇERİK İÇİ BUTON & BAĞLANTI SATIRI (sayfa editöründen kullanılır) --- */
.icerikButonlar {
	text-align: right;
	margin: 18px 0 10px;
}
a.icerikButon {
	display: inline-block;
	padding: 11px 34px;
	border-radius: 26px;
	background: -webkit-linear-gradient(top, #4d7392 0%, #3c5a76 100%);
	background: linear-gradient(to bottom, #4d7392 0%, #3c5a76 100%);
	color: #fff;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.2px;
	text-decoration: none;
	box-shadow: 0 3px 10px rgba(43, 88, 120, 0.35);
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
a.icerikButon:hover,
a.icerikButon:focus {
	background: -webkit-linear-gradient(top, #44809f 0%, #2f6182 100%);
	background: linear-gradient(to bottom, #44809f 0%, #2f6182 100%);
	color: #fff;
	text-decoration: none;
	box-shadow: 0 5px 16px rgba(43, 88, 120, 0.45);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}
.icerikBaglantilar {
	text-align: right;
	font-size: 15px;
	line-height: 2;
	color: #98b9d2;
}
/* :not(.icerikButon) şart: editörde buton yanlışlıkla bu satıra konursa
   link rengi butonun beyaz yazısını ezmesin (EN'de yaşandı). */
.icerikBaglantilar a:not(.icerikButon) {
	color: #2f6182;
	text-decoration: none;
	border-bottom: 1px solid rgba(47, 97, 130, 0.25);
	-webkit-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
.icerikBaglantilar a:not(.icerikButon):hover,
.icerikBaglantilar a:not(.icerikButon):focus {
	border-bottom-color: #2f6182;
	text-decoration: none;
}
@media (max-width: 767px) {
	.icerikButonlar,
	.icerikBaglantilar {
		text-align: center;
	}
}

/* --- ANA SAYFA TANITIM BÖLÜMLERİ (panel: Ana Sayfa — Tanıtım Bölümleri) --- */
.anaBolumler {
	margin-top: 34px;
	font-size: 15px;
	color: rgb(78, 78, 78);
	line-height: 1.75;
}
/* Her kart AYNI tasarım (3. kartın görünümü): renkli degrade zemin, beyaz
   yazı, polaroid foto, beyaz buton. Kartlar arası fark SADECE renklerde ve
   foto çerçevesinde (bolumStil-1/2/3 aşağıda). */
.anaBolumler .anaBolum {
	border: none;
	border-radius: 14px;
	padding: 36px 38px 30px;
	/* 30px: üstteki giriş bloğunun (iç içe kolonların) kenar hizasıyla aynı */
	margin: 0 30px 28px;
	color: #eef5fb;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.25);
}
.anaBolumler .bolumBaslik {
	color: #fff;
	font-family: "Georgia";
	font-size: 28px;
	line-height: 1.25;
	margin: 0 0 14px;
	text-align: center;
}
/* Başlık altı kısa dekoratif çizgi */
.anaBolumler .bolumBaslik:after {
	content: "";
	display: block;
	width: 58px;
	height: 2px;
	margin: 14px auto 0;
	background: rgba(255, 255, 255, 0.55);
}
.anaBolumler .bolumMetin {
	text-align: justify;
}
.anaBolumler .bolumMetin p {
	text-indent: 0;
	margin-bottom: 12px;
}
.anaBolumler .bolumButon {
	margin: 24px 0 4px;
	text-align: center;
	text-indent: 0;
}
/* Görsel: polaroid gibi hafif eğik, çerçeveli foto (3. kartın dili).
   Sabit yükseklik: metin uzasa da her karttaki foto aynı YATAY formatta kalır */
/* İç boşluk: eğik foto köşeleri ve gölge kartın dışına sarkmasın */
.anaBolumler .bolumGorsel {
	padding: 14px;
}
.anaBolumler .bolumGorsel img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	object-position: center;
	background: #fff;
	padding: 7px;
	border: none;
	border-radius: 4px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}
/* Sağdaki fotoğraflar ters yöne eğilsin */
.anaBolum.gorselSag .bolumGorsel img {
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
/* Metin rengi karta uyar */
.anaBolumler .bolumMetin {
	color: #eef5fb;
}
/* Görselli bölümler: genişte görsel bir solda bir sağda, metinle yan yana */
@media (min-width: 768px) {
	.anaBolum.gorselSol,
	.anaBolum.gorselSag {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/* Tüm kartlar AYNI boyutta: foto 340px + iç boşluklar */
		min-height: 410px;
	}
	.anaBolum.gorselSol .bolumGorsel,
	.anaBolum.gorselSag .bolumGorsel {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 42%;
		flex: 0 0 42%;
	}
	.anaBolum.gorselSol .bolumGorsel {
		margin-right: 36px;
	}
	.anaBolum.gorselSag {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.anaBolum.gorselSag .bolumGorsel {
		margin-left: 36px;
	}
	.anaBolum.gorselSol .bolumMetin,
	.anaBolum.gorselSag .bolumMetin {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-ms-flex-item-align: center;
		align-self: center;
	}
	/* Görselli bölümlerde başlık metin sütununda soldan başlasın */
	.anaBolum.gorselSol .bolumBaslik,
	.anaBolum.gorselSag .bolumBaslik {
		text-align: left;
	}
	.anaBolum.gorselSol .bolumBaslik:after,
	.anaBolum.gorselSag .bolumBaslik:after {
		margin-left: 0;
	}
	.anaBolum.gorselSol .bolumButon,
	.anaBolum.gorselSag .bolumButon {
		text-align: left;
	}
}
/* Mobilde kartta her şey ortalı: başlık, metin, buton ve görsel */
@media (max-width: 767px) {
	.anaBolumler .anaBolum {
		text-align: center;
	}
	.anaBolumler .bolumMetin {
		text-align: center;
	}
	.anaBolumler .bolumMetin p {
		text-indent: 0;
	}
	.anaBolumler .bolumGorsel {
		margin: 0 auto 6px;
		text-align: center;
		padding: 8px 0 12px;
	}
	/* Foto: mobilde düz (eğiklik dar ekranda kaymış gösteriyor) ve tam ortalı */
	.anaBolumler .bolumGorsel img,
	.anaBolum.gorselSag .bolumGorsel img {
		display: block;
		margin: 0 auto;
		-webkit-transform: none;
		transform: none;
	}
	.anaBolumler .bolumBaslik,
	.anaBolumler .bolumButon {
		text-align: center;
	}
	.anaBolumler .bolumBaslik:after {
		margin-left: auto;
		margin-right: auto;
	}
}

/* --- KART RENK ŞEMALARI (bolumStil-1/2/3, default.php sırayla verir)
   Tasarım üçünde de aynı (3. kartın görünümü); yalnız RENKLER ve foto
   ÇERÇEVE rengi değişir. Buton hepsinde beyaz, yazısı kartın koyu tonunda. */

/* Stil 1 — bahçe yeşili */
.anaBolumler .anaBolum.bolumStil-1 {
	background: -webkit-linear-gradient(top, #7e9484 0%, #62786c 100%);
	background: linear-gradient(to bottom, #7e9484 0%, #62786c 100%);
}
.anaBolumler .bolumStil-1 .bolumGorsel img {
	background: #fdf9ef; /* krem çerçeve */
}
.anaBolumler .bolumStil-1 a.icerikButon {
	color: #62786c;
}

/* Stil 2 — sıcak kiremit (kahvaltı/reçel tonu) */
.anaBolumler .anaBolum.bolumStil-2 {
	background: -webkit-linear-gradient(top, #b08a64 0%, #8f7051 100%);
	background: linear-gradient(to bottom, #b08a64 0%, #8f7051 100%);
}
.anaBolumler .bolumStil-2 .bolumGorsel img {
	background: #fff7ea; /* açık bal çerçeve */
}
.anaBolumler .bolumStil-2 a.icerikButon {
	color: #8f7051;
}

/* Stil 3 — koyu mavi (orijinal beğenilen kart) */
.anaBolumler .anaBolum.bolumStil-3 {
	background: -webkit-linear-gradient(top, #4d7392 0%, #3c5a76 100%);
	background: linear-gradient(to bottom, #4d7392 0%, #3c5a76 100%);
}
.anaBolumler .bolumStil-3 .bolumGorsel img {
	background: #fff; /* beyaz çerçeve */
}
.anaBolumler .bolumStil-3 a.icerikButon {
	color: #3c5a76;
}

/* Buton: tüm kartlarda beyaz zemin (3. karttaki gibi) */
.anaBolumler .anaBolum a.icerikButon {
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.anaBolumler .anaBolum a.icerikButon:hover,
.anaBolumler .anaBolum a.icerikButon:focus {
	background: rgba(255, 255, 255, 0.9);
}
.anaBolumler .bolumStil-1 a.icerikButon:hover,
.anaBolumler .bolumStil-1 a.icerikButon:focus { color: #62786c; }
.anaBolumler .bolumStil-2 a.icerikButon:hover,
.anaBolumler .bolumStil-2 a.icerikButon:focus { color: #8f7051; }
.anaBolumler .bolumStil-3 a.icerikButon:hover,
.anaBolumler .bolumStil-3 a.icerikButon:focus { color: #3c5a76; }

/* Fotoğrafın üstüne gelince eğikliği düzelip yumuşakça büyüsün */
.anaBolumler .bolumGorsel img {
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease;
	transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.anaBolumler .bolumGorsel:hover img {
	-webkit-transform: rotate(0deg) scale(1.06);
	transform: rotate(0deg) scale(1.06);
}

/* --- BÖLÜMLERİN BELİRME EFEKTİ (incirliev-scripts.js sınıfları ekler) --- */
.efektHazir {
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
	transition: opacity 0.8s ease, transform 0.8s ease;
}
.efektHazir.efektGoster {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
/* Kart içinde fotoğraf kendi yönünden, metin hafif gecikmeyle süzülür */
.anaBolum.efektHazir .bolumGorsel {
	opacity: 0;
	-webkit-transition: opacity 0.9s ease 0.2s, -webkit-transform 0.9s ease 0.2s;
	transition: opacity 0.9s ease 0.2s, transform 0.9s ease 0.2s;
}
.anaBolum.gorselSol.efektHazir .bolumGorsel {
	-webkit-transform: translateX(-36px);
	transform: translateX(-36px);
}
.anaBolum.gorselSag.efektHazir .bolumGorsel {
	-webkit-transform: translateX(36px);
	transform: translateX(36px);
}
.anaBolum.efektHazir .bolumMetin {
	opacity: 0;
	-webkit-transform: translateY(22px);
	transform: translateY(22px);
	-webkit-transition: opacity 0.9s ease 0.35s, -webkit-transform 0.9s ease 0.35s;
	transition: opacity 0.9s ease 0.35s, transform 0.9s ease 0.35s;
}
/* NOT: JS efektHazir'ı kaldırmadan efektGoster ekler; gorselSol/gorselSag'lı
   başlangıç kuralı (4 sınıf) buradaki genel kuralı (3 sınıf) ezmesin diye
   yüksek öncelikli seçiciler de eklendi — yoksa foto 36px kaymış kalıyor. */
.anaBolum.gorselSol.efektHazir.efektGoster .bolumGorsel,
.anaBolum.gorselSag.efektHazir.efektGoster .bolumGorsel,
.anaBolum.efektGoster .bolumGorsel,
.anaBolum.efektGoster .bolumMetin {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

@media (max-width: 767px) {
	.anaBolumler .anaBolum {
		padding: 26px 20px 22px;
		margin: 0 4px 22px;
		overflow: hidden;                /* güvenlik: hiçbir şey karttan taşamaz */
	}
	.anaBolumler .bolumBaslik {
		font-size: 23px;
	}
	.anaBolumler .bolumGorsel {
		margin-bottom: 18px;
	}
	.anaBolumler .bolumGorsel img {
		height: 220px;
	}
	/* Dokunmatikte :hover büyütmesi fotoyu karttan taşırıyor — mobilde kapalı */
	.anaBolumler .bolumGorsel:hover img {
		-webkit-transform: none;
		transform: none;
	}
}

/* =================================================================
   GALERİ — hover'da "büyütülebilir" hissi: hafif zoom + karartma +
   büyüteç ikonu (Fotoğraflar ve içerik sayfası galerileri, .wh-ps)
   ================================================================= */
.wh-ps .wh-item a {
	display: block;
	position: relative;
	overflow: hidden;                 /* zoom yapan foto kutudan taşmasın */
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.wh-ps .wh-item a img {
	display: block;
	-webkit-transition: -webkit-transform 0.45s ease;
	transition: transform 0.45s ease;
}
.wh-ps .wh-item a:hover img,
.wh-ps .wh-item a:focus img {
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
}
/* Üzerine gelince hafif lacivert perde
   (vendor .wh-ps img'e 8px padding verir — perde fotoya hizalı dursun) */
.wh-ps .wh-item a::before {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	background: rgba(36, 67, 95, 0);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	z-index: 1;
}
.wh-ps .wh-item a:hover::before,
.wh-ps .wh-item a:focus::before {
	background: rgba(36, 67, 95, 0.35);
}
/* Ortada beliren büyüteç — gömülü SVG (font/emoji bağımlılığı yok,
   her tarayıcıda aynı görünür) */
.wh-ps .wh-item a::after {
	content: "";
	width: 40px;
	height: 40px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.4' y1='15.4' x2='21' y2='21'/%3E%3Cline x1='10.5' y1='8' x2='10.5' y2='13'/%3E%3Cline x1='8' y1='10.5' x2='13' y2='10.5'/%3E%3C/svg%3E") center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.6);
	transform: translate(-50%, -50%) scale(0.6);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 2;
	pointer-events: none;
}
.wh-ps .wh-item a:hover::after,
.wh-ps .wh-item a:focus::after {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
/* Dokunmatik cihazlarda hover takılı kalmasın diye efekt yalnız
   gerçek imleçli cihazlarda çalışsın */
@media (hover: none) {
	.wh-ps .wh-item a:hover img {
		-webkit-transform: none;
		transform: none;
	}
	.wh-ps .wh-item a:hover::before {
		background: transparent;
	}
	.wh-ps .wh-item a:hover::after {
		opacity: 0;
	}
}