/* ============================================
   Dr. Şenol Tonyalı — Tasarım Sistemi (Mockup)
   Premium Editorial Medical
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Outfit:wght@200;300;400;500;600;700&display=swap');

:root{
  /* Palette */
  --ink: #0F2A3F;          /* deep midnight teal (primary) */
  --ink-soft: #1E3E55;
  --ink-2: #2C5266;        /* steel teal */
  --bronze: #B8956A;       /* champagne bronze accent */
  --bronze-soft: #D4B991;
  --cream: #F7F3EC;        /* warm off-white background */
  --cream-2: #EFE8DB;
  --paper: #FBFAF6;
  --white: #FFFFFF;
  --line: #E7DFCE;
  --text: #1A1F2B;
  --muted: #6B7280;
  --muted-2: #9CA3AF;
  --success: #4A6B4F;

  /* Type */
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'Outfit', system-ui, sans-serif;

  /* Spacing */
  --container: 1280px;
  --gutter: 32px;
  --section: 120px;
  --radius: 4px;
}

*{ box-sizing: border-box; margin: 0; padding: 0; }
html{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body{
  font-family: var(--sans);
  color: var(--text);
  background: var(--cream);
  line-height: 1.6;
  font-weight: 300;
  font-size: 16px;
  overflow-x: hidden;
}

img{ max-width: 100%; display: block; }
a{ color: var(--ink); text-decoration: none; transition: color .25s ease; }
a:hover{ color: var(--bronze); }

/* ============================================
   Typography
   ============================================ */
h1,h2,h3,h4,h5{
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.1;
  color: var(--ink);
}
h1{ font-size: clamp(48px, 6vw, 92px); }
h2{ font-size: clamp(36px, 4.2vw, 64px); }
h3{ font-size: clamp(26px, 2.2vw, 36px); }
h4{ font-size: 22px; font-weight: 500; }
.serif-italic{ font-family: var(--serif); font-style: italic; font-weight: 400; }

.eyebrow{
  font-family: var(--sans);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.32em;
  font-weight: 500;
  color: var(--bronze);
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.eyebrow::before{
  content: '';
  width: 40px; height: 1px; background: var(--bronze);
  display: inline-block;
}

.lead{
  font-size: 19px;
  line-height: 1.65;
  color: var(--ink-soft);
  font-weight: 300;
  max-width: 62ch;
}

/* ============================================
   Layout
   ============================================ */
.container{
  max-width: var(--container);
  padding: 0 var(--gutter);
  margin: 0 auto;
}
section{ padding: var(--section) 0; }
.section-sm{ padding: 80px 0; }

/* ============================================
   Top bar
   ============================================ */
.topbar{
  background: var(--ink);
  color: rgba(255,255,255,.85);
  font-size: 12.5px;
  letter-spacing: .02em;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.topbar .container{
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 10px; padding-bottom: 10px;
}
.topbar-left{ display: flex; gap: 28px; align-items: center; }
.topbar-left span{ display: inline-flex; align-items: center; gap: 8px; }
.topbar a{ color: rgba(255,255,255,.85); }
.topbar a:hover{ color: var(--bronze-soft); }
.lang-switch{ display: flex; gap: 4px; }
.lang-switch a{
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 2px;
}
.lang-switch a.active{ background: var(--bronze); color: var(--ink); border-color: var(--bronze); }

/* ============================================
   Header / Navigation
   ============================================ */
.site-header{
  background: var(--cream);
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(8px);
  background: rgba(247,243,236,.92);
}
.site-header .container{
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 22px; padding-bottom: 22px;
}
.brand{
  display: flex; align-items: center; gap: 14px;
  font-family: var(--serif);
}
.brand-mark{
  width: 44px; height: 44px;
  border: 1.5px solid var(--ink);
  display: grid; place-items: center;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
  border-radius: 2px;
}
.brand-text{ line-height: 1.1; }
.brand-text .name{ font-size: 19px; font-weight: 500; color: var(--ink); display: block; }
.brand-text .title{ font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); font-family: var(--sans); font-weight: 400; }

.nav{ display: flex; gap: 38px; align-items: center; }
.nav-toggle{ display: none; }
.nav-backdrop{ display: none; }
.nav > li{ list-style: none; position: relative; }
.nav > li > a{
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 400;
  letter-spacing: .04em;
  color: var(--ink);
  padding: 10px 0;
  display: inline-block;
}
.nav > li > a::after{
  content: '';
  position: absolute; left: 0; bottom: 4px;
  width: 0; height: 1px; background: var(--bronze);
  transition: width .35s ease;
}
.nav > li:hover > a::after,
.nav > li.active > a::after{ width: 100%; }
.has-sub > a::before{
  content: '+';
  margin-right: 6px;
  color: var(--bronze);
  font-weight: 300;
}

/* dropdown */
.subnav{
  position: absolute; top: 100%; left: -20px;
  background: var(--paper);
  border: 1px solid var(--line);
  padding: 20px 0;
  min-width: 260px;
  opacity: 0; visibility: hidden;
  transform: translateY(8px);
  transition: all .28s ease;
  list-style: none;
  box-shadow: 0 24px 48px -20px rgba(15,42,63,.18);
}
.has-sub:hover .subnav{ opacity: 1; visibility: visible; transform: translateY(0); }
.subnav a{
  display: block; padding: 10px 28px;
  font-size: 13.5px; color: var(--ink-soft);
  font-weight: 400;
}
.subnav a:hover{ background: var(--cream-2); color: var(--bronze); padding-left: 32px; }

/* CTA button */
.btn{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px;
  font-family: var(--sans);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: var(--ink);
  color: var(--white);
  border: 1px solid var(--ink);
  border-radius: 2px;
  transition: all .3s ease;
  cursor: pointer;
}
.btn:hover{ background: var(--bronze); border-color: var(--bronze); color: var(--ink); }
.btn-ghost{ background: transparent; color: var(--ink); }
.btn-ghost:hover{ background: var(--ink); color: var(--white); border-color: var(--ink); }
.btn-bronze{ background: var(--bronze); border-color: var(--bronze); color: var(--ink); }
.btn-bronze:hover{ background: var(--ink); border-color: var(--ink); color: var(--white); }
.btn-arrow::after{
  content: '→';
  font-family: var(--sans);
  letter-spacing: 0;
  transition: transform .3s ease;
}
.btn:hover.btn-arrow::after{ transform: translateX(4px); }

/* ============================================
   Hero
   ============================================ */
.hero{
  position: relative;
  padding: 80px 0 100px;
  background: var(--cream);
  overflow: hidden;
}
.hero::before{
  content: '';
  position: absolute; right: -8%; top: 10%;
  width: 380px; height: 380px;
  background: var(--cream-2);
  border-radius: 50%;
  filter: blur(80px);
  opacity: .6;
  z-index: 0;
}
.hero-grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.hero-text h1{
  font-size: clamp(48px, 5.5vw, 84px);
  line-height: 1.02;
  font-weight: 400;
  margin-bottom: 28px;
}
.hero-text h1 em{
  font-style: italic;
  color: var(--bronze);
  font-weight: 500;
}
.hero-text .lead{ margin-bottom: 38px; font-size: 19px; }
.hero-cta{ display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-bottom: 56px; }
.hero-meta{
  display: flex; gap: 48px;
  border-top: 1px solid var(--line);
  padding-top: 32px;
}
.hero-meta .item{ line-height: 1.3; }
.hero-meta .num{
  font-family: var(--serif);
  font-size: 44px;
  color: var(--ink);
  font-weight: 500;
  display: block;
  letter-spacing: -.02em;
}
.hero-meta .lbl{
  font-size: 12px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .18em;
}

.hero-image{
  position: relative;
  aspect-ratio: 4/5;
  background: var(--ink);
  overflow: hidden;
  border-radius: 2px;
}
.hero-image img{
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: contrast(1.02) saturate(.96);
}
.hero-image::after{
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(15,42,63,.18));
  pointer-events: none;
}
.hero-badge{
  position: absolute;
  bottom: -32px; left: -32px;
  background: var(--ink);
  color: var(--white);
  padding: 26px 32px;
  border-radius: 2px;
  max-width: 280px;
  box-shadow: 0 20px 40px -12px rgba(15,42,63,.3);
}
.hero-badge .num{
  font-family: var(--serif);
  font-size: 56px;
  font-weight: 500;
  line-height: 1;
  color: var(--bronze-soft);
}
.hero-badge .txt{
  font-size: 12.5px;
  color: rgba(255,255,255,.78);
  margin-top: 8px;
  letter-spacing: .04em;
}

/* ============================================
   Trust strip
   ============================================ */
.trust{
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 36px 0;
}
.trust-label{
  text-align: center;
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 22px;
}
.trust-logos{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.trust-logo{
  font-family: var(--serif);
  font-size: 17px;
  color: var(--ink-soft);
  opacity: .7;
  text-align: center;
  letter-spacing: .02em;
  transition: opacity .25s ease;
}
.trust-logo:hover{ opacity: 1; }
.trust-logo small{
  display: block;
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted-2);
  margin-top: 4px;
}

/* ============================================
   Section heading pattern
   ============================================ */
.section-head{
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  margin-bottom: 72px;
  align-items: end;
}
.section-head h2{ font-size: clamp(36px, 4vw, 58px); }
.section-head h2 em{ font-style: italic; color: var(--bronze); }
.section-head .head-right{ padding-bottom: 8px; }

/* About section preview */
.about-preview{ background: var(--cream); }
.about-grid{
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: center;
}
.about-img{
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  border-radius: 2px;
}
.about-img img{ width: 100%; height: 100%; object-fit: cover; }
.about-img .quote-tag{
  position: absolute;
  right: -30px; bottom: 40px;
  background: var(--bronze);
  color: var(--ink);
  padding: 22px 28px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 18px;
  line-height: 1.4;
  max-width: 240px;
  border-radius: 2px;
}
.about-img .quote-tag::before{
  content: '"';
  font-size: 70px;
  font-family: var(--serif);
  position: absolute;
  top: -10px; left: 10px;
  opacity: .35;
  line-height: 1;
}
.about-content .signature{
  margin-top: 32px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 26px;
  color: var(--ink);
}
.principles{
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-top: 40px;
}
.principle{
  padding: 24px 0;
  border-top: 1px solid var(--line);
}
.principle .num{
  font-family: var(--serif);
  font-style: italic;
  font-size: 16px;
  color: var(--bronze);
  letter-spacing: .04em;
}
.principle h4{ margin-top: 6px; margin-bottom: 8px; color: var(--ink); }
.principle p{ font-size: 14.5px; color: var(--muted); line-height: 1.6; }

/* ============================================
   Services grid (tedaviler)
   ============================================ */
.services{
  background: var(--paper);
  position: relative;
}
.services-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.service-card{
  background: var(--paper);
  padding: 48px 36px;
  transition: all .4s ease;
  position: relative;
  cursor: pointer;
  display: flex; flex-direction: column;
  min-height: 320px;
}
.service-card:hover{
  background: var(--ink);
  color: var(--cream);
}
.service-card:hover h3,
.service-card:hover .svc-num{ color: var(--bronze-soft); }
.service-card:hover p{ color: rgba(255,255,255,.78); }
.service-card:hover .svc-link{ color: var(--bronze-soft); border-color: var(--bronze-soft); }
.svc-num{
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--bronze);
  letter-spacing: .04em;
  margin-bottom: 28px;
  transition: color .4s ease;
}
.service-card h3{
  font-size: 28px;
  line-height: 1.15;
  margin-bottom: 18px;
  transition: color .4s ease;
}
.service-card p{
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 28px;
  flex-grow: 1;
  transition: color .4s ease;
}
.svc-link{
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ink);
  display: inline-flex; align-items: center; gap: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--ink);
  align-self: flex-start;
  transition: all .35s ease;
}
.svc-link::after{ content: '→'; transition: transform .3s ease; }
.service-card:hover .svc-link::after{ transform: translateX(4px); }

/* ============================================
   Diseases segmented section
   ============================================ */
.diseases{ background: var(--ink); color: var(--cream); }
.diseases .eyebrow{ color: var(--bronze-soft); }
.diseases .eyebrow::before{ background: var(--bronze-soft); }
.diseases h2{ color: var(--cream); }
.diseases .lead{ color: rgba(255,255,255,.7); }

.disease-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
  margin-top: 72px;
}
.disease-card{
  background: var(--ink);
  padding: 44px 32px;
  transition: background .35s ease;
  cursor: pointer;
}
.disease-card:hover{ background: var(--ink-soft); }
.disease-card h4{
  font-family: var(--serif);
  font-size: 26px;
  font-weight: 400;
  color: var(--cream);
  margin-bottom: 14px;
}
.disease-card .roman{
  font-family: var(--serif);
  font-style: italic;
  color: var(--bronze-soft);
  font-size: 13px;
  letter-spacing: .1em;
  margin-bottom: 24px;
  display: block;
}
.disease-card ul{ list-style: none; }
.disease-card li{
  padding: 8px 0;
  font-size: 14px;
  color: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(255,255,255,.06);
  display: flex; justify-content: space-between; align-items: center;
}
.disease-card li:hover{ color: var(--bronze-soft); cursor: pointer; }
.disease-card li::after{
  content: '→';
  opacity: .4;
  transition: all .25s ease;
}
.disease-card li:hover::after{ opacity: 1; transform: translateX(4px); }

/* ============================================
   Why-us section
   ============================================ */
.why{ background: var(--cream); }
.why-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 72px;
}
.why-item{
  padding: 36px 28px 36px 0;
  border-right: 1px solid var(--line);
}
.why-item:last-child{ border-right: 0; padding-right: 0; }
.why-item:not(:first-child){ padding-left: 28px; }
.why-num{
  font-family: var(--serif);
  font-size: 56px;
  color: var(--bronze);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 28px;
  display: block;
}
.why-item h4{
  font-size: 22px;
  color: var(--ink);
  margin-bottom: 14px;
}
.why-item p{
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.65;
}

/* ============================================
   Big quote
   ============================================ */
.quote-section{
  background: var(--cream-2);
  text-align: center;
  padding: 140px 0;
}
.quote-section blockquote{
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(28px, 3.4vw, 48px);
  line-height: 1.3;
  color: var(--ink);
  max-width: 900px;
  margin: 0 auto;
  font-weight: 400;
}
.quote-section blockquote::before,
.quote-section blockquote::after{
  content: '"';
  color: var(--bronze);
  font-size: 1.1em;
}
.quote-section cite{
  display: block;
  margin-top: 32px;
  font-style: normal;
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
}

/* ============================================
   Testimonials
   ============================================ */
.testimonials{ background: var(--paper); }
.test-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 64px;
}
.testimonial{
  padding: 40px 32px;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 2px;
  position: relative;
}
.testimonial .stars{
  color: var(--bronze);
  font-size: 14px;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.testimonial p{
  font-family: var(--serif);
  font-style: italic;
  font-size: 19px;
  line-height: 1.5;
  color: var(--ink);
  margin-bottom: 28px;
}
.test-author{
  border-top: 1px solid var(--line);
  padding-top: 20px;
  font-size: 13px;
}
.test-author strong{
  display: block; color: var(--ink);
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: .04em;
}
.test-author span{
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .04em;
}

/* ============================================
   Academic / Research
   ============================================ */
.academic{ background: var(--cream); }
.academic-grid{
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 80px;
  align-items: start;
}
.academic-stats{
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-top: 48px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.acad-stat{
  padding: 36px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.acad-stat .num{
  font-family: var(--serif);
  font-size: 64px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.02em;
}
.acad-stat .lbl{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--muted);
  margin-top: 12px;
}
.pub-list{
  list-style: none;
}
.pub-item{
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
  display: grid; grid-template-columns: 80px 1fr auto; gap: 24px;
  align-items: start;
}
.pub-item:first-child{ border-top: 1px solid var(--line); }
.pub-year{
  font-family: var(--serif);
  font-style: italic;
  color: var(--bronze);
  font-size: 18px;
}
.pub-title{
  font-size: 15px;
  color: var(--ink);
  line-height: 1.4;
  font-weight: 400;
}
.pub-title small{
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .04em;
}
.pub-link{
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
}

/* ============================================
   Blog preview
   ============================================ */
.blog{ background: var(--paper); }
.blog-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 64px;
}

/* Blog kategori bölümleri (Erkek / Kadın / Genel) */
.blog-cat + .blog-cat{ margin-top: 84px; }
.blog-cat .blog-grid{ margin-top: 28px; }
.blog-cat-head{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.blog-cat-head h2{
  font-family: var(--serif);
  font-size: 30px;
  font-weight: 500;
  color: var(--ink);
  margin: 0;
  line-height: 1.1;
}
.blog-cat-head h2 em{ font-style: italic; color: var(--bronze); }
.blog-card{ cursor: pointer; }
.blog-card .img{
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 2px;
  margin-bottom: 24px;
  background: var(--cream-2);
}
.blog-card .img img{
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.blog-card:hover .img img{ transform: scale(1.05); }
.blog-meta{
  display: flex; gap: 20px; align-items: center;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 14px;
}
.blog-meta .cat{ color: var(--bronze); }
.blog-card h4{
  font-family: var(--serif);
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 14px;
  color: var(--ink);
  transition: color .25s ease;
}
.blog-card:hover h4{ color: var(--bronze); }
.blog-card p{
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.6;
}

/* ============================================
   CTA banner
   ============================================ */
.cta-banner{
  background: var(--ink);
  color: var(--cream);
  position: relative;
  overflow: hidden;
}
.cta-banner::before{
  content: '';
  position: absolute;
  right: -200px; top: -200px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(184,149,106,.18), transparent 70%);
  pointer-events: none;
}
.cta-banner .container{
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative; z-index: 1;
}
.cta-banner h2{
  color: var(--cream);
  font-size: clamp(36px, 4vw, 58px);
}
.cta-banner h2 em{ color: var(--bronze-soft); font-style: italic; }
.cta-banner p{
  color: rgba(255,255,255,.7);
  font-size: 17px;
  margin-top: 20px;
  max-width: 50ch;
}
.cta-banner .btn{
  background: var(--bronze);
  border-color: var(--bronze);
  color: var(--ink);
}
.cta-banner .btn:hover{ background: var(--cream); border-color: var(--cream); }
.cta-actions{ display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.contact-info{
  display: flex; flex-direction: column;
  gap: 16px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,.12);
  width: 100%;
}
.contact-info .row{
  display: flex; gap: 20px; align-items: center;
  font-size: 14px;
  color: rgba(255,255,255,.85);
}
.contact-info .row .lbl{
  width: 50px;
  font-size: 10px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--bronze-soft);
}
.contact-info a{ color: rgba(255,255,255,.85); }
.contact-info a:hover{ color: var(--bronze-soft); }

/* ============================================
   Footer
   ============================================ */
.site-footer{
  background: #081a28;
  color: rgba(255,255,255,.7);
  padding: 80px 0 32px;
}

/* Footer logosu koyu zeminde görünsün */
.site-footer .brand-mark{
  border-color: var(--bronze);
  color: var(--cream);
}
.site-footer .brand-text .title{
  color: rgba(255,255,255,.55);
}
.footer-grid{
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 64px;
}
.footer-grid h5{
  font-family: var(--sans);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .25em;
  color: var(--bronze-soft);
  font-weight: 500;
  margin-bottom: 24px;
}
.footer-brand .name{
  font-family: var(--serif);
  font-size: 28px;
  color: var(--cream);
  margin-bottom: 12px;
}
.footer-brand p{
  font-size: 14.5px;
  line-height: 1.65;
  max-width: 32ch;
  margin-bottom: 24px;
}
.footer-grid ul{ list-style: none; }
.footer-grid li{ margin-bottom: 12px; }
.footer-grid a{
  color: rgba(255,255,255,.65);
  font-size: 14px;
  transition: color .25s ease;
}
.footer-grid a:hover{ color: var(--bronze-soft); }
.social{ display: flex; gap: 12px; margin-top: 4px; }
.social a{
  width: 38px; height: 38px;
  border: 1px solid rgba(255,255,255,.18);
  display: grid; place-items: center;
  border-radius: 50%;
  font-size: 13px;
  color: rgba(255,255,255,.65);
}
.social a:hover{ background: var(--bronze); color: var(--ink); border-color: var(--bronze); }
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 28px;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 12px;
  color: rgba(255,255,255,.45);
}

/* ============================================
   Floating WhatsApp
   ============================================ */
.whatsapp-fab{
  position: fixed;
  bottom: 28px; right: 28px;
  width: 60px; height: 60px;
  background: #25D366;
  color: white;
  border-radius: 50%;
  display: grid; place-items: center;
  box-shadow: 0 12px 24px rgba(37,211,102,.4);
  z-index: 100;
  transition: transform .3s ease;
  font-size: 28px;
}
.whatsapp-fab:hover{ transform: scale(1.08); color: white; }

/* ============================================
   Inner page hero
   ============================================ */
.page-hero{
  background: var(--ink);
  color: var(--cream);
  padding: 90px 0 100px;
  position: relative;
  overflow: hidden;
}
.page-hero::before{
  content: '';
  position: absolute; left: 0; bottom: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(184,149,106,.15), transparent 70%);
}
.breadcrumb{
  font-size: 11px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--bronze-soft);
  margin-bottom: 28px;
}
.breadcrumb a{ color: rgba(255,255,255,.6); }
.breadcrumb a:hover{ color: var(--bronze-soft); }
.breadcrumb span{ margin: 0 12px; opacity: .4; }
.page-hero h1{
  color: var(--cream);
  font-size: clamp(48px, 6vw, 88px);
}
.page-hero h1 em{ color: var(--bronze-soft); font-style: italic; }
.page-hero .lead{ color: rgba(255,255,255,.7); margin-top: 24px; }

/* ============================================
   About page
   ============================================ */
.bio-section{ background: var(--cream); }
.bio-grid{
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 80px;
  align-items: start;
}
.bio-img-wrap{
  position: sticky; top: 100px;
}
.bio-img{
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 2px;
}
.bio-img img{ width: 100%; height: 100%; object-fit: cover; }
.bio-content h2{ font-size: 42px; margin-bottom: 32px; }
.bio-content h2 em{ color: var(--bronze); font-style: italic; }
.bio-content p{
  font-size: 17px;
  line-height: 1.75;
  color: var(--ink-soft);
  margin-bottom: 22px;
}
.bio-content p strong{ color: var(--ink); font-weight: 500; }

/* timeline */
.timeline{
  background: var(--paper);
}
.tl-list{
  list-style: none;
  position: relative;
  padding-left: 40px;
  margin-top: 60px;
}
.tl-list::before{
  content: '';
  position: absolute; left: 8px; top: 12px; bottom: 12px;
  width: 1px;
  background: var(--line);
}
.tl-item{
  position: relative;
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 40px;
}
.tl-item::before{
  content: '';
  position: absolute;
  left: -39px; top: 8px;
  width: 16px; height: 16px;
  background: var(--cream);
  border: 2px solid var(--bronze);
  border-radius: 50%;
}
.tl-year{
  font-family: var(--serif);
  font-size: 24px;
  color: var(--bronze);
  font-weight: 500;
  font-style: italic;
}
.tl-content h4{
  font-size: 22px;
  color: var(--ink);
  margin-bottom: 8px;
}
.tl-content p{
  font-size: 15px;
  color: var(--muted);
  line-height: 1.65;
}
.tl-content .place{
  display: block;
  font-size: 13px;
  color: var(--ink-soft);
  margin-top: 4px;
  letter-spacing: .04em;
}

/* ============================================
   Treatment page (HoLEP)
   ============================================ */
.treatment-intro{
  background: var(--cream);
}
.treat-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
  align-items: start;
}
.treat-content h2{ font-size: 44px; margin-bottom: 28px; }
.treat-content h2 em{ color: var(--bronze); font-style: italic; }
.treat-content p{
  font-size: 17px;
  line-height: 1.75;
  color: var(--ink-soft);
  margin-bottom: 20px;
}
.treat-side{
  background: var(--ink);
  color: var(--cream);
  padding: 48px 40px;
  border-radius: 2px;
  position: sticky; top: 100px;
}
.treat-side h4{
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--bronze-soft);
  margin-bottom: 24px;
  font-weight: 500;
}
.treat-info-list{ list-style: none; }
.treat-info-list li{
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
  display: flex; justify-content: space-between; align-items: baseline;
}
.treat-info-list li:last-child{ border-bottom: 0; }
.treat-info-list .ti-lbl{
  font-size: 13px;
  color: rgba(255,255,255,.6);
  letter-spacing: .04em;
}
.treat-info-list .ti-val{
  font-family: var(--serif);
  font-size: 17px;
  color: var(--cream);
  font-weight: 400;
}
.treat-side .btn{ width: 100%; justify-content: center; margin-top: 28px; }
.treat-side .btn-bronze{ background: var(--bronze); border-color: var(--bronze); color: var(--ink); }

/* steps */
.steps{ background: var(--paper); }
.steps-list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 64px;
}
.step-item{
  padding-top: 40px;
  border-top: 2px solid var(--ink);
  position: relative;
}
.step-num{
  font-family: var(--serif);
  font-style: italic;
  color: var(--bronze);
  font-size: 18px;
  letter-spacing: .04em;
  margin-bottom: 16px;
  display: block;
}
.step-item h4{
  font-size: 24px;
  margin-bottom: 14px;
  color: var(--ink);
}
.step-item p{
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.6;
}

/* FAQ */
.faq{ background: var(--cream); }
.faq-list{
  margin-top: 64px;
  max-width: 900px;
  margin-left: auto; margin-right: auto;
}
.faq-item{
  border-bottom: 1px solid var(--line);
}
.faq-q{
  padding: 32px 0;
  display: flex; justify-content: space-between; align-items: center;
  cursor: pointer;
  font-family: var(--serif);
  font-size: 24px;
  color: var(--ink);
  gap: 40px;
  transition: color .25s ease;
}
.faq-q:hover{ color: var(--bronze); }
.faq-q .icon{
  font-family: var(--sans);
  font-size: 28px;
  font-weight: 200;
  color: var(--bronze);
  flex-shrink: 0;
  transition: transform .3s ease;
}
.faq-item.open .faq-q .icon{ transform: rotate(45deg); }
.faq-a{
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease, padding .4s ease;
}
.faq-item.open .faq-a{
  max-height: 500px;
  padding: 0 0 32px;
}
.faq-a p{
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
  max-width: 80ch;
}

/* benefits list */
.benefits{
  background: var(--ink);
  color: var(--cream);
}
.benefits .eyebrow{ color: var(--bronze-soft); }
.benefits .eyebrow::before{ background: var(--bronze-soft); }
.benefits h2{ color: var(--cream); }
.benefits h2 em{ color: var(--bronze-soft); font-style: italic; }
.benefits .lead{ color: rgba(255,255,255,.7); }
.benefits-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-top: 64px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-left: 1px solid rgba(255,255,255,.1);
}
.benefit{
  padding: 40px 36px;
  border-right: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
  display: flex; gap: 24px; align-items: flex-start;
}
.benefit .num{
  font-family: var(--serif);
  font-style: italic;
  font-size: 28px;
  color: var(--bronze-soft);
  line-height: 1;
  flex-shrink: 0;
}
.benefit h4{
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--cream);
  margin-bottom: 8px;
}
.benefit p{
  font-size: 14.5px;
  color: rgba(255,255,255,.65);
  line-height: 1.65;
}

/* ============================================
   Mockup helper banner
   ============================================ */
.mockup-note{
  background: #fffbed;
  border-bottom: 1px solid #f0e2b5;
  padding: 10px 0;
  font-size: 12px;
  color: #8a6d1d;
  text-align: center;
  letter-spacing: .04em;
}
.mockup-note strong{ color: #5c4a13; font-weight: 600; }
.mockup-note .pages{ display: inline-flex; gap: 16px; margin-left: 16px; }
.mockup-note .pages a{ color: #8a6d1d; text-decoration: underline; }

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 1024px){
  :root{ --section: 80px; }
  .hero{ padding-top: 36px; padding-bottom: 72px; }
  .hero .hero-grid{ padding-top: 0; padding-bottom: 0; }
  .hero-grid, .about-grid, .bio-grid, .treat-grid, .academic-grid, .section-head, .cta-banner .container{
    grid-template-columns: 1fr; gap: 48px;
  }
  .hero-meta{ gap: 24px; flex-wrap: wrap; }
  .services-grid, .blog-grid, .test-grid{ grid-template-columns: repeat(2, 1fr); }
  .disease-grid, .why-grid{ grid-template-columns: repeat(2, 1fr); }
  .why-item{ border-right: 0; border-bottom: 1px solid var(--line); padding: 28px 0; }
  .why-item:not(:first-child){ padding-left: 0; }
  .footer-grid{ grid-template-columns: repeat(2, 1fr); gap: 36px; }

  /* ---- Mobil menü (drawer + hamburger) ---- */
  .nav-toggle{
    display: flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 46px; height: 46px; padding: 12px; margin-left: auto;
    border: 1px solid var(--line); border-radius: 12px;
    background: var(--paper); cursor: pointer; flex: none;
  }
  .nav-toggle span{ display: block; width: 100%; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .3s ease, opacity .2s ease; }
  body.nav-open .nav-toggle span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  body.nav-open .nav-toggle span:nth-child(2){ opacity: 0; }
  body.nav-open .nav-toggle span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
  .site-header .container > .btn{ display: none; }
  .nav{
    display: flex; position: fixed; top: 0; right: 0; bottom: 0;
    width: min(85vw, 340px); height: 100vh; flex-direction: column;
    align-items: stretch; gap: 0; padding: 92px 28px 40px;
    background: var(--paper); box-shadow: -24px 0 70px rgba(15,42,63,.20);
    transform: translateX(100%); transition: transform .38s cubic-bezier(.4,0,.2,1);
    overflow-y: auto; z-index: 1200;
  }
  body.nav-open .nav{ transform: translateX(0); }
  .nav > li{ border-bottom: 1px solid var(--line); position: static; }
  .nav > li > a{ display: block; padding: 15px 0; font-size: 17px; }
  .nav > li > a::after{ display: none; }
  .has-sub > a::before{ content: none; }
  .subnav{
    position: static; opacity: 1; visibility: visible; transform: none;
    box-shadow: none; border: 0; padding: 0 0 14px 14px; min-width: 0;
    background: transparent; display: block;
  }
  .subnav a{ padding: 9px 0; font-size: 14px; }
  .subnav a:hover{ background: transparent; padding-left: 0; color: var(--bronze); }
  .nav-backdrop{
    display: block; position: fixed; inset: 0; background: rgba(15,42,63,.45);
    opacity: 0; visibility: hidden; transition: opacity .3s ease; z-index: 1150;
  }
  body.nav-open .nav-backdrop{ opacity: 1; visibility: visible; }
  body.nav-open{ overflow: hidden; }
  .steps-list{ grid-template-columns: repeat(2, 1fr); }
  .academic-stats{ margin-top: 32px; }
  .treat-side{ position: static; }
  .bio-img-wrap{ position: static; }
}
@media (max-width: 640px){
  :root{ --section: 64px; --gutter: 20px; }
  .services-grid, .blog-grid, .test-grid, .disease-grid, .why-grid, .benefits-grid, .steps-list{
    grid-template-columns: 1fr;
  }
  .principles{ grid-template-columns: 1fr; }
  .topbar .container{ flex-direction: column; gap: 8px; }
  .topbar-left{ flex-wrap: wrap; justify-content: center; gap: 4px 18px; text-align: center; }
  .topbar-left span:first-child{ display: none; }
  .hero{ padding-top: 22px; padding-bottom: 52px; }
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-bottom{ flex-direction: column; gap: 12px; text-align: center; }
  .hero-badge{ left: 0; bottom: -20px; max-width: 220px; }
  .academic-stats{ grid-template-columns: 1fr; }
  h1{ font-size: 44px; }
  .acad-stat .num{ font-size: 48px; }
  .pub-item{ grid-template-columns: 1fr; gap: 8px; }
}

/* ============================================
   YENİ COMPONENT'LER — PAKET 1
   testimonials, blog-preview, bio-stats,
   treatment-hero, treatment-section, faq,
   comparison-table, recovery-timeline,
   contact-channels, contact-form
   ============================================ */

/* ---- TESTIMONIALS ---- */
.testimonials{
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.testimonials-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 56px;
}
.testimonial-card{
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.testimonial-stars{
  color: var(--bronze);
  font-size: 18px;
  letter-spacing: 4px;
}
.testimonial-text{
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
  font-style: italic;
  flex: 1;
  margin: 0;
}
.testimonial-author{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.author-name{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  font-weight: 500;
}
.author-meta{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--ink-mute);
}
.testimonials-note{
  text-align: center;
  margin-top: 48px;
  font-size: 12px;
  color: var(--ink-mute);
  font-style: italic;
}

/* ---- BLOG PREVIEW (anasayfa) ---- */
.blog-preview{
  padding: var(--section) 0;
}
.blog-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 56px;
}
.blog-card{
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
.blog-card:hover{
  border-color: var(--bronze);
  transform: translateY(-4px);
}
.blog-meta{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--bronze);
}
.blog-card h3{
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  line-height: 1.2;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
}
.blog-card p{
  font-size: 15px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}
.blog-link{
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  font-weight: 500;
}
.blog-all{
  text-align: center;
  margin-top: 56px;
}

/* ---- BIO STATS (Hakkımda) ---- */
.bio-stats{
  display: flex;
  gap: 32px;
  margin-top: 32px;
  padding: 24px 28px;
  background: var(--paper);
  border: 1px solid var(--line);
  flex-wrap: wrap;
}
.bio-stats .stat{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bio-stats .num{
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
}
.bio-stats .num small{ font-size: 0.5em; }
.bio-stats .lbl{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
}
.bio-quote{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 24px;
  color: var(--ink);
  margin: 36px 0;
  line-height: 1.4;
  padding-left: 24px;
  border-left: 3px solid var(--bronze);
}
.bio-cta{
  margin-top: 48px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* ---- TREATMENT HERO ---- */
.treatment-hero{
  padding: 64px 0 var(--section);
  background: var(--cream);
  border-bottom: 1px solid var(--line);
}
.th-grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 64px;
  margin-top: 32px;
  align-items: start;
}
.th-content h1{
  font-size: clamp(40px, 5vw, 64px);
  margin: 20px 0 24px;
  line-height: 1.05;
}
.th-meta{
  display: flex;
  gap: 48px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 24px 0;
  margin: 36px 0;
  flex-wrap: wrap;
}
.th-meta-item{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.th-meta-item .num{
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
}
.th-meta-item .num small{ font-size: 0.45em; }
.th-meta-item .lbl{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
}
.th-cta{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.th-aside{
  position: sticky;
  top: 100px;
}
.aside-card{
  background: var(--paper);
  border: 1px solid var(--line);
  padding: 32px 28px;
}
.aside-card h4{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink-mute);
  margin: 0 0 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
  font-weight: 500;
}
.aside-list{
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.aside-list li{
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.5;
}
.aside-list strong{
  color: var(--ink);
  font-weight: 500;
  display: inline-block;
  min-width: 110px;
}
.aside-doctor{
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.aside-doctor p{
  margin: 0 0 8px;
  font-size: 14px;
}
.aside-note{
  font-size: 13px !important;
  color: var(--ink-mute) !important;
  font-style: italic;
  line-height: 1.5 !important;
}

/* ---- TREATMENT SECTION (genel) ---- */
.treatment-section{
  padding: var(--section) 0;
}
.treatment-section.alt{
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ts-grid{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 64px;
  align-items: start;
}
.ts-side{
  position: sticky;
  top: 100px;
}
.ts-side .eyebrow{
  font-size: 12px;
  letter-spacing: 0.3em;
}
.ts-main h2{
  font-size: clamp(32px, 4vw, 48px);
  margin: 0 0 24px;
  line-height: 1.1;
}
.lead-text{
  font-size: 19px;
  line-height: 1.6;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0 0 28px;
}
.info-callout{
  display: flex;
  gap: 20px;
  padding: 24px 28px;
  background: var(--cream);
  border-left: 3px solid var(--bronze);
  margin: 32px 0;
}
.info-callout.warn{
  border-left-color: #B85C39;
}
.callout-num{
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  color: var(--bronze);
  font-weight: 500;
  line-height: 1;
  flex-shrink: 0;
}
.info-callout.warn .callout-num{ color: #B85C39; }
.info-callout strong{
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-weight: 500;
}
.info-callout p{
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--ink-soft);
}

/* ---- WHO FOR GRID ---- */
.who-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.who-card{
  padding: 28px 24px;
  background: var(--cream);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.who-num{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--bronze);
}
.who-card h4{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.who-card p{
  margin: 0;
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.55;
}

/* ---- COMPARISON TABLE ---- */
.comparison-table{
  margin: 32px 0;
  overflow-x: auto;
}
.comparison-table table{
  width: 100%;
  border-collapse: collapse;
  background: var(--cream);
  border: 1px solid var(--line);
}
.comparison-table th{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ink);
  padding: 16px 14px;
  text-align: left;
  background: var(--paper);
  border-bottom: 2px solid var(--ink);
  font-weight: 500;
}
.comparison-table td{
  padding: 14px;
  font-size: 14px;
  color: var(--ink-soft);
  border-bottom: 1px solid var(--line);
  line-height: 1.5;
}
.comparison-table td:first-child{
  color: var(--ink);
  font-weight: 500;
}
.comparison-table td.ok{
  color: #2E7D32;
  font-weight: 500;
}
.comparison-table td.warn{
  color: #B8956A;
  font-weight: 500;
}
.comparison-table td.bad{
  color: #B85C39;
  font-weight: 500;
}
.comparison-table tr:last-child td{ border-bottom: 0; }

/* ---- RECOVERY TIMELINE ---- */
.recovery-timeline{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 32px 0;
}
.rec-item{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 32px;
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line);
  border-left: 3px solid var(--bronze);
  align-items: start;
}
.rec-time{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  color: var(--bronze);
  font-weight: 500;
}
.rec-item h4{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin: 0 0 8px;
  font-weight: 500;
}
.rec-item p{
  margin: 0;
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.6;
}

/* ---- RISKS GRID ---- */
.risks-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 32px 0;
}
.risk-item{
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line);
}
.risk-item h4{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin: 0 0 12px;
  font-weight: 500;
}
.risk-item p{
  margin: 0;
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.6;
}

/* ---- FAQ LIST ---- */
.faq-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 32px;
}
.faq-item{
  background: var(--cream);
  border: 1px solid var(--line);
  transition: all 0.3s ease;
}
.faq-item summary{
  padding: 22px 28px;
  cursor: pointer;
  font-family: 'Cormorant Garamond', serif;
  font-size: 21px;
  color: var(--ink);
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-right: 60px;
  line-height: 1.3;
}
.faq-item summary::-webkit-details-marker{ display: none; }
.faq-item summary::after{
  content: '+';
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color: var(--bronze);
  transition: transform 0.3s ease;
  font-weight: 300;
}
.faq-item[open] summary::after{ transform: translateY(-50%) rotate(45deg); }
.faq-item[open]{ border-color: var(--bronze); }
.faq-item > div{
  padding: 0 28px 24px;
}
.faq-item p{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-soft);
}
.faq-item a{ color: var(--ink); text-decoration: underline; }

/* ---- RELATED SECTION ---- */
.related-section{
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.related-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 48px;
}
.related-card{
  padding: 32px 28px;
  background: var(--cream);
  border: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all 0.3s ease;
}
.related-card:hover{
  border-color: var(--bronze);
  transform: translateY(-4px);
}
.rel-tag{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--bronze);
  font-weight: 500;
}
.related-card h4{
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.related-card p{
  font-size: 14.5px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}
.rel-link{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  font-weight: 500;
}

/* ---- PROTHESIS TYPES ---- */
.prothesis-types{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin: 32px 0;
}
.prothesis-card{
  padding: 36px 32px;
  background: var(--cream);
  border: 1px solid var(--line);
}
.prothesis-card.primary{
  border: 2px solid var(--bronze);
}
.ptype-label{
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze);
  font-weight: 500;
  margin-bottom: 12px;
  padding: 4px 12px;
  background: rgba(184, 149, 106, 0.1);
  border: 1px solid var(--bronze);
}
.ptype-label.alt{ color: var(--ink-mute); border-color: var(--line); background: var(--paper); }
.prothesis-card h3{
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  color: var(--ink);
  margin: 0 0 8px;
  font-weight: 500;
  line-height: 1.15;
}
.ptype-tagline{
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  color: var(--bronze);
  margin: 0 0 20px;
}
.ptype-content h4{
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  margin: 24px 0 12px;
  font-weight: 500;
}
.ptype-content p{
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.65;
  margin: 0 0 12px;
}
.ptype-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ptype-list li{
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.ptype-list li::before{
  content: '—';
  position: absolute;
  left: 0;
  color: var(--bronze);
}

/* ---- CONTACT PAGE ---- */
.contact-channels{
  padding: var(--section) 0;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.channels-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.channel-card{
  padding: 36px 28px;
  background: var(--cream);
  border: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.3s ease;
}
.channel-card:hover{
  border-color: var(--bronze);
  transform: translateY(-4px);
}
.ch-num{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--bronze);
}
.channel-card h3{
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
}
.ch-detail{
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: var(--bronze);
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.channel-card p:not(.ch-detail){
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.55;
}
.ch-link{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  font-weight: 500;
  margin-top: auto;
}

.contact-main{ padding: var(--section) 0; }
.contact-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
}
.contact-form{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}
.form-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.form-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-field label{
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--ink);
  font-weight: 500;
}
.form-field .req{ color: #B85C39; }
.form-field input,
.form-field select,
.form-field textarea{
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: var(--cream);
  color: var(--ink);
  transition: border-color 0.3s ease;
  border-radius: 0;
  width: 100%;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  outline: none;
  border-color: var(--bronze);
}
.form-field textarea{ resize: vertical; min-height: 120px; }
.form-consent{ margin-top: 8px; }
.checkbox-row{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  color: var(--ink-soft) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 1.5;
  cursor: pointer;
}
.checkbox-row input{
  width: auto;
  margin-top: 3px;
}
.checkbox-row a{ color: var(--bronze); text-decoration: underline; }
.contact-form button{ margin-top: 12px; align-self: flex-start; }
.form-note{
  font-size: 12px;
  color: var(--ink-mute);
  font-style: italic;
  margin-top: 4px;
}

.info-block{
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.info-block:last-of-type{ border-bottom: 0; }
.info-block h4{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin: 0 0 12px;
  font-weight: 500;
}
.info-block p{
  font-size: 15px;
  color: var(--ink-soft);
  margin: 0 0 8px;
  line-height: 1.6;
}
.info-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.info-list li{
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.55;
}
.info-list strong{ color: var(--ink); }
.hours-table{
  width: 100%;
  border-collapse: collapse;
}
.hours-table td{
  padding: 10px 0;
  font-size: 14.5px;
  color: var(--ink-soft);
  border-bottom: 1px solid var(--line);
}
.hours-table tr:last-child td{ border-bottom: 0; }
.hours-table td:first-child{ color: var(--ink); font-weight: 500; }
.hours-table td:last-child{ text-align: right; font-family: 'Outfit', sans-serif; }
.map-wrap{
  margin-top: 32px;
  border: 1px solid var(--line);
}

.intl-note{
  padding: 48px 0;
  background: var(--ink);
  color: var(--cream);
}
.intl-grid{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 48px;
  align-items: center;
}
.intl-note h2{ color: var(--cream); margin: 16px 0; }
.intl-note h2 em{ color: var(--bronze-soft); }
.intl-note p{ color: rgba(255,255,255,0.75); font-size: 16px; line-height: 1.6; }

/* ---- HERO PHOTO BADGE GÜNCELLEMESI ---- */
.hero-photo{
  position: relative;
  max-width: 480px;
  margin-left: auto;
}
.hero-photo img{
  width: 100%;
  height: auto;
  display: block;
}
.photo-badge{
  position: absolute;
  bottom: 32px;
  left: -24px;
  background: var(--ink);
  color: var(--cream);
  padding: 24px 28px;
  max-width: 280px;
}
.badge-title{
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--bronze-soft);
  margin-bottom: 8px;
  font-weight: 500;
}
.badge-sub{
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255,255,255,0.92);
}

/* ---- HERO GRID (anasayfa için) ---- */
.hero-grid{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
}
.hero-left .eyebrow{ margin-bottom: 24px; }

/* ---- HERO CTA ---- */
.hero-cta{
  display: flex;
  gap: 14px;
  margin: 32px 0 48px;
  flex-wrap: wrap;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px){
  .testimonials-grid,
  .blog-grid,
  .related-grid{ grid-template-columns: 1fr 1fr; gap: 24px; }
  .who-grid{ grid-template-columns: repeat(2, 1fr); }
  .th-grid{ grid-template-columns: 1fr; gap: 48px; }
  .th-aside{ position: static; }
  .ts-grid{ grid-template-columns: 1fr; gap: 24px; }
  .ts-side{ position: static; }
  .channels-grid{ grid-template-columns: repeat(2, 1fr); }
  .contact-grid{ grid-template-columns: 1fr; gap: 64px; }
  .prothesis-types{ grid-template-columns: 1fr; }
  .risks-grid{ grid-template-columns: 1fr; }
  .intl-grid{ grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .hero-grid{ grid-template-columns: 1fr; gap: 48px; }
  .hero-photo{ max-width: 380px; margin: 0 auto; }
}
@media (max-width: 640px){
  .testimonials-grid,
  .blog-grid,
  .related-grid,
  .who-grid,
  .channels-grid{ grid-template-columns: 1fr; }
  .form-row{ grid-template-columns: 1fr; }
  .rec-item{ grid-template-columns: 1fr; gap: 12px; }
  .th-meta{ gap: 24px; }
  .bio-stats{ flex-direction: column; gap: 16px; }
}

/* ============================================
   PAKET 1.1 — YENİ COMPONENT'LER
   cat-scroll, service-card (görselli),
   disease-areas, academic-intro,
   big-quote, scientific, img-placeholder
   ============================================ */

/* ---- PLACEHOLDER ---- */
.img-ph {
  width: 100%; height: 100%;
  min-height: 200px;
  background: var(--cream);
  border: 2px dashed var(--line);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--ink-mute);
}
.ph-name {
  font-family: 'Outfit', monospace;
  font-size: 13px;
  font-weight: 600;
  color: var(--bronze);
  letter-spacing: 0.05em;
}
.ph-size {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--ink-mute);
}

/* ---- CATEGORY SCROLL ---- */
.cat-scroll {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cat-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  padding: 0;
}
.cat-label {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink-mute);
  padding: 16px 24px;
  border-right: 1px solid var(--line);
  flex-shrink: 0;
}
.cat-track a {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: var(--ink-soft);
  text-decoration: none;
  padding: 16px 24px;
  border-right: 1px solid var(--line);
  transition: all 0.2s ease;
  flex-shrink: 0;
  font-weight: 400;
}
.cat-track a:hover {
  color: var(--ink);
  background: var(--cream);
}

/* ---- SERVICE CARDS (görselli) ---- */
.services { padding: var(--section) 0; }
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 56px;
}
.service-card {
  background: var(--cream);
  border: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  overflow: hidden;
}
.service-card:hover {
  border-color: var(--bronze);
  transform: translateY(-4px);
}
.sc-img-wrap {
  width: 100%;
  aspect-ratio: 800 / 520;
  overflow: hidden;
  background: var(--paper);
  position: relative;
}
.sc-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  padding: 14px;
  box-sizing: border-box;
  display: block;
  transition: transform 0.4s ease;
}
.service-card:hover .sc-img { transform: scale(1.04); }
.sc-img-wrap .img-ph { position: absolute; inset: 0; min-height: unset; }
.sc-body {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.sc-tag {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze);
  font-weight: 500;
}
.service-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.service-card p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}
.sc-link {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  font-weight: 500;
  margin-top: 8px;
}

/* ---- BLOG CARDS (görselli) ---- */
.blog-card {
  background: var(--cream);
  border: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  overflow: hidden;
}
.blog-card:hover {
  border-color: var(--bronze);
  transform: translateY(-4px);
}
.bc-img-wrap {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--paper);
  position: relative;
}
.bc-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  padding: 14px;
  box-sizing: border-box;
  display: block;
  transition: transform 0.4s ease;
}
.blog-card:hover .bc-img { transform: scale(1.04); }
.bc-img-wrap .img-ph { position: absolute; inset: 0; min-height: unset; }
.bc-body {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.blog-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.blog-card p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}

/* ---- DISEASE AREAS (koyu zemin) ---- */
.disease-areas {
  background: var(--ink);
  padding: var(--section) 0;
  color: var(--cream);
}
.da-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}
.da-head h2 { color: var(--cream); margin: 16px 0 0; }
.da-head h2 em { color: var(--bronze-soft); }
.da-head p {
  color: rgba(255,255,255,0.65);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.da-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  border-top: 1px solid rgba(255,255,255,0.12);
  padding-top: 48px;
}
.da-col h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze-soft);
  margin: 0 0 20px;
  font-weight: 500;
}
.da-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.da-col li a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 19px;
  color: rgba(255,255,255,0.82);
  text-decoration: none;
  line-height: 1.3;
  transition: color 0.2s ease;
  font-weight: 400;
}
.da-col li a:hover { color: var(--bronze-soft); }

/* ---- AKADEMİK INTRO ---- */
.academic-intro {
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ai-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.ai-left h2 { margin: 16px 0 20px; }
.ai-left p {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0 0 16px;
}
.ai-left .btn { margin-top: 16px; }
.ai-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.ai-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line);
}
.ai-stat .num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 48px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
}
.ai-stat .num small { font-size: 0.5em; }
.ai-stat .lbl {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
}

/* ---- BİG QUOTE ---- */
.big-quote {
  padding: 80px 0;
  text-align: center;
  background: var(--cream);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.big-quote blockquote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: clamp(26px, 3vw, 40px);
  color: var(--ink);
  max-width: 800px;
  margin: 0 auto 24px;
  line-height: 1.4;
  font-weight: 400;
}
.big-quote cite {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze);
  font-style: normal;
  font-weight: 500;
}

/* ---- BİLİMSEL ÜRETİM ---- */
.scientific {
  padding: var(--section) 0;
}
.sci-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: start;
}
.sci-left h2 { margin: 16px 0 20px; }
.sci-left p {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0 0 28px;
}
.sci-nums {
  display: flex;
  gap: 40px;
  margin-bottom: 24px;
}
.sci-stat .num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 48px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
  display: block;
}
.sci-stat .num small { font-size: 0.5em; }
.sci-stat .lbl {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
  display: block;
  margin-top: 4px;
}
.sci-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.sci-badge {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--bronze);
  border: 1px solid var(--bronze);
  padding: 4px 12px;
  font-weight: 500;
}
.pub-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 28px;
  border: 1px solid var(--line);
}
.pub-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--line);
  align-items: start;
}
.pub-item:last-child { border-bottom: 0; }
.pub-year {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  color: var(--bronze);
  font-weight: 500;
  padding-top: 2px;
}
.pub-item p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
}
.pub-item em { color: var(--ink); font-style: italic; }

/* ---- RESPONSIVE EKLEMELER ---- */
@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .da-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .da-head { grid-template-columns: 1fr; gap: 24px; }
  .ai-grid { grid-template-columns: 1fr; gap: 48px; }
  .sci-grid { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 640px) {
  .services-grid { grid-template-columns: 1fr; }
  .da-grid { grid-template-columns: 1fr; }
  .ai-stats { grid-template-columns: 1fr 1fr; gap: 16px; }
  .sci-nums { gap: 24px; }
  .cat-label { display: none; }
  .pub-item { grid-template-columns: 44px 1fr; gap: 12px; padding: 16px; }
}

/* ============================================
   PAKET 1.2 — TEDAVİ SAYFALARI YENİ COMPONENT'LER
   page-hero-dark, treat-intro, ti-card-dark,
   steps-horiz, advantages-dark, faq-section,
   cta-light, bullet-list, protez-compare
   ============================================ */

/* ---- KOYU HERO (tedavi sayfaları) ---- */
.page-hero-dark {
  background: var(--ink);
  padding: 64px 0 80px;
  color: var(--cream);
}
.page-hero-dark .breadcrumb-light a,
.page-hero-dark .breadcrumb-light span {
  color: rgba(255,255,255,0.45);
}
.page-hero-dark .breadcrumb-light a:hover { color: var(--bronze-soft); }
.page-hero-dark h1 {
  color: var(--cream);
  font-size: clamp(36px, 5vw, 64px);
  margin: 24px 0 20px;
  line-height: 1.05;
}
.page-hero-dark h1 em { color: var(--bronze-soft); }
.hero-sub {
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  max-width: 64ch;
  line-height: 1.6;
  margin: 0;
  font-weight: 300;
}

/* ---- TREAT INTRO (2 sütun: metin + koyu kart) ---- */
.treat-intro {
  padding: var(--section) 0;
}
.ti-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 64px;
  align-items: start;
}
.ti-left h2 { margin: 16px 0 20px; }
.ti-left h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  color: var(--ink);
  font-weight: 500;
  margin-bottom: 16px;
}
.ti-left p {
  font-size: 15.5px;
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0 0 16px;
}
.bullet-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bullet-list li {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.55;
  padding-left: 20px;
  position: relative;
}
.bullet-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--bronze);
  font-weight: 400;
}
.ti-aside { position: sticky; top: 100px; }
.ti-card-dark {
  background: var(--ink);
  padding: 32px 28px;
  color: var(--cream);
}
.ti-card-dark h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--bronze-soft);
  margin: 0 0 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  font-weight: 500;
}
.ti-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.ti-info-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 14px;
}
.ti-info-list li:last-child { border-bottom: 0; }
.ti-info-list li span:first-child { color: rgba(255,255,255,0.55); }
.ti-info-list li span:last-child {
  color: var(--cream);
  font-weight: 500;
  text-align: right;
}
.ti-card-note {
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  font-style: italic;
  line-height: 1.5;
  margin: 16px 0 0;
  text-align: center;
}

/* ---- ADIM ADIM YATAY (4 sütun) ---- */
.steps-horiz {
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.sh-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}
.sh-head h2 { margin: 16px 0 0; }
.sh-head p {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
}
.sh-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 2px solid var(--ink);
}
.sh-step {
  padding: 32px 28px 28px;
  border-right: 1px solid var(--line);
}
.sh-step:last-child { border-right: 0; }
.sh-num {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze);
  font-weight: 500;
  margin-bottom: 16px;
}
.sh-step h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin: 0 0 12px;
  font-weight: 500;
}
.sh-step p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
}

/* ---- ADVANTAGES DARK (koyu zemin 6 kart) ---- */
.advantages-dark {
  background: var(--ink);
  padding: var(--section) 0;
  color: var(--cream);
}
.adv-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}
.adv-head h2 { color: var(--cream); margin: 16px 0 0; }
.adv-head h2 em { color: var(--bronze-soft); }
.adv-head p {
  color: rgba(255,255,255,0.6);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}
.adv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.1);
}
.adv-card {
  background: var(--ink);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.adv-num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 20px;
  color: var(--bronze-soft);
}
.adv-card h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--cream);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.adv-card p {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  margin: 0;
  line-height: 1.6;
}

/* ---- FAQ SECTION ---- */
.faq-section {
  padding: var(--section) 0;
}
.faq-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 48px;
}
.faq-head h2 { margin: 16px 0 0; }
.faq-head p {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
}

/* ---- CTA LIGHT (açık zemin, 2 buton) ---- */
.cta-light {
  padding: 64px 0;
  background: var(--cream);
  border-top: 1px solid var(--line);
}
.cta-light-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  align-items: center;
}
.cta-light h2 { margin: 16px 0 16px; }
.cta-light p {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
  max-width: 52ch;
}
.cta-light-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.cta-contact-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  font-size: 14px;
  color: var(--ink-soft);
}
.cta-contact-info strong {
  color: var(--ink-mute);
  font-weight: 500;
  margin-right: 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.cta-contact-info a { color: var(--ink); text-decoration: none; }

/* ---- PROTEZ KARŞILAŞTIRMA ---- */
.protez-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
.pc-card {
  padding: 24px;
  background: var(--paper);
  border: 1px solid var(--line);
}
.pc-card.pc-primary { border: 2px solid var(--bronze); }
.pc-tag {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze);
  font-weight: 500;
  margin-bottom: 10px;
}
.pc-card h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  color: var(--ink);
  margin: 0 0 10px;
  font-weight: 500;
}
.pc-card p {
  font-size: 13.5px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .ti-grid { grid-template-columns: 1fr; }
  .ti-aside { position: static; }
  .sh-head, .adv-head, .faq-head { grid-template-columns: 1fr; gap: 20px; }
  .sh-grid { grid-template-columns: repeat(2, 1fr); }
  .adv-grid { grid-template-columns: repeat(2, 1fr); }
  .cta-light-grid { grid-template-columns: 1fr; gap: 40px; }
  .protez-compare { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .sh-grid { grid-template-columns: 1fr; }
  .adv-grid { grid-template-columns: 1fr; }
  .sh-step { border-right: 0; border-bottom: 1px solid var(--line); }
}

/* ============================================
   PAKET 1.2 — HAKKIMDA & İLETİŞİM COMPONENT'LER
   bio-section, timeline, memberships,
   cta-question, page-hero-light,
   contact-channels-3, contact-form-section,
   addr-dark-card, map-section,
   intl-patients, emergency-section
   ============================================ */

/* ---- HAKKIMDA BİO ---- */
.bio-section { padding: var(--section) 0; }
.bio-grid {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 72px;
  align-items: start;
}
.bio-photo-wrap { position: sticky; top: 100px; }
.bio-photo-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.bio-stats-under {
  display: flex;
  gap: 0;
  border: 1px solid var(--line);
  margin-top: 0;
}
.bs-item {
  flex: 1;
  padding: 18px 16px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--paper);
}
.bs-item:last-child { border-right: 0; }
.bs-item .num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  color: var(--ink);
  font-weight: 500;
  line-height: 1;
}
.bs-item .num small { font-size: 0.55em; }
.bs-item .lbl {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--ink-mute);
}
.bio-text h2 { margin: 16px 0 24px; }
.bio-text h2 em { color: var(--bronze); }
.bio-text p {
  font-size: 15.5px;
  color: var(--ink-soft);
  line-height: 1.75;
  margin: 0 0 16px;
}
.bio-quote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  color: var(--ink);
  border-left: 3px solid var(--bronze);
  padding: 12px 0 12px 24px;
  margin: 32px 0;
  line-height: 1.5;
}
.bio-cta-wrap {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 32px;
}

/* ---- TİMELİNE ---- */
.timeline-section {
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.tl-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 64px;
}
.tl-head h2 { margin: 16px 0 0; }
.tl-head p { font-size: 15px; color: var(--ink-soft); line-height: 1.6; margin: 0; }
.timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-left: 2px solid var(--line);
  margin-left: 120px;
  padding-left: 48px;
  position: relative;
}
.tl-item {
  position: relative;
  padding: 0 0 48px;
  display: grid;
  grid-template-columns: 1fr;
}
.tl-item::before {
  content: '';
  position: absolute;
  left: -55px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bronze);
  border: 2px solid var(--paper);
  box-shadow: 0 0 0 2px var(--bronze);
}
.tl-year {
  position: absolute;
  left: -168px;
  top: 0;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--bronze);
  font-weight: 500;
  white-space: nowrap;
}
.tl-content h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink);
  margin: 0 0 4px;
  font-weight: 500;
}
.tl-place {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--bronze);
  margin: 0 0 10px !important;
  font-weight: 500;
}
.tl-content p {
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.65;
  margin: 0;
}

/* ---- MEMBERSHIPS (koyu zemin) ---- */
.memberships {
  background: var(--ink);
  padding: var(--section) 0;
  color: var(--cream);
}
.mb-head {
  margin-bottom: 56px;
}
.mb-head h2 { color: var(--cream); margin: 16px 0 16px; }
.mb-head h2 em { color: var(--bronze-soft); }
.mb-head p { color: rgba(255,255,255,0.6); font-size: 15px; line-height: 1.6; margin: 0; max-width: 60ch; }
.mb-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.1);
}
.mb-item {
  background: var(--ink);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mb-num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 20px;
  color: var(--bronze-soft);
}
.mb-item h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--cream);
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.mb-item p {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  margin: 0;
  line-height: 1.6;
}

/* ---- CTA QUESTION ---- */
.cta-question {
  padding: 64px 0;
  background: var(--cream);
  border-top: 1px solid var(--line);
}
.cq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.cq-left h2 { margin: 16px 0 16px; }
.cq-left p { font-size: 15px; color: var(--ink-soft); line-height: 1.6; margin: 0; }
.cq-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.cq-contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cq-contact div {
  display: flex;
  gap: 12px;
  font-size: 14px;
  align-items: baseline;
}
.cq-contact span:first-child {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--ink-mute);
  min-width: 48px;
}
.cq-contact a { color: var(--ink); text-decoration: none; }

/* ---- PAGE HERO LIGHT (iletişim) ---- */
.page-hero-light {
  padding: 64px 0 72px;
  background: var(--cream);
  border-bottom: 1px solid var(--line);
}
.page-hero-light h1 {
  font-size: clamp(40px, 5vw, 64px);
  margin: 24px 0 20px;
  line-height: 1.05;
}
.hero-sub-light {
  font-size: 18px;
  color: var(--ink-soft);
  max-width: 60ch;
  line-height: 1.6;
  margin: 0;
  font-weight: 300;
}

/* ---- 3 KANAL ---- */
.contact-channels-3 {
  padding: 64px 0;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.cc3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid var(--line);
}
.cc3-card {
  padding: 36px 32px;
  border-right: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background 0.2s ease;
}
.cc3-card:last-child { border-right: 0; }
.cc3-card:hover { background: var(--cream); }
.cc3-num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--bronze);
}
.cc3-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  color: var(--ink);
  margin: 0;
  font-weight: 500;
}
.cc3-detail {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: var(--bronze);
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.03em;
}
.cc3-hours {
  font-size: 12px;
  color: var(--ink-mute);
  margin: 0;
  font-style: italic;
}
.cc3-card p:not(.cc3-detail):not(.cc3-hours) {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}
.cc3-link {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink);
  font-weight: 500;
  margin-top: 8px;
}

/* ---- FORM + ADRES ---- */
.contact-form-section { padding: var(--section) 0; }
.cfs-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 72px;
  align-items: start;
}
.cfs-form-wrap h2 { margin: 16px 0 12px; }
.cfs-form-wrap > p { font-size: 15px; color: var(--ink-soft); margin: 0 0 32px; line-height: 1.6; }
.addr-dark-card {
  background: var(--ink);
  padding: 32px 28px;
  color: var(--cream);
  margin-bottom: 24px;
}
.addr-dark-card .eyebrow { display: block; margin-bottom: 24px; }
.addr-block {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.addr-block:last-child { border-bottom: 0; padding-bottom: 0; }
.addr-label {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: rgba(255,255,255,0.4);
  margin: 0 0 6px;
  font-weight: 500;
}
.addr-block p, .addr-block strong {
  font-size: 14.5px;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  margin: 0;
}
.addr-block strong { color: var(--cream); }
.addr-block a {
  font-size: 14.5px;
  color: var(--bronze-soft);
  text-decoration: none;
  line-height: 1.6;
}
.hours-card {
  padding: 24px 28px;
  background: var(--paper);
  border: 1px solid var(--line);
}
.hours-card h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--ink-mute);
  margin: 0 0 16px;
  font-weight: 500;
}

/* ---- HARİTA ---- */
.map-section {
  background: var(--ink);
  padding: 48px 0;
}
.map-inner { position: relative; }
.map-pin-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: var(--cream);
}
.map-pin-icon { font-size: 24px; }
.map-pin-label strong { display: block; font-size: 16px; color: var(--cream); }
.map-pin-label span { font-size: 13px; color: rgba(255,255,255,0.6); }
.map-open-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bronze-soft);
  text-decoration: none;
  font-weight: 500;
}

/* ---- YURT DIŞI HASTALAR ---- */
.intl-patients {
  padding: var(--section) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.ip-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 80px;
  align-items: start;
}
.ip-left h2 { margin: 16px 0 20px; }
.ip-left p { font-size: 15px; color: var(--ink-soft); line-height: 1.7; margin: 0 0 16px; }
.ip-langs {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
.ip-langs span {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--bronze);
  border: 1px solid var(--bronze);
  padding: 4px 12px;
  font-weight: 500;
}
.ip-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--line);
}
.ip-steps li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--line);
  align-items: start;
}
.ip-steps li:last-child { border-bottom: 0; }
.ip-step-num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 20px;
  color: var(--bronze);
  font-weight: 500;
  padding-top: 2px;
}
.ip-steps h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  color: var(--ink);
  margin: 0 0 6px;
  font-weight: 500;
}
.ip-steps p { font-size: 13.5px; color: var(--ink-soft); margin: 0; line-height: 1.6; }
.ip-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---- ACİL DURUMLAR ---- */
.emergency-section {
  padding: 64px 0;
  background: var(--ink);
  color: var(--cream);
}
.emg-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.emergency-section h2 { color: var(--cream); margin: 16px 0 16px; }
.emergency-section h2 em { color: var(--bronze-soft); }
.emergency-section p { color: rgba(255,255,255,0.7); font-size: 15px; line-height: 1.6; margin: 0; }
.emg-actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.emg-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.emg-info div {
  display: flex;
  gap: 12px;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
}
.emg-info span:first-child {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.4);
  min-width: 36px;
}
.emg-info a { color: var(--bronze-soft); text-decoration: none; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .bio-grid { grid-template-columns: 1fr; gap: 48px; }
  .bio-photo-wrap { position: static; max-width: 380px; }
  .tl-head { grid-template-columns: 1fr; gap: 20px; }
  .timeline { margin-left: 80px; }
  .tl-year { left: -128px; font-size: 15px; }
  .mb-grid { grid-template-columns: 1fr; }
  .cq-grid { grid-template-columns: 1fr; gap: 40px; }
  .cc3-grid { grid-template-columns: 1fr; }
  .cc3-card { border-right: 0; border-bottom: 1px solid var(--line); }
  .cc3-card:last-child { border-bottom: 0; }
  .cfs-grid { grid-template-columns: 1fr; }
  .ip-grid { grid-template-columns: 1fr; gap: 48px; }
  .emg-grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 640px) {
  .timeline { margin-left: 48px; padding-left: 28px; }
  .tl-year { left: -68px; font-size: 13px; }
  .bio-stats-under { flex-wrap: wrap; }
}

/* ---- ANATOMİ İLLÜSTRASYONLARI ----
   AI üretimi görseller düz krem/beyaz zeminle gelir (şeffaf PNG gerekmez).
   multiply blend, açık zemini sayfa zeminiyle kaynaştırır.
   Koyu (lacivert) zeminli bölümlerde KULLANMAYIN. */
.illus {
  display: block;
  max-width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
.illus-wrap {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 24px;
}
.illus-wrap figcaption {
  margin-top: 16px;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: rgba(15,42,63,0.55);
  text-align: center;
  letter-spacing: 0.02em;
}

/* ==== HASTALIK SAYFALARI — GÖRSEL & TEDAVİ SEÇENEKLERİ ==== */

/* Anatomi görsel bölümü (açık zemin) */
.illus-section {
  background: var(--paper);
  padding: 96px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.illus-head {
  max-width: 720px;
  margin: 0 auto 48px;
  text-align: center;
}
.illus-head h2 {
  margin: 12px 0 16px;
}
.illus-head p {
  color: rgba(15,42,63,0.7);
  font-size: 17px;
  line-height: 1.7;
}
.illus-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  max-width: 980px;
  margin: 0 auto;
}
.illus-single {
  max-width: 720px;
  margin: 0 auto;
}

/* Tedavi seçenekleri bölümü */
.treat-options {
  padding: 96px 0;
}
.to-head {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}
.to-head h2 { margin: 12px 0 16px; }
.to-head p {
  color: rgba(15,42,63,0.7);
  font-size: 17px;
  line-height: 1.7;
}
.to-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 980px;
  margin: 0 auto;
}
.to-card {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 32px;
  text-decoration: none;
  color: inherit;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.to-card h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink);
  margin: 0 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.to-card p {
  color: rgba(15,42,63,0.72);
  font-size: 15.5px;
  line-height: 1.65;
  margin: 0;
}
.to-card-link {
  border-color: var(--bronze);
  background: #fff;
}
.to-card-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(15,42,63,0.10);
  border-color: var(--ink);
}
.to-arrow {
  color: var(--bronze);
  font-size: 22px;
  transition: transform .2s ease;
}
.to-card-link:hover .to-arrow { transform: translateX(4px); }

@media (max-width: 780px) {
  .illus-duo { grid-template-columns: 1fr; gap: 24px; }
  .to-grid { grid-template-columns: 1fr; }
  .illus-section, .treat-options { padding: 64px 0; }
}

/* ==== BLOG "YAKINDA" ==== */
.blog-soon {
  max-width: 820px;
  margin: 56px auto 0;
  text-align: center;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 40px 32px;
}
.blog-soon p {
  color: rgba(15,42,63,0.78);
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 24px;
}
.blog-soon-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* ==== YASAL METİN SAYFALARI (KVKK vb.) ==== */
.legal-section {
  padding: 80px 0 96px;
}
.legal-content {
  max-width: 780px;
  margin: 0 auto;
}
.legal-content h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  color: var(--ink);
  margin: 40px 0 12px;
}
.legal-content p {
  color: rgba(15,42,63,0.8);
  font-size: 16.5px;
  line-height: 1.8;
  margin: 0 0 16px;
}
.legal-content a { color: var(--bronze); }
.legal-intro {
  font-size: 18px !important;
  color: var(--ink) !important;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.legal-note {
  margin-top: 40px !important;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 14px !important;
  color: rgba(15,42,63,0.55) !important;
}

/* ==== BLOG YAZI (MAKALE) SAYFASI ==== */
.article-section { padding: 72px 0 96px; }
.article-content { max-width: 760px; margin: 0 auto; }
.article-meta {
  display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center;
  font-family: 'Outfit', sans-serif; font-size: 14px;
  color: rgba(15,42,63,0.55); margin-bottom: 8px;
}
.article-meta .tag { color: var(--bronze); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: 12.5px; }
.article-lead {
  font-size: 20px; line-height: 1.65; color: var(--ink);
  font-weight: 500; padding-bottom: 28px; margin-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.article-content h2 {
  font-family: 'Cormorant Garamond', serif; font-size: 30px;
  color: var(--ink); margin: 44px 0 14px; line-height: 1.2;
}
.article-content h3 {
  font-family: 'Outfit', sans-serif; font-size: 19px; font-weight: 600;
  color: var(--ink); margin: 30px 0 10px;
}
.article-content p { color: rgba(15,42,63,0.82); font-size: 17px; line-height: 1.8; margin: 0 0 18px; }
.article-content ul { margin: 0 0 20px; padding-left: 4px; list-style: none; }
.article-content ul li {
  position: relative; padding-left: 26px; margin-bottom: 11px;
  color: rgba(15,42,63,0.82); font-size: 16.5px; line-height: 1.7;
}
.article-content ul li::before {
  content: ""; position: absolute; left: 4px; top: 11px;
  width: 7px; height: 7px; border-radius: 50%; background: var(--bronze);
}
.article-content a { color: var(--bronze); text-decoration: underline; text-underline-offset: 3px; }
.article-content blockquote {
  margin: 28px 0; padding: 20px 28px; border-left: 3px solid var(--bronze);
  background: var(--cream); border-radius: 0 6px 6px 0;
  font-family: 'Cormorant Garamond', serif; font-size: 22px;
  font-style: italic; color: var(--ink); line-height: 1.5;
}
.article-content figure.illus-wrap { margin: 32px 0; }
.article-note {
  margin-top: 32px; padding: 18px 22px; border: 1px solid var(--line);
  border-radius: 6px; background: var(--paper);
  font-size: 14.5px; color: rgba(15,42,63,0.6); line-height: 1.65;
}
.article-links {
  margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line);
}
.article-links h4 {
  font-family: 'Outfit', sans-serif; font-size: 13px; text-transform: uppercase;
  letter-spacing: .1em; color: rgba(15,42,63,0.5); margin: 0 0 16px;
}
.article-links-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.article-links-grid a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; border: 1px solid var(--bronze); border-radius: 999px;
  font-family: 'Outfit', sans-serif; font-size: 14.5px; color: var(--ink);
  text-decoration: none; transition: background .2s, color .2s;
}
.article-links-grid a:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
@media (max-width: 640px) {
  .article-content h2 { font-size: 25px; }
  .article-lead { font-size: 18px; }
}