/* ===================================================================
   Pozitif Klinik – telefon ve tablet düzeni
   Tablet: 768–1024px · Telefon: ≤767px
   Masaüstü (≥1025px) bu dosyadan etkilenmez.
   Ana sayfadaki HTML bileşenlerinin kendi <style> blokları sayfa gövdesinde
   olduğu için buradaki kurallar "body" ön ekiyle daha güçlü yazılır.
   =================================================================== */

/* Alt işlem çubuğu: masaüstünde yok */
.pk-mbar { display: none; }

@media (max-width: 1024px) {

	:root, body { --pk-hdr-h: 76px; }

	/* --- Başlık ----------------------------------------------------- */
	.pkh.is-solid, body.pk-menu-open .pkh { box-shadow: none; border-bottom: 1px solid var(--pk-sand); }
	.pkh-in, .pkh.is-solid .pkh-in { padding: 14px 24px; }
	.pkh-act { gap: 12px; }
	.pkh .pkh-toggle { width: auto; height: 44px; padding: 0 2px 0 8px; gap: 8px; border-radius: 0; font-family: var(--pk-font); font-size: 15px; font-weight: 500; }
	.pkh .pkh-toggle svg { width: 22px; height: 22px; }
	.pkh-tl-open { display: inline; }
	.pkh-toggle[aria-expanded="true"] .pkh-tl-open { display: none; }
	.pkh-toggle[aria-expanded="true"] .pkh-tl-close { display: inline; }
	.pkh-telic { display: none; }
	/* Ana sayfada fotoğrafın üstünde: başlık, yuvarlak köşeli kartın içinde, metinle aynı hizada */
	body.home:not(.pk-menu-open) .pkh:not(.is-solid) .pkh-in { padding: 30px 40px 12px 56px; }
	/* Menü açıkken ana sayfada da başlık koyu: kapatma ikonu ve alt menü okları beyaz zeminde görünsün */
	body.home.pk-menu-open .pkh { color: var(--pk-ink) !important; }
	body.home.pk-menu-open .pkh .pkm-toggle { color: var(--pk-teal) !important; }

	/* --- Menü: tam ekran, büyük yazı, ince çizgiler -------------------- */
	.pkh-mobile:not([hidden]) {
		margin: 0; padding: 4px 24px 40px; border-radius: 0; box-shadow: none; border-top: 1px solid var(--pk-sand);
		height: calc(100vh - var(--pk-hdr-h)); height: calc(100dvh - var(--pk-hdr-h)); max-height: none;
		overflow-y: auto; overscroll-behavior: contain; background: var(--pk-white);
	}
	body.admin-bar .pkh-mobile:not([hidden]) { height: calc(100dvh - var(--pk-hdr-h) - 46px); }
	.pkh-mobile .pkh-menu > li { border-bottom: 1px solid var(--pk-sand); }
	.pkh-mobile .pkh-menu > li:last-child { border-bottom: 1px solid var(--pk-sand); }
	.pkh-mobile .pkh-menu > li > a { padding: 16px 0; font-size: 24px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.25; }
	.pkh-mobile li.is-open > a, .pkh-mobile .current-menu-item > a, .pkh-mobile .current-menu-ancestor > a { color: #23827A; }
	.pkh-mobile .pkm-toggle { width: 44px; height: 44px; margin-right: -10px; }
	.pkh-mobile .pkm-toggle svg { width: 16px; height: 16px; }
	.pkh-mobile .pk-mega { padding: 0 0 14px; }
	.pkh-mobile .pk-mega a { padding: 9px 0; border-radius: 0; font-size: 16px; color: var(--pk-text); }
	.pkh-mobile .pk-mega a:hover { background: transparent; color: #23827A; }
	.pkh-mobile .pk-mega--cols .sub-menu .sub-menu a { padding-left: 14px; font-size: 15px; }
	.pkh-mobile-act { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 24px 0 0; }
	.pkh-mobile-act .pk-b { width: 100%; }
	.pkh-mobile-info { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid var(--pk-sand); font-size: 13px; line-height: 1.7; color: var(--pk-muted); }

	/* --- Alt işlem çubuğu --------------------------------------------- */
	.pk-mbar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
		display: flex; align-items: center; justify-content: space-between; gap: 12px;
		padding: 12px 32px calc(12px + env(safe-area-inset-bottom)); box-sizing: border-box;
		background: rgba(255, 255, 255, .96); border-top: 1px solid var(--pk-sand);
		-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
		font-family: var(--pk-font); transition: transform .3s ease;
	}
	.pk-mbar-txt { font-size: 14px; color: var(--pk-text); }
	.pk-mbar-txt b { color: var(--pk-ink); font-weight: 600; }
	.pk-mbar-tel { display: none; }
	body.pk-menu-open .pk-mbar, body.pk-dialog-open .pk-mbar, html.pk-dialog-open .pk-mbar { transform: translateY(110%); }
	.pkf { padding-bottom: 76px; }

	/* --- Sayfa başlığı bandı ------------------------------------------ */
	.pk-band { padding: calc(var(--pk-hdr-h) + 48px) 0 40px; }
	.pk-band-title { font-size: clamp(40px, 7vw, 64px); }

	/* --- Ana sayfa: tedaviler – masaüstündeki görsel akordeon, alta doğru açılır --- */
	body .pka { display: flex; flex-direction: column; gap: 10px; height: auto; overflow: visible; margin-right: 0; padding: 0; scroll-snap-type: none; }
	body .pka-card { display: block; flex: none !important; height: 84px; border-radius: 22px; transition: height .65s cubic-bezier(.2, .7, .2, 1); -webkit-tap-highlight-color: transparent; }
	body .pka-card.is-open { height: 440px; }
	body .pka-card img { transform: none !important; }
	body .pka-card.is-open img { transform: scale(1.04) !important; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
	body .pka-v {
		display: block; left: 24px; right: 72px; top: 50%; bottom: auto; writing-mode: horizontal-tb; transform: translateY(-50%);
		overflow: hidden; text-overflow: ellipsis; font-size: 19px; opacity: 1; transition: opacity .3s;
	}
	body .pka-card::before {
		content: ""; position: absolute; z-index: 2; right: 24px; top: 42px; width: 9px; height: 9px; margin-top: -7px;
		border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg); opacity: .85; transition: opacity .3s;
	}
	body .pka-card.is-open .pka-v, body .pka-card.is-open::before { opacity: 0; }
	body .pka-card:not(.is-open)::after { background: rgba(55, 55, 54, .55); }
	body .pka-body {
		left: 24px; right: 24px; bottom: 24px; min-width: 0;
		opacity: 0 !important; transform: translateY(14px) !important; transition: opacity .35s, transform .5s cubic-bezier(.2, .7, .2, 1);
	}
	body .pka-card.is-open .pka-body { opacity: 1 !important; transform: none !important; transition-delay: .25s, .25s; }
	body .pka-t { font-size: 28px; }
	body .pka-go { width: 48px; height: 48px; }

	/* --- Ana sayfa: ekip (tek sırada üç hekim) -------------------------- */
	body .pkt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; margin-right: 0; padding-right: 0; }
	body .pkt a { flex: none; }
	body .pkt-n { font-size: 17px; }
	body .pkt-b { padding: 14px 6px 6px; }
	body .pkt-go { width: 38px; height: 38px; }

	/* --- Ana sayfa: implant markaları (dört logo tek sırada) ------------- */
	body .pkb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
	body .pkb-card { padding: 24px 14px; }
	body .pkb-logo img { max-width: 100%; }
	body .pkb-name { font-size: 22px; }

	/* --- Ana sayfa: Kliniğimizi Ziyaret Edin --------------------------- */
	body .elementor .elementor-element.elementor-element-800e57e { --flex-direction: column; flex-direction: column; --flex-wrap: nowrap; }
	body .elementor .elementor-element.elementor-element-800e57e > .elementor-element { --width: 100%; width: 100%; max-width: 100%; }
	body .pkv { flex-direction: row; gap: 16px; }
	body .pkv a, body .pkv-hours { flex: 1 1 0; min-height: 0; padding: 24px; }
	body .pkv-rows > span { justify-content: space-between; gap: 12px; white-space: nowrap; }

	/* --- Bilgilendirme yazısı: bölüm bağlantıları üstte ---------------- */
	.pk-info-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.pk-info-aside { position: static; order: -1; }
	.pk-info-toc { display: flex; flex-wrap: wrap; gap: 8px; }
	.pk-info-toc-h { display: none; }
	.pk-info-toc a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid #CFD8D6; border-radius: 999px; font-size: 14px; line-height: 1.3; }
	.pk-info-toc a:hover { border-color: var(--pk-ink); }
	.pk-info-cta { display: none; }
	.pk-info-body { max-width: none; }

	/* --- Yasal metinler: İçindekiler açılır satır ----------------------- */
	.pk-toc-d > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-top: 1px solid var(--pk-ink); border-bottom: 1px solid var(--pk-sand); cursor: pointer; list-style: none; font-weight: 600; color: var(--pk-ink); }
	.pk-toc-d > summary::-webkit-details-marker { display: none; }
	.pk-toc-d > summary span { margin-right: auto; margin-left: -6px; font-weight: 400; color: var(--pk-muted); }
	.pk-toc-d > summary::after { content: ""; width: 9px; height: 9px; margin-right: 4px; border-right: 1.6px solid var(--pk-teal); border-bottom: 1.6px solid var(--pk-teal); transform: rotate(45deg) translateY(-3px); transition: transform .25s ease; }
	.pk-toc-d[open] > summary::after { transform: rotate(-135deg) translateY(-3px); }
	.pk-toc-d .pk-toc-h { display: none; }
}

/* Tablet: harita tam genişlikte, sabit yükseklik (sütun düzeninde yüksekliği sıfıra düşmesin) */
@media (min-width: 768px) and (max-width: 1024px) {
	body .elementor .elementor-element.elementor-element-6590d55 { min-height: 340px; }
	body .elementor-element-d7f01b9, body .elementor-element-d7f01b9 .elementor-widget-container, body .elementor-element-d7f01b9 .elementor-custom-embed { height: 340px; }
	body .elementor-element-d7f01b9 iframe { height: 340px !important; }
}

/* Masaüstünde İçindekiler her zaman açık, özet satırı gizli */
@media (min-width: 1025px) {
	.pk-toc-d > summary { display: none; }
}

/* =================================================================== */
@media (max-width: 767px) {

	:root, body { --pk-hdr-h: 64px; }

	/* --- Başlık: logo · telefon · Menü ---------------------------------- */
	.pkh-in, .pkh.is-solid .pkh-in { padding: 10px 12px; }
	body.home:not(.pk-menu-open) .pkh:not(.is-solid) .pkh-in { padding: 10px 12px; }

	/* --- Ana sayfa girişi: ince çerçeveli, tam ekran fotoğraf ---------- */
	body .elementor .elementor-element.elementor-element-668f64c { --padding-top: 6px; --padding-right: 6px; --padding-left: 6px; padding-top: 6px; padding-right: 6px; padding-left: 6px; }
	body .elementor .elementor-element.elementor-element-3b7678c {
		--border-radius: 22px; border-radius: 22px !important; width: 100%; max-width: 100%;
		min-height: calc(100vh - 12px); min-height: calc(100svh - 12px);
	}
	.pkh .pkh-cta, .pkh a.pk-b.pkh-cta { display: none !important; }
	.pkh-act { gap: 2px; }
	/* Logo ortada, sağda yalnızca menü ikonu */
	.pkh-in, .pkh.is-solid .pkh-in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
	.pkh-logo { grid-column: 2; justify-self: center; }
	.pkh-act { grid-column: 3; justify-self: end; }
	.pkh .pkh-telic { display: none; }
	.pkh .pkh-tl { display: none !important; }
	.pkh .pkh-toggle { width: 48px; height: 48px; padding: 0; margin-right: -6px; justify-content: center; }
	.pkh .pkh-toggle svg { width: 34px; height: 34px; }
	.pkh-mobile:not([hidden]) { padding: 4px 20px 32px; }

	/* --- Alt çubuk: Ara | Randevu Oluştur ------------------------------- */
	.pk-mbar { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); }
	.pk-mbar-txt { display: none; }
	.pk-mbar-tel {
		display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 1px solid #CFD8D6; border-radius: 999px;
		color: var(--pk-ink); text-decoration: none; font-size: 15px; font-weight: 500;
	}
	.pk-mbar-tel svg { width: 17px; height: 17px; color: #23827A; }
	.pk-mbar .pk-mbar-cta { width: 100%; min-height: 48px; }
	.pkf { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }

	/* --- Sayfa başlığı bandı ------------------------------------------ */
	.pk-band { padding: calc(var(--pk-hdr-h) + 28px) 0 28px; }
	.pk-band-mark { width: 220px; height: 220px; right: -70px; top: 30px; }
	.pk-band-in { padding: 0 20px; }
	.pk-crumbs { font-size: 13px; }
	.pk-band-title { margin-top: 14px; font-size: 40px; line-height: 1.05; letter-spacing: -0.045em; }
	body.pk-info-page .pk-band-title { font-size: 32px; line-height: 1.12; }

	/* --- Ana sayfa: tedaviler (akordeon, telefon ölçüleri) ------------ */
	body .pka { gap: 8px; }
	body .pka-card { height: 68px; border-radius: 18px; }
	body .pka-card.is-open { height: 380px; }
	body .pka-v { left: 20px; right: 56px; font-size: 16px; }
	body .pka-card::before { right: 22px; top: 34px; }
	body .pka-body { left: 20px; right: 20px; bottom: 20px; gap: 10px; }
	body .pka-t { font-size: 23px; }
	body .pka-d { font-size: 14px; }
	body .pka-go { width: 44px; height: 44px; }

	/* --- Ana sayfa: ekip alt alta -------------------------------------- */
	body .pkt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
	body .pkt a { padding: 10px; }
	body .pkt a:hover, body .pkt a:active { transform: none; box-shadow: none; }
	body .pkt-img { aspect-ratio: 4 / 5; border-radius: 18px; }
	body .pkt-b { padding: 16px 8px 8px; align-items: center; }
	body .pkt-n { font-size: 18px; }

	/* --- Ana sayfa: implant markaları 2×2 ------------------------------- */
	body .pkb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
	body .pkb-card { padding: 22px 12px; }
	body .pkb-logo { height: 52px; }
	body .pkb-logo img { max-height: 44px; }
	body .pkb-name { font-size: 20px; }

	/* --- Ana sayfa: Ziyaret Edin, saatler alt alta ----------------------- */
	body .pkv { flex-direction: column; gap: 12px; height: auto; }
	body .pkv a, body .pkv-hours { flex: none; height: auto; min-height: 0; padding: 22px 20px; gap: 16px; }
	body .elementor-14 .elementor-element.elementor-element-4323fc0 .elementor-widget-html,
	body .elementor-14 .elementor-element.elementor-element-4323fc0 .elementor-widget-container { height: auto; }

	/* --- Tedavi sayfası: numara başlığın yanında, metin tam genişlik ---- */
	.pk-treat-content > p:has(> strong:first-child) { display: block; position: relative; padding: 24px 0; }
	.pk-treat-content > p:has(> strong:first-child)::before { position: absolute; left: 0; top: 24px; font-size: 13px; line-height: 26px; }
	.pk-treat-content > p:has(> strong:first-child) > strong:first-child { padding-left: 34px; margin-bottom: 8px; font-size: 20px; line-height: 1.3; }

	/* --- Bilgilendirme ------------------------------------------------- */
	.pk-info-meta { margin-top: 20px; }
}