/* ==========================================================================
   PREMIUM KATMAN
   Kaynak: 06-tasarim-brief/12-BILESEN-KUTUPHANESI-KOD.md §1, §3, §4

   Yön değişikliği: hero artık koyu blok değil, AÇIK ve EDİTORYAL.
   Katmanlı kompozisyon, geniş tipografi kontrastı, bant (kart değil) güven şeridi.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HERO — açık zemin, katmanlı görsel, bindirmeli kart
   -------------------------------------------------------------------------- */
.adh-hero {
	background: var(--adh-krem);
	color: var(--adh-metin);
	overflow: visible;
}
.adh-hero::before { display: none; }

.adh-hero__ic {
	display: grid;
	grid-template-columns: 1.06fr 0.94fr;
	gap: clamp(2.25rem, 4.6vw, 4.25rem);
	align-items: center;
	padding-block: clamp(2.75rem, 2.2rem + 2.4vw, 4.5rem) clamp(2.5rem, 2rem + 2.2vw, 4rem);
}

.adh-hero__etiket,
.adh-hero .adh-etiket {
	margin: 0 0 var(--adh-b3);
	font: 600 var(--adh-yazi-100)/1.2 var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-etiket);
	text-transform: uppercase;
	color: var(--adh-petrol-700) !important;
}
.adh-hero .adh-etiket::before { background: var(--adh-petrol-600); }

.adh-hero h1,
.adh-hero__baslik {
	margin: 0;
	max-width: 18ch;
	font: 800 var(--adh-yazi-900)/var(--adh-lh-sik) var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-baslik);
	color: var(--adh-lacivert-900) !important;
	text-wrap: balance;
}

.adh-hero__giris,
.adh-hero__ozet {
	margin: var(--adh-b4) 0 0;
	max-width: 46ch;
	font-size: var(--adh-yazi-400);
	line-height: 1.62;
	color: var(--adh-metin-soluk) !important;
}

.adh-hero__aksiyon,
.adh-hero__eylem {
	display: flex;
	flex-wrap: wrap;
	gap: var(--adh-b2);
	margin-top: var(--adh-b5);
}

.adh-hero__not {
	margin: var(--adh-b3) 0 0;
	max-width: 52ch;
	font-size: var(--adh-yazi-200);
	color: var(--adh-metin-soluk);
}

/* Açık zeminde buton renkleri */
.adh-hero .adh-btn--ters {
	background: var(--adh-petrol-600) !important;
	color: #fff !important;
	border-color: var(--adh-petrol-600) !important;
}
.adh-hero .adh-btn--ters:hover {
	background: var(--adh-lacivert-900) !important;
	border-color: var(--adh-lacivert-900) !important;
}
.adh-hero .adh-btn--ikincil {
	color: var(--adh-lacivert-900) !important;
	border-color: var(--adh-notr-300) !important;
	background: transparent !important;
}
.adh-hero .adh-btn--ikincil:hover {
	background: var(--adh-lacivert-900) !important;
	color: #fff !important;
	border-color: var(--adh-lacivert-900) !important;
}
.adh-hero a:not(.adh-btn) { color: var(--adh-petrol-700) !important; }

/* Görsel sütunu */
.adh-hero__gorsel { position: relative; }
.adh-hero__gorsel img {
	width: 100%;
	aspect-ratio: var(--adh-oran-hero);
	object-fit: cover;
	object-position: 56% 30%;
	border-radius: var(--adh-r-l);
	background: var(--adh-notr-100);
	box-shadow: var(--adh-golge-orta);
}

/* Bindirmeli kart — görselin İÇİNDE sola hizalı, aşağı taşarak katman kuruyor.
   Negatif yatay konum kullanılmıyor: dar kapsayıcıda metni kırpıyordu. */
.adh-hero__gorsel { padding-bottom: 34px; }
.adh-hero__kart {
	position: absolute;
	left: 20px;
	right: auto;
	bottom: 0;
	width: min(300px, calc(100% - 40px));
	padding: 18px 20px;
	background: var(--adh-beyaz);
	border: var(--adh-kenar);
	border-radius: var(--adh-r-m);
	box-shadow: var(--adh-golge-hover);
	overflow: visible;
}
.adh-hero__kart > * { min-width: 0; overflow-wrap: anywhere; }
.adh-hero__kart-rozet {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font: 600 var(--adh-yazi-100)/1 var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-etiket);
	text-transform: uppercase;
	color: var(--adh-petrol-700);
}
.adh-hero__kart-rozet::before {
	content: "";
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--adh-petrol-600);
}
.adh-hero__kart-ad {
	margin: 10px 0 2px;
	font: 700 var(--adh-yazi-300)/1.3 var(--adh-font-baslik);
	color: var(--adh-lacivert-900);
}
.adh-hero__kart-alt {
	margin: 0;
	font-size: var(--adh-yazi-200);
	line-height: 1.45;
	color: var(--adh-metin-soluk);
}

/* --------------------------------------------------------------------------
   2. GÜVEN ŞERİDİ — bant, kart değil
   -------------------------------------------------------------------------- */
.adh-guven-bant {
	border-top: 1px solid var(--adh-notr-200);
	border-bottom: 1px solid var(--adh-notr-200);
	background: var(--adh-notr-100);
}
.adh-guven-bant ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--adh-b3) var(--adh-b5);
	list-style: none;
	margin: 0;
	padding: 0;
	padding-block: 28px;
}
.adh-guven-bant li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--adh-yazi-200);
	line-height: 1.4;
	color: var(--adh-metin);
	margin: 0;
}
.adh-guven-bant svg {
	width: 22px; height: 22px;
	flex: 0 0 auto;
	color: var(--adh-petrol-700);
}

/* --------------------------------------------------------------------------
   3. KART SİSTEMİ — bento için gerekli iskelet
   -------------------------------------------------------------------------- */
.adh-kart {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--adh-beyaz);
	border: var(--adh-kenar);
	border-radius: var(--adh-r-m);
	overflow: hidden;
	transition: transform var(--adh-gecis) var(--adh-yumusama-standart),
	            box-shadow var(--adh-gecis) var(--adh-yumusama-standart),
	            border-color var(--adh-gecis);
	height: 100%;
	padding: 0;
}
.adh-kart:hover {
	transform: translateY(var(--adh-hover-y));
	box-shadow: var(--adh-golge-hover);
	border-color: var(--adh-petrol-100);
}

.adh-kart__gorsel { display: block; overflow: hidden; background: var(--adh-notr-100); }
.adh-kart__gorsel img {
	width: 100%;
	aspect-ratio: var(--adh-oran-kart);
	object-fit: cover;
	display: block;
	transition: transform var(--adh-gecis-yavas) var(--adh-yumusama-standart);
}
.adh-kart:hover .adh-kart__gorsel img { transform: scale(1.03); }

.adh-kart__govde {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: var(--adh-b4);
	flex: 1 1 auto;
	min-height: 0;
}
.adh-kart__baslik {
	margin: 0;
	font: 600 var(--adh-yazi-500)/1.25 var(--adh-font-baslik);
	letter-spacing: -0.012em;
	color: var(--adh-lacivert-900);
}
.adh-kart__baslik a { color: inherit !important; text-decoration: none !important; }
.adh-kart__baslik a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.adh-kart:hover .adh-kart__baslik a { color: var(--adh-petrol-700) !important; }

.adh-kart__metin {
	margin: 0;
	font-size: var(--adh-yazi-200);
	line-height: 1.55;
	color: var(--adh-metin-soluk);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.adh-kart__ok {
	margin-top: auto;
	padding-top: var(--adh-b2);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 600 var(--adh-yazi-200)/1 var(--adh-font-baslik);
	color: var(--adh-petrol-700);
}
.adh-kart__ok svg { width: 15px; height: 15px; transition: transform var(--adh-gecis); }
.adh-kart:hover .adh-kart__ok svg { transform: translateX(3px); }

/* Koyu kart varyantı — bento'da bir hücreyi vurgulamak için */
.adh-kart--koyu { background: var(--adh-lacivert-900); border-color: var(--adh-lacivert-800); }
.adh-kart--koyu .adh-kart__baslik { color: #fff; }
.adh-kart--koyu .adh-kart__metin { color: rgba(255,255,255,.72); }
.adh-kart--koyu .adh-kart__ok { color: var(--adh-petrol-100); }
.adh-kart--koyu:hover .adh-kart__baslik a { color: var(--adh-petrol-100) !important; }

/* İkon rozet */
.adh-kart__rozet {
	width: 42px; height: 42px;
	display: grid; place-items: center;
	border-radius: var(--adh-r-s);
	background: var(--adh-petrol-050);
	color: var(--adh-petrol-700);
	margin-bottom: 4px;
}
.adh-kart__rozet svg { width: 22px; height: 22px; }

/* --------------------------------------------------------------------------
   4. BENTO IZGARA — 12 tedavi
   -------------------------------------------------------------------------- */
.adh-bento {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 240px;
	gap: var(--adh-gap);
}
.adh-bento__h { display: flex; min-width: 0; margin: 0; }
.adh-bento__h > * { flex: 1 1 auto; min-width: 0; }

.adh-bento__h--buyuk { grid-column: span 6; grid-row: span 2; }
.adh-bento__h--genis { grid-column: span 4; }
.adh-bento__h--orta  { grid-column: span 3; }

.adh-bento__h--buyuk .adh-kart__gorsel img { aspect-ratio: 16/9; }
.adh-bento__h--buyuk .adh-kart__govde { justify-content: flex-end; }
.adh-bento__h--buyuk .adh-kart__baslik { font-size: var(--adh-yazi-600); }
.adh-bento__h--buyuk .adh-kart__metin { font-size: var(--adh-yazi-300); -webkit-line-clamp: 4; }

/* Dar hücrede görsel kapanır — 282px'te portre okunmaz */
.adh-bento__h--orta .adh-kart__gorsel { display: none; }
.adh-bento__h--orta .adh-kart__metin { -webkit-line-clamp: 2; }

/* Geniş hücre — Dental Gallery hizmet kartı: görsel tam kaplar,
   altta beyaz şerit içinde başlık + ok */
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__gorsel {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__gorsel img {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__govde {
	position: relative;
	z-index: 1;
	margin-top: auto;
	margin-inline: 10px;
	margin-bottom: 10px;
	padding: 14px 18px;
	background: rgba(255, 255, 255, .95);
	border-radius: 14px;
	gap: 2px;
}
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__metin { display: none; }
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__baslik { font-size: var(--adh-yazi-400); }
.adh-bento__h--genis .adh-kart--gorselli .adh-kart__ok { padding-top: 2px; }
@media (max-width: 1023.98px) {
	.adh-bento__h--genis .adh-kart--gorselli { min-height: 230px; }
}

@media (max-width: 1023.98px) {
	.adh-bento { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: auto; }
	.adh-bento__h--buyuk { grid-column: span 6; grid-row: auto; }
	.adh-bento__h--genis,
	.adh-bento__h--orta { grid-column: span 3; }
	.adh-bento__h--orta .adh-kart__gorsel { display: block; }
}

@media (max-width: 767.98px) {
	.adh-bento { grid-template-columns: minmax(0, 1fr); }
	.adh-bento__h--buyuk,
	.adh-bento__h--genis,
	.adh-bento__h--orta { grid-column: span 1; }
	.adh-bento__h--buyuk .adh-kart__gorsel img { aspect-ratio: 3/2; }
}

.adh-bento__daha { margin: var(--adh-b5) 0 0; display: none; }
@media (max-width: 767.98px) {
	.adh-bento--kisitli .adh-bento__h:nth-child(n+6) { display: none; }
	.adh-bento__daha { display: block; }
}

/* --------------------------------------------------------------------------
   4b. SSS AKORDİYONU — Elementor kit ezmesini tamamen geri al
   Kit; hap çerçeve, büyük harf ve harf aralığı bindiriyordu.
   -------------------------------------------------------------------------- */
.adh-sss {
	border-top: 1px solid var(--adh-notr-200);
	display: grid;
	gap: 0;
	max-width: 78ch;
}

.adh-sss__oge {
	border-bottom: 1px solid var(--adh-notr-200);
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.adh-sss__oge > h3,
.adh-sss__oge > h2,
.adh-sss__oge > p {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	font-size: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

button.adh-sss__dugme,
.adh-sss__dugme {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--adh-b4);

	/* Nefes alanı — kullanıcı "bitişik" dedi, dikey padding belirgin arttı */
	padding: var(--adh-b4) 0 !important;
	min-height: 64px;

	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	font-family: var(--adh-font-baslik) !important;
	font-size: var(--adh-yazi-500) !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: -0.01em !important;
	text-transform: none !important;   /* kit BÜYÜK HARF yapıyordu */
	text-align: left;
	color: var(--adh-lacivert-900) !important;
	cursor: pointer;
	transition: color var(--adh-gecis);
}
.adh-sss__dugme:hover,
.adh-sss__dugme:hover span { color: var(--adh-petrol-700) !important; }

.adh-sss__dugme > span:first-child { flex: 1 1 auto; min-width: 0; }

.adh-sss__isaret {
	flex: 0 0 32px;
	width: 32px; height: 32px;
	display: grid; place-items: center;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--adh-notr-100);
	color: var(--adh-petrol-700) !important;
	transition: transform var(--adh-gecis) var(--adh-yumusama-standart),
	            background-color var(--adh-gecis);
}
.adh-sss__isaret svg { width: 18px; height: 18px; }
.adh-sss__dugme:hover .adh-sss__isaret { background: var(--adh-petrol-050); }
.adh-sss__dugme[aria-expanded="true"] .adh-sss__isaret {
	transform: rotate(45deg);
	background: var(--adh-petrol-600);
	color: #fff !important;
}

.adh-sss__govde {
	display: none;
	padding: 0 calc(32px + var(--adh-b4)) var(--adh-b5) 0;
	max-width: 72ch;
	color: var(--adh-metin-soluk);
	font-size: var(--adh-yazi-300);
	line-height: 1.7;
}
.adh-sss__govde.acik { display: block; }
.adh-sss__govde > p:first-child { margin-top: 0; }
.adh-sss__govde > p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
	button.adh-sss__dugme,
	.adh-sss__dugme {
		font-size: var(--adh-yazi-400) !important;
		padding: var(--adh-b3) 0 !important;
		gap: var(--adh-b3);
	}
	.adh-sss__govde { padding-right: 0; }
}

/* --------------------------------------------------------------------------
   5. BÖLÜM RİTMİ
   -------------------------------------------------------------------------- */
.adh-bolum { padding-block: var(--adh-bolum-py); }
.adh-bolum--sik { padding-block: calc(var(--adh-bolum-py) * .62); }

.adh-bolum-basi { max-width: 60ch; margin-bottom: var(--adh-b6); }
.adh-bolum-basi h2 {
	font: 700 var(--adh-yazi-700)/var(--adh-lh-baslik) var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-baslik);
	margin: 0 0 var(--adh-b2);
	text-wrap: balance;
}
.adh-bolum-basi .adh-giris {
	font-size: var(--adh-yazi-400);
	line-height: 1.62;
	color: var(--adh-metin-soluk);
	margin: 0;
}

/* --------------------------------------------------------------------------
   5a. SVG GÜVENLİK AĞI
   width/height özniteliği olmayan satır içi SVG, kapsayıcısını doldurup
   dev bir ikona dönüşüyordu. Bu kural her yerde makul bir taban verir.
   -------------------------------------------------------------------------- */
svg:not([width]):not([height]) {
	width: 1.15em;
	height: 1.15em;
	flex: 0 0 auto;
	vertical-align: -0.15em;
}

/* Bileşen bazlı kesin ölçüler */
.adh-kutu__baslik svg { width: 22px !important; height: 22px !important; flex: 0 0 22px; }
.adh-kutu__baslik { display: flex; align-items: center; gap: 10px; }
.adh-guven-bant svg { width: 22px !important; height: 22px !important; flex: 0 0 22px; }
.adh-serit svg,
.adh-yan-liste svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; }
.adh-kart__ok svg { width: 15px !important; height: 15px !important; }
.adh-sss__isaret svg { width: 18px !important; height: 18px !important; }
.adh-btn svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; }
.adh-kirinti svg { width: 14px !important; height: 14px !important; }
.adh-ustbant svg { width: 15px !important; height: 15px !important; }
.adh-mobil-cubuk svg { width: 21px !important; height: 21px !important; }
.adh-hero__alt svg { width: 17px !important; height: 17px !important; }
.adh-kart__rozet svg { width: 22px !important; height: 22px !important; }

/* Acil kutusu — ikon ve metin doğru hizalansın */
.adh-kutu--acil .adh-kutu__baslik svg { color: var(--adh-acil); }
.adh-kutu__baslik > span { flex: 1 1 auto; min-width: 0; }

/* --------------------------------------------------------------------------
   5b. ZEMİN RİTMİ — 3 açık : 1 tonlu, sayfada tek koyu blok
   Kaynak: 11-NIHAI-SAYFA-SPESIFIKASYONU §1.3
   -------------------------------------------------------------------------- */
.adh-bolum--krem   { background: var(--adh-krem); }
.adh-bolum--beyaz  { background: var(--adh-beyaz); }
.adh-bolum--petrol { background: var(--adh-petrol-050); }
.adh-bolum--notr   { background: var(--adh-notr-100); }
.adh-bolum--koyu   { background: var(--adh-lacivert-900); color: rgba(255,255,255,.82); }
.adh-bolum--son    { padding-bottom: 0 !important; }

/* Zemin değişen yerde ayırıcı çizgi kullanılmaz */
.adh-bolum + .adh-bolum { border-top: 0; }

/* Kart zemini bölüm zemini ile asla aynı olmaz */
.adh-bolum--beyaz .adh-kart { background: var(--adh-krem); }
.adh-bolum--krem  .adh-kart,
.adh-bolum--notr  .adh-kart,
.adh-bolum--petrol .adh-kart { background: var(--adh-beyaz); }

/* --------------------------------------------------------------------------
   5c. BÖLÜM BAŞLIĞI BLOĞU — her bölümde aynı anatomi
   -------------------------------------------------------------------------- */
.adh-bolum-bas { max-width: 62ch; margin-bottom: 40px; }
@media (min-width: 1200px) { .adh-bolum-bas { margin-bottom: 56px; } }

.adh-bolum-bas__etiket {
	display: inline-flex; align-items: center; gap: 10px;
	margin-bottom: 12px;
	font: 600 var(--adh-yazi-100)/1 var(--adh-font-govde);
	letter-spacing: var(--adh-ls-etiket);
	text-transform: uppercase;
	color: var(--adh-petrol-700);
}
.adh-bolum-bas__etiket::before {
	content: ""; width: 20px; height: 2px;
	background: var(--adh-petrol-600); border-radius: 2px;
}
.adh-bolum-bas__baslik {
	margin: 0 0 12px;
	max-width: 22ch;
	font: 700 var(--adh-yazi-700)/1.18 var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-baslik);
	color: var(--adh-lacivert-900);
	text-wrap: balance;
}
.adh-bolum-bas__giris {
	margin: 0; max-width: 60ch;
	font-size: var(--adh-yazi-400); line-height: 1.62;
	color: var(--adh-metin-soluk);
}
.adh-bolum-bas--orta { margin-inline: auto; text-align: center; }
.adh-bolum-bas--orta .adh-bolum-bas__baslik { margin-inline: auto; }
.adh-bolum-bas--orta .adh-bolum-bas__etiket::before { display: none; }

.adh-bolum--koyu .adh-bolum-bas__baslik { color: #fff; }
.adh-bolum--koyu .adh-bolum-bas__giris { color: rgba(255,255,255,.78); }
.adh-bolum--koyu .adh-bolum-bas__etiket { color: var(--adh-petrol-100); }

/* --------------------------------------------------------------------------
   5d. DONANIM ŞERİDİ
   -------------------------------------------------------------------------- */
.adh-serit {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--adh-gap);
	list-style: none; margin: 0; padding: 0;
}
.adh-serit li {
	margin: 0; padding: var(--adh-b4);
	border-left: 2px solid var(--adh-petrol-100);
	background: transparent;
}
.adh-serit strong {
	display: block; margin-bottom: 4px;
	font: 600 var(--adh-yazi-300)/1.35 var(--adh-font-baslik);
	color: var(--adh-lacivert-900);
}
.adh-serit span { font-size: var(--adh-yazi-200); line-height: 1.55; color: var(--adh-metin-soluk); }

/* --------------------------------------------------------------------------
   5e. KAPANIŞ CTA BANDI
   -------------------------------------------------------------------------- */
.adh-cta-koyu { text-align: center; }
.adh-cta-koyu h2 {
	margin: 0 auto 12px; max-width: 20ch;
	font: 700 var(--adh-yazi-700)/1.18 var(--adh-font-baslik);
	letter-spacing: var(--adh-ls-baslik);
	color: #fff !important;
	text-wrap: balance;
}
.adh-cta-koyu p {
	margin: 0 auto var(--adh-b5); max-width: 54ch;
	font-size: var(--adh-yazi-400); line-height: 1.62;
	color: rgba(255,255,255,.78);
}
.adh-cta-koyu__eylem { display: flex; flex-wrap: wrap; gap: var(--adh-b2); justify-content: center; }

/* --------------------------------------------------------------------------
   5f. P0 DÜZELTMELERİ (spesifikasyon §1.6)
   -------------------------------------------------------------------------- */
/* P0-1: mobil header 76 → 60px */
.adh-header__ic { min-height: var(--adh-header-y); }
@media (max-width: 1023.98px) { .adh-header__ic { min-height: var(--adh-header-y-mobil); } }

/* P0-2: sabit çubuk + safe-area */
@media (max-width: 1024px) {
	body.adh-cubuk-var { padding-bottom: calc(var(--adh-cubuk-y) + env(safe-area-inset-bottom, 0px)); }
}

/* P0-7: geniş görsel mobilde posta kutusu şeridine dönüşmesin */
@media (max-width: 767.98px) { .adh-genis-gorsel img { aspect-ratio: 3/2; } }

/* P0-9: hızlı bilgi şeridi her telefonda 2 kolon */
.adh-hizli { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* P0-10: mobil menü perdesi 29 → 50px */
.adh-mobil-menu { width: min(86vw, 400px); }

/* ==========================================================================
   SICAK TEMA KATMANI — Dental Gallery görsel dili
   Beyaz üst bant · tam genişlik hero · büyük yumuşak köşeler · uppercase menü
   ========================================================================== */

/* --------------------------------------------------------------------------
   ST-1. ÜST BANT — beyaz, ayraçlı bloklar, hap randevu butonu
   -------------------------------------------------------------------------- */
.adh-ustbant {
	background: var(--adh-beyaz);
	color: var(--adh-metin-soluk);
	border-bottom: 1px solid var(--adh-notr-200);
	font-size: var(--adh-yazi-200);
}
.adh-ustbant__ic { min-height: 56px; padding-block: 8px; }
.adh-ustbant a { color: var(--adh-metin) !important; }
.adh-ustbant a:hover { color: var(--adh-petrol-700) !important; text-decoration: none; }
.adh-ustbant svg { color: var(--adh-petrol-600); }
.adh-ustbant__grup { gap: var(--adh-b4); }
.adh-ustbant__grup > * {
	display: inline-flex; align-items: center; gap: 9px;
	padding-right: var(--adh-b4);
	border-right: 1px solid var(--adh-notr-200);
}
.adh-ustbant__grup > *:last-child { border-right: 0; padding-right: 0; }

.adh-ustbant .adh-btn {
	min-height: 42px !important;
	padding: 0 22px !important;
	font-size: var(--adh-yazi-200) !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
	background: var(--adh-notr-100) !important;
	color: var(--adh-metin) !important;
	border: 1px solid var(--adh-notr-200) !important;
}
.adh-ustbant .adh-btn:hover {
	background: var(--adh-petrol-600) !important;
	color: #fff !important;
	border-color: var(--adh-petrol-600) !important;
}

/* --------------------------------------------------------------------------
   ST-2. HEADER — beyaz, uppercase menü, taupe logo işareti
   -------------------------------------------------------------------------- */
.adh-header { background: rgba(255,255,255,.96); }
.adh-header.adh-yapisik { border-bottom-color: var(--adh-notr-200); }

.adh-logo { flex-direction: row !important; align-items: center; gap: 10px; }
.adh-logo__isaret { width: 40px; height: 40px; flex: 0 0 40px; color: var(--adh-petrol-500); }
.adh-logo__metin { display: flex; flex-direction: column; gap: 1px; }
.adh-logo__ad { letter-spacing: .04em; }
.adh-logo__alt { color: var(--adh-petrol-600); }

@media (min-width: 1025px) {
	.adh-nav > ul > li > a {
		font-size: var(--adh-yazi-100) !important;
		font-weight: 600 !important;
		letter-spacing: .09em !important;
		text-transform: uppercase !important;
		color: var(--adh-metin) !important;
	}
	.adh-nav > ul > li > a:hover,
	.adh-nav .current-menu-item > a { color: var(--adh-petrol-700) !important; }
	.adh-nav .current-menu-item > a::after { background: var(--adh-petrol-600); }
	/* Alt menüler uppercase OLMAZ — uzun tedavi adları okunmaz hâle gelir */
	.adh-nav .sub-menu a { text-transform: none !important; letter-spacing: normal !important; }
}

/* --------------------------------------------------------------------------
   ST-3. TAM GENİŞLİK HERO — görsel üzerine büyük beyaz başlık
   -------------------------------------------------------------------------- */
/* Aydınlık görsel stratejisi: koyu metin + soldan açık krem perde.
   (Koyu perde + beyaz metin denemesi görselin koyu bandına denk gelip
   simsiyah görünüyordu — görsel de metin düzeni de buna göre değişti.) */
.adh-hero--tam { background: var(--adh-krem); }
.adh-hero--tam .adh-hero__sahne { position: relative; overflow: hidden; }
.adh-hero--tam .adh-hero__zemin {
	width: 100%;
	aspect-ratio: 2/1;
	object-fit: cover;
	object-position: 50% 62%;
	display: block;
	border-radius: 0;
	box-shadow: none;
}
.adh-hero--tam .adh-hero__perde {
	position: absolute; inset: 0;
	background: linear-gradient(88deg,
		rgb(250 247 242 / .88) 0%,
		rgb(250 247 242 / .42) 42%,
		rgb(250 247 242 / 0) 68%);
	pointer-events: none;
}
.adh-hero--tam .adh-hero__yazi {
	position: absolute;
	left: 0; right: 0;
	bottom: clamp(2rem, 1rem + 4vw, 4.5rem);
	color: #fff;
}
.adh-hero--tam h1 {
	max-width: 17ch;
	margin: 0;
	padding-left: clamp(14px, 1.4vw, 22px);
	border-left: 3px solid rgba(255,255,255,.85);
	font: 800 clamp(1.9rem, 1.1rem + 3.6vw, 3.9rem)/1.08 var(--adh-font-baslik) !important;
	letter-spacing: .012em;
	text-transform: uppercase;
	color: #fff !important;
	text-wrap: balance;
	text-shadow: 0 2px 18px rgb(var(--adh-perde-renk) / .45);
}
.adh-hero--tam .adh-hero__giris {
	max-width: 52ch;
	margin: var(--adh-b4) 0 0;
	padding-left: clamp(17px, 1.4vw + 3px, 25px);
	font-size: var(--adh-yazi-400);
	color: rgba(255,255,255,.92) !important;
}
.adh-hero--tam .adh-hero__aksiyon {
	margin-top: var(--adh-b5);
	padding-left: clamp(17px, 1.4vw + 3px, 25px);
}
.adh-hero--tam .adh-btn--ters {
	background: #fff !important;
	color: var(--adh-metin) !important;
	border-color: #fff !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: var(--adh-yazi-200) !important;
}
.adh-hero--tam .adh-btn--ters:hover {
	background: var(--adh-petrol-600) !important;
	color: #fff !important;
	border-color: var(--adh-petrol-600) !important;
}
.adh-hero--tam .adh-btn--ikincil {
	color: #fff !important;
	border-color: rgba(255,255,255,.55) !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: var(--adh-yazi-200) !important;
}
.adh-hero--tam .adh-btn--ikincil:hover {
	background: #fff !important;
	color: var(--adh-metin) !important;
	border-color: #fff !important;
}

@media (max-width: 767.98px) {
	/* QA P0: mutlak konumlu yazı 4/5 görselden taşıp kırpılıyordu →
	   mobilde yazı normal akışa iner, görsel üstte kalır, perde kalkar. */
	.adh-hero--tam .adh-hero__zemin { aspect-ratio: 16/10; object-position: 55% 45%; max-height: none; }
	.adh-hero--tam .adh-hero__perde { display: none; }
	.adh-hero--tam .adh-hero__yazi {
		position: static;
		padding-block: var(--adh-b5) var(--adh-b4);
	}
	.adh-hero--tam { background: var(--adh-krem); }
	.adh-hero--tam .adh-hero__aksiyon { flex-direction: column; gap: 10px; }
	.adh-hero--tam .adh-hero__aksiyon .adh-btn { width: 100%; }
}

/* --------------------------------------------------------------------------
   ST-4. İMZA KÖŞELER — büyük yumuşak radius, tek köşe ekstra
   -------------------------------------------------------------------------- */
.adh-kart { border-radius: 22px; }
.adh-bento__h--buyuk .adh-kart { border-radius: 28px 28px 28px 88px; }
.adh-hero__kart { border-radius: 20px 20px 20px 56px; }
.adh-kart__gorsel img { border-radius: 0; }
.adh-gorsel-metin img,
.adh-ust__gorsel img { border-radius: 28px 28px 28px 96px; }
.adh-anket { border-radius: 28px; }
.adh-form { border-radius: 28px; }

/* Bölüm etiketleri — Dental Gallery'nin uppercase ince etiketi */
.adh-bolum-bas__etiket,
.adh-etiket { color: var(--adh-petrol-600); }

/* --------------------------------------------------------------------------
   ST-5. HİZMET KARTLARI — DG tarzı: üstte görsel, altta şerit + ok rozeti
   -------------------------------------------------------------------------- */
.adh-hizmetler {
	list-style: none; margin: 0; padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--adh-gap);
}
.adh-hizmetler--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023.98px) { .adh-hizmetler, .adh-hizmetler--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599.98px)  { .adh-hizmetler, .adh-hizmetler--3 { grid-template-columns: minmax(0, 1fr); } }

.adh-hizmet { margin: 0; min-width: 0; }
.adh-hizmet__lnk {
	position: relative;
	display: flex; flex-direction: column;
	height: 100%;
	background: var(--adh-beyaz);
	border: 1px solid var(--adh-notr-200);
	border-radius: 20px;
	overflow: hidden;
	text-decoration: none !important;
	transition: transform var(--adh-gecis) var(--adh-yumusama-standart),
	            box-shadow var(--adh-gecis), border-color var(--adh-gecis);
}
.adh-hizmet__lnk:hover {
	transform: translateY(-3px);
	box-shadow: var(--adh-golge-hover);
	border-color: var(--adh-petrol-100);
}
.adh-hizmet__gorsel {
	display: block;
	aspect-ratio: 4/3;
	overflow: hidden;
	background: linear-gradient(155deg, var(--adh-petrol-050), var(--adh-notr-100));
}
.adh-hizmet__gorsel img {
	width: 100%; height: 100%;
	object-fit: cover; display: block;
	transition: transform var(--adh-gecis-yavas) var(--adh-yumusama-standart);
}
.adh-hizmet__lnk:hover .adh-hizmet__gorsel img { transform: scale(1.04); }
.adh-hizmet__gorsel--bos { display: grid; place-items: center; }
.adh-hizmet__gorsel--bos svg { width: 72px !important; height: 72px !important; color: var(--adh-notr-300); }

.adh-hizmet__serit {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 14px 14px 14px 18px;
	background: var(--adh-beyaz);
	margin-top: auto;
}
.adh-hizmet__ad {
	font: 600 var(--adh-yazi-200)/1.3 var(--adh-font-baslik);
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--adh-metin);
	min-width: 0;
}
.adh-hizmet__ok {
	flex: 0 0 38px; width: 38px; height: 38px;
	border-radius: 50%;
	background: var(--adh-notr-100);
	display: grid; place-items: center;
	color: var(--adh-petrol-700);
	transition: background-color var(--adh-gecis), color var(--adh-gecis), transform var(--adh-gecis);
}
.adh-hizmet__ok svg { width: 16px !important; height: 16px !important; }
.adh-hizmet__lnk:hover .adh-hizmet__ok {
	background: var(--adh-petrol-600);
	color: #fff;
	transform: translate(2px, 2px);
}

/* --------------------------------------------------------------------------
   ST-6. ANKET BÖLÜMÜ — çift sütun: solda sorular, sağda görsel
   -------------------------------------------------------------------------- */
.adh-anket-bolum { display: grid; gap: var(--adh-b6); align-items: stretch; }
@media (min-width: 1000px) {
	.adh-anket-bolum { grid-template-columns: minmax(0, 1fr) 400px; }
}
.adh-anket-bolum__gorsel { display: none; }
@media (min-width: 1000px) {
	.adh-anket-bolum__gorsel {
		display: block;
		border-radius: 24px 24px 24px 88px;
		overflow: hidden;
		background: var(--adh-notr-100);
	}
	.adh-anket-bolum__gorsel img {
		width: 100%; height: 100%;
		object-fit: cover; object-position: 50% 26%;
		display: block;
	}
}
.adh-anket-bolum .adh-anket { max-width: none; margin: 0; }

/* Koyu blok artık koyu kahve */
.adh-bolum--koyu { background: var(--adh-lacivert-900); }

/* --------------------------------------------------------------------------
   ST-7. HİKÂYE / ZİKZAK — SmileOn "Our Story" kalıbının sıcak palet uyarlaması
   Dar metin sütunu + caption'lı büyük görsel; arka planda yarım bej panel.
   -------------------------------------------------------------------------- */
.adh-bolum--panel-sol {
	background: linear-gradient(90deg, var(--adh-notr-100) 0 38%, var(--adh-beyaz) 38%);
}
.adh-bolum--panel-sag {
	background: linear-gradient(90deg, var(--adh-beyaz) 0 62%, var(--adh-notr-100) 62%);
}
@media (max-width: 999.98px) {
	.adh-bolum--panel-sol,
	.adh-bolum--panel-sag { background: var(--adh-beyaz); }
}

.adh-figur { margin: 0; }
.adh-figur img {
	width: 100%;
	border-radius: 24px 24px 24px 88px;
	box-shadow: var(--adh-golge-orta);
	object-fit: cover;
}
.adh-figur--ters img { border-radius: 24px 24px 88px 24px; }
.adh-figur figcaption {
	margin-top: 12px;
	font: 600 var(--adh-yazi-100)/1.4 var(--adh-font-govde);
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--adh-metin-soluk);
	text-align: center;
}

/* --------------------------------------------------------------------------
   6. MOBİL
   -------------------------------------------------------------------------- */
@media (max-width: 1023.98px) {
	.adh-hero__ic { gap: var(--adh-b6); }
	.adh-guven-bant ul { grid-template-columns: repeat(2, 1fr); padding-block: 22px; }
}

@media (max-width: 767.98px) {
	.adh-hero__ic {
		grid-template-columns: minmax(0, 1fr);
		padding-block: var(--adh-b6);
		gap: var(--adh-b6);
	}
	.adh-hero__metin { order: 1; }
	.adh-hero__gorsel { order: 2; }
	.adh-hero h1, .adh-hero__baslik { max-width: none; }
	.adh-hero__aksiyon, .adh-hero__eylem { flex-direction: column; gap: 10px; margin-top: var(--adh-b4); }
	.adh-hero__aksiyon .adh-btn { width: 100%; }
	.adh-hero__gorsel img { aspect-ratio: 3/2; border-radius: var(--adh-r-m); }
	.adh-hero__kart {
		position: static;
		width: 100%;
		margin-top: -34px;
		margin-inline: auto;
		max-width: calc(100% - 32px);
	}
}