/* =====================================================================
   Dağlar Veteriner · V5 sub-pages (loaded after stil.css)
   Same tokens, type and cards as the homepage; page-level blocks only.
   ===================================================================== */

/* ---------- page hero: photo instead of video, no marquee under it ---------- */
.kahraman--alt { height: min(86svh, 920px); min-height: 600px; }
.kahraman__medya .hero-gorsel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 66% 45%;
  transform: translate3d(0, var(--py, 0px), 0) scale(var(--zoom, 1.03)); transform-origin: 60% 40%; will-change: transform; }
.manset--alt { --fs: clamp(54px, 7vw, 124px); }
.kirinti ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; }
.kirinti li { display: inline-flex; align-items: center; }
.kirinti li + li::before { content: ""; width: 7px; height: 7px; margin: 0 14px; border-top: 2px solid var(--kirmizi-a); border-right: 2px solid var(--kirmizi-a); transform: rotate(45deg); }
.kirinti a { color: var(--krem); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .5s var(--e-cik); }
.kirinti a:hover { background-size: 100% 2px; }
.kirinti [aria-current] { color: #fff; }

.baslik--orta { font-size: clamp(40px, 4.6vw, 76px); }
.giris--acik { color: var(--sis); }

/* ---------- intro: text column + tall photo ---------- */
.tanitim { padding: clamp(84px, 9vw, 140px) 0; background: var(--kagit); }
.tanitim__izgara { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 6vw, 110px); align-items: start; }
.tanitim__yazi { display: grid; gap: 20px; margin-top: clamp(28px, 3vw, 44px); max-width: 38em; }
.tanitim__yazi p { font-size: 18px; line-height: 1.7; color: #2b3140; }
.tanitim__yazi .tanitim__giris { font-size: clamp(20px, 1.5vw, 23px); line-height: 1.55; font-weight: 600; color: var(--murekkep); }
.tanitim__foto { position: relative; margin: 0; position: sticky; top: 120px; }
.tanitim__foto::before { content: ""; position: absolute; inset: 28px -22px -22px 28px; z-index: 0; border-radius: 28px; background: var(--mavi); }
.tanitim__foto img { position: relative; z-index: 1; width: 100%; height: auto; border-radius: 28px; } /* natural ratio, never cropped (T) */
.tanitim__not { position: absolute; z-index: 2; left: -28px; bottom: 36px; max-width: 300px; padding: 20px 22px; border-radius: 18px; background: var(--kirmizi-d); color: #fff;
  font: 700 19px/1.35 'Bricolage Grotesque', sans-serif; letter-spacing: -.01em; box-shadow: 0 24px 40px -24px rgba(19, 23, 32, .7); }

/* ---------- when: colour cards ---------- */
.ne-zaman { padding: 0 0 clamp(84px, 9vw, 140px); background: var(--kagit); }
.durumlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); margin-top: clamp(40px, 4.4vw, 64px); }
.durum { --db: var(--kirmizi-d); display: flex; flex-direction: column; gap: 14px; min-height: 360px; padding: clamp(22px, 2vw, 30px); border-radius: 24px; background: var(--db); color: #fff;
  transition: transform .5s var(--e-yay), box-shadow .5s; }
.durum:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(19, 23, 32, .6); }
.durum--m { --db: var(--mavi-d); } .durum--z { --db: var(--zeytin-d); } .durum--l { --db: var(--lacivert); }
.durum__no { font: 800 clamp(56px, 5vw, 84px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.055em; opacity: .9; }
.durum__baslik { margin-top: clamp(24px, 2.4vw, 40px); font-size: clamp(23px, 1.75vw, 28px); font-weight: 750; line-height: 1.08; letter-spacing: -.022em; text-wrap: balance; }
.durum p { font-size: 17px; line-height: 1.5; color: rgba(255, 255, 255, .94); }
.durum__ara { align-self: flex-start; margin-top: auto; }

/* ---------- how: three steps on ink ---------- */
.adimlar { padding: clamp(84px, 9vw, 140px) 0; background: var(--murekkep); color: var(--kagit); --odak: #8fd0ff; }
.adim__liste { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 40px); margin-top: clamp(48px, 5vw, 76px); }
.adim { --ab: var(--kirmizi); position: relative; display: flex; flex-direction: column; }
.adim--m { --ab: var(--mavi); } .adim--z { --ab: var(--zeytin); }
.adim__foto { position: relative; overflow: hidden; border-radius: 22px; aspect-ratio: 3 / 2; background: var(--murekkep-2); }
.adim__foto::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: var(--ab); }
.adim__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--e-cik); }
.adim:hover .adim__foto img { transform: scale(1.05); }
.adim__no { margin: 26px 0 0; font: 800 clamp(60px, 5.4vw, 92px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.055em; color: var(--ab); }
.adim--k .adim__no { color: var(--kirmizi-a); } .adim--m .adim__no { color: var(--mavi-a); } .adim--z .adim__no { color: var(--zeytin-a); }
.adim__baslik { margin: 16px 0 12px; font-size: clamp(25px, 1.9vw, 31px); font-weight: 750; line-height: 1.08; letter-spacing: -.022em; color: #fff; text-wrap: balance; }
.adim p { font-size: 17.5px; line-height: 1.62; color: var(--sis); }

/* ---------- before you come + scope ---------- */
.hazirlik { padding: clamp(84px, 9vw, 140px) 0; background: var(--krem); }
.hazirlik__izgara { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(16px, 2vw, 28px); align-items: stretch; }
.hazirlik__kart { padding: clamp(28px, 3.4vw, 56px); border-radius: 28px; }
.hazirlik__kart--kagit { background: var(--kagit); }
.hazirlik__kart--mavi { background: var(--mavi-d); color: #fff; --odak: #fff; }
.hazirlik__baslik { margin-bottom: clamp(22px, 2.4vw, 34px); font-size: clamp(32px, 3vw, 48px); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.tikli { display: grid; gap: 18px; }
.tikli li { display: grid; grid-template-columns: 34px 1fr; gap: 16px; align-items: start; font-size: 18px; line-height: 1.6; color: #2b3140; }
.tikli .ik { width: 34px; height: 34px; color: var(--zeytin-y); stroke-width: 2.4; }
.tikli .ik .a { stroke: var(--kirmizi-y); stroke-width: 3; }
.kapsam { display: grid; gap: 0; counter-reset: k; }
.kapsam li { display: grid; grid-template-columns: 54px 1fr; gap: 14px; padding: 18px 0; border-top: 1.5px solid rgba(255, 255, 255, .28); font-size: 18px; line-height: 1.55; }
.kapsam li:last-child { border-bottom: 1.5px solid rgba(255, 255, 255, .28); }
.kapsam span { font: 800 26px/1.1 'Bricolage Grotesque', sans-serif; letter-spacing: -.03em; color: #bfe6ff; }

/* ---------- FAQ: sticky heading + accordion ---------- */
.sss { padding: clamp(84px, 9vw, 140px) 0; background: var(--kagit); }
.sss__izgara { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 100px); align-items: start; }
.sss__bas { position: sticky; top: 120px; }
.sss__not { margin-top: 22px; max-width: 24em; font-size: 18px; line-height: 1.6; color: var(--lacivert); }
.sss__liste { display: grid; gap: 12px; }
.soru { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .1); transition: box-shadow .4s; }
.soru[open] { box-shadow: inset 0 0 0 2px var(--mavi); }
.soru summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; padding: 18px 24px; cursor: pointer; list-style: none;
  font: 750 clamp(20px, 1.5vw, 24px)/1.25 'Bricolage Grotesque', sans-serif; letter-spacing: -.015em; color: var(--murekkep); }
.soru summary::-webkit-details-marker { display: none; }
.soru summary i { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--krem); transition: background .4s, transform .5s var(--e-cik); }
.soru summary i::before, .soru summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2.5px; margin: -1.25px 0 0 -8px; border-radius: 2px; background: var(--murekkep); transition: transform .5s var(--e-cik), background .4s; }
.soru summary i::after { transform: rotate(90deg); }
.soru[open] summary i { background: var(--mavi-d); transform: rotate(180deg); }
.soru[open] summary i::before { background: #fff; }
.soru[open] summary i::after { transform: rotate(0); background: #fff; }
.soru__cevap { padding: 0 24px 24px; }
.soru__cevap p { max-width: 40em; font-size: 18px; line-height: 1.65; color: #2b3140; }

/* ---------- emergency band ---------- */
.acil-bant { background: var(--kirmizi-d); color: #fff; --odak: #fff; }
.acil-bant__ic { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(20px, 3vw, 48px); padding: clamp(40px, 4.4vw, 64px) 0; }
.acil-bant__ikon { display: grid; place-items: center; width: clamp(72px, 6vw, 96px); height: clamp(72px, 6vw, 96px); border-radius: 50%; background: rgba(255, 255, 255, .12); }
.acil-bant__ikon .ik { width: 52%; height: 52%; stroke-width: 2.3; }
.acil-bant__ikon .ik .a { stroke: #ffd0d5; }
.acil-bant h2 { font-size: clamp(32px, 3.2vw, 52px); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.acil-bant p { margin-top: 10px; max-width: 40em; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, .95); }

/* ---------- related services: homepage cards, three across ---------- */
.hizmetler--ilgili { padding-top: clamp(84px, 9vw, 140px); }
.gruplar--uc { width: min(var(--genis), 100% - 2 * var(--kenar)); margin-top: clamp(40px, 4.4vw, 64px); }
.gruplar--uc .grup__no { display: none; }

/* =====================================================================
   SERVICES OVERVIEW (/hizmetler/)
   ===================================================================== */
/* quick jump: eight group pills */
.hnav { position: relative; z-index: 3; padding: clamp(22px, 2.4vw, 34px) 0; background: var(--kagit); border-bottom: 1.5px solid rgba(19, 23, 32, .08); }
.hnav__liste { display: flex; flex-wrap: wrap; gap: 10px; }
.hnav__bag { --hb: var(--kirmizi-d); display: inline-flex; align-items: center; gap: 12px; min-height: 54px; padding: 0 20px 0 7px; border-radius: 999px; background: #fff;
  box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .1); font-size: 16.5px; font-weight: 700; color: var(--murekkep); text-decoration: none;
  transition: transform .45s var(--e-yay), box-shadow .45s, background .3s, color .3s; }
.hnav__bag .ik { box-sizing: content-box; width: 24px; height: 24px; padding: 8px; border-radius: 50%; background: var(--hb); color: #fff; stroke-width: 2.6; }
.hnav__bag .ik .a { stroke: #fff; }
.hnav__bag:hover { transform: translateY(-3px); background: var(--hb); color: #fff; box-shadow: 0 16px 26px -16px rgba(19, 23, 32, .6); }
.hnav__bag:hover .ik { background: rgba(255, 255, 255, .16); }
.hnav__bag--m { --hb: var(--mavi-d); } .hnav__bag--z { --hb: var(--zeytin-d); } .hnav__bag--s { --hb: var(--murekkep); } .hnav__bag--l { --hb: var(--lacivert); }

/* group rows: colour card (sticky) + list of that group's pages */
.hgruplar { padding: clamp(64px, 7vw, 110px) 0 clamp(84px, 9vw, 140px); background: var(--kagit); }
.hgruplar > .kap { display: grid; gap: clamp(44px, 5vw, 80px); }
.hgrup { --gb: var(--kirmizi-d); --ga: #ffd0d5; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(16px, 2vw, 28px); align-items: start; scroll-margin-top: 110px; }
.hgrup--m { --gb: var(--mavi-d); --ga: #bfe6ff; } .hgrup--z { --gb: var(--zeytin-d); --ga: var(--krem); }
.hgrup--s { --gb: var(--murekkep); --ga: var(--mavi-a); } .hgrup--l { --gb: var(--lacivert); --ga: var(--zeytin-a); }
.hgrup:nth-child(even) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.hgrup:nth-child(even) .hgrup__kart { order: 2; }
.hgrup__kart { position: sticky; top: 108px; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; min-height: clamp(340px, 28vw, 420px);
  padding: clamp(24px, 2.4vw, 36px); border-radius: 26px; background: var(--gb); color: #fff; }
.hgrup__kart > :not(img) { position: relative; z-index: 3; max-width: 58%; }
.hgrup__kart::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, var(--gb) 0, var(--gb) 34%, color-mix(in srgb, var(--gb) 72%, transparent) 48%, transparent 64%); }
.hgrup__ust { display: flex; align-items: center; gap: 12px; }
.hgrup__no { font: 800 clamp(60px, 5.4vw, 92px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.hgrup__ikon .ik { width: clamp(40px, 3.4vw, 52px); height: clamp(40px, 3.4vw, 52px); stroke-width: 2.2; }
.hgrup__ikon .ik .a { stroke: var(--ga); }
.hgrup__baslik { margin-top: auto; padding-top: 22px; font-size: clamp(30px, 2.7vw, 44px); font-weight: 800; line-height: 1; letter-spacing: -.03em; text-wrap: balance; }
.hgrup__satir { margin-top: 10px; font-size: 18px; line-height: 1.45; color: rgba(255, 255, 255, .95); }
.hgrup__gorsel { position: absolute; z-index: 1; right: 0; bottom: 0; height: 100%; width: auto; max-width: 64%; object-fit: cover; object-position: left bottom;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%); mask-image: linear-gradient(90deg, transparent 0, #000 26%); pointer-events: none; }
.hgrup--z:last-child .hgrup__gorsel { max-width: 72%; }

.hgrup__liste { display: grid; gap: 12px; }
.hkalem { display: grid; grid-template-columns: clamp(150px, 15vw, 220px) minmax(0, 1fr) auto; align-items: center; gap: clamp(16px, 1.8vw, 26px);
  padding: 12px clamp(14px, 1.6vw, 22px) 12px 12px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .08);
  color: var(--murekkep); text-decoration: none; transition: transform .5s var(--e-yay), box-shadow .5s; }
.hkalem:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 2px var(--gb), 0 24px 40px -28px rgba(19, 23, 32, .55); }
.hkalem__foto { overflow: hidden; aspect-ratio: 3 / 2; border-radius: 14px; background: var(--krem); }
.hkalem__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--e-cik); }
.hkalem:hover .hkalem__foto img { transform: scale(1.06); }
.hkalem__metin { display: grid; gap: 8px; min-width: 0; }
.hkalem__ad { font: 750 clamp(22px, 1.7vw, 27px)/1.08 'Bricolage Grotesque', sans-serif; letter-spacing: -.02em; }
.hkalem__ozet { font-size: 17px; line-height: 1.5; color: #2f3646; }
.hkalem__ok { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--krem); transition: background .35s, color .35s; }
.hkalem__ok .ik { width: 24px; height: 24px; transition: transform .5s var(--e-yay); }
.hkalem:hover .hkalem__ok { background: var(--gb); color: #fff; }
.hkalem:hover .hkalem__ok .ik { transform: translateX(4px); }
/* single-page groups: one tall item matching the card height */
.hgrup--tek .hkalem { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: end; min-height: clamp(340px, 28vw, 420px); padding: 12px 12px 22px; }
.hgrup--tek .hkalem__foto { grid-column: 1 / -1; aspect-ratio: auto; height: clamp(200px, 16.5vw, 260px); }
.hgrup--tek .hkalem__metin { padding: 6px 0 0 12px; }
.hgrup--tek .hkalem__ok { margin-right: 10px; }

/* not sure: call us */
.emin { padding: clamp(84px, 9vw, 130px) 0; background: var(--murekkep); color: var(--kagit); }
.emin__ic { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 90px); align-items: end; }
.emin__sag p { font-size: clamp(18px, 1.35vw, 21px); line-height: 1.6; color: var(--sis); }
.emin__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }

/* service pages: 3 / 5 "when" cards, related services as vertical cards */
.durumlar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.durumlar--5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.durumlar--5 .durum { grid-column: span 2; }
.durumlar--5 .durum:nth-child(4), .durumlar--5 .durum:nth-child(5) { grid-column: span 3; min-height: 280px; }
.ilgili { padding: clamp(84px, 9vw, 140px) 0; background: var(--kagit); --gb: var(--mavi-d); }
.ilgili__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); margin-top: clamp(40px, 4.4vw, 64px); }
.hkalem--dik { height: 100%; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; align-items: end; padding: 12px 12px 22px; }
.hkalem--dik .hkalem__foto { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.hkalem--dik .hkalem__metin { align-self: start; padding: 8px 0 0 10px; }
.hkalem--dik .hkalem__ok { margin-right: 8px; }

/* =====================================================================
   CLINIC (/klinik/)
   ===================================================================== */
.adimlar--alti .adim__liste { row-gap: clamp(48px, 5vw, 80px); }
.odalar { padding: clamp(84px, 9vw, 140px) 0; background: var(--kagit); }
.oda__liste { display: grid; gap: clamp(56px, 7vw, 110px); margin-top: clamp(44px, 5vw, 80px); }
.oda { --ob: var(--kirmizi); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 90px); align-items: center; }
.oda--m { --ob: var(--mavi); } .oda--z { --ob: var(--zeytin); } .oda--l { --ob: var(--lacivert); }
.oda:nth-child(even) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.oda:nth-child(even) .oda__foto { order: 2; }
.oda__foto { position: relative; margin: 0; }
.oda__foto::before { content: ""; position: absolute; inset: 24px -20px -20px 24px; border-radius: 28px; background: var(--ob); }
.oda:nth-child(even) .oda__foto::before { inset: 24px 24px -20px -20px; }
.oda__foto img { position: relative; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 28px; }
.oda__no { display: block; font: 800 clamp(60px, 5.4vw, 92px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.055em; color: var(--ob); }
.oda__baslik { margin: 18px 0 14px; font-size: clamp(32px, 3vw, 50px); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.oda__metin p { margin-bottom: 18px; font-size: 18px; line-height: 1.7; color: #2b3140; }

/* =====================================================================
   FARM (/buyukbas-ve-ciftlik/)
   ===================================================================== */
.konular { padding: clamp(84px, 9vw, 140px) 0; background: var(--krem); }
.konu__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); margin-top: clamp(40px, 4.4vw, 64px); }
.konu { --kb: var(--kirmizi); display: flex; flex-direction: column; gap: 14px; padding: clamp(24px, 2.2vw, 34px); border-radius: 24px; background: var(--kagit); box-shadow: inset 0 6px 0 var(--kb); }
.konu--m { --kb: var(--mavi); } .konu--z { --kb: var(--zeytin); } .konu--l { --kb: var(--lacivert); }
.konu__no { font: 800 clamp(46px, 3.8vw, 64px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.05em; color: var(--kb); }
.konu--z .konu__no { color: var(--zeytin-y); }
.konu__baslik { font-size: clamp(23px, 1.75vw, 28px); font-weight: 750; line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; }
.konu p { font-size: 17px; line-height: 1.62; color: #2b3140; }
.ne-zaman--ust { padding-top: clamp(84px, 9vw, 140px); }
.durumlar--mevsim .durum { min-height: 0; }
.durum__mevsim { font-size: clamp(34px, 3vw, 50px); font-weight: 800; line-height: 1; letter-spacing: -.03em; margin-bottom: 8px; }

/* =====================================================================
   CONTACT + APPOINTMENT (/iletisim/, /randevu/) — live form markup (dv-*) restyled
   ===================================================================== */
.kahraman--kisa { height: min(74svh, 780px); min-height: 560px; }
.kanallar { padding: clamp(56px, 6vw, 96px) 0 0; background: var(--kagit); }
.kanal__liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.4vw, 20px); }
.kanal { --kb: var(--kirmizi-d); }
.kanal--m { --kb: var(--mavi-d); } .kanal--l { --kb: var(--lacivert); } .kanal--y { --kb: #2f7a43; }
.kanal__ic { display: flex; flex-direction: column; gap: 6px; height: 100%; min-height: 230px; padding: clamp(22px, 2vw, 30px); border-radius: 24px; background: var(--kb); color: #fff; text-decoration: none; transition: transform .5s var(--e-yay), box-shadow .5s; --odak: #fff; }
.kanal__ic:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(19, 23, 32, .6); }
.kanal__ikon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: auto; border-radius: 50%; background: rgba(255, 255, 255, .14); }
.kanal__ikon .ik { width: 30px; height: 30px; stroke-width: 2.3; }
.kanal__ikon .ik .a { stroke: #fff; }
.kanal__ad { margin-top: 22px; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .9); }
.kanal__deger { font: 800 clamp(24px, 1.9vw, 30px)/1.1 'Bricolage Grotesque', sans-serif; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kanal__alt { font-size: 16.5px; line-height: 1.45; color: rgba(255, 255, 255, .92); }

.yazin { padding: clamp(84px, 9vw, 140px) 0; background: var(--kagit); }
.yazin__izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 90px); align-items: start; }
.saatler { margin-top: 36px; padding: 26px 28px; border-radius: 24px; background: var(--krem); }
.saatler--kart { margin-top: 0; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .08); }
.saatler__baslik { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: clamp(24px, 2vw, 30px); font-weight: 800; letter-spacing: -.02em; }
.saatler__baslik .ik { width: 32px; height: 32px; color: var(--zeytin-y); }
.saatler__baslik .ik .a { stroke: var(--kirmizi-y); }
.saatler__liste { display: grid; margin: 0; }
.saatler__liste div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1.5px solid rgba(19, 23, 32, .1); font-size: 17.5px; }
.saatler__liste dt { font-weight: 700; }
.saatler__liste dd { margin: 0; font-variant-numeric: tabular-nums; color: #2b3140; }

.form-kart { padding: clamp(26px, 3vw, 48px); border-radius: 28px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .08), 0 40px 70px -50px rgba(19, 23, 32, .45); }
.form-kart__baslik { font-size: clamp(34px, 3.2vw, 52px); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.form-kart__giris { margin: 14px 0 26px; font-size: 17.5px; line-height: 1.6; color: #2b3140; }
.randevu-bolum { padding: clamp(56px, 6vw, 96px) 0 clamp(84px, 9vw, 140px); background: var(--kagit); scroll-margin-top: 90px; }

.form-kart .dv-form { display: grid; gap: 18px; }
.form-kart .dv-alan { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.form-kart .dv-alan__etiket { font-size: 16px; font-weight: 700; color: var(--murekkep); padding: 0; }
.form-kart .dv-alan__girdi { width: 100%; min-height: 54px; padding: 12px 16px; border: 1.5px solid rgba(19, 23, 32, .22); border-radius: 14px; background: var(--kagit); font: 400 17.5px/1.4 'Figtree', sans-serif; color: var(--murekkep); transition: border-color .25s, box-shadow .25s; }
.form-kart textarea.dv-alan__girdi { min-height: 120px; resize: vertical; }
.form-kart .dv-alan__girdi:focus { outline: none; border-color: var(--mavi); box-shadow: 0 0 0 4px rgba(3, 119, 181, .18); background: #fff; }
.form-kart .dv-alan__girdi[aria-invalid="true"] { border-color: var(--kirmizi); }
.form-kart .dv-alan__hata { font-size: 15.5px; font-weight: 600; color: var(--kirmizi-y); }
.form-kart .dv-not { font-size: 16px; line-height: 1.55; color: #3a4150; }
.form-kart .dv-not a, .form-kart .dv-bag-dugme { color: var(--mavi-y); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.form-kart .dv-bag-dugme { padding: 0 10px 0 0; border: 0; background: none; cursor: pointer; font-size: 16px; }
.form-kart .dv-secenek { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 17px; }
.form-kart .dv-secenek input { width: 22px; height: 22px; accent-color: var(--kirmizi-d); }
.form-kart .dv-alan--secim { display: flex; flex-wrap: wrap; gap: 10px; }
.form-kart .dv-alan--secim legend { width: 100%; margin-bottom: 8px; }
.form-kart .dv-alan--secim .dv-secenek { padding: 10px 16px; border-radius: 999px; background: var(--kagit); box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .14); }
.form-kart .dv-alan--secim .dv-secenek:has(input:checked) { background: var(--mavi-d); color: #fff; box-shadow: none; }
.form-kart .dv-alan--secim .dv-alan__hata { width: 100%; }
.form-kart .dv-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 24px; border: 0; border-radius: 12px; font: 700 17px/1 'Figtree', sans-serif; text-decoration: none; cursor: pointer; transition: transform .45s var(--e-yay), background .3s, opacity .3s; }
.form-kart .dv-cta:hover:not(:disabled) { transform: translateY(-2px); }
.form-kart .dv-cta:disabled { opacity: .45; cursor: not-allowed; }
.form-kart .dv-cta--birincil { background: var(--kirmizi-d); color: #fff; }
.form-kart .dv-cta--ikincil { background: var(--krem); color: var(--murekkep); }
.form-kart .dv-cta--hayalet { background: transparent; color: var(--mavi-y); box-shadow: inset 0 0 0 1.5px currentColor; }
.form-kart .dv-cta--wa { background: #2f7a43; color: #fff; }
.form-kart .dv-cta--tam { width: 100%; }
.form-kart .dv-cta-grup { display: flex; flex-wrap: wrap; gap: 10px; }
.form-kart .dv-form__eylem { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; }
.form-kart .dv-uyari { margin: 0 0 24px; padding: 16px 20px; border-radius: 16px; background: #fbe9eb; color: #6e1622; font-size: 17px; line-height: 1.55; box-shadow: inset 4px 0 0 var(--kirmizi); }
.dv-adim-gez { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 28px; counter-reset: a; }
.dv-adim-gez__oge { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--kagit); color: #3a4150; font-weight: 700; font-size: 16.5px; }
.dv-adim-gez__no { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--krem); font: 800 18px/1 'Bricolage Grotesque', sans-serif; }
.dv-adim-gez__oge--etkin { background: var(--mavi-d); color: #fff; }
.dv-adim-gez__oge--etkin .dv-adim-gez__no { background: #fff; color: var(--mavi-d); }
.dv-adim-gez__oge--bitti .dv-adim-gez__no { background: var(--zeytin-d); color: #fff; }
.dv-randevu__ikili { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(20px, 3vw, 44px); }
.dv-randevu__alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.dv-randevu__alanlar .dv-alan--tam, .dv-randevu__alanlar .dv-alan--secim { grid-column: 1 / -1; }
.dv-randevu__altbaslik { margin-bottom: 8px; font-size: clamp(24px, 2vw, 30px); font-weight: 800; letter-spacing: -.02em; }
.dv-takvim__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.dv-takvim__ay { font: 800 clamp(24px, 2vw, 30px)/1 'Bricolage Grotesque', sans-serif; letter-spacing: -.02em; text-transform: capitalize; }
.dv-takvim__gez { display: flex; gap: 8px; }
.dv-takvim__gez-dugme { width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--krem); font-size: 24px; cursor: pointer; }
.dv-takvim__gez-dugme:disabled { opacity: .35; cursor: not-allowed; }
.form-kart .dv-takvim__hizli { min-height: 46px; margin-bottom: 12px; }
.dv-takvim__gunadlari, .dv-takvim__izgara { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.dv-takvim__gunadlari span { padding: 6px 0; text-align: center; font-size: 15px; font-weight: 700; color: #3a4150; }
.dv-takvim__gun { aspect-ratio: 1; min-height: 44px; border: 0; border-radius: 12px; background: var(--kagit); font: 700 17px/1 'Figtree', sans-serif; color: var(--murekkep); cursor: pointer; transition: background .25s, color .25s, transform .3s var(--e-yay); }
.dv-takvim__gun:hover:not(:disabled) { background: var(--krem); transform: translateY(-2px); }
.dv-takvim__gun[aria-current="date"] { box-shadow: inset 0 0 0 2px var(--mavi); }
.dv-takvim__gun--secili, .dv-takvim__gun[aria-pressed="true"] { background: var(--mavi-d); color: #fff; }
.dv-takvim__gun--kapali, .dv-takvim__gun:disabled { background: transparent; color: #8a8f99; cursor: not-allowed; }
.dv-takvim__bos { aspect-ratio: 1; }
.dv-dilimler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.dv-dilim { min-height: 52px; border: 0; border-radius: 12px; background: var(--kagit); box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .14); font: 700 16.5px/1 'Figtree', sans-serif; color: var(--murekkep); cursor: pointer; font-variant-numeric: tabular-nums; }
.dv-dilim:disabled { opacity: .45; cursor: not-allowed; }
.dv-dilim--secili, .dv-dilim[aria-pressed="true"] { background: var(--kirmizi-d); color: #fff; box-shadow: none; }
.form-kart .dv-tanim { display: grid; margin: 0 0 18px; }
.form-kart .dv-tanim__satir { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 12px 0; border-top: 1.5px solid rgba(19, 23, 32, .1); font-size: 17px; }
.form-kart .dv-tanim__satir dt { font-weight: 700; }
.form-kart .dv-tanim__satir dd { margin: 0; }
.dv-kip { max-width: min(560px, 92vw); padding: 28px; border: 0; border-radius: 24px; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .5); }
.dv-kip::backdrop { background: rgba(19, 23, 32, .55); }
.dv-kip h2 { margin-bottom: 10px; font-size: 28px; font-weight: 800; }
.dv-kip p { margin-bottom: 12px; font-size: 17px; line-height: 1.6; }
.dv-kip .dv-cta { min-height: 50px; padding: 0 22px; border: 0; border-radius: 12px; background: var(--krem); font: 700 17px/1 'Figtree', sans-serif; cursor: pointer; }
.adim__liste--yalin .adim__no { margin-top: 0; }

/* =====================================================================
   TEAM (/ekip/, /ekip/<kişi>/, /hekim/)
   ===================================================================== */
.hero-gorsel--ekip { object-position: 60% 30%; }
.profil { --pb: var(--kirmizi); position: relative; padding: calc(var(--ust-h) + clamp(56px, 7vw, 110px)) 0 clamp(64px, 7vw, 110px); background: var(--murekkep); color: var(--kagit); overflow: hidden; --odak: #8fd0ff; }
.profil--m { --pb: var(--mavi); } .profil--z { --pb: var(--zeytin); } .profil--l { --pb: #4a5478; } .profil--s { --pb: var(--mavi-a); }
.profil__izgara { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 6vw, 110px); align-items: center; }
.kirinti--koyu { margin-bottom: 26px; font-size: 15px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--krem); }
.profil__ad { font-size: clamp(56px, 7.4vw, 128px); font-weight: 800; line-height: .92; letter-spacing: -.045em; color: #f4efe5; }
.profil__unvan { margin: 18px 0 22px; font: 700 clamp(19px, 1.5vw, 23px)/1.35 'Figtree', sans-serif; color: var(--mavi-a); }
.profil__metin > p:not(.ust-baslik):not(.profil__unvan) { max-width: 36em; margin-bottom: 14px; font-size: 18px; line-height: 1.7; color: var(--sis); }
.profil__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.profil__foto { position: relative; margin: 0 22px 22px 0; }
.profil__foto::before { content: ""; position: absolute; inset: 26px -22px -22px 26px; border-radius: 30px; background: var(--pb); }
.profil__foto img { position: relative; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; border-radius: 30px; }
.profil__konu { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.konu-cip { --cb: var(--kirmizi-d); display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 999px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .16); font-size: 16.5px; font-weight: 650; color: #fff; }
.konu-cip span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--cb); font: 800 14.5px/1 'Bricolage Grotesque', sans-serif; }
.konu-cip--m { --cb: var(--mavi-d); } .konu-cip--z { --cb: var(--zeytin-d); } .konu-cip--l { --cb: var(--lacivert); }
.ekip-bolum { padding: clamp(84px, 9vw, 140px) 0; background: var(--krem); }
.ekip__liste--sayfa { margin-top: clamp(32px, 3.4vw, 52px); }
.uye__bag { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; --odak: #fff; }
.uye:has(.uye__bag) { transition: transform .5s var(--e-yay), box-shadow .5s; }
.uye:has(.uye__bag):hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(19, 23, 32, .6); }
.uye__ad { font: 750 clamp(19px, 1.5vw, 23px)/1.15 'Bricolage Grotesque', sans-serif; letter-spacing: -.015em; }
.uye__metin small { display: block; margin-top: 8px; font-size: 15px; line-height: 1.4; color: rgba(255, 255, 255, .85); }

/* =====================================================================
   EMERGENCY (/acil/)
   ===================================================================== */
.kahraman--acil .manset__satir--mavi { color: #ff8a97; }
.konular--acil { background: var(--kagit); }
.konular--acil .konu { background: #fff; }
.akislar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); margin-top: clamp(40px, 4.4vw, 64px); }
.akis { padding: clamp(26px, 3vw, 44px); border-radius: 26px; background: var(--murekkep-2); box-shadow: inset 0 0 0 1.5px rgba(246, 241, 231, .1); }
.akis--gece { background: #0d1016; box-shadow: inset 0 0 0 1.5px rgba(79, 176, 234, .35); }
.akis__baslik { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; font-size: clamp(26px, 2.2vw, 36px); font-weight: 800; letter-spacing: -.025em; color: #fff; }
.akis__baslik .ik { width: 36px; height: 36px; color: var(--zeytin-a); }
.akis--gece .akis__baslik .ik { color: var(--mavi-a); }
.akis__baslik .ik .a { stroke: #fff; }
.akis__liste { display: grid; gap: 24px; }
.akis__liste li { display: grid; grid-template-columns: 64px 1fr; gap: 16px; }
.akis__no { font: 800 44px/.9 'Bricolage Grotesque', sans-serif; letter-spacing: -.05em; color: var(--kirmizi-a); }
.akis--gece .akis__no { color: var(--mavi-a); }
.akis__liste h4 { margin: 0 0 8px; font: 750 clamp(21px, 1.6vw, 25px)/1.15 'Bricolage Grotesque', sans-serif; color: #fff; }
.akis__liste p { font-size: 17.5px; line-height: 1.62; color: var(--sis); }
.hazirlik__kart--kirmizi { background: var(--kirmizi-d); color: #fff; --odak: #fff; }
.zehir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
.zehir li { position: relative; padding: 13px 0 13px 26px; border-top: 1.5px solid rgba(255, 255, 255, .25); font-size: 17px; line-height: 1.5; }
.zehir li::before { content: ""; position: absolute; left: 2px; top: 22px; width: 10px; height: 10px; border-radius: 50%; background: #ffd0d5; }

/* first visit: plain-paper topic cards, text panels on ink */
.konular--kagit { background: var(--kagit); }
.konular--kagit .konu { background: #fff; }
.akis__metin { margin-bottom: 14px; font-size: 17.5px; line-height: 1.65; color: var(--sis); }
.akis__madde { display: grid; gap: 0; margin-top: 8px; }
.akis__madde li { position: relative; padding: 12px 0 12px 26px; border-top: 1.5px solid rgba(246, 241, 231, .14); font-size: 17px; line-height: 1.5; color: #fff; }
.akis__madde li::before { content: ""; position: absolute; left: 2px; top: 21px; width: 10px; height: 10px; border-radius: 50%; background: var(--mavi-a); }

/* =====================================================================
   FAQ (/sss/) — live filter markup (dv-*) restyled
   ===================================================================== */
.sss-sayfa { padding: clamp(56px, 6vw, 96px) 0 clamp(84px, 9vw, 140px); background: var(--kagit); scroll-margin-top: 90px; }
.sss-sayfa__izgara { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(28px, 4vw, 70px); align-items: start; }
.sss-sayfa__yan { position: sticky; top: 112px; }
.sss-sayfa .dv-filtre { display: grid; gap: 18px; padding: clamp(22px, 2.4vw, 32px); border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .08); }
.sss-sayfa .dv-alan { display: grid; gap: 8px; }
.sss-sayfa .dv-alan__etiket { font-size: 16px; font-weight: 700; }
.sss-sayfa .dv-alan__girdi { width: 100%; min-height: 56px; padding: 12px 16px; border: 1.5px solid rgba(19, 23, 32, .22); border-radius: 14px; background: var(--kagit); font: 400 17.5px/1.4 'Figtree', sans-serif; color: var(--murekkep); }
.sss-sayfa .dv-alan__girdi:focus { outline: none; border-color: var(--mavi); box-shadow: 0 0 0 4px rgba(3, 119, 181, .18); background: #fff; }
.dv-filtre__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.dv-filtre__dugme { min-height: 46px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--kagit); box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .14); font: 700 16px/1 'Figtree', sans-serif; color: var(--murekkep); cursor: pointer; transition: background .25s, color .25s; }
.dv-filtre__dugme:hover { background: var(--krem); }
.dv-filtre__dugme[aria-pressed="true"] { background: var(--mavi-d); color: #fff; box-shadow: none; }
.dv-filtre__sayac { font-size: 16px; font-weight: 600; color: #3a4150; }
.dv-filtre__sayac:empty { display: none; }
.sss-sayfa .dv-sss { display: grid; gap: clamp(40px, 4vw, 60px); }
.dv-sss__kategori { display: grid; gap: 12px; scroll-margin-top: 110px; }
.dv-sss__kategori[hidden] { display: none; }
.dv-sss__kategori-baslik { margin-bottom: 6px; font-size: clamp(30px, 2.6vw, 42px); font-weight: 800; letter-spacing: -.03em; }
.dv-sss__oge { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .1); }
.dv-sss__oge[hidden] { display: none; }
.dv-sss__oge[open] { box-shadow: inset 0 0 0 2px var(--mavi); }
.dv-sss__soru { position: relative; display: block; min-height: 72px; padding: 22px 70px 20px 24px; cursor: pointer; list-style: none; font: 750 clamp(19px, 1.4vw, 22px)/1.3 'Bricolage Grotesque', sans-serif; letter-spacing: -.012em; }
.dv-sss__soru::-webkit-details-marker { display: none; }
.dv-sss__soru::before, .dv-sss__soru::after { content: ""; position: absolute; right: 30px; top: 50%; width: 16px; height: 2.5px; margin-top: -1.25px; border-radius: 2px; background: var(--murekkep); transition: transform .5s var(--e-cik); }
.dv-sss__soru::after { transform: rotate(90deg); }
.dv-sss__oge[open] .dv-sss__soru::after { transform: rotate(0); }
.dv-sss__cevap { padding: 0 24px 22px; }
.dv-sss__cevap p { max-width: 42em; font-size: 18px; line-height: 1.65; color: #2b3140; }
.sss-sayfa .dv-kutu { padding: 28px; border-radius: 24px; background: var(--krem); }
.sss-sayfa .dv-kutu__baslik { margin-bottom: 10px; font-size: 28px; font-weight: 800; }
.sss-sayfa .dv-kutu__metin { margin-bottom: 18px; font-size: 17.5px; line-height: 1.6; }
.sss-sayfa .dv-cta-grup { display: flex; flex-wrap: wrap; gap: 10px; }
.sss-sayfa .dv-cta { display: inline-flex; align-items: center; min-height: 54px; padding: 0 22px; border-radius: 12px; font-weight: 700; text-decoration: none; }
.sss-sayfa .dv-cta--wa { background: #2f7a43; color: #fff; }
.sss-sayfa .dv-cta--ikincil { background: #fff; color: var(--murekkep); }

/* =====================================================================
   GALLERY (/galeri/)
   ===================================================================== */
.fotolar { padding: clamp(56px, 6vw, 96px) 0 clamp(84px, 9vw, 140px); background: var(--kagit); }
.fotolar .kap { display: grid; gap: clamp(64px, 7vw, 110px); }
.foto-grup { scroll-margin-top: 110px; }
.foto-grup__bas { display: flex; align-items: flex-start; gap: clamp(16px, 2vw, 28px); margin-bottom: clamp(24px, 2.6vw, 38px); }
.foto-grup__no { font: 800 clamp(56px, 5vw, 84px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.055em; color: var(--kirmizi); }
.foto-grup:nth-child(3n+2) .foto-grup__no { color: var(--mavi); } .foto-grup:nth-child(3n) .foto-grup__no { color: var(--zeytin); }
.foto-grup__baslik { font-size: clamp(32px, 3vw, 50px); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.foto-grup__giris { max-width: 44em; margin-top: 12px; font-size: 18px; line-height: 1.6; color: #2b3140; }
.mozaik { columns: 3 300px; column-gap: clamp(12px, 1.4vw, 20px); }
.mozaik li { break-inside: avoid; margin-bottom: clamp(12px, 1.4vw, 20px); }
.mozaik__kare { display: block; width: 100%; padding: 0; border: 0; border-radius: 20px; overflow: hidden; background: var(--krem); cursor: zoom-in; }
.mozaik__kare img { width: 100%; height: auto; transition: transform 1s var(--e-cik); }
.mozaik__kare:hover img { transform: scale(1.04); }
.buyut { width: min(1400px, 96vw); max-width: none; max-height: 96vh; padding: 0; border: 0; border-radius: 22px; background: var(--murekkep); color: #fff; }
.buyut::backdrop { background: rgba(13, 16, 22, .9); }
.buyut__resim { display: block; width: 100%; max-height: calc(96vh - 76px); object-fit: contain; background: #0d1016; }
.buyut__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
.buyut__sayac { font: 700 17px/1 'Figtree', sans-serif; font-variant-numeric: tabular-nums; }
.buyut__oklar { display: flex; gap: 8px; }
.buyut button { display: grid; place-items: center; width: 50px; height: 50px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; }
.buyut button:hover { background: rgba(255, 255, 255, .2); }
.buyut svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- responsive ---------- */
@media (max-width: 1180px) {
  .ekip__liste--sayfa { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kanal__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .konu__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .durumlar--3, .durumlar--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .durumlar--5 .durum, .durumlar--5 .durum:nth-child(4), .durumlar--5 .durum:nth-child(5) { grid-column: auto; min-height: 300px; }
  .ilgili__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .durumlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .durum { min-height: 300px; }
}
@media (max-width: 960px) {
  .sss-sayfa__izgara { grid-template-columns: 1fr; }
  .sss-sayfa__yan { position: relative; top: auto; }
  .akislar { grid-template-columns: 1fr; }
  .profil__izgara { grid-template-columns: 1fr; }
  .profil__foto { max-width: 460px; }
  .yazin__izgara, .dv-randevu__ikili { grid-template-columns: 1fr; }
  .oda, .oda:nth-child(even) { grid-template-columns: 1fr; }
  .oda:nth-child(even) .oda__foto { order: 0; }
  .oda__foto { margin-right: 20px; }
  .oda:nth-child(even) .oda__foto::before { inset: 24px -20px -20px 24px; }
  .hgrup, .hgrup:nth-child(even) { grid-template-columns: 1fr; }
  .hgrup:nth-child(even) .hgrup__kart { order: 0; }
  .hgrup__kart { position: relative; top: auto; min-height: 280px; }
  .hgrup--tek .hkalem { min-height: 0; }
  .emin__ic { grid-template-columns: 1fr; }
  .tanitim__izgara, .hazirlik__izgara, .sss__izgara { grid-template-columns: 1fr; }
  .tanitim__foto, .sss__bas { position: relative; top: auto; }
  .tanitim__foto { max-width: 560px; margin-right: 22px; }
  .adim__liste { grid-template-columns: 1fr; gap: 56px; }
  .adim__foto { aspect-ratio: 16 / 10; }
  .gruplar--uc { grid-template-columns: 1fr; }
  .acil-bant__ic { grid-template-columns: auto minmax(0, 1fr); }
  .acil-bant__ic > .dugme { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 700px) {
  .zehir { grid-template-columns: 1fr; }
  .akis__liste li { grid-template-columns: 48px 1fr; }
  .akis__no { font-size: 36px; }
  .kahraman--alt .kahraman__perde { background: linear-gradient(0deg, rgba(19, 23, 32, .95) 0, rgba(19, 23, 32, .86) 45%, rgba(19, 23, 32, .66) 75%, rgba(19, 23, 32, .5) 100%); }
  .ekip__liste--sayfa { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profil__ad { font-size: clamp(46px, 13vw, 64px); }
  .profil__foto { margin-right: 16px; }
  .profil__foto::before { inset: 18px -14px -14px 18px; }
  .kahraman--kisa { height: auto; min-height: 86svh; }
  .kanal__liste, .dv-randevu__alanlar { grid-template-columns: 1fr; }
  .kanal__ic { min-height: 0; }
  .dv-adim-gez__oge { flex-direction: column; text-align: center; gap: 6px; padding: 10px 6px; font-size: 15px; }
  .form-kart .dv-tanim__satir { grid-template-columns: 1fr; gap: 2px; }
  .dv-takvim__gun { min-height: 40px; font-size: 16px; }
  .konu__liste { grid-template-columns: 1fr; }
  .durumlar--3, .durumlar--5 { grid-template-columns: 1fr; }
  .durumlar--5 .durum, .durumlar--5 .durum:nth-child(4), .durumlar--5 .durum:nth-child(5) { min-height: 0; }
  .ilgili__liste { grid-template-columns: 1fr; }
  .hnav__liste { width: auto; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: 0; padding-inline: var(--kenar); scroll-padding-inline: var(--kenar); }
  .hnav__liste::-webkit-scrollbar { display: none; }
  .hnav__bag { flex: none; white-space: nowrap; }
  .hgrup__kart > :not(img) { max-width: 62%; }
  .hkalem { grid-template-columns: 1fr auto; padding: 10px 14px 18px 10px; }
  .hkalem__foto { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
  .hkalem__metin { padding-left: 8px; }
  .hkalem__ok { width: 46px; height: 46px; align-self: end; }
  .hgrup--tek .hkalem__foto { height: auto; aspect-ratio: 16 / 9; }
  .kahraman--alt { height: auto; min-height: 92svh; }
  .kahraman__medya .hero-gorsel { object-position: 64% 40%; }
  .manset--alt { --fs: clamp(50px, 15vw, 72px); }
  .kirinti li:last-child { display: none; }
  .durumlar { grid-template-columns: 1fr; }
  .durum { min-height: 0; }
  .durum__baslik { margin-top: 18px; }
  .durum__ara { margin-top: 6px; }
  .tanitim__not { left: 12px; right: 12px; bottom: 16px; max-width: none; font-size: 17px; }
  .tanitim__foto::before { inset: 18px -14px -14px 18px; }
  .soru summary { padding: 16px 18px; min-height: 68px; }
  .soru__cevap { padding: 0 18px 20px; }
  .acil-bant__ic { grid-template-columns: 1fr; }
  .acil-bant__ic > .dugme { width: 100%; }
}

/* =====================================================================
   GUIDE (/rehber/, /rehber/<yazi>/) — article text verbatim from the live site
   ===================================================================== */
.manset--yazi { --fs: clamp(44px, 4.9vw, 86px); }
.manset--yazi .manset__yazi { display: inline; }
.kahraman--yazi .kahraman__alt { max-width: 38em; }
@media (min-width: 701px) {
  .kahraman--yazi .kahraman__perde { background:
    linear-gradient(90deg, rgba(19, 23, 32, .93) 0, rgba(19, 23, 32, .86) 34%, rgba(19, 23, 32, .55) 56%, rgba(19, 23, 32, .1) 76%),
    linear-gradient(180deg, rgba(19, 23, 32, .62) 0, rgba(19, 23, 32, 0) 22%),
    linear-gradient(0deg, rgba(19, 23, 32, .55) 0, rgba(19, 23, 32, 0) 34%); }
}
.makale { padding: clamp(72px, 8vw, 128px) 0; background: var(--kagit); }
.makale__izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: clamp(36px, 6vw, 110px); align-items: start; }
.makale__yazi { max-width: 44em; }
.makale__yazi h2 { margin: 1.9em 0 .55em; font-size: clamp(28px, 2.3vw, 38px); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; color: var(--murekkep); }
.makale__yazi h2:first-child { margin-top: 0; }
.makale__yazi h2::before { content: ""; display: block; width: 34px; height: 10px; margin-bottom: 18px; border-radius: 2px; background: linear-gradient(90deg, var(--kirmizi) 0 33.3%, var(--mavi) 33.3% 66.6%, var(--zeytin) 66.6%); }
.makale__yazi p { margin-bottom: 1.1em; font-size: clamp(18px, 1.3vw, 20px); line-height: 1.78; color: #2b3140; }
.makale__yazi ul { display: grid; gap: 10px; margin: 0 0 1.3em; padding: 0; list-style: none; }
.makale__yazi li { position: relative; padding-left: 30px; font-size: clamp(18px, 1.3vw, 20px); line-height: 1.65; color: #2b3140; }
.makale__yazi li::before { content: ""; position: absolute; left: 4px; top: .62em; width: 10px; height: 10px; border-radius: 50%; background: var(--kirmizi); }
.makale__yan { position: sticky; top: 110px; display: grid; gap: 18px; }
.makale__kart { padding: clamp(24px, 2.2vw, 32px); border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(19, 23, 32, .08), 0 30px 60px -48px rgba(19, 23, 32, .5); }
.makale__kart p { margin: 12px 0 20px; font-size: 17.5px; line-height: 1.6; color: #2b3140; }
.makale__kart-baslik { display: flex; align-items: center; gap: 12px; font-size: clamp(24px, 1.9vw, 30px); font-weight: 800; line-height: 1.05; letter-spacing: -.02em; }
.makale__kart-baslik .ik { flex: none; width: 34px; height: 34px; stroke-width: 2.3; color: var(--kirmizi-y); }
.makale__kart-baslik .ik .a { stroke: var(--mavi-y); }
.makale__kart--acil { background: var(--kirmizi-d); color: #fff; box-shadow: none; --odak: #fff; }
.makale__kart--acil p { color: rgba(255, 255, 255, .95); }
.makale__kart--acil .makale__kart-baslik .ik { color: #fff; }
.makale__kart--acil .makale__kart-baslik .ik .a { stroke: #ffd0d5; }
.makale__dugmeler { display: grid; gap: 10px; }
.makale__kart .dugme { width: 100%; justify-content: center; }
.rehber--diger { background: var(--krem); }
/* image-less page head (/kvkk/, 404) */
.bas-bant { position: relative; overflow: hidden; padding: clamp(150px, 15vw, 210px) 0 clamp(56px, 6vw, 88px); background: var(--murekkep); color: #f4efe5; }
.bas-bant::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: linear-gradient(90deg, var(--kirmizi) 0 33.3%, var(--mavi) 33.3% 66.6%, var(--zeytin) 66.6%); }
.bas-bant .manset__yazi { transform: none; }
.bas-bant .kahraman__saat, .bas-bant .kahraman__alt, .bas-bant .kahraman__konum { opacity: 1; transform: none; }
.bas-bant__baslik { margin-top: 22px; }
.bas-bant .kahraman__alt { margin-top: 6px; }
.bas-bant--404 { min-height: 100svh; display: grid; align-content: center; }
.bas-bant--404 .kap { position: relative; z-index: 1; }
.bas-bant__kod { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; font: 800 clamp(160px, 30vw, 460px)/.8 'Bricolage Grotesque', sans-serif; letter-spacing: -.06em; color: rgba(246, 241, 231, .06); }
.bas-bant__dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(28px, 3vw, 40px); padding: 0; list-style: none; }
/* English page (/en/) */
.hazirlik__not { margin: 22px 0 20px; font-size: 18px; font-weight: 650; line-height: 1.5; }
.acil-bant--bilgi { background: var(--mavi-d); }
.acil-bant--bilgi .acil-bant__ikon .ik .a { stroke: #bfe6ff; }
#services, #farm, #first-visit, #emergency, #contact { scroll-margin-top: 96px; }
.kvkk-dugme { font: inherit; font-weight: 700; color: var(--kirmizi-y); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; background: none; border: 0; padding: 0; cursor: pointer; }
.rehber--sayfa { padding-top: clamp(56px, 6vw, 96px); }
.rehber--sayfa .rehber__liste { margin-top: 0; gap: clamp(16px, 1.8vw, 26px); }
.yazi__ozet { font-size: 17px; line-height: 1.55; color: #2b3140; }
.yazi__oku { margin-top: auto; padding-top: 6px; font-size: 15.5px; font-weight: 750; color: var(--kirmizi-y); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.rehber--sayfa .yazi__metin { flex: 1; padding: 20px 22px 24px; }
@media (max-width: 1180px) {
  .rehber--sayfa .rehber__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .makale__izgara { grid-template-columns: 1fr; }
  .makale__yan { position: relative; top: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .manset--yazi { --fs: clamp(38px, 10.4vw, 52px); }
  .makale__yan { grid-template-columns: 1fr; }
  .rehber--sayfa .rehber__liste { grid-template-columns: 1fr; gap: 16px; }
  .rehber--sayfa .yazi__metin b { font-size: 21px; }
  .rehber--sayfa .yazi__etiket { font-size: 14px; }
}

/* ---------- hero text: smaller and hugging the left edge so the photo stays visible (T, 22 Oct) ---------- */
@media (min-width: 701px) {
  .kahraman--alt .kahraman__ic { width: auto; max-width: min(640px, 46vw); margin-left: calc(var(--kenar) + 6px); margin-right: 0; }
  .manset--alt { --fs: clamp(44px, 4.4vw, 80px); }
  .manset--yazi { --fs: clamp(36px, 3.4vw, 60px); }
  .kahraman--alt .kahraman__saat { font-size: 18px; }
  .kahraman--alt .kahraman__saat b { font-size: clamp(19px, 1.35vw, 22px); }
  .kahraman--alt .kahraman__alt { max-width: 30em; font-size: 18px; }
  .kahraman--alt .dugme--buyuk { min-height: 58px; padding: 0 22px; font-size: 19px; }
  .kahraman--alt .kahraman__perde { background:
    linear-gradient(90deg, rgba(19, 23, 32, .9) 0, rgba(19, 23, 32, .72) 24%, rgba(19, 23, 32, .3) 42%, rgba(19, 23, 32, 0) 56%),
    linear-gradient(180deg, rgba(19, 23, 32, .62) 0, rgba(19, 23, 32, 0) 22%),
    linear-gradient(0deg, rgba(19, 23, 32, .45) 0, rgba(19, 23, 32, 0) 28%); }
  .kahraman--yazi .kahraman__perde { background:
    linear-gradient(90deg, rgba(19, 23, 32, .93) 0, rgba(19, 23, 32, .8) 28%, rgba(19, 23, 32, .4) 46%, rgba(19, 23, 32, .05) 62%),
    linear-gradient(180deg, rgba(19, 23, 32, .62) 0, rgba(19, 23, 32, 0) 22%),
    linear-gradient(0deg, rgba(19, 23, 32, .5) 0, rgba(19, 23, 32, 0) 30%); }
}
/* intro photo note sits under the photo, never over it (T, 22 Oct) */
.tanitim__not, .tanitim__not:is(*) { position: relative; z-index: 2; left: auto; right: auto; bottom: auto; max-width: none; margin: 48px 0 0; }
.tanitim__foto::before { content: none; }
.tanitim__foto img { box-shadow: 22px 22px 0 var(--mavi); }
@media (max-width: 700px) { .tanitim__foto img { box-shadow: 14px 14px 0 var(--mavi); } }
/* team hero (/ekip/, /en/): real facade photo, anchored right so the headline never covers a person (T, 22 Oct) */
@media (min-width: 701px) {
  .kahraman__medya .hero-gorsel--ekip { left: auto; right: 0; width: 70%; object-position: 50% 34%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%); mask-image: linear-gradient(90deg, transparent 0, #000 26%); }
}
/* phone: photo on top, fully visible; text below it on ink — never on top of the photo (T, 22 Oct) */
@media (max-width: 700px) {
  .kahraman--alt, .kahraman--kisa { display: block; height: auto; min-height: 0; }
  .kahraman--alt .kahraman__medya { position: relative; inset: auto; height: min(58svh, 470px); min-height: 330px; }
  .kahraman--alt .kahraman__medya .hero-gorsel { transform: none; }
  .kahraman--alt .kahraman__perde { inset: 0 0 auto 0; height: min(58svh, 470px); min-height: 330px;
    background: linear-gradient(180deg, rgba(19, 23, 32, .55) 0, rgba(19, 23, 32, 0) 26%, rgba(19, 23, 32, 0) 82%, rgba(19, 23, 32, 1) 100%); }
  .kahraman--alt .kahraman__ic { padding-top: 6px; padding-bottom: 36px; }
  .manset--alt { --fs: clamp(40px, 11.5vw, 54px); }
  .manset--yazi { --fs: clamp(32px, 9vw, 42px); }
  .kahraman--alt .kahraman__alt { font-size: 17px; }
  .kahraman__medya .hero-gorsel--ekip { object-position: 69% 62%; }
}