:root {
  --bg-hero: #e3e9ec;
  --bg: #edf1f3;
  --ink: #0b2f3a;
  --ink-2: #3f5b66;
  --muted: #7b949c;
  --teal: #0f7f8f;
  --teal-2: #0a5f78;
  --mint: #62c9bf;
  --card: #ffffff;
  --line: rgba(11, 47, 58, .1);
  --grad: linear-gradient(100deg, #66cbbf 0%, #1f97a3 45%, #0a5f78 100%);
  --r: 30px;
  --notch: 26px;
  --pad: clamp(10px, 1.2vw, 16px);
  --font: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Unbounded", var(--font);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.55 var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-wrap: break-word; }
/* clip kaydırma kabı oluşturmaz → position: sticky bozulmaz */
@supports (overflow: clip) { body { overflow-x: clip; } .how { overflow-x: clip; } }   /* .how: adım giriş hareketi yatay taşma yapmasın (sticky bozulmaz) */
img { display: block; max-width: 100%; }
:where(img[width][height]) { height: auto; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap { max-width: 1240px; margin: 0 auto; padding-inline: 24px; }
section { position: relative; }

.eyebrow { margin: 0 0 16px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--teal); }
.eyebrow.light { color: #8fe3d9; }
.h2 { margin: 0 0 18px; font-size: clamp(30px, 3.6vw, 50px); line-height: 1.06; letter-spacing: -.028em; font-weight: 600; color: var(--ink); }
.h2.light { color: #fff; }
.lead { margin: 0 0 12px; font-size: clamp(16px, 1.25vw, 18px); color: var(--ink-2); max-width: 640px; }
.sec-head { max-width: 760px; margin-bottom: clamp(30px, 4vw, 52px); }

.btn { display: inline-flex; align-items: center; gap: 12px; margin-top: 10px; padding: 16px 26px; border-radius: 14px; background: var(--grad); color: #fff; font-weight: 600; text-decoration: none; box-shadow: 0 16px 40px -20px rgba(10, 95, 120, .8); }
.btn.light { background: #fff; color: var(--ink); box-shadow: none; }
.link { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; color: var(--teal-2); text-decoration: none; }
.link span { transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
.link:hover span { transform: translateX(6px); }

/* ---------- logo + tagline ---------- */
.brand { display: grid; gap: 4px; text-decoration: none; }
.ibar .brand { min-height: 44px; align-content: center; }   /* dokunma hedefi ≥ 44 px */
.logo { display: inline-flex; align-items: baseline; font-family: var(--display); font-weight: 300; letter-spacing: .14em; font-size: 18px; line-height: 1; }
.logo-word { background: linear-gradient(100deg, #0a5f78 0%, #1a93a0 55%, #62c9bf 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.logo-ai { font-weight: 400; letter-spacing: .02em; color: var(--teal); margin-left: 2px; font-size: .8em; }
.tagline { font-size: 11.5px; font-weight: 500; letter-spacing: .02em; color: var(--ink-2); line-height: 1.3; white-space: nowrap; }

/* ---------- hero ---------- */
.hero { background: var(--bg-hero); padding: var(--pad); }
.hero-card { position: relative; min-height: min(calc(100svh - 2 * var(--pad)), 940px); border-radius: var(--r); overflow: hidden; isolation: isolate; background: #06222c; }
.hero-media, .hero-media img, .hero-shade, .hero-pulse { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media img { object-fit: cover; object-position: 60% 35%; transform-origin: 60% 40%; }
.hero-shade { background: linear-gradient(90deg, rgba(3, 26, 36, .9) 0%, rgba(3, 26, 36, .66) 40%, rgba(3, 26, 36, .1) 75%), linear-gradient(0deg, rgba(3, 26, 36, .55) 0%, transparent 35%); }
.hero-pulse { mix-blend-mode: screen; opacity: .9; pointer-events: none; }

/* Oyuk köşeler: çentik kutusu sayfa rengini taşır, ::before/::after ters yarıçapı çizer. */
.notch { position: absolute; z-index: 4; background: var(--bg-hero); display: flex; align-items: center; }
.notch::before, .notch::after { content: ""; position: absolute; width: var(--notch); height: var(--notch); pointer-events: none; }
.notch-tl { top: 0; inset-inline-start: 0; padding-block: 14px 16px; padding-inline: 10px 30px; border-end-end-radius: var(--notch); }
.notch-tl::before, .notch-tl::after { background: radial-gradient(circle at 100% 100%, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
.notch-tl::before { top: 0; inset-inline-start: 100%; }
.notch-tl::after { top: 100%; inset-inline-start: 0; }
.notch-tr { top: 0; inset-inline-end: 0; padding-block: 10px 14px; padding-inline: 18px 8px; border-end-start-radius: var(--notch); gap: 6px; }
.notch-tr::before, .notch-tr::after { background: radial-gradient(circle at 0 100%, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
.notch-tr::before { top: 0; inset-inline-end: 100%; }
.notch-tr::after { top: 100%; inset-inline-end: 0; }
.notch-bl { bottom: 0; inset-inline-start: 0; padding-block: 16px 10px; padding-inline: 10px 30px; border-start-end-radius: var(--notch); }
.notch-bl::before, .notch-bl::after { background: radial-gradient(circle at 100% 0, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
.notch-bl::before { bottom: 100%; inset-inline-start: 0; }
.notch-bl::after { bottom: 0; inset-inline-start: 100%; }

.nav-links { display: flex; gap: 2px; list-style: none; margin: 0; padding: 6px; background: rgba(255, 255, 255, .72); border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); }
.nav-links a { display: block; padding: 9px 14px; font-size: 14px; font-weight: 500; text-decoration: none; color: var(--ink); border-radius: 999px; transition: background .35s, color .35s; white-space: nowrap; }
.nav-links a:hover { background: var(--ink); color: #fff; }
.lang { position: relative; }
.lang-btn { width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer; background: #fff; color: var(--ink); font: 600 13px/1 var(--font); letter-spacing: .04em; transition: background .35s, color .35s; }
.lang-btn:hover { background: var(--ink); color: #fff; }
.lang-list { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); z-index: 20; min-width: 210px; max-height: min(430px, 70vh); overflow: auto; margin: 0; padding: 6px; list-style: none; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px -18px rgba(6, 34, 44, .35), 0 0 0 1px var(--line); }
.lang-list a { display: flex; gap: 12px; align-items: center; padding: 9px 12px; border-radius: 12px; text-decoration: none; font-size: 14px; }
.lang-list a span { width: 26px; font-size: 11px; font-weight: 600; color: var(--muted); letter-spacing: .06em; }
.lang-list a:hover, .lang-list a[aria-selected="true"] { background: var(--bg); }
.lang-list a[aria-selected="true"] span { color: var(--teal); }

.hero-copy { position: relative; z-index: 3; max-width: 780px; padding: clamp(140px, 20vh, 220px) clamp(22px, 4vw, 56px) 150px; color: #fff; }
.badge { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; padding-block: 7px; padding-inline: 10px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); }
.badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); animation: ping 2.2s infinite; }
@keyframes ping { 0% { box-shadow: 0 0 0 0 rgba(98, 201, 191, .7); } 70% { box-shadow: 0 0 0 10px rgba(98, 201, 191, 0); } 100% { box-shadow: 0 0 0 0 rgba(98, 201, 191, 0); } }
.hero h1 { margin: 0 0 22px; font-size: clamp(34px, 4.3vw, 66px); line-height: 1.04; font-weight: 600; letter-spacing: -.028em; }
.hero-sub { margin: 0 0 24px; font-size: clamp(16px, 1.25vw, 19px); color: rgba(255, 255, 255, .86); max-width: 600px; }
.hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; }
.hero-tags li { padding: 7px 13px; border-radius: 999px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, .88); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.ghost { display: inline-flex; gap: 8px; font-size: 15px; font-weight: 600; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .35); padding-bottom: 3px; }

.cta { position: relative; display: inline-flex; align-items: center; gap: 22px; justify-content: space-between; min-width: 320px; padding-block: 18px; padding-inline: 32px 46px; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; background: var(--grad); border-radius: 16px 10px 10px 16px; clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 100%, 0 100%); box-shadow: 0 16px 40px -18px rgba(10, 95, 120, .8); }
.cta-arrow { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .22); overflow: hidden; }
.cta:hover .cta-arrow svg { animation: nudge .6s cubic-bezier(.2, .7, .2, 1); }
@keyframes nudge { 50% { transform: translateX(18px); opacity: 0; } 51% { transform: translateX(-18px); } 100% { transform: none; opacity: 1; } }

.ring { position: absolute; inset-inline-end: clamp(18px, 3vw, 40px); bottom: clamp(18px, 3vw, 40px); z-index: 3; width: 112px; height: 112px; color: #fff; display: grid; place-items: center; text-decoration: none; }
.ring .ring-text { position: absolute; inset: 0; width: 100%; height: 100%; }
.ring text { font: 500 8.4px var(--font); letter-spacing: .2em; text-transform: uppercase; fill: rgba(255, 255, 255, .85); }
.ring-arrow { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }

/* ---------- how ---------- */
.how { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(32px, 6vw, 96px); padding-top: clamp(70px, 9vw, 130px); padding-bottom: clamp(50px, 6vw, 90px); align-items: start; }
.how-head { position: sticky; top: 90px; }
.steps { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.steps-line { position: absolute; inset-inline-start: 31px; top: 30px; bottom: 30px; width: 2px; background: var(--line); border-radius: 2px; }
.steps-line i { position: absolute; inset: 0 0 auto 0; height: 100%; background: linear-gradient(#62c9bf, #0a5f78); transform-origin: top; transform: scaleY(0); border-radius: 2px; }
.step { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: start; padding-block: 22px; padding-inline: 0 24px; }
.step-n { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; font: 400 20px var(--display); color: var(--teal-2); box-shadow: 0 0 0 6px var(--bg), 0 12px 30px -18px rgba(11, 47, 58, .5); transition: background .5s, color .5s; }
.step.on .step-n { background: var(--grad); color: #fff; }
.step h3 { margin: 6px 0 6px; font-size: 21px; letter-spacing: -.01em; }
.step p { margin: 0; color: var(--ink-2); }

/* ---------- AI ---------- */
.ai { padding: 20px var(--pad); }
.ai-card { position: relative; border-radius: var(--r); overflow: hidden; background: #06222c; min-height: 640px; display: grid; align-items: center; }
.ai-card > img { position: absolute; inset: 0; width: 100%; height: 118%; object-fit: cover; }
.ai-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3, 26, 36, .94) 0%, rgba(3, 26, 36, .78) 55%, rgba(3, 26, 36, .45) 100%); }
.ai-inner { position: relative; z-index: 2; max-width: 820px; padding: clamp(56px, 7vw, 100px) clamp(22px, 5vw, 80px); color: #fff; }
.ai-body { margin: 0 0 18px; color: rgba(255, 255, 255, .8); font-size: 17px; max-width: 620px; }
.ai-before, .ai-after { margin: 26px 0 6px; font-size: 15px; color: rgba(255, 255, 255, .6); letter-spacing: .02em; }
.ai-after { margin: 6px 0 26px; }
.ai-q { margin: 0; font-size: clamp(30px, 4.2vw, 60px); line-height: 1.06; font-weight: 600; letter-spacing: -.03em; color: #fff; }

/* ---------- row / media ---------- */
.row { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(32px, 6vw, 96px); align-items: center; padding: clamp(60px, 7vw, 110px) 0; }
.row.flip .media { order: 2; }
.media { position: relative; margin: 0; aspect-ratio: 5 / 4; border-radius: var(--r); overflow: hidden; background: #cfdade; }
.media img { width: 100%; height: 118%; object-fit: cover; }
.media-notch { position: absolute; top: 0; inset-inline-end: 0; z-index: 2; padding: 0; padding-block-end: 10px; padding-inline-start: 10px; background: var(--bg); border-end-start-radius: var(--notch); }
.media-notch::before, .media-notch::after { content: ""; position: absolute; width: var(--notch); height: var(--notch); background: radial-gradient(circle at 0 100%, transparent calc(var(--notch) - .5px), var(--bg) var(--notch)); }
.media-notch::before { top: 0; inset-inline-end: 100%; }
.media-notch::after { top: 100%; inset-inline-end: 0; }
.icon-badge { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; color: #fff; background: linear-gradient(140deg, #62c9bf, #0a5f78); box-shadow: 0 10px 24px -10px rgba(10, 95, 120, .7); }
.copy { max-width: 500px; }
.copy > p { margin: 0 0 14px; color: var(--ink-2); font-size: 16.5px; }

/* ---------- chat demo ---------- */
.chat { display: grid; gap: 10px; margin-top: 24px; padding: 18px; background: rgba(255, 255, 255, .72); border-radius: 22px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 20px 50px -34px rgba(11, 47, 58, .45); }
.chat-label { margin: 0 0 2px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.msg { max-width: 92%; padding: 11px 15px 12px; border-radius: 16px; font-size: 15px; line-height: 1.42; background: #fff; box-shadow: 0 0 0 1px var(--line); }
.msg b { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--teal-2); }
.msg p { margin: 0; }
.msg.me { justify-self: end; background: var(--ink); color: #fff; border-end-end-radius: 5px; box-shadow: none; }
.msg.me b { color: #8fe3d9; }
.msg.doc { border-end-start-radius: 5px; }
.msg.best { box-shadow: 0 0 0 1.5px var(--mint), 0 16px 34px -24px rgba(15, 127, 143, .8); }
.msg.ai { background: linear-gradient(120deg, #e9f7f5, #ffffff); }
.av { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--bg); color: var(--teal-2); font-size: 11px; }
.av.spark { background: var(--grad); color: #fff; }
.typing { display: none; gap: 4px; width: fit-content; margin: 0; padding: 14px 16px; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px var(--line); }
.typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); opacity: .35; animation: dot 1s infinite; }
.typing i:nth-child(2) { animation-delay: .15s; }
.typing i:nth-child(3) { animation-delay: .3s; }
@keyframes dot { 40% { opacity: 1; transform: translateY(-3px); } }

/* ---------- branches ---------- */
.branches { padding-top: clamp(40px, 5vw, 70px); padding-bottom: clamp(50px, 6vw, 90px); }
.bgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.bcard { position: relative; padding: 24px 22px 26px; background: var(--card); border-radius: 22px; box-shadow: 0 1px 0 rgba(11, 47, 58, .04); transition: transform .55s cubic-bezier(.2, .7, .2, 1), box-shadow .55s; }
.bcard:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -40px rgba(11, 47, 58, .5); }
.bicon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: var(--teal-2); background: linear-gradient(140deg, #e3f5f2, #eef4f6); margin-bottom: 18px; transition: background .5s, color .5s; }
.bcard:hover .bicon { background: var(--grad); color: #fff; }
.bnum { position: absolute; top: 24px; inset-inline-end: 22px; font-size: 12px; color: var(--muted); letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.bcard h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.2; letter-spacing: -.01em; }
.bcard p { margin: 0; font-size: 14.5px; color: var(--ink-2); line-height: 1.5; }

/* ---------- featured (horizontal) ---------- */
.featured { padding: clamp(40px, 5vw, 70px) 0; overflow: hidden; }
@media (min-width: 761px) { .featured { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; } }
.featured-head { margin-bottom: 8px; }
.hs-viewport { overflow: hidden; }
.hs-track { display: flex; gap: 18px; margin: 0; padding: 12px max(24px, calc((100vw - 1192px) / 2)); list-style: none; width: max-content; }
.fcard { width: min(420px, 82vw); flex: none; display: flex; flex-direction: column; background: #fff; border-radius: 26px; overflow: hidden; box-shadow: 0 1px 0 rgba(11, 47, 58, .04), 0 30px 60px -44px rgba(11, 47, 58, .5); }
.fcard figure { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.fcard img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.fcard:hover img { transform: scale(1.06); }
.fbody { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 26px; flex: 1; }
.fk { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--teal); }
.fbody h3 { margin: 0; font-size: 22px; line-height: 1.16; letter-spacing: -.015em; }
.fbody p { margin: 0 0 6px; font-size: 15px; color: var(--ink-2); }
.fbody .link { margin-top: auto; }

/* ---------- cities ---------- */
.cities { padding-top: clamp(40px, 5vw, 70px); padding-bottom: clamp(50px, 6vw, 90px); }
.cgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ccard { position: relative; aspect-ratio: 1 / 1.05; border-radius: 26px; overflow: hidden; background: #06222c; color: #fff; }
.ccard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2, .7, .2, 1); }
.ccard::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3, 26, 36, .9) 0%, rgba(3, 26, 36, .25) 55%, transparent 80%); }
.ccard:hover img { transform: scale(1.06); }
.cbody { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; padding: 22px 22px 24px; }
.cbody h3 { margin: 0 0 6px; font-size: 26px; letter-spacing: -.02em; }
.cbody p { margin: 0; font-size: 14.5px; color: rgba(255, 255, 255, .82); max-width: 380px; }

/* ---------- travel ---------- */
.travel { padding-top: clamp(40px, 5vw, 70px); }
.tgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tcard { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 22px; background: #fff; border-radius: 22px; }
.ticon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; color: #fff; background: var(--grad); }
.tcard h3 { margin: 4px 0 4px; font-size: 17px; }
.tcard p { margin: 0; font-size: 14.5px; color: var(--ink-2); }

/* ---------- package ---------- */
.package { padding-top: 10px; padding-bottom: clamp(50px, 6vw, 90px); }
.pack-card { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(28px, 5vw, 70px); align-items: center; padding: clamp(28px, 4vw, 56px); background: #fff; border-radius: var(--r); }
.pack-copy p { margin: 0 0 10px; color: var(--ink-2); font-size: 16.5px; }
.flow { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.flow-line { position: absolute; inset-inline-start: 21px; top: 22px; bottom: 22px; width: 2px; background: var(--line); }
.flow-line i { position: absolute; inset: 0; background: linear-gradient(#62c9bf, #0a5f78); transform: scaleY(0); transform-origin: top; }
.flow li { position: relative; display: flex; align-items: center; gap: 16px; font-weight: 600; font-size: 17px; }
.flow li span { position: relative; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--bg); color: var(--teal-2); font: 400 14px var(--display); box-shadow: 0 0 0 5px #fff; transition: background .45s, color .45s; }
.flow li.on span { background: var(--grad); color: #fff; }

/* ---------- international ---------- */
.intl { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 80px); align-items: center; padding-top: clamp(20px, 3vw, 40px); padding-bottom: clamp(60px, 7vw, 100px); }
.langs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.langs a { display: inline-flex; align-items: center; gap: 10px; padding-block: 12px; padding-inline: 12px 18px; border-radius: 999px; background: #fff; text-decoration: none; font-weight: 600; font-size: 15px; transition: background .4s, color .4s; }
.langs a span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--bg); font-size: 11px; letter-spacing: .06em; color: var(--teal-2); }
.langs a:hover, .langs a.on { background: var(--ink); color: #fff; }
.langs a.on span, .langs a:hover span { background: var(--grad); color: #fff; }

/* ---------- notify ---------- */
.notify { padding: 0 var(--pad) var(--pad); }
.notify-card { position: relative; border-radius: var(--r); overflow: hidden; min-height: 560px; display: grid; align-items: center; background: #06222c; }
.notify-card > img { position: absolute; inset: 0; width: 100%; height: 118%; object-fit: cover; }
.notify-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3, 26, 36, .92) 0%, rgba(3, 26, 36, .62) 55%, rgba(3, 26, 36, .25) 100%); }
.notify-inner { position: relative; z-index: 2; max-width: 700px; padding: clamp(44px, 6vw, 84px) clamp(22px, 5vw, 72px); color: #fff; }
.notify h2 { margin: 0 0 14px; font-size: clamp(32px, 4vw, 54px); line-height: 1.04; letter-spacing: -.025em; font-weight: 600; }
.notify-inner > p { margin: 0 0 30px; color: rgba(255, 255, 255, .8); font-size: 17px; max-width: 540px; }
.nl-row { display: flex; gap: 8px; padding: 7px; background: rgba(255, 255, 255, .12); border-radius: 18px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
.nl input[type=email] { flex: 1; min-width: 0; padding: 14px 16px; border: 0; border-radius: 12px; background: transparent; color: #fff; font: 500 16px var(--font); outline: none; }
.nl input[type=email]::placeholder { color: rgba(255, 255, 255, .55); }
.nl input[type=email]:focus-visible { background: rgba(255, 255, 255, .08); }
.hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; opacity: 0; }
.nl-btn { flex: none; padding: 0 24px; border: 0; border-radius: 12px; cursor: pointer; color: #fff; font: 600 15.5px var(--font); background: var(--grad); }
.nl-btn[disabled] { opacity: .6; cursor: progress; }
.consent { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; font-size: 13px; color: rgba(255, 255, 255, .72); cursor: pointer; }
.consent input { margin-top: 3px; accent-color: #62c9bf; width: 16px; height: 16px; flex: none; }
.nl-msg { min-height: 1.5em; margin: 12px 0 0; font-size: 15px; font-weight: 500; }
.nl-msg.ok { color: #8fe3d9; }
.nl-msg.err { color: #ffb4a8; }

/* ---------- footer ---------- */
.foot { display: grid; grid-template-columns: auto 1fr auto; gap: 36px; align-items: start; padding-top: 40px; padding-bottom: 52px; color: var(--muted); font-size: 13px; }
.foot-brand { display: grid; gap: 8px; }
.foot-legal p { margin: 0 0 8px; max-width: 640px; }
.copy-y { margin: 0; white-space: nowrap; }
.logo.small { font-size: 14px; }
.tagline.dark { color: var(--muted); font-size: 12px; white-space: normal; max-width: 260px; }

:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }

/* ---------- motion prep (yalnız JS+GSAP varsa gizle) ---------- */
html.motion [data-reveal], html.motion [data-reveal-item], html.motion [data-hero-item], html.motion [data-bubble] { visibility: hidden; }
.w-mask { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; margin-bottom: -.1em; }
.w { display: inline-block; will-change: transform; }

/* ---------- responsive ---------- */
@media (max-width: 1180px) {
  .nav-links a { padding: 9px 10px; font-size: 13px; }
}
@media (max-width: 1080px) {
  .nav-links { display: none; }
  .bgrid { grid-template-columns: repeat(3, 1fr); }
  .how, .intl, .pack-card { grid-template-columns: 1fr; }
  .how-head { position: static; }
}
@media (max-width: 860px) {
  .tagline { font-size: 10px; white-space: normal; max-width: 210px; }
  .bgrid { grid-template-columns: 1fr 1fr; }
  .cgrid, .tgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  :root { --r: 24px; --notch: 20px; }
  .hero-card { min-height: calc(100svh - 2 * var(--pad)); }
  .hero-copy { padding: 132px 20px 150px; }
  .hero-shade { background: linear-gradient(0deg, rgba(3, 26, 36, .94) 0%, rgba(3, 26, 36, .74) 55%, rgba(3, 26, 36, .4) 100%); }
  .logo { font-size: 15px; letter-spacing: .1em; }
  .notch-tl { padding-block: 12px; padding-inline: 6px 18px; }
  .notch-tr { padding-block: 8px 10px; padding-inline: 12px 6px; }
  .cta { min-width: 0; font-size: 15.5px; gap: 12px; padding-block: 14px; padding-inline: 20px 40px; }
  .ring { display: none; }
  .hero-tags li { font-size: 12px; }
  .row, .row.flip { grid-template-columns: 1fr; gap: 26px; padding: 50px 0; }
  .row.flip .media { order: 0; }
  .bgrid, .cgrid, .tgrid { grid-template-columns: 1fr; }
  .ccard { aspect-ratio: 4 / 3; }
  .hs-viewport { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .hs-viewport::-webkit-scrollbar { display: none; }
  .hs-track { padding: 12px 20px; }
  .fcard { scroll-snap-align: center; }
  .nl-row { flex-direction: column; }
  .nl-btn { padding: 15px; }
  .foot { grid-template-columns: 1fr; gap: 18px; }
  .step { grid-template-columns: 52px 1fr; padding-inline-end: 0; }
  .step-n { width: 52px; height: 52px; font-size: 17px; }
  .steps-line { inset-inline-start: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* =====================================================================
   İÇ SAYFALAR (hastane / doktor / branş) + ORTAK FOOTER + TALEP FORMU
   ===================================================================== */
body.inner { background: var(--bg); }
.h1 { margin: 0 0 14px; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.05; letter-spacing: -.03em; font-weight: 600; color: var(--ink); }
.h3 { margin: 0 0 18px; font-size: 22px; letter-spacing: -.01em; }
.btn.sm { padding: 11px 18px; font-size: 14px; margin-top: 0; border-radius: 12px; }
.btn.xs { padding: 8px 14px; font-size: 13px; margin-top: 0; border-radius: 10px; box-shadow: none; }
.btn.full { width: 100%; justify-content: center; margin-top: 6px; border: 0; cursor: pointer; font: 600 16px var(--font); }
.btn[disabled] { opacity: .6; cursor: progress; }
.link.sm { font-size: 14px; }

/* üst çubuk */
.ibar { position: sticky; top: 0; z-index: 30; padding: 10px var(--pad); background: rgba(237, 241, 243, .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.ibar-in { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ibar-nav { display: flex; align-items: center; gap: 8px; }
.ibar .nav-links a[aria-current="page"] { background: var(--ink); color: #fff; }
.ibar .tagline { font-size: 11px; }

.crumbs { padding-top: 22px; }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--muted); }
.crumbs li + li::before { content: "›"; margin-inline-end: 6px; }   /* › çift yönlü aynalanır (Bidi_Mirrored) */
.crumbs a { text-decoration: none; color: var(--ink-2); }
.crumbs a:hover { color: var(--teal); }

.page-head { padding-top: 26px; padding-bottom: 26px; max-width: 1240px; }
.page-head .lead { max-width: 720px; }

/* liste düzeni */
.list-layout, .detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: start; padding-bottom: 70px; }
.list-side, .detail-side { position: sticky; top: 86px; }
.filters { display: grid; grid-template-columns: 2fr repeat(3, 1fr) auto; gap: 10px; align-items: end; padding: 14px; background: #fff; border-radius: 20px; margin-bottom: 16px; }
.filters label span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin: 0 0 5px; margin-inline-start: 2px; }
.filters input, .filters select, .fld input, .fld select, .fld textarea {
  width: 100%; padding: 12px 13px; border: 1px solid var(--line); border-radius: 12px; background: #f7f9fa; color: var(--ink); font: 500 15px var(--font); outline: none; transition: border-color .3s, background .3s;
}
.filters input:focus, .filters select:focus, .fld input:focus, .fld select:focus, .fld textarea:focus { border-color: var(--teal); background: #fff; }
.f-search input { padding-inline-start: 38px; background: #f7f9fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237b949c' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 12px 50%; }
.results-count { margin: 0 0 14px; font-size: 14px; color: var(--muted); }
.empty { padding: 30px; background: #fff; border-radius: 20px; color: var(--ink-2); }
.source-note { margin: 22px 0 0; font-size: 12.5px; color: var(--muted); max-width: 760px; }

/* hastane kartı */
.hgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hgrid.two { grid-template-columns: repeat(2, 1fr); }
.hcard { display: flex; flex-direction: column; background: #fff; border-radius: 22px; overflow: hidden; transition: transform .55s cubic-bezier(.2,.7,.2,1), box-shadow .55s; }
.hcard:hover { transform: translateY(-5px); box-shadow: 0 30px 60px -40px rgba(11,47,58,.55); }
.hcard-media { position: relative; display: block; aspect-ratio: 16 / 10; background: #dfe8eb; overflow: hidden; }
.hcard-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.hcard:hover .hcard-media img { transform: scale(1.05); }
.hcard-media .ph { display: grid; place-items: center; width: 100%; height: 100%; color: var(--muted); }
.hcard-media .tag { position: absolute; inset-inline-start: 12px; top: 12px; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.9); font-size: 11.5px; font-weight: 600; color: var(--teal-2); }
.hcard-body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.hcard-city { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--teal); }
.hcard h3 { margin: 0; font-size: 17px; line-height: 1.25; }
.hcard h3 a { text-decoration: none; }
.hcard-meta { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; font-size: 13px; color: var(--muted); }
.hcard-act { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 6px; }

.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.chips span, .chips a { padding: 6px 12px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px var(--line); font-size: 13.5px; font-weight: 500; color: var(--ink-2); text-decoration: none; }
.chips.sm span { padding: 3px 9px; font-size: 12px; background: var(--bg); box-shadow: none; }
.link-chips a { color: var(--teal-2); transition: background .3s, color .3s; }
.link-chips a:hover { background: var(--ink); color: #fff; }

/* doktor kartı */
.dgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.dgrid.wide { grid-template-columns: repeat(3, 1fr); }
.dcard { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; padding: 14px; background: #fff; border-radius: 20px; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.dcard:hover { transform: translateY(-4px); }
.avatar-lg, .avatar-xl { display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: linear-gradient(140deg, #dff3f0, #e9eff2); color: var(--teal-2); font: 400 20px var(--display); text-decoration: none; }
.avatar-lg { width: 64px; height: 64px; }
.avatar-lg img, .avatar-xl img { width: 100%; height: 100%; object-fit: cover; }
.dcard-title { margin: 0; font-size: 12px; color: var(--teal); font-weight: 600; }
.dcard h3 { margin: 2px 0 2px; font-size: 16px; line-height: 1.2; }
.dcard h3 a { text-decoration: none; }
.dcard-branch, .dcard-hosp { margin: 0; font-size: 13px; color: var(--ink-2); line-height: 1.35; }
.dcard-hosp { color: var(--muted); }

/* sayfalama */
.pager { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 24px; }
.pager > a, .pager > span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; padding: 9px 13px; border-radius: 12px; background: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: 500; }
.pager span.on { background: var(--ink); color: #fff; }

/* detay başlığı */
.detail-head { display: grid; grid-template-columns: 1.15fr 1fr; gap: 36px; padding-top: 22px; padding-bottom: 40px; align-items: start; }
.gallery .g-main { margin: 0; aspect-ratio: 16 / 11; border-radius: var(--r); overflow: hidden; background: #dfe8eb; }
.gallery .g-main img { width: 100%; height: 100%; object-fit: cover; }
.gallery .g-main.ph { display: grid; place-items: center; color: var(--muted); }
.g-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; }
.g-thumbs button { flex: none; width: 84px; height: 60px; padding: 0; border: 0; border-radius: 12px; overflow: hidden; cursor: pointer; opacity: .6; transition: opacity .3s, outline-color .3s; outline: 2px solid transparent; outline-offset: 2px; }
.g-thumbs button[aria-current="true"], .g-thumbs button:hover { opacity: 1; outline-color: var(--teal); }
.g-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.addr { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 16px; color: var(--ink-2); }
.addr svg { flex: none; margin-top: 3px; color: var(--teal); }
.acc-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.acc-list li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border-radius: 12px; background: linear-gradient(120deg, #e3f5f2, #fff); font-size: 13.5px; font-weight: 600; color: var(--teal-2); }
.facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 0 0 22px; }
.facts div { padding: 14px 16px; background: #fff; border-radius: 16px; }
.facts dt { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.facts dd { margin: 4px 0 0; font-size: 18px; font-weight: 600; }

.dsec { padding: 26px; margin-bottom: 14px; background: #fff; border-radius: 24px; }
.dsec h2 { margin: 0 0 16px; font-size: 21px; letter-spacing: -.01em; }
.dsec h2 small { font-size: 13px; color: var(--muted); font-weight: 500; }
.dsec-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.dsec .dgrid .dcard, .dsec .hcard { background: var(--bg); }
.cols-list { columns: 2; column-gap: 28px; margin: 0; padding: 0; list-style: none; }
.cols-list li { break-inside: avoid; padding-block: 7px; padding-inline: 18px 0; position: relative; font-size: 14.5px; color: var(--ink-2); border-bottom: 1px solid var(--line); }
.cols-list li::before { content: ""; position: absolute; inset-inline-start: 2px; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }
.is-collapsed > :nth-child(n + 19) { display: none; }
.collapse-btn { margin-top: 12px; padding: 8px 14px; border: 0; border-radius: 10px; background: var(--bg); color: var(--teal-2); font: 600 14px var(--font); cursor: pointer; }
.map { border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 7; background: var(--bg); }
.map iframe { width: 100%; height: 100%; border: 0; }
.prose p, .prose li { color: var(--ink-2); font-size: 16px; }
.prose h3 { font-size: 18px; margin: 18px 0 8px; }

/* doktor başlığı */
.doc-head { padding-top: 22px; padding-bottom: 30px; }
.doc-card { display: grid; grid-template-columns: 150px 1fr; gap: 28px; align-items: center; padding: 28px; background: #fff; border-radius: var(--r); }
.avatar-xl { width: 150px; height: 150px; font-size: 40px; }
.doc-card .chips { margin-bottom: 18px; }
.hosp-strip { display: grid; grid-template-columns: 110px 1fr auto; gap: 16px; align-items: center; padding: 10px; border-radius: 18px; background: var(--bg); text-decoration: none; }
.hs-img { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #dfe8eb; }
.hs-img img { width: 100%; height: 100%; object-fit: cover; }
.hs-body b { display: block; font-size: 16px; }
.hs-body small { color: var(--muted); font-size: 13px; }

/* branşlar */
.bfeat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 48px; }
.bf-card { position: relative; display: block; aspect-ratio: 4 / 3.2; border-radius: 22px; overflow: hidden; background: #0a3a47; color: #fff; text-decoration: none; }
.bf-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.bf-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,26,36,.88), rgba(3,26,36,.1) 70%); }
.bf-card:hover img { transform: scale(1.06); }
.bf-body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; padding: 16px; }
.bf-body b { display: block; font-size: 16px; line-height: 1.25; }
.bf-body small { color: rgba(255,255,255,.75); font-size: 12.5px; }
.b-az { padding-bottom: 70px; }
.az-grid { columns: 3; column-gap: 20px; }
.az-group { break-inside: avoid; display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 14px 16px; margin-bottom: 12px; background: #fff; border-radius: 18px; }
.az-letter { font: 400 20px var(--display); color: var(--teal); }
.az-group ul { margin: 0; padding: 0; list-style: none; }
.az-group li { padding: 4px 0; font-size: 14.5px; }
.az-group a { text-decoration: none; }
.az-group a:hover { color: var(--teal); }
.az-group small { color: var(--muted); font-size: 12px; }
.branch-hero { display: grid; grid-template-columns: 1fr; gap: 30px; padding-top: 22px; padding-bottom: 36px; align-items: center; }
.branch-hero.has-img { grid-template-columns: 1fr 1.05fr; }
.branch-hero figure { margin: 0; order: 2; aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; }
.branch-hero figure img { width: 100%; height: 100%; object-fit: cover; }
.branch-hero .chips { margin-bottom: 20px; }

/* talep formu */
.lead-card { padding: 24px; background: #fff; border-radius: 26px; box-shadow: 0 30px 70px -50px rgba(11,47,58,.6); }
.lead-title { margin: 0 0 6px; font-size: 22px; line-height: 1.2; letter-spacing: -.015em; }
.lead-sub { margin: 0 0 16px; font-size: 14px; color: var(--ink-2); }
.lead-form { display: grid; gap: 10px; }
.fld { display: grid; gap: 5px; margin: 0; }
.fld > span, .fld legend { font-size: 12px; font-weight: 600; color: var(--ink-2); }
.fld-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fld textarea { resize: vertical; min-height: 96px; }
.chans { border: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.chans legend { margin-bottom: 6px; }
.pill { position: relative; cursor: pointer; }
.pill input { position: absolute; opacity: 0; }
.pill span { display: inline-block; padding: 7px 12px; border-radius: 999px; background: var(--bg); font-size: 13px; font-weight: 600; color: var(--ink-2); transition: background .3s, color .3s; }
.pill input:checked + span { background: var(--ink); color: #fff; }
.pill input:focus-visible + span { outline: 2px solid var(--teal); outline-offset: 2px; }
.consent.dark { color: var(--ink-2); margin-top: 2px; font-size: 12.5px; }
.form-msg { min-height: 1.3em; margin: 4px 0 0; font-size: 14px; font-weight: 600; }
.form-msg.ok { color: var(--teal); }
.form-msg.err { color: #c2412d; }
.lead-direct { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.lead-direct > span { display: block; margin-bottom: 8px; font-size: 12.5px; color: var(--muted); }

/* iletişim düğmeleri */
.f-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.chan { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; text-decoration: none; color: #fff; transition: transform .35s, filter .35s; }
.chan:hover { transform: translateY(-2px); filter: brightness(1.05); }
.chan.wa { background: #1faa59; }
.chan.tg { background: #2a9fd6; }
.chan.em { background: var(--ink); }

/* ortak footer */
.foot2 { margin-top: 20px; padding: 56px 0 40px; background: #fff; border-top-left-radius: 36px; border-top-right-radius: 36px; color: var(--ink-2); }
.foot2 h2 { margin: 0 0 14px; font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--teal); }
.foot2-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 40px; padding-bottom: 36px; border-bottom: 1px solid var(--line); }
.f-brand .logo { text-decoration: none; font-size: 20px; }
.f-brand .tagline { display: block; margin: 8px 0 14px; }
.f-desc { margin: 0; font-size: 14px; max-width: 420px; }
.f-col ul { margin: 0; padding: 0; list-style: none; }
.f-col li { padding: 5px 0; }
.f-col a { text-decoration: none; font-weight: 500; }
.f-col a:hover { color: var(--teal); }
.f-mail { display: inline-block; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: var(--ink); }
.f-langs { padding-top: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.f-lang-groups { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 14px; }
.f-lang-group { padding: 16px; border-radius: 18px; background: var(--bg); }
.f-lang-group.on { box-shadow: inset 0 0 0 1.5px var(--mint); }
.f-domain { display: block; margin-bottom: 8px; font: 400 13px var(--display); letter-spacing: .06em; color: var(--teal-2); }
.f-lang-group ul { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; padding: 0; list-style: none; }
.f-lang-group a { font-size: 14px; text-decoration: none; }
.f-lang-group a:hover { color: var(--teal); }
.f-lang-group a[aria-current] { font-weight: 700; color: var(--teal-2); }
.f-trust { display: grid; grid-template-columns: auto 1fr; gap: 36px; padding-top: 28px; align-items: start; }
.f-badges { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.badge-ht { display: inline-flex; padding: 8px 12px; border-radius: 14px; background: var(--bg); }
.badge-iso { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--bg); color: var(--teal-2); }
.badge-iso span { display: grid; font-size: 12px; color: var(--ink-2); line-height: 1.3; }
.badge-iso b { font-size: 13px; color: var(--ink); }
.badge-iso small { color: var(--muted); font-size: 11px; }
.f-legal p { margin: 0 0 8px; font-size: 12.5px; color: var(--muted); max-width: 820px; }

@media (max-width: 1180px) {
  .ibar .tagline { display: none; }
  .filters { grid-template-columns: 1fr 1fr 1fr; }
  .filters .f-search { grid-column: 1 / -1; }
  .hgrid { grid-template-columns: repeat(2, 1fr); }
  .dgrid.wide { grid-template-columns: repeat(2, 1fr); }
  .bfeat { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1000px) {
  .ibar .nav-links { display: none; }
  .list-layout, .detail-layout, .detail-head { grid-template-columns: 1fr; }
  .list-side, .detail-side { position: static; }
  .foot2-grid { grid-template-columns: 1fr 1fr; }
  .f-brand { grid-column: 1 / -1; }
  .f-lang-groups { grid-template-columns: 1fr; }
  .az-grid { columns: 2; }
}
@media (max-width: 760px) {
  .ibar { padding: 8px 12px; }
  .ibar .btn.sm { padding: 10px 12px; font-size: 13px; }
  .filters { grid-template-columns: 1fr 1fr; }
  .hgrid, .hgrid.two, .dgrid, .dgrid.wide { grid-template-columns: 1fr; }
  .bfeat { grid-template-columns: 1fr 1fr; }
  .az-grid { columns: 1; }
  .cols-list { columns: 1; }
  .fld-row { grid-template-columns: 1fr; }
  .doc-card { grid-template-columns: 1fr; text-align: start; }
  .avatar-xl { width: 110px; height: 110px; }
  .hosp-strip { grid-template-columns: 80px 1fr; }
  .hosp-strip .link { display: none; }
  .foot2-grid, .f-trust { grid-template-columns: 1fr; }
  .dsec { padding: 20px; }
  .branch-hero.has-img { grid-template-columns: 1fr; }
  .branch-hero figure { order: 0; }
}

/* footer: her alan adı tek satır, satırlar alt alta */
.f-lang-rows { display: grid; gap: 8px; }
.f-lang-row { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: center; padding: 12px 16px; border-radius: 16px; background: var(--bg); }
.f-lang-row.on { box-shadow: inset 0 0 0 1.5px var(--mint); }
.f-lang-row .f-domain { margin: 0; }
.f-lang-row ul { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0; padding: 0; list-style: none; }
.f-lang-row li { display: inline-flex; align-items: baseline; gap: 8px; font-size: 14px; }
.f-lang-row li a { text-decoration: none; }
.f-lang-row li > a:first-child { font-weight: 600; color: var(--ink); }
.f-lang-row li > a:first-child:hover { color: var(--teal); }
.f-lang-row li.cur > a:first-child { color: var(--teal-2); text-decoration: underline; text-underline-offset: 3px; }
.f-lmail { font-size: 12.5px; color: var(--muted); }
.f-lmail:hover { color: var(--teal); }
@media (max-width: 760px) {
  .f-lang-row { grid-template-columns: 1fr; gap: 8px; }
}

/* ana sayfa: hero'dan sonra kayarak gelen sabit menü */
.ibar.float { position: fixed; inset-inline: 0; top: 0; transform: translateY(-110%); transition: transform .55s cubic-bezier(.2, .7, .2, 1), box-shadow .55s; }
.ibar.float.show { transform: none; box-shadow: 0 14px 40px -28px rgba(11, 47, 58, .45); }
.prose.is-clipped { max-height: 330px; overflow: hidden; position: relative; }
.prose.is-clipped::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 90px; background: linear-gradient(transparent, #fff); }

/* tam genişlik listeler + öne çıkanlar */
.list-layout.full { grid-template-columns: 1fr; }
.list-layout.full .filters { grid-template-columns: 2fr repeat(3, 1fr) auto; }
.hgrid.four { grid-template-columns: repeat(4, 1fr); }
.dgrid.four { grid-template-columns: repeat(4, 1fr); }
.featured-band { padding-bottom: 34px; }
.fb-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.fb-head .h3 { margin: 0; }
.fb-head::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--grad); box-shadow: 0 0 0 5px rgba(98, 201, 191, .2); }
.hgrid.big .hcard { box-shadow: 0 0 0 1.5px var(--mint), 0 30px 60px -44px rgba(11, 47, 58, .55); }
.fdocs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.fdoc { position: relative; display: block; aspect-ratio: 3 / 3.7; border-radius: 24px; overflow: hidden; background: linear-gradient(160deg, #dff3f0, #cfe3e8); text-decoration: none; color: #fff; }
.fdoc-img, .fdoc-img img { position: absolute; inset: 0; width: 100%; height: 100%; }
.fdoc-img img { object-fit: cover; object-position: 50% 20%; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.fdoc:hover .fdoc-img img { transform: scale(1.05); }
.fdoc::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3, 26, 36, .92) 0%, rgba(3, 26, 36, .35) 45%, transparent 70%); }
.fdoc-body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; display: grid; gap: 2px; padding: 16px 18px 18px; }
.fdoc-body small { font-size: 12px; font-weight: 600; color: #8fe3d9; }
.fdoc-body b { font-size: 19px; line-height: 1.2; }
.fdoc-body span { font-size: 13.5px; color: rgba(255, 255, 255, .88); }
.fdoc-body em { font-style: normal; font-size: 12.5px; color: rgba(255, 255, 255, .65); }
@media (max-width: 1180px) {
  .hgrid.four, .dgrid.four, .fdocs { grid-template-columns: repeat(3, 1fr); }
  .list-layout.full .filters { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 860px) {
  .hgrid.four, .dgrid.four, .fdocs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .hgrid.four, .dgrid.four { grid-template-columns: 1fr; }
  .fdocs { grid-template-columns: 1fr 1fr; gap: 10px; }
  .fdoc-body b { font-size: 16px; }
  .list-layout.full .filters { grid-template-columns: 1fr 1fr; }
}

/* sol alt yardım balonu (RTL'de sağ alt: inline-start) */
.help { position: fixed; inset-inline-start: 18px; bottom: 18px; z-index: 60; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; pointer-events: none; }
.help > * { pointer-events: auto; }
.help-btn { display: inline-flex; align-items: center; gap: 10px; padding-block: 8px; padding-inline: 8px 18px; border: 0; border-radius: 999px; cursor: pointer; background: var(--ink); color: #fff; font: 600 15px var(--font); box-shadow: 0 18px 40px -16px rgba(6, 34, 44, .55); transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.help-btn:hover { transform: translateY(-2px); }
.help-ic { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--grad); }
.help-ic::after { content: ""; position: absolute; inset-inline-end: 1px; top: 1px; width: 11px; height: 11px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 0 2px var(--ink); }
.help-tip { position: relative; max-width: 260px; padding-block: 14px; padding-inline: 16px 36px; border-radius: 18px; border-end-start-radius: 6px; background: #fff; color: var(--ink); font-size: 14.5px; font-weight: 500; box-shadow: 0 24px 50px -24px rgba(6, 34, 44, .5), 0 0 0 1px var(--line); }
.help-tip p { margin: 0; }
.help-x { position: absolute; inset-inline-end: 8px; top: 8px; width: 26px; height: 26px; border: 0; border-radius: 50%; background: var(--bg); color: var(--ink-2); font-size: 16px; line-height: 1; cursor: pointer; }
.help-panel { width: min(380px, calc(100vw - 36px)); max-height: min(640px, calc(100svh - 110px)); overflow: auto; border-radius: 24px; background: #fff; box-shadow: 0 40px 80px -30px rgba(6, 34, 44, .55), 0 0 0 1px var(--line); }
.help-head { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; padding-block: 18px 16px; padding-inline: 18px 44px; background: linear-gradient(120deg, #0b2f3a, #0a5f78); color: #fff; border-radius: 24px 24px 0 0; }
.help-head h2 { margin: 0; font-size: 17px; }
.help-head p { margin: 2px 0 0; font-size: 13px; color: rgba(255, 255, 255, .78); }
.help-head .help-x { top: 12px; inset-inline-end: 12px; background: rgba(255, 255, 255, .15); color: #fff; }
.help-dot { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--grad); }
.help-body { padding: 16px 18px 6px; }
.help-sub { margin: 0 0 12px; font-size: 14px; color: var(--ink-2); }
.help-chans { display: flex; flex-wrap: wrap; gap: 8px; }
.help-chans .chan { flex: 1 1 auto; justify-content: center; }
.help-form-toggle { width: 100%; margin: 12px 0 8px; padding: 11px 14px; border: 0; border-radius: 12px; background: var(--bg); color: var(--teal-2); font: 600 14px var(--font); cursor: pointer; }
.help-form { padding-bottom: 8px; }
.help-soon { margin: 0; padding: 10px 18px 16px; font-size: 12.5px; color: var(--muted); }
.help-soon span { color: var(--teal); }
@media (max-width: 560px) {
  .help { inset-inline-start: 12px; bottom: 12px; }
  .help-label { display: none; }
  .help-btn { padding: 6px; }
}
@media print { .help { display: none; } }

[hidden] { display: none !important; }
.help { transition: opacity .45s, transform .45s cubic-bezier(.2,.7,.2,1); }
.help.away { opacity: 0; transform: translateY(24px); }
.help.away > * { pointer-events: none; }

/* =====================================================================
   KATALOG + MOBİL KALİTE GEÇİŞİ (360–430 px)
   Filtre çekmecesi, mobil menü, dokunma hedefleri ≥ 44 px, yazı ≥ 14 px
   ===================================================================== */
/* sabit üst çubuk çapa hedeflerini örtmesin */
html { scroll-padding-top: 92px; }
#teklif, .dsec, .az-group, [id^="az-"] { scroll-margin-top: 92px; }

/* kartın tamamı tıklanabilir (başlık bağlantısı kartı kaplar; eylem düğmeleri üstte kalır) */
.hcard, .dcard { position: relative; }
.hcard h3 a::after, .dcard h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.hcard-act { position: relative; z-index: 2; }
.hcard h3 a:focus-visible, .dcard h3 a:focus-visible { outline: none; }
.hcard:has(h3 a:focus-visible), .dcard:has(h3 a:focus-visible) { outline: 2px solid var(--teal); outline-offset: 3px; }
.hcard-type { margin: -2px 0 0; font-size: 13.5px; color: var(--ink-2); line-height: 1.35; }
.hcard-media .tag { max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsec-head { flex-wrap: wrap; }

/* filtreler: masaüstünde tek satır, telefonda çekmece */
.f-more { display: contents; }
.f-actions { display: flex; align-items: center; gap: 12px; }
.f-toggle { display: none; }
.f-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--teal); color: #fff; font-size: 12.5px; font-weight: 700; }

/* A–Z harf atlama */
.az-jump { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.az-jump a { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 8px; border-radius: 12px; background: #fff; font-weight: 600; font-size: 15px; text-decoration: none; color: var(--teal-2); }
.az-jump a:hover { background: var(--ink); color: #fff; }

/* mobil menü düğmesi (app.js ekler) */
.menu-btn { display: none; place-items: center; width: 46px; height: 46px; flex: none; border: 0; border-radius: 50%; background: #fff; color: var(--ink); cursor: pointer; }
.menu-btn svg { display: block; }
.menu-btn[aria-expanded="true"] { background: var(--ink); color: #fff; }
.nav-links .menu-cta { display: none; }

@media (max-width: 1080px) {
  .notch-tr .menu-btn { display: grid; }
  .notch-tr.menu-open .nav-links { display: flex; }
}
@media (max-width: 1000px) {
  .ibar .menu-btn { display: grid; }
  .ibar-nav { position: relative; }
  .ibar-nav.menu-open .nav-links { display: flex; }
  .list-layout, .detail-layout, .detail-head { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1080px) {
  .menu-open .nav-links { position: absolute; top: calc(100% + 10px); inset-inline-end: 0; z-index: 40; flex-direction: column; gap: 2px; width: min(300px, calc(100vw - 24px)); padding: 8px; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px -18px rgba(6, 34, 44, .35), 0 0 0 1px var(--line); }
  .menu-open .nav-links a { display: flex; align-items: center; min-height: 48px; padding: 10px 14px; font-size: 16px; border-radius: 12px; white-space: normal; }
  .menu-open .nav-links .menu-cta a { justify-content: center; margin-top: 4px; background: var(--grad); color: #fff; font-weight: 600; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 80px; }
  #teklif, .dsec, .az-group, [id^="az-"] { scroll-margin-top: 80px; }
  .ibar-in { gap: 10px; }
  .ibar-nav { gap: 6px; }

  /* iOS odakta yakınlaştırmasın: form alanları ≥ 16 px */
  .filters input, .filters select, .fld input, .fld select, .fld textarea, .nl input[type=email] { font-size: 16px; min-height: 48px; }
  .fld textarea { min-height: 110px; }

  /* filtre çekmecesi */
  .filters, .list-layout.full .filters { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px; border-radius: 18px; }
  .filters .f-search { grid-column: auto; }
  .f-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: #f7f9fa; color: var(--ink); font: 600 15px var(--font); cursor: pointer; }
  .f-toggle[aria-expanded="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
  .f-more { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 4px; }
  html.js .filters:not(.open) .f-more { display: none; }
  .filters label span { font-size: 12.5px; }
  .f-actions { gap: 14px; }
  .f-actions .btn { flex: 1; justify-content: center; min-height: 48px; font-size: 15px; }
  .f-actions .link { min-height: 44px; }

  /* dokunma hedefleri */
  .btn.xs { min-height: 44px; padding: 10px 16px; font-size: 14px; }
  .btn.sm { min-height: 44px; }
  .link, .ghost, .f-mail { min-height: 44px; }
  .ghost, .f-mail { display: inline-flex; align-items: center; }
  .chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 14px; }
  .chips span { font-size: 14px; }
  .chips.sm span { font-size: 13px; }
  .pager { gap: 6px; }
  .pager > a, .pager > span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; font-size: 15px; }
  .pager .pg-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .pager .gap { background: transparent; min-width: 20px; padding: 0; }
  .crumbs ol { font-size: 14px; gap: 2px 6px; }
  .crumbs a { display: inline-block; padding: 10px 0; }
  .crumbs li > span { display: inline-block; padding: 10px 0; }
  .az-jump a { min-width: 44px; height: 44px; }
  .az-group li { padding: 0; font-size: 15px; }
  .az-group a { display: inline-flex; align-items: center; min-height: 44px; }
  .collapse-btn { min-height: 44px; padding: 10px 16px; }
  .pill span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 14px; }
  .consent { min-height: 44px; font-size: 14px; }
  .consent.dark { font-size: 14px; }
  .consent input { width: 22px; height: 22px; margin-top: 0; }
  .chan { min-height: 44px; padding: 10px 16px; }
  .lang-list a { min-height: 44px; }
  .g-thumbs button { width: 88px; height: 64px; }
  .f-col li { padding: 0; }
  .f-col a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
  .f-lang-row ul { gap: 0 18px; }
  .f-lang-row li { font-size: 15px; }
  .f-lang-row li a { display: inline-flex; align-items: center; min-height: 44px; }

  /* okunabilirlik: gövde metinleri ≥ 14 px */
  .hcard-meta, .dcard-branch, .dcard-hosp, .hs-body small, .acc-list li, .lead-sub, .results-count, .help-sub { font-size: 14px; }
  .hcard-type { font-size: 14px; }
  .source-note, .f-legal p, .foot2 { font-size: 14px; }
  .f-desc { font-size: 15px; }
  .fdoc-body span { font-size: 14px; }
  .fdoc-body em { font-size: 13px; }
  .facts dt { font-size: 12px; }
  .az-group small { font-size: 13px; }
  .help-soon { font-size: 13.5px; }

  /* düzen */
  .h1 { font-size: clamp(28px, 8vw, 36px); hyphens: auto; -webkit-hyphens: auto; }
  .h1, .h2, .hero h1 { overflow-wrap: break-word; }
  .page-head { padding-top: 14px; padding-bottom: 18px; }
  .lead-card { padding: 20px 18px; border-radius: 22px; }
  .map { aspect-ratio: 4 / 3; }
  .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-head { gap: 22px; padding-bottom: 26px; }
  .doc-card { padding: 20px; gap: 18px; }
  .foot2 { padding-bottom: 104px; border-top-left-radius: 26px; border-top-right-radius: 26px; }
  .hs-track { padding-inline: 16px; }
}
@media (max-width: 480px) {
  .wrap { padding-inline: 16px; }
  /* dar ekranda üst çubukta yer yok: teklif düğmesi menüye taşınır (app.js kopyalar) */
  .ibar-nav > .btn.sm[data-cta-quote] { display: none; }
  .nav-links .menu-cta { display: block; }
  .fdocs { gap: 8px; }
  .fdoc-body { padding: 12px; }
  .hosp-strip { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; }
  .help-x { width: 44px; height: 44px; inset-inline-end: 4px; top: 4px; font-size: 20px; }
  .help-tip { padding-inline-end: 52px; }
  .help-head { padding-inline-end: 60px; }
}
@media (max-width: 560px) {
  .help { inset-inline-start: max(12px, env(safe-area-inset-left)); bottom: max(12px, env(safe-area-inset-bottom)); }
  .help-panel { max-height: calc(100svh - 96px); }
}

/* hareket azaltma: gizlenmiş açılış öğeleri her durumda görünür */
@media (prefers-reduced-motion: reduce) {
  html.motion [data-reveal], html.motion [data-reveal-item], html.motion [data-hero-item], html.motion [data-bubble] { visibility: visible; }
  .hcard:hover, .dcard:hover, .bcard:hover { transform: none; }
}

/* Doktor sayfası: branş geneli tedavi notu */
.dsec-note { margin: -4px 0 14px; color: var(--ink-2); font-size: 15px; }

/* =====================================================================
   RTL (ar, ckb) + CJK (ja, zh) — SPEC-v3 §1
   Yerleşim yukarıda mantıksal özelliklerle (inline-start/end) yazıldı; burada
   yalnız mantıksal karşılığı olmayanlar: degrade yönleri, oyuk köşe daireleri,
   eğik CTA kesiği, ok/ikon aynalama, yazı tipi ve tipografi.
   Yazı tipi bağlantıları layout/home'da yalnız o dilde yüklenir; burada aile sırası.
   ===================================================================== */

/* Marka ve İngilizce slogan her dilde soldan sağa (".co/.ai" kelimenin sağında kalsın) */
.brand { justify-items: start; }
.logo, .tagline[lang="en"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .tagline { text-align: right; }

/* E-posta ve telefon alanları her dilde soldan sağa; RTL'de diğer alanlarla hizalı (sağ) */
input[type="email"], input[type="tel"] { direction: ltr; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"] { text-align: right; }
[dir="rtl"] .f-mail { direction: ltr; unicode-bidi: isolate; }

/* Degradeler ve görsel odak: metin sağda, karanlık taraf sağda */
html[dir="rtl"] { --grad: linear-gradient(260deg, #66cbbf 0%, #1f97a3 45%, #0a5f78 100%); }
[dir="rtl"] .hero-shade { background: linear-gradient(270deg, rgba(3, 26, 36, .9) 0%, rgba(3, 26, 36, .66) 40%, rgba(3, 26, 36, .1) 75%), linear-gradient(0deg, rgba(3, 26, 36, .55) 0%, transparent 35%); }
[dir="rtl"] .hero-media img { object-position: 40% 35%; transform-origin: 40% 40%; }
[dir="rtl"] .hero-pulse { transform: scaleX(-1); }   /* EKG çizgisi sol yarıda, sağdan sola akar */
[dir="rtl"] .ai-shade { background: linear-gradient(270deg, rgba(3, 26, 36, .94) 0%, rgba(3, 26, 36, .78) 55%, rgba(3, 26, 36, .45) 100%); }
[dir="rtl"] .notify-shade { background: linear-gradient(270deg, rgba(3, 26, 36, .92) 0%, rgba(3, 26, 36, .62) 55%, rgba(3, 26, 36, .25) 100%); }
[dir="rtl"] .msg.ai { background: linear-gradient(240deg, #e9f7f5, #ffffff); }
[dir="rtl"] .acc-list li { background: linear-gradient(240deg, #e3f5f2, #fff); }
@media (max-width: 760px) {
  [dir="rtl"] .hero-shade { background: linear-gradient(0deg, rgba(3, 26, 36, .94) 0%, rgba(3, 26, 36, .74) 55%, rgba(3, 26, 36, .4) 100%); }
}

/* Oyuk köşeler: ters yarıçap dairesi karşı köşeye */
[dir="rtl"] .notch-tl::before, [dir="rtl"] .notch-tl::after { background: radial-gradient(circle at 0 100%, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
[dir="rtl"] .notch-tr::before, [dir="rtl"] .notch-tr::after { background: radial-gradient(circle at 100% 100%, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
[dir="rtl"] .notch-bl::before, [dir="rtl"] .notch-bl::after { background: radial-gradient(circle at 0 0, transparent calc(var(--notch) - .5px), var(--bg-hero) var(--notch)); }
[dir="rtl"] .media-notch::before, [dir="rtl"] .media-notch::after { background: radial-gradient(circle at 100% 100%, transparent calc(var(--notch) - .5px), var(--bg) var(--notch)); }

/* Eğik CTA: kesik sol üstte */
[dir="rtl"] .cta { border-radius: 10px 16px 16px 10px; clip-path: polygon(26px 0, 100% 0, 100% 100%, 0 100%); }

/* Oklar ve chevronlar aynalanır (↓ gibi dikey oklar hariç: yalnız bu kaplardaki oklar) */
[dir="rtl"] :is(.btn, .link, .pg-step) > span[aria-hidden="true"] { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .link:hover > span[aria-hidden="true"] { transform: translateX(-6px) scaleX(-1); }
[dir="rtl"] .cta-arrow { transform: scaleX(-1); }
/* Halka yazısı (SVG textPath): RTL paragrafta metin yolun başından geriye taşar ve görünmez → yol yönünde (ltr) diz; Arapça sözcükler bidi ile yine sağdan sola okunur */
[dir="rtl"] .ring text { direction: ltr; unicode-bidi: embed; }   /* kap aynalanır: içteki "nudge" hareketi de sola akar */
[dir="rtl"] .f-search input { background-position: right 12px center; }

/* Yardım balonu: sağ alt köşe (inline-start), çentikli iPhone'da sağ güvenli alan */
@media (max-width: 560px) {
  [dir="rtl"] .help { inset-inline-start: max(12px, env(safe-area-inset-right)); }
}

/* ---------- Arapça yazı (ar, ckb — Sorani harfleri ڕ ڵ ۆ ێ ە Noto'da var) ---------- */
html:is(:lang(ar), :lang(ckb)) {
  --font: "Noto Sans Arabic", "Inter Tight", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --display-ar: "Noto Kufi Arabic", "Noto Sans Arabic", "Inter Tight", sans-serif;
}
html:is(:lang(ar), :lang(ckb)) body { line-height: 1.75; }
html:is(:lang(ar), :lang(ckb)) :is(h1, h2, .h1, .h2, .ai-q) { font-family: var(--display-ar); }
html:is(:lang(ar), :lang(ckb)) :is(h1, h2, h3, .h1, .h2, .h3, .ai-q, .hero h1, .notify h2, .lead-title) { line-height: 1.4; }
html:is(:lang(ar), :lang(ckb)) :is(.eyebrow, .hcard-city, .fk, .chat-label, .facts dt, .foot2 h2, .filters label span, .msg b) { font-size: 13.5px; }
html:is(:lang(ar), :lang(ckb)) .w-mask { padding-block: .22em .28em; margin-block: -.22em -.28em; }   /* harekeler ve noktalar maskede kesilmesin */

/* ---------- CJK (ja, zh-Hans) ---------- */
html:lang(ja) { --font: "Inter Tight", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, system-ui, sans-serif; }
html:lang(zh) { --font: "Inter Tight", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif; }
html:is(:lang(ja), :lang(zh)) body { line-height: 1.8; line-break: strict; word-break: normal; }
html:is(:lang(ja), :lang(zh)) :is(h1, h2, h3, .h1, .h2, .h3, .ai-q, .hero h1, .notify h2, .lead-title) { line-height: 1.35; font-feature-settings: "palt"; }
html:is(:lang(ja), :lang(zh)) .hero h1 { font-size: clamp(30px, 3.6vw, 56px); }
html:is(:lang(ja), :lang(zh)) .h2 { font-size: clamp(26px, 3vw, 42px); }
html:is(:lang(ja), :lang(zh)) .h1 { font-size: clamp(26px, 3vw, 44px); }
html:is(:lang(ja), :lang(zh)) .ai-q { font-size: clamp(26px, 3.4vw, 48px); }
html:is(:lang(ja), :lang(zh)) .notify h2 { font-size: clamp(28px, 3.4vw, 46px); }
html:is(:lang(ja), :lang(zh)) :is(.eyebrow, .hcard-city, .fk, .chat-label, .facts dt, .foot2 h2, .filters label span, .msg b) { font-size: 13px; }
@media (max-width: 760px) {
  html:is(:lang(ja), :lang(zh)) .h1 { font-size: clamp(24px, 7vw, 32px); }
  html:is(:lang(ja), :lang(zh)) .hero h1 { font-size: clamp(27px, 7.6vw, 34px); }
}

/* Harf aralığı: Arap yazısında bağlantıyı koparır, CJK'de ritmi bozar → 0 (Latin logo ve İngilizce slogan hariç) */
html:is(:lang(ar), :lang(ckb), :lang(ja), :lang(zh)) body :not(.logo):not(.logo *):not([lang="en"]) { letter-spacing: 0 !important; }
/* Eğik (italik) Arap/CJK yazısı bozuk görünür: vurgu kalınlıkla */
html:is(:lang(ar), :lang(ckb), :lang(ja), :lang(zh)) .prose em { font-style: normal; font-weight: 600; }

/* ja branş dizini: harf grubu yok, düz çok sütunlu liste */
.az-flat { columns: 3; column-gap: 28px; padding: 14px 18px; background: #fff; border-radius: 18px; }
.az-flat li { padding-inline: 0; }
.az-flat li::before { content: none; }
.az-flat a { text-decoration: none; }
.az-flat a:hover { color: var(--teal); }
.az-flat small { color: var(--muted); font-size: 12px; }
@media (max-width: 1000px) { .az-flat { columns: 2; } }
@media (max-width: 760px) {
  .az-flat { columns: 1; }
  .az-flat a { display: inline-flex; align-items: center; min-height: 44px; }
  .az-flat small { font-size: 13px; }
}