/*
 * Hatem Hastanesi — header düzenlemesi
 * Medcity "header-layout1" üzerine yazar. Kurumsal renkler kimlik kılavuzundandır.
 */
:root {
	/* Kurumsal kimlik kılavuzu 1.8 — Pantone 302 / Pantone 193 (hatem-hekim-kadrosu ile aynı) */
	--hh-lacivert: #05415f;
	--hh-lacivert-koyu: #02293c;
	--hh-kirmizi: #cd193c;
	--hh-kirmizi-koyu: #a3122f;
	--hh-metin: #10293b;
	--hh-cizgi: #e7edf2;
}

/* ---------- Yazı tipi: ana sayfa bileşenleriyle aynı aile ---------- */
#site-header-wrap,
#site-header-wrap .primary-menu a,
#site-header-wrap .site-header-top,
#site-header-wrap .site-header-top a,
#site-header-wrap .search-field,
#site-header-wrap .highlight-menu-wrap .menu-name,
.hh-menu-alt a {
	font-family: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
}
#site-header-wrap .site-header-button a.btn,
.hh-mobil-randevu {
	font-family: "Barlow Semi Condensed", "Hanken Grotesk", Arial, sans-serif;
	letter-spacing: .02em;
}

/* ---------- Randevu butonu (tüm ekranlar) ---------- */
#site-header-wrap .site-header-button a.btn,
.hh-mobil-randevu {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	height: 46px;
	width: auto !important;
	padding: 0 22px !important;
	font-size: 15px !important;
	font-weight: 600;
	line-height: 1 !important;
	letter-spacing: .01em;
	color: #fff !important;
	background: var(--hh-kirmizi) !important;
	border: 0;
	border-radius: 999px !important;
	box-shadow: 0 6px 16px -6px rgba(209, 15, 65, .55);
	transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
	white-space: nowrap;
}
#site-header-wrap .site-header-button a.btn:hover,
.hh-mobil-randevu:hover {
	background: var(--hh-lacivert) !important;
	box-shadow: 0 6px 16px -6px rgba(0, 70, 103, .55);
	transform: translateY(-1px);
}
#site-header-wrap .site-header-button a.btn::before,
.hh-mobil-randevu::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='3'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18M8.5 15l2.2 2.2L15.5 13'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='3'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18M8.5 15l2.2 2.2L15.5 13'/%3E%3C/svg%3E") center / contain no-repeat;
}
#site-header-wrap .site-header-button a.btn::after {
	content: none !important;
}

/* ---------- Masaüstü ---------- */
@media screen and (min-width: 1200px) {
	.hh-mobil-randevu {
		display: none !important;
	}

	#site-header-wrap.header-layout1 .site-header-main > .container,
	#site-header-wrap.header-layout1 .site-header-top > .container {
		max-width: 1440px;
		padding-left: 40px;
		padding-right: 40px;
	}

	/* Üst bilgi şeridi */
	#site-header-wrap.header-layout1 .site-header-top {
		background: linear-gradient(90deg, var(--hh-lacivert-koyu), var(--hh-lacivert));
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item {
		line-height: 42px;
		margin-left: 0;
		padding: 0 18px;
		position: relative;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-left .header-top-item:first-of-type {
		padding-left: 0;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item + .header-top-item::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 1px;
		height: 14px;
		background: rgba(255, 255, 255, .2);
		transform: translateY(-50%);
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item i,
	#site-header-wrap.header-layout1 .site-header-top .header-top-left i {
		color: #ff7b9c;
		font-size: 12px;
		margin-right: 8px;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item .header-top-item-inner,
	#site-header-wrap.header-layout1 .site-header-top .header-top-item .header-top-item-inner a {
		font-size: 13px;
		color: rgba(255, 255, 255, .88);
		letter-spacing: .01em;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item .header-top-item-inner a:hover {
		color: #fff;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-item .header-top-item-inner span:empty {
		display: none;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-right {
		gap: 14px;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-search {
		padding-left: 0;
		margin-left: 0;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-search::before {
		display: none;
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .searchform-wrap {
		height: 30px;
		display: flex;
		align-items: center;
		background: rgba(255, 255, 255, .1);
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 999px;
		overflow: hidden;
		transition: background-color .2s ease, border-color .2s ease;
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .searchform-wrap:focus-within {
		background: rgba(255, 255, 255, .18);
		border-color: rgba(255, 255, 255, .4);
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-field {
		height: 30px;
		width: 170px;
		padding: 0 6px 0 14px;
		font-size: 13px;
		color: #fff;
		background: transparent;
		border: 0;
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-field::placeholder {
		color: rgba(255, 255, 255, .6);
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-submit {
		position: static;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		width: 36px;
		padding: 0;
		font-size: 0;
		line-height: 30px;
		color: #fff;
		background: transparent;
		box-shadow: none;
	}
	/* Temanın ikon fontu burada bir "yükleniyor" çemberi gibi görünüyordu; düz büyüteç */
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-submit > * {
		display: none;
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-submit::before {
		content: "";
		width: 15px;
		height: 15px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	#site-header-wrap.header-layout1 .site-header-top .site-header-search .search-field::placeholder {
		font-style: normal;
	}

	/* 7/24 Acil (hatem-header.js ekler) */
	.hh-acil {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 26px;
		margin-right: 18px;
		padding: 0 12px 0 10px;
		font-size: 12.5px;
		font-weight: 600;
		letter-spacing: .02em;
		color: #fff !important;
		background: var(--hh-kirmizi);
		border-radius: 999px;
		white-space: nowrap;
	}
	.hh-acil strong {
		font-weight: 700;
		letter-spacing: .03em;
	}
	.hh-acil:hover {
		background: var(--hh-kirmizi-koyu);
	}
	.hh-acil-nokta {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
		animation: hh-nabiz 2s infinite;
	}
	@keyframes hh-nabiz {
		70% { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); }
		100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
	}

	/* Ana çubuk */
	#site-header-wrap.header-layout1 {
		box-shadow: none;
	}
	#site-header-wrap #site-header {
		background: #fff;
		border-bottom: 1px solid var(--hh-cizgi);
		transition: box-shadow .25s ease;
	}
	#site-header-wrap #site-header.h-fixed {
		border-bottom-color: transparent;
		box-shadow: 0 8px 30px -12px rgba(0, 50, 74, .25);
	}

	/* Logo — satırın -15px kenar boşluğunu telafi eder; üst şeritle aynı hizada başlar */
	#site-header-wrap.header-layout1 .site-header-main .site-branding {
		margin: 0 15px 0 15px;
		display: flex;
		align-items: center;
	}
	#site-header-wrap .site-branding img {
		height: 56px !important;
		max-height: none;
		width: auto !important;
		transition: height .25s ease;
	}
	#site-header-wrap #site-header.h-fixed .site-branding img {
		height: 46px !important;
	}

	/* Menü */
	#site-header-wrap .primary-menu > li > a,
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap {
		line-height: 92px;
	}
	#site-header-wrap #site-header.h-fixed .primary-menu > li > a,
	#site-header-wrap #site-header.h-fixed .highlight-menu-wrap {
		line-height: 74px;
	}
	#site-header-wrap .primary-menu > li > a {
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0;
		color: var(--hh-metin);
		padding: 0 14px;
		transition: color .2s ease;
	}
	#site-header-wrap .primary-menu > li > a:hover,
	#site-header-wrap .primary-menu > li:hover > a,
	#site-header-wrap .primary-menu > li.current-menu-item > a,
	#site-header-wrap .primary-menu > li.current-menu-ancestor > a {
		color: var(--hh-kirmizi);
	}
	/* Aktif / üzerine gelinen öğe çizgisi: üst yerine alta */
	#site-header-wrap .primary-menu > li > a::before {
		top: auto;
		bottom: 0;
		left: 14px;
		right: 14px;
		height: 3px;
		border-radius: 3px 3px 0 0;
		background-color: var(--hh-kirmizi);
	}

	/* Alt menüler */
	#site-header-wrap .primary-menu .sub-menu {
		padding: 10px 0;
		min-width: 250px;
		border-top: 3px solid var(--hh-kirmizi);
		border-radius: 0 0 12px 12px;
		box-shadow: 0 18px 40px -14px rgba(0, 50, 74, .28);
	}
	#site-header-wrap .primary-menu .sub-menu li a {
		display: block;
		padding: 10px 24px;
		font-size: 14px;
		font-weight: 500;
		color: var(--hh-metin);
		transition: background-color .15s ease, color .15s ease, padding .15s ease;
	}
	#site-header-wrap .primary-menu .sub-menu li a::before {
		display: none;
	}
	#site-header-wrap .primary-menu .sub-menu li > a:hover,
	#site-header-wrap .primary-menu .sub-menu li.current-menu-item > a {
		color: var(--hh-kirmizi);
		background: #f4f7fa;
		padding-left: 28px;
	}

	/* "Hasta ve Ziyaretçi Defteri" */
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap {
		margin-left: 18px;
		padding-left: 20px;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap::before {
		width: 1px;
		height: 28px;
		background-color: var(--hh-cizgi);
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-name {
		font-size: 14px;
		font-weight: 600;
		color: var(--hh-lacivert);
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon,
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon::before,
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon::after {
		background-color: var(--hh-kirmizi);
	}

	#site-header-wrap.header-layout1 .site-header-main .site-tool {
		margin-left: 18px;
	}
	#site-header-wrap.header-layout1 .site-header-main .site-tool .site-header-button {
		margin-left: 0;
	}

	/* Dil seçici üst şeride taşındığında (hatem-header.js) */
	.site-header-top .gt_switcher_wrapper {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		z-index: 1000 !important;
	}
}

/* Menü hiçbir genişlikte alt satıra kaymasın */
@media screen and (min-width: 1200px) {
	#site-header-wrap #site-header .row {
		flex-wrap: nowrap;
	}
	#site-header-wrap #site-header .site-branding {
		flex: none;
	}
	#site-header-wrap #site-header .site-navigation {
		min-width: 0;
	}
	#site-header-wrap #site-header .site-navigation > * {
		flex: none;
	}
	#site-header-wrap #site-header .site-main {
		margin-right: 0;
	}
	.hh-menu-alt {
		display: none !important;
	}
	#site-header-wrap #mastmenu {
		display: flex;
		flex-wrap: nowrap;
	}
	#site-header-wrap #mastmenu > li {
		float: none;
		flex: none;
	}
}

/* Geniş ekranlarda logo ile menü arasında nefes payı */
@media screen and (min-width: 1536px) {
	#site-header-wrap.header-layout1 .site-header-main > .container,
	#site-header-wrap.header-layout1 .site-header-top > .container {
		max-width: 1560px;
	}
}

/* Üst şeritteki sosyal medya ikonları: şeritle uyumlu, sade */
@media screen and (min-width: 1200px) {
	#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-social {
		display: flex;
		gap: 6px;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-social a {
		width: 26px;
		height: 26px;
		margin: 0;
		font-size: 12px;
		color: rgba(255, 255, 255, .85);
		background: rgba(255, 255, 255, .1);
		transition: background-color .2s ease, color .2s ease;
	}
	#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-social a:hover {
		color: #fff;
		background: var(--hh-kirmizi);
		transform: none;
	}
}

/* 1440 px altı: "Hasta ve Ziyaretçi Defteri" yalnızca ikon (metin ekran okuyucuda kalır) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-name {
		display: inline-flex;
		align-items: center;
		font-size: 0 !important;
		padding: 0 0 0 4px;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-name::after {
		vertical-align: 0;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon-wrap {
		width: 22px;
		height: 22px;
	}
}

@media screen and (min-width: 1366px) and (max-width: 1535px) {
	#site-header-wrap .primary-menu > li > a {
		padding: 0 11px;
	}
	#site-header-wrap .primary-menu > li > a::before {
		left: 11px;
		right: 11px;
	}
}

/* Ara genişlik: menü sığsın */
@media screen and (min-width: 1200px) and (max-width: 1365px) {
	#site-header-wrap.header-layout1 .site-header-main > .container,
	#site-header-wrap.header-layout1 .site-header-top > .container {
		padding-left: 32px;
		padding-right: 32px;
	}
	#site-header-wrap .primary-menu > li > a {
		padding: 0 10px;
		font-size: 14px;
	}
	#site-header-wrap .primary-menu > li > a::before {
		left: 10px;
		right: 10px;
	}
	#site-header-wrap .site-branding img {
		height: 50px !important;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap {
		margin-left: 10px;
		padding-left: 14px;
	}
	#site-header-wrap .site-header-button a.btn {
		padding: 0 18px !important;
	}
}

/* ---------- Menü panelleri (masaüstü) ---------- */
:root {
	--hh-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	--hh-sag-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--hh-defter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='18' rx='2.5'/%3E%3Cpath d='M9 2.5h6v3H9zM12 10.2c-.9-1-2.6-.9-3 .5-.4 1.3 1 2.5 3 3.8 2-1.3 3.4-2.5 3-3.8-.4-1.4-2.1-1.5-3-.5z'/%3E%3C/svg%3E");
}

@media screen and (min-width: 1200px) {
	/* Alt menüsü olan ana öğelerde ok */
	#site-header-wrap .primary-menu > li.menu-item-has-children > a::after {
		content: "";
		position: static;
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-left: 5px;
		padding: 0;
		vertical-align: -1px;
		background: currentColor;
		-webkit-mask: var(--hh-ok) center / contain no-repeat;
		mask: var(--hh-ok) center / contain no-repeat;
		transition: transform .2s ease;
	}
	#site-header-wrap .primary-menu > li.menu-item-has-children:hover > a::after {
		transform: rotate(180deg);
	}

	/* Açılış animasyonu */
	#site-header-wrap #mastmenu > li > .sub-menu,
	#site-header-wrap .highlight-menu-wrap > .sub-menu {
		margin-top: 0 !important;
		transform: translateY(10px);
		transition: opacity .2s ease, transform .2s ease, visibility .2s;
	}
	#site-header-wrap #mastmenu > li:hover > .sub-menu,
	#site-header-wrap #mastmenu > li.focus > .sub-menu,
	#site-header-wrap .highlight-menu-wrap:hover > .sub-menu {
		transform: translateY(0);
	}
	/* Fareyle menüye inerken boşlukta kapanmasın */
	#site-header-wrap #mastmenu > li > .sub-menu::after,
	#site-header-wrap .highlight-menu-wrap > .sub-menu::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 14px;
	}

	/* Panel başlığı (hatem-header.js data-baslik ekler) */
	#site-header-wrap .primary-menu .sub-menu[data-baslik]::before {
		content: attr(data-baslik);
		display: block;
		grid-column: 1 / -1;
		margin: 0 12px 8px;
		padding: 4px 0 12px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--hh-kirmizi);
		border-bottom: 1px solid var(--hh-cizgi);
	}
	#site-header-wrap .primary-menu > li > .sub-menu {
		padding: 16px 10px 10px;
		line-height: 1.45;
	}

	/* Panel öğeleri */
	#site-header-wrap .primary-menu .sub-menu li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 12px;
		border-radius: 8px;
		white-space: normal;
	}
	#site-header-wrap .primary-menu .sub-menu li > a:hover,
	#site-header-wrap .primary-menu .sub-menu li.current-menu-item > a {
		padding-left: 12px;
	}
	#site-header-wrap .primary-menu .sub-menu li > a::after {
		content: "";
		flex: none;
		width: 14px;
		height: 14px;
		background: currentColor;
		-webkit-mask: var(--hh-sag-ok) center / contain no-repeat;
		mask: var(--hh-sag-ok) center / contain no-repeat;
		opacity: 0;
		transform: translateX(-6px);
		transition: opacity .15s ease, transform .15s ease;
	}
	#site-header-wrap .primary-menu .sub-menu li > a:hover::after {
		opacity: 1;
		transform: translateX(0);
	}
	/* İç içe alt menünün içindeki toggle gizli kalsın */
	#site-header-wrap .primary-menu .sub-menu .main-menu-toggle {
		display: none;
	}

	/* Uzun menüler: iki sütunlu geniş panel */
	#site-header-wrap .primary-menu > li > .sub-menu.hh-genis {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(220px, 1fr));
		column-gap: 4px;
		width: 560px;
	}
	#site-header-wrap .highlight-menu-wrap > .sub-menu {
		left: auto !important;
		right: 0;
	}
	/* Geniş paneldeki iç içe menü: açılır değil, grup olarak altında */
	#site-header-wrap .sub-menu.hh-genis .sub-menu {
		position: static;
		visibility: visible;
		opacity: 1;
		transform: none;
		clip: auto;
		min-width: 0;
		margin: 0 0 4px 12px !important;
		padding: 0 0 0 10px;
		border: 0;
		border-left: 2px solid var(--hh-cizgi);
		border-radius: 0;
		box-shadow: none;
		background: transparent;
	}
	#site-header-wrap .sub-menu.hh-genis .sub-menu li a {
		padding: 7px 12px;
		font-size: 13px;
		color: #4a6072;
	}
	#site-header-wrap .sub-menu.hh-genis li.menu-item-has-children > a {
		pointer-events: none;
		font-weight: 600;
	}
	#site-header-wrap .sub-menu.hh-genis li.menu-item-has-children > a::after {
		display: none;
	}

	/* "Hasta ve Ziyaretçi Defteri" ikonu */
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon {
		display: none;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-icon-wrap {
		width: 20px;
		height: 20px;
		background: var(--hh-kirmizi);
		-webkit-mask: var(--hh-defter) center / contain no-repeat;
		mask: var(--hh-defter) center / contain no-repeat;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap .menu-name::after {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-left: 5px;
		vertical-align: -1px;
		background: currentColor;
		-webkit-mask: var(--hh-ok) center / contain no-repeat;
		mask: var(--hh-ok) center / contain no-repeat;
		transition: transform .2s ease;
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap:hover .menu-name {
		color: var(--hh-kirmizi);
	}
	#site-header-wrap.header-layout1 .site-header-main .highlight-menu-wrap:hover .menu-name::after {
		transform: rotate(180deg);
	}
}

/* ---------- Dil seçici (GTranslate) ---------- */
.hh-dil .gt_switcher {
	width: auto !important;
	font-size: 13px;
}
.hh-dil .gt_switcher .gt_selected {
	width: auto !important;
	background: transparent !important;
	border-radius: 999px;
}
.hh-dil .gt_switcher .gt_selected a {
	width: auto !important;
	padding: 4px 26px 4px 10px !important;
	border: 1px solid rgba(255, 255, 255, .25) !important;
	border-radius: 999px;
	color: #fff !important;
	background-color: transparent !important;
	font-size: 13px;
	line-height: 20px;
}
.hh-dil .gt_switcher .gt_selected a:hover {
	background-color: rgba(255, 255, 255, .1) !important;
}
.hh-dil .gt_switcher .gt_selected a::after {
	right: 9px !important;
	filter: brightness(0) invert(1);
	opacity: .8;
}
.hh-dil .gt_switcher .gt_option {
	position: absolute !important;
	right: 0;
	top: calc(100% + 6px);
	width: 190px !important;
	border: 0 !important;
	border-radius: 10px;
	box-shadow: 0 18px 40px -14px rgba(0, 50, 74, .35);
}
.hh-dil .gt_switcher .gt_option a {
	font-size: 13px;
}

/* ---------- Mobil / tablet ---------- */
@media screen and (max-width: 1199px) {
	#masthead {
		position: sticky;
		top: 0;
		z-index: 1000;
	}
	#site-header-wrap {
		box-shadow: 0 1px 0 var(--hh-cizgi), 0 6px 20px -12px rgba(0, 50, 74, .25);
		background: #fff;
	}
	#site-header-wrap .site-branding {
		min-height: 66px;
		margin: 0 15px;
	}
	#site-header-wrap .site-branding a {
		line-height: 1 !important;
	}
	#site-header-wrap .site-branding img {
		height: 46px !important;
		width: auto !important;
		max-height: none;
		padding: 0;
	}
	#site-header-wrap #main-menu-mobile {
		right: 10px;
	}

	/* Header çubuğundaki Randevu butonu (hatem-header.js ekler) */
	.hh-mobil-randevu {
		position: absolute;
		top: 50%;
		right: 60px;
		transform: translateY(-50%);
		height: 40px;
		padding: 0 16px !important;
		font-size: 14px !important;
		box-shadow: none;
		z-index: 2;
	}
	.hh-mobil-randevu:hover {
		transform: translateY(-50%);
	}

	/* Mobil menü paneli */
	#site-header-wrap .site-navigation {
		padding: 14px 20px 22px;
		border-top: 1px solid var(--hh-cizgi);
		box-shadow: 0 24px 40px -24px rgba(0, 50, 74, .45);
	}
	#site-header-wrap .site-navigation.navigation-open {
		max-height: calc(100vh - 66px) !important;
		max-height: calc(100dvh - 66px) !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
	}
	#site-header-wrap .site-navigation .primary-menu > li {
		border-bottom: 1px solid var(--hh-cizgi);
	}
	#site-header-wrap .site-navigation .primary-menu li a {
		padding: 14px 52px 14px 0;
		font-size: 16px;
		font-weight: 600;
		color: var(--hh-metin);
	}
	#site-header-wrap .site-navigation .primary-menu li.current-menu-item > a,
	#site-header-wrap .site-navigation .primary-menu li.current-menu-ancestor > a {
		color: var(--hh-kirmizi);
	}
	#site-header-wrap .site-navigation .main-menu-toggle {
		top: 8px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #f1f5f8;
		color: var(--hh-lacivert);
		transition: transform .2s ease, background-color .2s ease;
	}
	#site-header-wrap .site-navigation .main-menu-toggle::before {
		content: "" !important;
		display: block;
		width: 14px;
		height: 14px;
		margin: 11px auto;
		background: currentColor;
		-webkit-mask: var(--hh-ok) center / contain no-repeat;
		mask: var(--hh-ok) center / contain no-repeat;
	}
	#site-header-wrap .site-navigation .sub-menu.submenu-open + .main-menu-toggle {
		transform: rotate(180deg);
		background: var(--hh-kirmizi);
		color: #fff;
	}
	/* Bağlantının içindeki boş toggle (masaüstü kalıntısı) */
	#site-header-wrap .site-navigation li > a > .main-menu-toggle {
		display: none;
	}
	#site-header-wrap .site-navigation .primary-menu .sub-menu {
		margin: 0 0 14px;
		padding: 2px 0 2px 14px;
		border-left: 2px solid var(--hh-kirmizi);
	}
	#site-header-wrap .site-navigation .primary-menu .sub-menu li {
		border: 0;
	}
	#site-header-wrap .site-navigation .primary-menu .sub-menu li a {
		padding: 9px 44px 9px 0;
		font-size: 15px;
		font-weight: 500;
		color: #3d5566;
	}
	#site-header-wrap .site-navigation .primary-menu .sub-menu .main-menu-toggle {
		top: 4px;
		width: 30px;
		height: 30px;
	}
	#site-header-wrap .site-navigation .primary-menu .sub-menu .main-menu-toggle::before {
		margin: 8px auto;
	}
	/* "Hasta ve Ziyaretçi Defteri" mobilde düz öğe */
	#site-header-wrap .site-navigation .highlight-menu-wrap .menu-icon-wrap {
		display: none;
	}
	/* Panelin altındaki Ara / Randevu (hatem-header.js ekler) */
	#site-header-wrap .site-navigation .site-tool {
		display: none;
	}
	.hh-menu-alt {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 20px;
	}
	.hh-menu-alt a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 48px;
		border-radius: 12px;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
	}
	.hh-menu-alt .hh-ara {
		color: var(--hh-lacivert);
		border: 1.5px solid var(--hh-lacivert);
	}
	.hh-menu-alt .hh-randevu {
		color: #fff;
		background: var(--hh-kirmizi);
	}
	.hh-menu-alt a::before {
		content: "";
		width: 18px;
		height: 18px;
		background: currentColor;
	}
	.hh-menu-alt .hh-ara::before {
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.hh-menu-alt .hh-randevu::before {
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='3'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18M8.5 15l2.2 2.2L15.5 13'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='3'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18M8.5 15l2.2 2.2L15.5 13'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	/* Menü açıkken arka planı karart */
	body:has(#site-header .site-navigation.navigation-open)::after {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 998;
		background: rgba(0, 30, 45, .45);
	}
	#main-menu-mobile .btn-nav-mobile::before,
	#main-menu-mobile .btn-nav-mobile::after,
	#main-menu-mobile .btn-nav-mobile span {
		background-color: var(--hh-lacivert);
	}

	/* Dil seçici mobilde menü panelinin başında */
	.site-navigation .hh-dil {
		padding: 4px 0 12px;
		margin-bottom: 8px;
		border-bottom: 1px solid var(--hh-cizgi);
	}
	.site-navigation .hh-dil .gt_switcher_wrapper {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		z-index: 5 !important;
	}
	.site-navigation .hh-dil .gt_switcher .gt_selected a {
		color: var(--hh-metin) !important;
		border-color: var(--hh-cizgi) !important;
	}
	.site-navigation .hh-dil .gt_switcher .gt_selected a::after {
		filter: none;
	}
	.site-navigation .hh-dil .gt_switcher .gt_option {
		left: 0;
		right: auto;
	}
}

/* Ana sayfanın alt hızlı işlem çubuğu (.ha-mobil) zaten Randevu içeriyor */
@media screen and (max-width: 760px) {
	.hh-alt-cubuk-var .hh-mobil-randevu {
		display: none !important;
	}
}

@media screen and (max-width: 400px) {
	#site-header-wrap .site-branding img {
		height: 40px !important;
	}
	.hh-mobil-randevu {
		padding: 0 13px !important;
		font-size: 13px !important;
		right: 54px;
	}
}

/* OneTap erişilebilirlik paneli kapalıyken ekranın hemen sağında bekliyor; 60 px'lik gölgesi
   her sayfanın sağ kenarında beyaz bir şerit olarak görünüyordu. Gölge yalnızca panel açıkken. */
nav.onetap-accessibility:not(.onetap-toggle-open) {
	box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
	#site-header-wrap *,
	.hh-mobil-randevu {
		transition: none !important;
	}
	.hh-acil-nokta {
		animation: none;
	}
}

/* ---------- Çerez bandı (Cookie Law Info) ----------
 * Ekranın dibine yapışık düz şerit yerine yüzen kart. Düğme renkleri eklentide satır içi
 * stille verildiği için !important gerekiyor. Bant açıkken WhatsApp ve erişilebilirlik
 * düğmeleri bandın üstüne kayar (hatem-header.js --hh-cerez-h değerini ölçer). */
#cookie-law-info-bar {
	left: 50% !important;
	right: auto !important;
	bottom: 16px !important;
	width: min(1100px, calc(100% - 32px)) !important;
	padding: 18px 20px !important;
	transform: translateX(-50%);
	background: #fff !important;
	border: 1px solid var(--hh-cizgi);
	border-radius: 16px;
	box-shadow: 0 24px 60px -20px rgba(2, 41, 60, .45);
	font-family: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif !important;
	z-index: 100000000 !important;
}
#cookie-law-info-bar .cli-bar-container {
	display: flex;
	align-items: center;
	gap: 18px 24px;
	max-width: none;
	padding: 0;
}
#cookie-law-info-bar .cli-bar-container::before {
	content: "";
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(5, 65, 95, .08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305415f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 4 4 0 0 1-5-5 4 4 0 0 1-4-4z'/%3E%3Ccircle cx='8.5' cy='11' r='.9'/%3E%3Ccircle cx='12' cy='16' r='.9'/%3E%3Ccircle cx='16' cy='13' r='.9'/%3E%3C/svg%3E") center / 24px no-repeat;
}
#cookie-law-info-bar .cli-bar-message {
	flex: 1 1 auto;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #2f3f4a;
	text-align: left;
}
#cookie-law-info-bar .cli-bar-btn_container {
	display: flex;
	flex: none;
	gap: 10px;
	margin: 0 !important;
}
#cookie-law-info-bar .cli-plugin-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 44px;
	margin: 0 !important;
	padding: 0 20px !important;
	border-radius: 999px !important;
	font-family: inherit;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-transform: none !important;
	white-space: nowrap;
	transition: background-color .2s, color .2s;
}
#cookie-law-info-bar .cli_settings_button {
	background: #fff !important;
	color: var(--hh-lacivert) !important;
	box-shadow: inset 0 0 0 1.5px var(--hh-lacivert);
}
#cookie-law-info-bar .cli_settings_button:hover {
	background: var(--hh-lacivert) !important;
	color: #fff !important;
}
#cookie-law-info-bar #wt-cli-accept-all-btn {
	background: var(--hh-kirmizi) !important;
	color: #fff !important;
}
#cookie-law-info-bar #wt-cli-accept-all-btn:hover {
	background: var(--hh-kirmizi-koyu) !important;
}
body.hh-cerez-acik #ht-ctc-chat {
	bottom: calc(var(--hh-cerez-h, 0px) + 12px) !important;
}
body.hh-cerez-acik .onetap-toggle {
	bottom: calc(var(--hh-cerez-h, 0px) - 4px) !important;
}
#ht-ctc-chat,
.onetap-toggle {
	transition: bottom .25s ease;
}
@media (max-width: 767px) {
	#cookie-law-info-bar {
		bottom: 8px !important;
		width: calc(100% - 16px) !important;
		padding: 12px !important;
	}
	#cookie-law-info-bar .cli-bar-container {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	#cookie-law-info-bar .cli-bar-container::before {
		display: none;
	}
	#cookie-law-info-bar .cli-bar-message {
		font-size: 12.5px;
		line-height: 1.45;
	}
	#cookie-law-info-bar .cli-plugin-button {
		flex: 1 1 0;
		height: 40px;
		padding: 0 10px !important;
		font-size: 14px !important;
	}
	/* Ana sayfanın alt hızlı işlem çubuğunun üstünde dursun */
	body.ha-mobil-var #cookie-law-info-bar {
		bottom: 82px !important;
	}
}

/* ---------- "Tıbbi birimlerimiz" mega paneli (hatem-header.js) ---------- */
.hh-mega {
	display: none;
}
/* Telefon ve tablette panel açılmaz: bağlantı, aramalı Tıbbi Birimler sayfasına gider */
@media screen and (max-width: 1199px) {
	#site-header-wrap .hh-mega,
	#site-header-wrap .hh-mega-ogesi > .main-menu-toggle {
		display: none !important;
	}
	body:has(#site-header .site-navigation.navigation-open) #ht-ctc-chat,
	body:has(#site-header .site-navigation.navigation-open) .onetap-toggle {
		display: none !important;
	}
	.hh-menu-alt .hh-acil-mobil {
		order: -1;
		grid-column: 1 / -1;
		height: 44px;
		color: var(--hh-kirmizi);
		background: rgba(205, 25, 60, .08);
	}
	.hh-menu-alt .hh-acil-mobil::before {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--hh-kirmizi);
	}
	.hh-menu-alt a {
		font-size: 14.5px;
		white-space: nowrap;
	}
}
@media screen and (min-width: 1200px) {
	#site-header-wrap #mastmenu > li.hh-mega-ogesi {
		position: static;
	}
	/* Panel, header satırının ortasına göre konumlanır */
	#site-header-wrap .site-header-main > .container {
		position: relative;
	}
	#site-header-wrap .site-header-main .site-navigation,
	#site-header-wrap .site-header-main .site-main,
	#site-header-wrap .site-header-main .main-navigation,
	#site-header-wrap #mastmenu {
		position: static;
	}
	#site-header-wrap #mastmenu > li.hh-mega-ogesi > .hh-mega {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		width: min(1100px, calc(100vw - 80px));
		padding: 26px 28px 0 !important;
		transform: translate(-50%, 10px);
		visibility: hidden;
		opacity: 0;
		background: #fff;
		border-top: 3px solid var(--hh-kirmizi);
		border-radius: 0 0 16px 16px;
		box-shadow: 0 24px 50px -18px rgba(0, 50, 74, .32);
		transition: opacity .2s ease, transform .2s ease, visibility .2s;
		z-index: 99;
	}
	#site-header-wrap #mastmenu > li.hh-mega-ogesi:hover > .hh-mega,
	#site-header-wrap #mastmenu > li.hh-mega-ogesi:focus-within > .hh-mega {
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, 0);
	}
	#site-header-wrap #mastmenu > li.hh-mega-ogesi > .hh-mega::before {
		content: none;
	}
	.hh-mega-izgara {
		columns: 4;
		column-gap: 32px;
	}
	.hh-mega-grup {
		break-inside: avoid;
		margin-bottom: 20px;
	}
	.hh-mega-baslik {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid var(--hh-cizgi);
		font-family: "Barlow Semi Condensed", "Hanken Grotesk", Arial, sans-serif;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--hh-kirmizi);
	}
	.hh-mega ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		gap: 1px;
	}
	#site-header-wrap .hh-mega ul li a {
		display: block;
		margin: 0 -10px;
		padding: 6px 10px;
		border-radius: 8px;
		font-size: 14.5px;
		font-weight: 500;
		line-height: 1.35;
		color: var(--hh-metin);
		white-space: normal;
	}
	#site-header-wrap .hh-mega ul li a::before,
	#site-header-wrap .hh-mega ul li a::after {
		display: none;
	}
	#site-header-wrap .hh-mega ul li a:hover {
		background: #f4f7fa;
		color: var(--hh-kirmizi);
		padding-left: 10px;
	}
	.hh-mega-alt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin: 22px -28px 0;
		padding: 14px 28px;
		background: #f4f7fa;
		border-radius: 0 0 16px 16px;
		font-size: 13.5px;
		color: #5b6e79;
	}
	#site-header-wrap .hh-mega-alt a {
		padding: 0;
		font-weight: 700;
		color: var(--hh-kirmizi);
	}
	#site-header-wrap .hh-mega-alt a::before,
	#site-header-wrap .hh-mega-alt a::after {
		display: none;
	}
}

/* Dil seçici yerine taşınana kadar header'ın üstünde belirmesin (taşıyan: hatem-header.js) */
body > .gtranslate_wrapper .gt_switcher_wrapper {
	opacity: 0;
	pointer-events: none;
}

/* Telefonda ana sayfanın alt hızlı işlem çubuğu varken yüzen düğmeler çubuğun üstünde durur */
@media (max-width: 760px) {
	body.ha-mobil-var:not(.hh-cerez-acik) #ht-ctc-chat {
		bottom: 84px !important;
	}
	body.ha-mobil-var:not(.hh-cerez-acik) .onetap-toggle {
		bottom: 72px !important;
	}
}

/* "Yukarı çık" düğmesi erişilebilirlik düğmesinin altında kalıyordu: masaüstünde üstüne alınır,
   telefonda (zaten iki yüzen düğme ve alt çubuk varken) gösterilmez. */
.scroll-top {
	bottom: 84px !important;
}
@media (max-width: 760px) {
	.scroll-top {
		display: none !important;
	}
}

/* ---------- Hatem Mobil daveti (telefon, hatem-header.js) ---------- */
.hh-app {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 9995;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 8px 8px 14px;
	background: var(--hh-lacivert-koyu);
	border-radius: 14px;
	box-shadow: 0 12px 30px -10px rgba(2, 41, 60, .6);
	font-family: "Hanken Grotesk", Arial, sans-serif;
	color: #fff;
	animation: hh-app-gir .3s ease;
}
@keyframes hh-app-gir {
	from { opacity: 0; transform: translateY(12px); }
}
.hh-app-metin {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.25;
}
.hh-app-metin strong {
	display: block;
	font-size: 14.5px;
	font-weight: 700;
	color: #fff;
}
.hh-app-metin small {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, .78);
}
.hh-app .hh-app-indir {
	flex: none;
	padding: 9px 16px;
	border-radius: 999px;
	background: var(--hh-kirmizi);
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}
.hh-app .hh-app-kapat {
	flex: none;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: rgba(255, 255, 255, .8);
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	text-transform: none;
}
body.ha-mobil-var .hh-app {
	bottom: 80px;
}
body.hh-app-acik:not(.hh-cerez-acik) #ht-ctc-chat {
	bottom: 78px !important;
}
body.hh-app-acik:not(.hh-cerez-acik) .onetap-toggle {
	bottom: 66px !important;
}
@media (max-width: 760px) {
	body.ha-mobil-var.hh-app-acik:not(.hh-cerez-acik) #ht-ctc-chat {
		bottom: 150px !important;
	}
	body.ha-mobil-var.hh-app-acik:not(.hh-cerez-acik) .onetap-toggle {
		bottom: 138px !important;
	}
}
@media (min-width: 761px) {
	body.ha-mobil-var .hh-app {
		bottom: 10px;
	}
}
/* Menü açıkken alt çubuk menünün son düğmelerini kapatmasın; Ara ve Randevu menünün içinde de var. */
body:has(#site-header .site-navigation.navigation-open) .hh-app,
body:has(#site-header .site-navigation.navigation-open) .ha-mobil {
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	.hh-app {
		animation: none;
	}
}