/* FindMed v2 — premium lacivert + parlak gök mavisi vurgu */
body.theme-v2 {
  /* Lacivert ailesi: koyudan açığa */
  --ink: #0a1a30;
  /* en koyu — derin zeminler */
  --navy-dark: #0e2c56;
  /* koyu bölümler, footer, başlık metni */
  --navy: #14417d;
  /* birincil buton */
  --blue: #1a56a0;
  /* degrade orta tonu */

  /* Vurgu: parlak gök mavisi */
  --accent: #1e9fe0;
  --accent-dark: #0f76b8;
  /* beyaz üstünde okunur ton */
  --accent-soft: #e8f3fc;
  /* açık vurgu zemini */
  --gold: #1e9fe0;
  /* eski isim — geriye dönük uyum */

  --spark: #e8573f;
  /* mercan kıvılcım — çok az yerde, sıcaklık için */

  --text: #14233b;
  --muted: #5c6f82;
  --line: #cfe2f5;
  --soft: #f2f8fe;
  --shadow: none;
}

body.theme-v2 .site-header {
  background: transparent;
}

body.theme-v2 .logo>span>span {
  color: var(--accent);
}

body.theme-v2 .main-nav a:hover {
  color: var(--accent);
}

body.theme-v2 .trust-row,
body.theme-v2 .treatment-card,
body.theme-v2 .treatment-card:hover,
body.theme-v2 .slider-arrow,
body.theme-v2 .newsletter input {
  box-shadow: none;
}

body.theme-v2 .btn-primary {
  background: var(--navy);
}

body.theme-v2 .btn-primary:hover {
  background: var(--navy-dark);
}

body.theme-v2 .site-header .btn-primary {
  min-height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  color: var(--navy-dark);
  background: white;
}

body.theme-v2 .site-header .btn-primary .icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

body.theme-v2 .site-header .btn-primary:hover {
  color: white;
  background: var(--accent-dark);
}

body.theme-v2 .hero {
  background-color: transparent;
  background-image: none;
}

body.theme-v2 .hero::before {
  background: transparent;
}

body.theme-v2 .eyebrow {
  color: var(--accent-dark);
  letter-spacing: 1.8px;
}

body.theme-v2 .hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--navy);
  background: transparent;
  font-size: 11px;
  letter-spacing: 2.4px;
}

body.theme-v2 .hero .eyebrow::before {
  content: "";
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: var(--accent);
}

body.theme-v2 h1 em {
  color: var(--accent);
}

body.theme-v2 .stars {
  color: #ffc107;
}

body.theme-v2 .trust-wrap {
  background: transparent;
}

body.theme-v2 .trust-panel {
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: none;
  /* arama widget'ıyla birebir aynı yükseklik sistemi */
  filter:
    drop-shadow(0 1px 2px rgba(12, 38, 74, .07))
    drop-shadow(0 9px 16px rgba(12, 38, 74, .085))
    drop-shadow(0 24px 38px rgba(12, 38, 74, .075));
}

body.theme-v2 .trust-heading {
  padding: 24px 28px;
  border-bottom-color: #edf2f8;
  background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
}

body.theme-v2 .trust-seal {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(140deg, #1a56a0 0%, var(--navy-dark) 100%);
  box-shadow: none;
}

body.theme-v2 .trust-kicker {
  color: var(--accent-dark);
  font-size: 10px;
  letter-spacing: 1.6px;
}

body.theme-v2 .trust-heading h2 {
  color: var(--navy-dark);
  font-size: 21px;
  letter-spacing: -.2px;
}

body.theme-v2 .trust-heading p {
  color: var(--muted);
  font-size: 12px;
}

body.theme-v2 .trust-status {
  padding: 10px 14px;
  border-color: #cbe9db;
  border-radius: 999px;
  color: #12694a;
  background: #f4fbf7;
}

body.theme-v2 .trust-status>span {
  color: #6b8f7f;
}

body.theme-v2 .trust-status strong {
  color: #12694a;
}

body.theme-v2 .trust-row {
  border-color: transparent;
  background: #fff;
}

body.theme-v2 .trust-row>div {
  padding: 22px;
  border-right-color: #edf2f8;
  transition: background .2s ease;
}

body.theme-v2 .trust-row>div:hover {
  background: #fafcff;
}

body.theme-v2 .trust-icon {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  border-color: #dde7f4;
  border-radius: 12px;
  color: var(--navy-dark);
  background: #f2f7fc;
}

body.theme-v2 .trust-row .icon {
  color: var(--navy-dark);
}

body.theme-v2 .trust-row strong {
  color: var(--navy-dark);
  font-size: 13px;
}

body.theme-v2 .trust-row>div>span:last-child {
  color: #64748b;
  font-size: 11px;
}

body.theme-v2 .trust-row small {
  color: #94a3b8;
}

body.theme-v2 .section-muted {
  background: var(--soft);
}

body.theme-v2 .treatment-card {
  border-color: #cce7f5;
}

body.theme-v2 .treatment-card h3 {
  color: var(--navy-dark);
}

body.theme-v2 .treatment-card p {
  color: var(--accent-dark);
  font-weight: 600;
}

body.theme-v2 .destination-card::after {
  inset: auto 0 0;
  height: 42%;
  background: rgba(14, 44, 86, .82);
}

body.theme-v2 .slider-arrow {
  border-color: #c5daf2;
  color: var(--navy);
}

body.theme-v2 .slider-arrow:hover:not(:disabled) {
  background: var(--navy);
}

body.theme-v2 .slider-dots button.active {
  background: var(--accent);
}

body.theme-v2 #about {
  background: var(--soft);
}

body.theme-v2 .btn-light {
  color: var(--navy-dark);
}

body.theme-v2 .testimonials {
  background: #f8fcff;
}

body.theme-v2 .testimonial-card {
  border-color: #cce7f5;
}

body.theme-v2 .patient img {
  border-color: #e2f1fd;
}

body.theme-v2 .patient h3 {
  color: var(--navy-dark);
}

body.theme-v2 .site-footer {
  color: #c5daf2;
  background: var(--navy-dark);
}

@media (max-width: 1050px) {
  body.theme-v2 .trust-row>div:nth-child(-n+2) {
    border-bottom-color: #edf2f8;
  }
}

@media (max-width: 760px) {
  body.theme-v2 .hero::before {
    background: transparent;
  }

  body.theme-v2 .trust-wrap {
    background: transparent;
  }
}

@media (max-width: 430px) {
  body.theme-v2 .trust-wrap {
    background: transparent;
  }

  body.theme-v2 .trust-row>div {
    border-bottom-color: #edf2f8;
  }
}
/* ══════════════════════════════════════════════════════════════
   FindMed v3 — premium açık tema (hero altındaki tüm bölümler)
   Lacivert + gök mavisi marka rengi, açık mavi yüzeyler, beyaz kartlar
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 {
  --surface: #f4f8fd;
  --card-line: #e3ebf5;
  --card-shadow: 0 2px 4px rgba(12, 38, 74, .04);
  --card-shadow-hover: 0 18px 36px -18px rgba(12, 38, 74, .28);
}

/* ── Bölüm ritmi ── */
body.theme-v2 .section {
  --section-pad: 78px;
  padding: var(--section-pad) 0;
}

body.theme-v2 .slider-dots {
  margin-top: 22px;
}

body.theme-v2 .section-muted,
body.theme-v2 #about {
  background: var(--surface);
}

/* style.css'teki "#about { padding: 72px }" ID kuralı bölüm ritmini bozuyordu */
body.theme-v2 .section#about {
  padding-top: var(--section-pad);
  padding-bottom: var(--section-pad);
}

/* ── Bölüm başlıkları ── */
body.theme-v2 .section-heading {
  align-items: flex-end;
  margin-bottom: 34px;
}

body.theme-v2 .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--accent-dark);
  font-size: 10px;
  letter-spacing: 1.3px;
}

body.theme-v2 .eyebrow .icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

body.theme-v2 .section-heading h2,
body.theme-v2 .center-heading h2,
body.theme-v2 .wc-copy h2 {
  color: var(--navy-dark);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -.4px;
}

body.theme-v2 .center-heading {
  margin-bottom: 44px;
}

body.theme-v2 .section-heading>a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid var(--card-line);
  border-radius: 999px;
  color: var(--navy-dark);
  background: #fff;
  font-size: 13px;
  transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body.theme-v2 .section-heading>a:hover {
  border-color: var(--accent);
  color: var(--accent-dark);
  box-shadow: var(--card-shadow-hover);
}

/* ── Tedavi kartları ── */
body.theme-v2 .treatment-card {
  border: 1px solid var(--card-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--card-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.theme-v2 .treatment-card:hover {
  border-color: #cfe0f2;
  box-shadow: var(--card-shadow-hover);
}

body.theme-v2 .treatment-card div {
  padding: 16px 16px 18px;
}

body.theme-v2 .treatment-card h3 {
  font-size: 15px;
  letter-spacing: -.1px;
}

body.theme-v2 .treatment-card p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

/* ── Destinasyon kartları ── */
body.theme-v2 .destination-card {
  border-radius: 16px;
  box-shadow: var(--card-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}

body.theme-v2 .destination-card:hover {
  box-shadow: var(--card-shadow-hover);
}

body.theme-v2 .destination-card::after {
  inset: 38% 0 0;
  height: auto;
  background: linear-gradient(transparent, rgba(14, 44, 86, .9));
}

body.theme-v2 .destination-card h3 {
  font-size: 19px;
  letter-spacing: -.2px;
}

body.theme-v2 .destination-card p {
  color: #b9d4f2;
  font-size: 12px;
  font-weight: 600;
  opacity: 1;
}

/* ── Slider kontrolleri ── */
body.theme-v2 .slider-arrow {
  border-color: var(--card-line);
  color: var(--navy-dark);
  background: #fff;
  box-shadow: var(--card-shadow);
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

body.theme-v2 .slider-arrow:hover:not(:disabled) {
  border-color: var(--navy-dark);
  color: #fff;
  background: var(--navy-dark);
}

body.theme-v2 .slider-dots button {
  background: #cddcec;
}

body.theme-v2 .slider-dots button.active {
  background: var(--accent-dark);
}

/* ── Nasıl çalışır ── */
/* ── Neden FindMed / akordeon ── */
body.theme-v2 #about {
  background: #fff;
}

/* ── Hasta hikâyeleri ── */
body.theme-v2 .testimonials {
  background: var(--surface);
}

body.theme-v2 .testimonial-card {
  border: 1px solid var(--card-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--card-shadow);
  transition: box-shadow .25s ease, border-color .25s ease;
}

body.theme-v2 .testimonial-card:hover {
  border-color: #cfe0f2;
  box-shadow: var(--card-shadow-hover);
}

body.theme-v2 .testimonial-card::before {
  color: #dbe7f5;
}

body.theme-v2 .testimonial-card blockquote {
  color: #3d4f66;
}

/* ══════════════════════════════════════════════════════════════
   Rakamlar — kart değil, ince çizgili editoryal bant
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .numbers {
  padding: var(--section-pad, 78px) 0 20px;
  background: #fff;
}

body.theme-v2 .nm-band {
  padding: 10px 0 38px;
  text-align: center;
}

body.theme-v2 .nm-eyebrow {
  margin-bottom: 34px;
  font-weight: 800;
  text-transform: uppercase;
}

/* ── Rakam satırı ── */
body.theme-v2 .nm-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.theme-v2 .nm-item {
  padding: 0 18px;
}

body.theme-v2 .nm-item+.nm-item {
  border-left: 1px solid var(--card-line);
}

body.theme-v2 .nm-value {
  display: block;
  color: var(--navy-dark);
  font-size: 54px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -2.4px;
  line-height: 1;
}

/* sonek turkuaz ve daha küçük */
body.theme-v2 .nm-value em {
  margin-left: 2px;
  color: var(--accent-dark);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1px;
  vertical-align: 6px;
}

body.theme-v2 .nm-label {
  display: block;
  margin-top: 14px;
  color: var(--navy-dark);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

body.theme-v2 .nm-note {
  display: block;
  max-width: 210px;
  margin: 7px auto 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Güven satırı ── */
body.theme-v2 .nm-trust {
  display: flex;
  gap: 14px 44px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 36px 0 0;
  padding: 26px 0 0;
  border-top: 1px solid var(--card-line);
  list-style: none;
}

body.theme-v2 .nm-trust li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--navy-dark);
  font-size: 13px;
  font-weight: 600;
}

body.theme-v2 .nm-trust .icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--accent-dark);
}

/* ── Duyarlı ── */
@media (max-width: 900px) {
  body.theme-v2 .nm-band {
    padding: 10px 0 30px;
  }

  body.theme-v2 .nm-eyebrow {
    margin-bottom: 26px;
  }

  body.theme-v2 .nm-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 30px;
  }

  /* 2 sütunda yalnızca sağdakiler çizgi alsın */
  body.theme-v2 .nm-item+.nm-item {
    border-left: 0;
  }

  body.theme-v2 .nm-item:nth-child(even) {
    border-left: 1px solid var(--card-line);
  }

  body.theme-v2 .nm-value {
    font-size: 42px;
    letter-spacing: -1.8px;
  }

  body.theme-v2 .nm-value em {
    font-size: 24px;
    vertical-align: 5px;
  }

  body.theme-v2 .nm-trust {
    gap: 12px 26px;
    margin-top: 28px;
    padding-top: 22px;
  }
}

@media (max-width: 560px) {
  body.theme-v2 .nm-value {
    font-size: 34px;
    letter-spacing: -1.4px;
  }

  body.theme-v2 .nm-value em {
    font-size: 20px;
    vertical-align: 4px;
  }

  body.theme-v2 .nm-label {
    margin-top: 11px;
    font-size: 11px;
    letter-spacing: 1.2px;
  }

  body.theme-v2 .nm-note {
    font-size: 11.5px;
  }

  body.theme-v2 .nm-trust {
    gap: 11px;
    flex-direction: column;
    align-items: center;
  }
}

/* ══════════════════════════════════════════════════════════════
   Bülten — rakamlar bandıyla aynı açık kart dili
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .newsletter {
  /* üstteki rakamlar kartıyla arada nefes payı */
  padding: 20px 0 var(--section-pad, 78px);
  background: #fff;
}

body.theme-v2 .newsletter-inner {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 0;
  padding: 38px 36px;
  border: 1px solid var(--card-line);
  border-radius: 22px;
  background: var(--surface);
}

body.theme-v2 .nl-copy {
  position: relative;
}

body.theme-v2 .nl-copy .eyebrow {
  margin-bottom: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.theme-v2 .newsletter h2 {
  margin: 0;
  color: var(--navy-dark);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.5px;
  line-height: 1.22;
}

body.theme-v2 .newsletter p {
  max-width: 480px;
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

/* ── Form ── */
body.theme-v2 .newsletter form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
  width: min(520px, 100%);
}

body.theme-v2 .nl-field {
  display: flex;
  width: 100%;
  gap: 10px;
}

body.theme-v2 .newsletter input {
  height: 52px;
  padding: 0 18px;
  border: 1px solid var(--card-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  font-size: 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

body.theme-v2 .newsletter input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(30, 159, 224, .16);
}

body.theme-v2 .newsletter form .btn {
  min-height: 52px;
  padding: 0 26px;
  border-radius: 12px;
  background: var(--accent-dark);
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
  transition: background .2s ease;
}

body.theme-v2 .newsletter form .btn:hover {
  background: var(--accent);
  box-shadow: none;
}

body.theme-v2 .nl-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
}

body.theme-v2 .nl-note .icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: var(--accent-dark);
}

/* ── Duyarlı ── */
@media (max-width: 1050px) {
  body.theme-v2 .newsletter-inner {
    gap: 26px;
    grid-template-columns: 1fr;
    padding: 30px 24px;
  }

  body.theme-v2 .newsletter-inner>div,
  body.theme-v2 .newsletter form {
    grid-column: 1;
  }

  body.theme-v2 .newsletter-inner>div {
    grid-row: 1;
  }

  body.theme-v2 .newsletter form {
    grid-row: 2;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  body.theme-v2 .newsletter p {
    max-width: none;
  }
}

@media (max-width: 560px) {
  body.theme-v2 .newsletter-inner {
    padding: 26px 18px;
  }

  body.theme-v2 .newsletter h2 {
    font-size: 22px;
  }

  body.theme-v2 .nl-field {
    flex-direction: column;
  }

  /* dikey sıralamada flex:1 input'u ezmesin */
  body.theme-v2 .newsletter input {
    width: 100%;
    flex: 0 0 auto;
  }

  body.theme-v2 .newsletter form .btn {
    width: 100%;
  }
}

/* ── Alt bilgi ── */
body.theme-v2 .site-footer {
  background: var(--navy-dark);
}

@media (max-width: 760px) {
  body.theme-v2 .section {
    --section-pad: 58px;
  }

  body.theme-v2 .section-heading h2,
  body.theme-v2 .center-heading h2,
  body.theme-v2 .wc-copy h2 {
    font-size: 26px;
  }

  body.theme-v2 .newsletter {
    padding-bottom: 58px;
  }

  body.theme-v2 .numbers {
    padding-top: 58px;
  }
}

/* ── Hero başlığı: daha büyük ve kalın ── */
body.theme-v2 .hero-copy h1 {
  color: #fff;
  font-size: clamp(36px, 4.2vw, 50px);
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.08;
}

body.theme-v2 .hero-copy h1 em {
  color: #fff;
}

@media (max-width: 760px) {
  body.theme-v2 .hero-copy h1 {
    font-size: 34px;
    letter-spacing: -.8px;
  }
}

@media (max-width: 430px) {
  body.theme-v2 .hero-copy h1 {
    font-size: 30px;
    letter-spacing: -.6px;
  }
}

/* ── Hero dikey ritmi: tüm bileşenler arası eşit boşluk ── */
body.theme-v2 {
  --hero-gap: 28px;
}

body.theme-v2 .hero .eyebrow {
  margin-bottom: var(--hero-gap);
}

body.theme-v2 .hero-copy>p {
  margin: var(--hero-gap) 0 0;
}

body.theme-v2 .hero-rating {
  margin: var(--hero-gap) 0 0;
}

body.theme-v2 .hero {
  padding-bottom: var(--hero-gap);
}

body.theme-v2 .search-wrap {
  margin-top: 0;
  padding: 0 0 var(--hero-gap);
}

body.theme-v2 .trust-wrap {
  margin-top: 0;
  padding: 0;
}

@media (max-width: 760px) {
  body.theme-v2 {
    --hero-gap: 20px;
  }
}

/* ── Header şeffaf; hero zemini nav’ın arkasından görünsün ── */
body.theme-v2 .site-header {
  border-radius: 0;
  overflow: visible;
}

body.theme-v2 .site-header::after {
  content: none;
}

body.theme-v2 .hero-stage {
  /* zemin görseli header'ın arkasına kadar yükselsin ki
     yuvarlatılan köşelerde beyazlık değil fotoğraf görünsün */
  margin-top: -78px;
  padding-top: 78px;
}

@media (max-width: 760px) {
  body.theme-v2 .hero-stage {
    margin-top: -66px;
    padding-top: 66px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Açık kart listesi — yazılar kartın içinde değil bölüm zemininde (Popular Hospitals)
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .listing-cards .section-heading {
  align-items: flex-start;
  margin-bottom: 24px;
}

/* "View all …" butonu: başlığın sağ üstünde, ok butonlarının üstünde kalır.
   Ölçü ve radius slider oklarıyla aynı (34px / 10px). */
body.theme-v2 .section-heading>a.sh-all {
  gap: 7px;
  min-height: 34px;
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 0 15px;
  border: 1px solid var(--card-line);
  border-radius: 999px;
  color: var(--navy-dark);
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  transition: border-color .2s ease, color .2s ease;
}

body.theme-v2 .section-heading>a.sh-all .icon {
  width: 15px;
  height: 15px;
  color: var(--accent-dark);
  transition: transform .2s ease;
}

body.theme-v2 .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent-dark);
  background: transparent;
  box-shadow: none;
}

body.theme-v2 .section-heading>a.sh-all:hover .icon {
  transform: translateX(3px);
}

/* Buton okların hemen ÜSTÜNDE dursun. Oklar başlığın alt kenarından 36px
   yukarıda başlıyor; 46px alt boşluk ile aralarında 10px kalır. Başlık
   yüksekliği değişse de bu mesafe sabit kalır. */
@media (min-width: 901px) {
  body.theme-v2 .section-heading>a.sh-all {
    align-self: flex-end;
    margin-bottom: 46px;
  }
}

@media (max-width: 700px) {
  body.theme-v2 .section-heading>a.sh-all {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}

/* açıklama sağdaki ok butonlarının altına girmesin */
body.theme-v2 .sh-text {
  max-width: 620px;
}

/* h2 satır içi akmasın; eyebrow kendi satırında kalsın */
body.theme-v2 .listing-cards .section-heading .sh-text h2 {
  display: flex;
  margin: 0;
}

/* dar ekran: başlık dikey aksın — açıklama tam genişlik, altında "View all"
   butonu; oklar da o satırın sağında kalır */
@media (max-width: 900px) {
  body.theme-v2 .listing-cards .section-heading,
  body.theme-v2 .testimonials .section-heading {
    align-items: stretch;
    gap: 14px;
    flex-direction: column;
  }

  body.theme-v2 .sh-text p {
    padding-right: 0;
  }

  body.theme-v2 .section-heading>a.sh-all,
  body.theme-v2 .testimonials .section-heading>a.sh-all {
    align-self: flex-start;
  }
}

/* Sürükleyerek kaydırma: yatayı biz alırız, dikey sayfaya kalır */
body.theme-v2 .treatment-viewport,
body.theme-v2 .testimonial-viewport {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

body.theme-v2 .treatment-viewport img,
body.theme-v2 .testimonial-viewport img {
  -webkit-user-drag: none;
}

/* Ok butonlarının slider üstündeki yüksekliği. Değişkenle tanımlı ki
   aşağıdaki .slider-arrow kuralıyla kaynak sırası çakışmasın. */
body.theme-v2 .listing-cards {
  /* dar ekranda oklar "View all" butonuyla aynı satırda hizalanır */
  --arrow-lift: 23px;
}

/* geniş ekranda oklar slidera yakın ama başlık bloğunun içinde kalacak
   kadar yukarıda (başlığın alt kenarı slider'ın 24px üstünde). */
@media (min-width: 901px) {
  body.theme-v2 .listing-cards {
    --arrow-lift: 26px;
  }

  body.theme-v2 .sh-text p {
    min-height: 46px;
  }
}

body.theme-v2 .sh-text p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

body.theme-v2 .listing-cards .section-heading h2 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 24px;
  letter-spacing: -.3px;
}

body.theme-v2 .listing-cards .heading-arrow {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  color: var(--navy-dark);
  background: #f1f4f8;
  font-size: 15px;
  transition: background .2s ease;
}

body.theme-v2 .listing-cards .heading-arrow:hover {
  background: #e2e9f2;
}

/* kart: çerçeve/zemin/gölge yok — sadece görsel + metin */
body.theme-v2 .listing-cards .treatment-card {
  display: block;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: none;
}

body.theme-v2 .listing-cards .treatment-card:hover {
  border: 0;
  box-shadow: none;
  transform: none;
}

body.theme-v2 .listing-cards .card-media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 14px;
  background: #eef2f7;
}

body.theme-v2 .listing-cards .treatment-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}

body.theme-v2 .listing-cards .treatment-card:hover img {
  transform: scale(1.04);
}

/* sol üst rozet */
/* ══════════════════════════════════════════════════════════════
   Destination Guides — şehir rehberi kartları
   ══════════════════════════════════════════════════════════════ */
/* satırda 4 kart (JS'teki desktopCards ile aynı) */
body.theme-v2 .destinations-slider .treatment-card,
body.theme-v2 .countries-slider .treatment-card {
  flex-basis: calc((100% - 48px) / 4);
}

@media (max-width: 1050px) {

  body.theme-v2 .destinations-slider .treatment-card,
  body.theme-v2 .countries-slider .treatment-card {
    flex-basis: calc((100% - 16px) / 2);
  }
}

@media (max-width: 760px) {

  body.theme-v2 .destinations-slider .treatment-card,
  body.theme-v2 .countries-slider .treatment-card {
    flex-basis: 100%;
  }
}

body.theme-v2 .listing-cards .dg-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--card-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--card-shadow);
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* hover: kart hiç oynamaz — sadece kenarlık renklenir, görsel diğer
   kartlardaki gibi zoom yapar. border kısayolu şart: üstteki
   .treatment-card:hover kuralı "border: 0" ile genişliği sıfırlıyor. */
body.theme-v2 .listing-cards .dg-card:hover {
  border: 1px solid var(--accent);
  box-shadow: var(--card-shadow);
  transform: none;
}

body.theme-v2 .listing-cards .dg-card .card-media {
  border-radius: 0;
}

body.theme-v2 .listing-cards .dg-card .card-media img {
  height: 190px;
  border-radius: 0;
}

/* .listing-cards .treatment-card div kuralını ezmesi için aynı derinlikte */
body.theme-v2 .listing-cards .treatment-card .dg-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 15px 12px;
}

body.theme-v2 .dg-body h3 {
  margin: 0 0 3px;
  color: var(--navy-dark);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.2px;
}

/* ülke kartlarında bayrak başlığın solunda */
body.theme-v2 .listing-cards .dg-card .dg-body h3 {
  display: flex;
  align-items: center;
  gap: 9px;
}

body.theme-v2 .listing-cards .dg-card .dg-body h3 .flag {
  display: block;
  width: 21px;
  height: 15px;
  flex: 0 0 21px;
  aspect-ratio: auto;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(20, 65, 125, .1);
}

/* .listing-cards kuralları small'a ve img'ye display:block veriyor,
   bayrağın yan yana durması için daha yüksek özgüllük şart */
body.theme-v2 .listing-cards .dg-card .dg-body>small {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 13px;
}

body.theme-v2 .listing-cards .dg-card .dg-body>small .flag {
  display: block;
  width: 19px;
  height: 13px;
  flex: 0 0 19px;
  aspect-ratio: auto;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(20, 65, 125, .1);
}

body.theme-v2 .dg-body>p {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 13px;
}

/* ── Bilgi satırları: tek sütun 2 satır, kutu ve ayırıcı yok ── */
/* kartın tam genişliğine yayılan bantlar: gövde padding'i (15px) kadar
   negatif margin ile dışarı taşar */
body.theme-v2 .dg-facts {
  display: grid;
  flex: 1;
  align-content: start;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 13px -15px 0;
  padding: 0;
  list-style: none;
}

/* her iki satır da aynı kutu: zemin + ince çerçeve, ikon başlığın solunda,
   metin kutunun tam genişliğini kullanır */
body.theme-v2 .dg-facts li {
  position: relative;
  display: block;
  padding: 9px 15px 10px;
  border: 0;
  border-top: 1px solid #eaeff5;
  border-radius: 0;
  background: #f7f9fc;
}

body.theme-v2 .dg-facts li:last-child {
  border-bottom: 1px solid #eaeff5;
}

body.theme-v2 .dg-ico {
  position: absolute;
  top: 10px;
  left: 15px;
  margin: 0;
  color: var(--accent-dark);
}

body.theme-v2 .dg-ico .icon {
  display: block;
  width: 14px;
  height: 14px;
}

body.theme-v2 .dg-fact {
  display: block;
  min-width: 0;
  color: var(--navy-dark);
  font-size: 12px;
  line-height: 1.3;
}

body.theme-v2 .dg-fact strong {
  display: block;
  margin: 0 0 1px;
  padding-left: 18px;
  color: var(--accent-dark);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .8px;
  line-height: 14px;
  text-transform: uppercase;
}

body.theme-v2 .dg-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  margin-top: 13px;
  color: var(--accent-dark);
  font-size: 13.5px;
  font-weight: 700;
  width: 100%;
}

body.theme-v2 .dg-link .icon {
  width: 16px;
  height: 16px;
  transition: transform .2s ease;
}

body.theme-v2 .dg-card:hover .dg-link .icon {
  transform: translateX(3px);
}

@media (max-width: 700px) {
  body.theme-v2 .listing-cards .dg-card .card-media img {
    height: 168px;
  }

  body.theme-v2 .listing-cards .treatment-card .dg-body {
    padding: 15px 15px 13px;
  }
}


/* ── Sponsorlu kart: rozet "Ad" olur, kart hafifçe belli eder ── */
body.theme-v2 .listing-cards .card-badge.card-badge-ad {
  border-color: rgba(255, 255, 255, .28);
  color: #f4f8fc;
  background: rgba(20, 35, 59, .52);
  font-weight: 700;
  letter-spacing: .2px;
}

/* çerçeve görselin üstünde çizilmeli; inset box-shadow img'in altında kalıyor */
body.theme-v2 .listing-cards .treatment-card.is-sponsored .card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(30, 159, 224, .85);
  border-radius: inherit;
  pointer-events: none;
}

body.theme-v2 .listing-cards .card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 11px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  color: #1f2937;
  background: rgba(255, 255, 255, .58);
  backdrop-filter: blur(14px) saturate(170%) brightness(1.05);
  -webkit-backdrop-filter: blur(14px) saturate(170%) brightness(1.05);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -.1px;
  line-height: 1.2;
}

/* sağ üst favori kalbi */
body.theme-v2 .listing-cards .card-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  cursor: pointer;
  transition: transform .2s ease;
}

body.theme-v2 .listing-cards .card-fav svg {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .35));
  transition: fill .2s ease, stroke .2s ease;
}

body.theme-v2 .listing-cards .card-fav:hover {
  transform: scale(1.1);
}

body.theme-v2 .listing-cards .card-fav:hover svg {
  fill: rgba(0, 0, 0, .5);
}

body.theme-v2 .listing-cards .card-fav.is-active svg {
  fill: #e0245e;
  stroke: #e0245e;
}

/* kart altı bilgi */
body.theme-v2 .listing-cards .treatment-card div {
  padding: 12px 2px 0;
}

body.theme-v2 .listing-cards .treatment-card h3 {
  margin: 0 0 3px;
  color: var(--navy-dark);
  font-size: 15px;
  letter-spacing: -.1px;
}

body.theme-v2 .listing-cards .treatment-card p {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #5c6b80;
  font-size: 13px;
  font-weight: 500;
}

body.theme-v2 .listing-cards .gr-score {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--navy-dark);
  font-weight: 700;
}

body.theme-v2 .listing-cards .gr-score .icon {
  width: 13px;
  height: 13px;
  color: #f5b301;
  font-size: 13px;
}

body.theme-v2 .listing-cards .gr-dot {
  color: #9aa8bb;
}

body.theme-v2 .listing-cards .treatment-card small {
  display: block;
  margin-top: 3px;
  color: #8494a8;
  font-size: 12.5px;
  font-weight: 500;
}

/* ok butonları başlık hizasına */
body.theme-v2 .listing-cards .treatment-slider .slider-arrow {
  /* başlık bloğu büyüdükçe kaymasın diye slider'ın üst kenarına sabit */
  top: auto;
  bottom: calc(100% + var(--arrow-lift));
  width: 34px;
  height: 34px;
  border: 0;
  background: #f1f4f8;
  box-shadow: none;
  transform: none;
}

body.theme-v2 .listing-cards .treatment-slider .slider-prev {
  right: 42px;
  left: auto;
}

body.theme-v2 .listing-cards .treatment-slider .slider-next {
  right: 0;
}

body.theme-v2 .listing-cards .treatment-slider .slider-arrow:hover:not(:disabled) {
  color: var(--navy-dark);
  background: #e2e9f2;
}

body.theme-v2 .listing-cards .treatment-slider .slider-arrow:disabled {
  opacity: .35;
}

body.theme-v2 .listing-cards .treatment-viewport {
  padding: 0;
}

/* ══════════════════════════════════════════════════════════════
   Hero sağ sütunu: arama + güven tek parça cam panel
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-panel {
  position: relative;
  z-index: 2;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 26px;
  background: rgba(255, 255, 255, .55);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 1px 2px rgba(12, 38, 74, .06),
    0 10px 22px -10px rgba(12, 38, 74, .16),
    0 0 20px -28px rgba(12, 38, 74, .3);
}

@media (min-width: 1051px) {
  /* metin üstte, arama paneli altta tam genişlikte */
  body.theme-v2 .hero-content {
    display: block;
    --hero-gap: 32px;
  }

  body.theme-v2 .hero-copy {
    width: auto;
    min-width: 0;
    max-width: 760px;
  }

  body.theme-v2 .hero-copy h1 {
    font-size: clamp(36px, 3.6vw, 50px);
  }

  body.theme-v2 .hero {
    /* panelin altında fotoğrafın yumuşakça erimesi için alan */
    padding-bottom: 56px;
  }

  body.theme-v2 .hero-panel {
    width: 100%;
    margin: var(--hero-gap) 0 0;
    padding: 20px;
  }

}

@media (max-width: 1050px) {
  body.theme-v2 .hero-panel {
    margin-top: var(--hero-gap);
  }
}

/* ── panel içindeki arama: dikey yığın, cam üzerinde ── */
body.theme-v2 .hero-panel .hero-search {
  filter: none;
}

body.theme-v2 .hero-panel .search-tabs {
  display: flex;
  width: 100%;
  gap: 4px;
  margin: 0 0 14px;
  padding: 4px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .6);
}

body.theme-v2 .hero-panel .tabs-fillet {
  display: none;
}

body.theme-v2 .hero-panel .search-tabs button {
  flex: 1;
  min-height: 42px;
  padding: 0 8px;
  gap: 7px;
  border-radius: 11px;
  font-size: 13px;
}

body.theme-v2 .hero-panel .search-tabs-indicator {
  border-radius: 11px;
}

body.theme-v2 .hero-panel .search-tabs button .icon {
  width: 17px;
  height: 17px;
  font-size: 17px;
}

body.theme-v2 .hero-panel .search-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-v2 .hero-panel .search-form {
  flex-direction: column;
  gap: 10px;
  padding: 0;
}

body.theme-v2 .hero-panel .search-field {
  width: 100%;
  min-height: 52px;
  flex: 1 1 auto;
  border-color: rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .75);
}

body.theme-v2 .hero-panel .search-field:focus-within {
  border-color: rgba(26, 86, 160, .5);
  background: #fff;
}

body.theme-v2 .hero-panel .search-form .search-button {
  width: 100%;
  min-width: 0;
  min-height: 52px;
}

/* ── panel içindeki güven bloğu ── */
body.theme-v2 .hero-panel .trust-panel {
  margin-top: 16px;
  padding-top: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

body.theme-v2 .hero-panel .trust-heading {
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid rgba(12, 38, 74, .1);
  border-bottom: 1px solid rgba(12, 38, 74, .1);
  background: transparent;
}

body.theme-v2 .hero-panel .trust-seal {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-radius: 11px;
  font-size: 17px;
}

body.theme-v2 .hero-panel .trust-heading h2 {
  font-size: 15px;
  line-height: 1.3;
}

body.theme-v2 .hero-panel .trust-heading p {
  display: none;
}

/* "Verified Network" rozeti başlığın sağında */
body.theme-v2 .hero-panel .trust-heading>div {
  flex: 1 1 auto;
  min-width: 0;
}

body.theme-v2 .hero-panel .trust-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 11px;
  border: 1px solid rgba(18, 105, 74, .22);
  border-radius: 999px;
  background: rgba(244, 251, 247, .85);
}

body.theme-v2 .hero-panel .trust-status>.icon {
  font-size: 14px;
}

/* çıplak "Continuously reviewed" metnini gizle, başlığı bırak */
body.theme-v2 .hero-panel .trust-status>span {
  font-size: 0;
  line-height: 0;
}

body.theme-v2 .hero-panel .trust-status strong {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

body.theme-v2 .hero-panel .trust-kicker {
  font-size: 9px;
  letter-spacing: 1.4px;
}

body.theme-v2 .hero-panel .trust-row {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 14px;
  margin-top: 14px;
  background: transparent;
}

body.theme-v2 .hero-panel .trust-row>div {
  gap: 10px;
  padding: 0;
  border: 0;
}

body.theme-v2 .hero-panel .trust-row>div:hover {
  background: transparent;
}

body.theme-v2 .hero-panel .trust-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .8);
}

body.theme-v2 .hero-panel .trust-icon .icon {
  font-size: 14px;
}

body.theme-v2 .hero-panel .trust-row strong {
  margin-bottom: 1px;
  font-size: 12px;
}

body.theme-v2 .hero-panel .trust-row>div>span:last-child {
  font-size: 10.5px;
  line-height: 1.35;
}

body.theme-v2 .hero-panel .trust-row small {
  display: none;
}

/* ── Hero puan satırı: bir tık büyük ── */
body.theme-v2 .hero-rating .avatars img {
  width: 36px;
  height: 36px;
  margin-left: -9px;
}

body.theme-v2 .hero-rating strong {
  font-size: 21px;
}

body.theme-v2 .hero-rating .stars {
  font-size: 18px;
}

body.theme-v2 .hero-rating small {
  font-size: 14.5px;
  font-weight: 600;
}

/* Maslak kartı: gece çekiminin kompleksi kadrajda kalsın */
body.theme-v2 #hospitals.listing-cards .treatment-card:first-child img {
  object-position: center center;
}

/* ══════════════════════════════════════════════════════════════
   Sponsorlu alan — slider altındaki reklam kartı
   ══════════════════════════════════════════════════════════════ */
/* üstteki slider'a olan mesafe, alttaki bölüme olan mesafeyle (bölümün
   alt padding'i) aynı olsun */
body.theme-v2 .ad-slot {
  display: block;
  margin-top: var(--section-pad, 78px);
}

body.theme-v2 .ad-card {
  display: grid;
  overflow: hidden;
  grid-template-columns: minmax(0, 42%) 1fr;
  border: 1px solid var(--card-line);
  border-radius: 16px;
  background: #fff;
  transition: border-color .25s ease, box-shadow .25s ease;
}

body.theme-v2 .ad-card:hover {
  border-color: rgba(30, 159, 224, .5);
  box-shadow: var(--card-shadow-hover);
}

body.theme-v2 .ad-media {
  position: relative;
  display: block;
  min-height: 100%;
}

body.theme-v2 .ad-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 236px;
  object-fit: cover;
}

body.theme-v2 .ad-badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  padding: 3px 9px;
  border-radius: 6px;
  color: #4a5c73;
  background: rgba(255, 255, 255, .92);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .3px;
}

body.theme-v2 .ad-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px 30px;
}

/* marka kilidi — gerçek logo dosyası gelene kadar yazı tipiyle */
body.theme-v2 .ad-logo {
  display: block;
  margin-bottom: 14px;
  color: var(--navy-dark);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 2.4px;
  line-height: 1;
  text-transform: uppercase;
}

body.theme-v2 .ad-logo small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 2.2px;
}

body.theme-v2 .ad-title {
  display: block;
  margin-bottom: 7px;
  color: var(--navy-dark);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  transition: color .2s ease;
}

body.theme-v2 .ad-card:hover .ad-title {
  color: var(--accent-dark);
}

body.theme-v2 .ad-desc {
  display: block;
  max-width: 560px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.6;
}

body.theme-v2 .ad-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--card-line);
}

body.theme-v2 .ad-stats>span {
  display: block;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.35;
}

body.theme-v2 .ad-stats b {
  display: block;
  color: var(--navy-dark);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.3px;
}

@media (max-width: 900px) {
  body.theme-v2 .ad-card {
    grid-template-columns: 1fr;
  }

  body.theme-v2 .ad-media img {
    min-height: 200px;
    max-height: 220px;
  }

  body.theme-v2 .ad-body {
    padding: 22px;
  }
}

@media (max-width: 560px) {
  body.theme-v2 .ad-body {
    padding: 18px;
  }

  body.theme-v2 .ad-title {
    font-size: 18px;
  }

  body.theme-v2 .ad-stats {
    gap: 12px 20px;
  }

  body.theme-v2 .ad-stats b {
    font-size: 16px;
  }
}


/* ══════════════════════════════════════════════════════════════
   Most Preferred — solda numaralı sekmeler, sağda içerik paneli
   Zemin header lacivertiyle aynı, vurgular accent turkuaz
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .mp {
  --mp-line: rgba(255, 255, 255, .13);
  --mp-card: rgba(255, 255, 255, .05);
  --mp-dim: #8eb8dc;
  /* zemin görseli + üstünde lacivert overlay (sağa doğru hafifler ki
     hastane binası seçilsin, soldaki metinler okunur kalsın) */
  background-color: var(--navy-dark);
  background-image:
    radial-gradient(120% 90% at 15% 0%, rgba(30, 159, 224, .16), transparent 55%),
    linear-gradient(100deg, rgba(14, 44, 86, .74) 0%, rgba(14, 44, 86, .54) 40%, rgba(14, 44, 86, .4) 100%),
    url("../img/whats-bg-2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body.theme-v2 .mp-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 44px;
}

body.theme-v2 .mp-head-text {
  max-width: 620px;
}

body.theme-v2 .mp-head .eyebrow {
  margin-bottom: 10px;
  color: var(--accent);
}

body.theme-v2 .mp-head h2 {
  margin: 0 0 12px;
  color: #fff;
}

body.theme-v2 .mp-head-text p {
  margin: 0;
  color: rgba(255, 255, 255, .88);
  font-size: 13px;
  line-height: 1.65;
}

body.theme-v2 .mp-all {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  padding-bottom: 5px;
  white-space: nowrap;
  border-bottom: 1px solid rgba(30, 159, 224, .55);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: color .2s ease, border-color .2s ease;
}

body.theme-v2 .mp-all .icon {
  width: 15px;
  height: 15px;
  color: var(--accent);
  transition: transform .2s ease;
}

body.theme-v2 .mp-all:hover {
  border-color: var(--accent);
  color: var(--accent);
}

body.theme-v2 .mp-all:hover .icon {
  transform: translate(2px, -2px);
}

/* ── İki sütunlu gövde ── */
body.theme-v2 .mp-body {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 48px;
  align-items: start;
}

/* ── Sol: sekme listesi ── */
body.theme-v2 .mp-tabs {
  display: flex;
  flex-direction: column;
}

body.theme-v2 .mp-tab {
  position: relative;
  display: grid;
  grid-template-columns: 62px 1fr 40px;
  align-items: center;
  gap: 18px;
  padding: 20px 18px;
  border: 0;
  border-bottom: 1px solid var(--mp-line);
  border-radius: 12px;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background .25s ease;
}

body.theme-v2 .mp-tab:first-child {
  border-top: 1px solid var(--mp-line);
}

/* aktif satırın sol kenarındaki accent çubuk */
body.theme-v2 .mp-tab::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 0;
  border-radius: 3px;
  background: var(--accent);
  transform: translateY(-50%);
  transition: height .25s ease;
}

body.theme-v2 .mp-num {
  color: transparent;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
  -webkit-text-stroke: 1.4px rgba(255, 255, 255, .28);
  transition: color .25s ease, -webkit-text-stroke-color .25s ease;
}

body.theme-v2 .mp-tab-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .2s ease;
}

body.theme-v2 .mp-go {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 999px;
  color: var(--navy-dark);
  background: var(--accent);
  opacity: 0;
  transform: scale(.7);
  transition: opacity .25s ease, transform .25s ease;
}

body.theme-v2 .mp-go .icon {
  width: 18px;
  height: 18px;
}

body.theme-v2 .mp-tab:hover {
  background: rgba(255, 255, 255, .04);
}

body.theme-v2 .mp-tab:hover .mp-tab-title {
  color: var(--accent);
}

body.theme-v2 .mp-tab:hover .mp-num {
  -webkit-text-stroke-color: rgba(30, 159, 224, .7);
}

/* aktif sekme */
body.theme-v2 .mp-tab.is-active {
  background: rgba(255, 255, 255, .075);
}

body.theme-v2 .mp-tab.is-active::before {
  height: 46px;
}

body.theme-v2 .mp-tab.is-active .mp-num {
  color: var(--accent);
  -webkit-text-stroke-width: 0;
}

body.theme-v2 .mp-tab.is-active .mp-tab-title {
  color: #fff;
}

body.theme-v2 .mp-tab.is-active .mp-go {
  opacity: 1;
  transform: scale(1);
}

body.theme-v2 .mp-tab:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* ── Sağ: içerik paneli ──
   Tüm paneller aynı ızgara hücresinde durur; gizli olanlar da yer
   kapladığı için panel yüksekliği sekmeden sekmeye değişmez. */
body.theme-v2 .mp-panels {
  display: grid;
}

body.theme-v2 .mp-panel {
  display: grid;
  overflow: hidden;
  grid-area: 1 / 1;
  grid-template-columns: .92fr 1.08fr;
  border: 1px solid var(--mp-line);
  border-radius: 16px;
  /* zemin görseli üstünde metinlerin okunması için yarı opak taban */
  background: rgba(11, 35, 68, .72);
  backdrop-filter: blur(3px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
}

body.theme-v2 .mp-panel[hidden] {
  display: grid;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
}

body.theme-v2 .mp-media {
  position: relative;
  min-height: 100%;
}

body.theme-v2 .mp-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
}

body.theme-v2 .mp-count {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff;
  background: rgba(14, 44, 86, .74);
  backdrop-filter: blur(4px);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .4px;
}

body.theme-v2 .mp-count i {
  color: rgba(255, 255, 255, .6);
  font-style: normal;
  font-weight: 600;
}

body.theme-v2 .mp-content {
  display: flex;
  flex-direction: column;
  padding: 26px 28px 24px;
}

body.theme-v2 .mp-links {
  display: grid;
  flex: 1;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

body.theme-v2 .mp-links li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--mp-line);
}

body.theme-v2 .mp-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .2s ease;
}

body.theme-v2 .mp-links a .icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--accent);
  opacity: .65;
  transition: opacity .2s ease, transform .2s ease;
}

body.theme-v2 .mp-links a:hover {
  color: var(--accent);
}

body.theme-v2 .mp-links a:hover .icon {
  opacity: 1;
  transform: translateX(3px);
}

body.theme-v2 .mp-links p {
  margin: 5px 0 0;
  color: var(--mp-dim);
  font-size: 12.5px;
  line-height: 1.5;
}

body.theme-v2 .mp-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  padding-top: 18px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

body.theme-v2 .mp-more .icon {
  width: 15px;
  height: 15px;
  transition: transform .2s ease;
}

body.theme-v2 .mp-more:hover .icon {
  transform: translate(2px, -2px);
}

/* ── 05 Brands paneli: marka duvarı (görsel yerine grup listesi) ── */
body.theme-v2 .mp-panel-brands {
  align-content: start;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  padding: 24px 28px 22px;
}

body.theme-v2 .mp-brands-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

body.theme-v2 .mp-brands-head h3 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

body.theme-v2 .mp-count-static {
  position: static;
  flex: 0 0 auto;
  backdrop-filter: none;
}

body.theme-v2 .mp-brands {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.theme-v2 .mp-brands a {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--mp-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .04);
  transition: border-color .2s ease, background .2s ease;
}

body.theme-v2 .mp-brands a:hover {
  border-color: rgba(30, 159, 224, .55);
  background: rgba(255, 255, 255, .09);
}

body.theme-v2 .mp-brand-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 1px solid rgba(30, 159, 224, .35);
  border-radius: 10px;
  color: var(--accent);
  background: rgba(30, 159, 224, .12);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .5px;
}

body.theme-v2 .mp-brand-text {
  min-width: 0;
  color: var(--mp-dim);
  font-size: 11.5px;
  line-height: 1.4;
}

body.theme-v2 .mp-brand-text strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.3;
  transition: color .2s ease;
}

body.theme-v2 .mp-brands a:hover strong {
  color: var(--accent);
}

body.theme-v2 .mp-panel-brands .mp-more {
  padding-top: 16px;
}

/* ── Duyarlı düzen ── */
@media (max-width: 1180px) {
  body.theme-v2 .mp-body {
    gap: 32px;
  }

  body.theme-v2 .mp-panel {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  body.theme-v2 .mp-media img {
    min-height: 220px;
    max-height: 240px;
  }
}

@media (max-width: 900px) {
  body.theme-v2 .mp-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 980px) {
  body.theme-v2 .mp-brands {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  body.theme-v2 .mp-panel-brands {
    padding: 20px 18px 18px;
  }

  body.theme-v2 .mp-head {
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
    margin-bottom: 32px;
  }

  body.theme-v2 .mp-all {
    margin-top: 0;
  }

  body.theme-v2 .mp-tab {
    grid-template-columns: 46px 1fr 34px;
    gap: 12px;
    padding: 16px 12px;
  }

  body.theme-v2 .mp-num {
    font-size: 26px;
  }

  body.theme-v2 .mp-tab-title {
    font-size: 15.5px;
  }

  body.theme-v2 .mp-go {
    width: 32px;
    height: 32px;
  }

  body.theme-v2 .mp-media img {
    min-height: 190px;
    max-height: 200px;
  }

  body.theme-v2 .mp-content {
    padding: 20px 18px 18px;
  }

  body.theme-v2 .mp-links a {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .mp-panel,
  body.theme-v2 .mp-panel[hidden] {
    transition: none;
    transform: none;
  }
}


/* ══════════════════════════════════════════════════════════════
   Geniş ekran: hero paneli yatay arama düzeni
   (dikey yığın kurallarından sonra gelmeli ki onları ezebilsin)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .search-tabs {
    display: inline-flex;
    width: auto;
    margin: 0 0 14px;
    padding: 5px;
  }

  body.theme-v2 .hero-panel .search-tabs button {
    min-width: 148px;
    padding: 0 26px;
    flex: 0 0 auto;
  }

  body.theme-v2 .hero-panel .search-form {
    flex-direction: row;
    gap: 12px;
  }

  body.theme-v2 .hero-panel .search-field {
    width: auto;
    flex: 1 1 0;
  }

  body.theme-v2 .hero-panel .search-field:first-child {
    flex-grow: 1.3;
  }

  body.theme-v2 .hero-panel .search-form .search-button {
    width: 200px;
    min-width: 200px;
    flex: 0 0 auto;
  }

  body.theme-v2 .hero-panel .trust-heading {
    padding: 16px 0;
  }

  body.theme-v2 .hero-panel .trust-heading h2 {
    font-size: 17px;
  }

  body.theme-v2 .hero-panel .trust-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 0 26px;
    margin-top: 16px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Sekme şeridi: lacivert blok + turkuaz aktif sekme
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-panel .search-tabs {
  padding: 8px;
  border: 0;
  border-radius: 18px;
  background: #0d2f63;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body.theme-v2 .hero-panel .search-tabs button {
  color: #cfe0f5;
  border-radius: 13px;
}

body.theme-v2 .hero-panel .search-tabs button .icon {
  color: #9dbbe4;
}

body.theme-v2 .hero-panel .search-tabs button:hover:not(.active) {
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

body.theme-v2 .hero-panel .search-tabs button:hover:not(.active) .icon {
  color: #cfe0f5;
}

body.theme-v2 .hero-panel .search-tabs button.active,
body.theme-v2 .hero-panel .search-tabs button.active .icon {
  color: #fff;
}

body.theme-v2 .hero-panel .search-tabs-indicator {
  border-radius: 13px;
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 6px 16px -6px rgba(17, 135, 206, .55);
}

/* ══════════════════════════════════════════════════════════════
   Sekme şeridi v2 — ortalı, ikon üstte, aktif sekmede alt çizgi
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-panel .search-tabs {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 34px;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e6edf6;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* JS ile konumlanan hap göstergesi bu düzende kullanılmıyor */
body.theme-v2 .hero-panel .search-tabs-indicator {
  display: none;
}

body.theme-v2 .hero-panel .search-tabs button {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px 14px 16px;
  border-radius: 0;
  color: var(--navy-dark);
  background: transparent;
  font-size: 15px;
  font-weight: 700;
}

body.theme-v2 .hero-panel .search-tabs button .icon {
  width: 21px;
  height: 21px;
  font-size: 21px;
  color: #6d8dbb;
  transition: color .2s ease;
}

body.theme-v2 .hero-panel .search-tabs button:hover:not(.active),
body.theme-v2 .hero-panel .search-tabs button:hover:not(.active) .icon {
  color: var(--navy-dark);
  background: transparent;
}

body.theme-v2 .hero-panel .search-tabs button.active,
body.theme-v2 .hero-panel .search-tabs button.active .icon {
  color: var(--accent);
}

/* aktif sekmenin altındaki vurgu çizgisi */
body.theme-v2 .hero-panel .search-tabs button.active::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: -1px;
  left: 6px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--accent);
}

@media (max-width: 760px) {
  body.theme-v2 .hero-panel .search-tabs {
    gap: 12px;
  }

  body.theme-v2 .hero-panel .search-tabs button {
    flex: 1;
    justify-content: center;
    padding: 9px 4px 13px;
    gap: 7px;
    font-size: 13px;
  }

  body.theme-v2 .hero-panel .search-tabs button .icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

/* Mobil: sekmeler PC’deki gibi panelin dışında, bağımsız hap */
@media (max-width: 1050px) {
  body.theme-v2 .hero-panel {
    position: relative;
    isolation: isolate;
    padding: 0 16px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }

  /* cam kart sekmelerin 5px altından başlar (48px hap + 5px boşluk) */
  body.theme-v2 .hero-panel::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 53px 0 0;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 26px;
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    box-shadow:
      0 1px 2px rgba(12, 38, 74, .06),
      0 10px 22px -10px rgba(12, 38, 74, .16),
      0 0 20px -28px rgba(12, 38, 74, .3);
  }

  body.theme-v2 .hero-panel .hero-search,
  body.theme-v2 .hero-panel .trust-panel {
    position: relative;
    z-index: 1;
  }

  body.theme-v2 .hero-panel .search-tabs {
    display: flex;
    width: auto;
    gap: 2px;
    margin: 0 -16px 21px;
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    box-shadow: none;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
  }

  body.theme-v2 .hero-panel .search-tabs-indicator {
    display: block;
    border-radius: 999px;
    background: var(--navy-dark);
    box-shadow: 0 6px 16px -8px rgba(14, 44, 86, .45);
  }

  body.theme-v2 .hero-panel .search-tabs button {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    min-height: 42px;
    padding: 0 6px;
    gap: 6px;
    border-radius: 999px;
    color: var(--navy-dark);
    background: transparent;
    font-size: 12.5px;
    font-weight: 700;
  }

  body.theme-v2 .hero-panel .search-tabs button .icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--navy-dark);
  }

  body.theme-v2 .hero-panel .search-tabs button:hover:not(.active),
  body.theme-v2 .hero-panel .search-tabs button:hover:not(.active) .icon {
    color: var(--navy-dark);
    background: transparent;
  }

  body.theme-v2 .hero-panel .search-tabs button.active,
  body.theme-v2 .hero-panel .search-tabs button.active .icon {
    color: #fff;
  }

  body.theme-v2 .hero-panel .search-tabs button.active::after {
    display: none;
  }
}

/* Panelde güven başlığı satırını kaldır — yalnızca 4 kutucuk kalsın */
body.theme-v2 .hero-panel .trust-heading {
  display: none;
}

body.theme-v2 .hero-panel .trust-panel {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(12, 38, 74, .1);
}

body.theme-v2 .hero-panel .trust-row {
  margin-top: 0;
}

/* ══════════════════════════════════════════════════════════════
   Sekme şeridi v3 — sola dayalı kulakçık, üstü kavisli (renkler korunur)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel {
    padding: 0 20px 20px;
  }

  body.theme-v2 .hero-panel .search-tabs {
    display: inline-flex;
    width: auto;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 0 18px -20px;
    padding: 10px 40px 10px 10px;
    border: 0;
    border-radius: 26px 22px 0 0;
    background: rgba(255, 255, 255, .72);
    box-shadow: none;
  }

  /* kulakçıktan panele geçen içbükey kavis */
  body.theme-v2 .hero-panel .tabs-fillet {
    display: block;
    bottom: 0;
    left: 100%;
  }

  body.theme-v2 .hero-panel .search-tabs button {
    padding: 0 22px;
    min-height: 46px;
    border-radius: 14px;
  }

  /* alt çizgi yerine dolgulu aktif hap */
  body.theme-v2 .hero-panel .search-tabs button.active::after {
    display: none;
  }

  body.theme-v2 .hero-panel .search-tabs button.active,
  body.theme-v2 .hero-panel .search-tabs button.active .icon {
    color: #fff;
  }

  body.theme-v2 .hero-panel .search-tabs-indicator {
    display: block;
    border-radius: 14px;
    background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
    box-shadow: 0 6px 16px -8px rgba(17, 135, 206, .5);
  }
}

/* ══════════════════════════════════════════════════════════════
   Panel gövdesi kulakçığın ALTINDAN başlasın —
   kulakçığın sağındaki boş cam bant kalksın
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel {
    position: relative;
    isolation: isolate;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    padding: 0 20px 20px;
  }

  /* cam yüzey: kulakçık yüksekliği (66px) kadar aşağıdan başlar */
  body.theme-v2 .hero-panel::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 66px 0 0;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 0 26px 26px 26px;
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    box-shadow:
      0 1px 2px rgba(12, 38, 74, .06),
      0 10px 22px -10px rgba(12, 38, 74, .16),
      0 0 20px -28px rgba(12, 38, 74, .3);
  }

  body.theme-v2 .hero-panel .hero-search,
  body.theme-v2 .hero-panel .trust-panel {
    position: relative;
    z-index: 1;
  }

  /* kulakçık kendi cam yüzeyini taşır */
  body.theme-v2 .hero-panel .search-tabs {
    min-height: 66px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-bottom: 0;
    background: rgba(255, 255, 255, .62);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
  }
}

/* ══════════════════════════════════════════════════════════════
   Kulakçık kavisi: SVG yerine aynı cam malzemeden maskeli köşe
   (SVG'nin düz dolgusu blur'lu yüzeyle uyuşmuyordu)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .tabs-fillet {
    display: none;
  }

  body.theme-v2 .hero-panel .search-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, .62);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    -webkit-mask-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 0 23.5px, #000 24px);
    mask-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 0 23.5px, #000 24px);
    pointer-events: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   Kulakçık panelden ayrı bir cam yüzey — arada 5px boşluk
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .search-tabs {
    min-height: 66px;
    /* 66px kulakçık + 5px boşluk + 20px panel iç boşluğu */
    margin: 0 0 25px -20px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 26px;
    background: rgba(255, 255, 255, .62);
  }

  /* ayrık olduğu için birleşim kavisine gerek yok */
  body.theme-v2 .hero-panel .search-tabs::after {
    display: none;
  }

  body.theme-v2 .hero-panel::before {
    inset: 71px 0 0;
    border-radius: 26px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Kulakçık: daha kompakt sekmeler + tam 5px ayrım
   (kulakçık 54px içerik + 2px kenarlık = 56px; panel 61px'te başlar)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .search-tabs {
    min-height: 54px;
    gap: 4px;
    padding: 6px 8px;
    /* 56px kulakçık + 5px boşluk + 20px iç boşluk */
    margin: 0 0 25px -20px;
  }

  body.theme-v2 .hero-panel .search-tabs button {
    min-height: 42px;
    padding: 0 18px;
    gap: 8px;
    font-size: 13.5px;
    border-radius: 12px;
  }

  body.theme-v2 .hero-panel .search-tabs button .icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }

  body.theme-v2 .hero-panel .search-tabs-indicator {
    border-radius: 12px;
  }

  body.theme-v2 .hero-panel::before {
    inset: 61px 0 0;
  }
}

/* aktif sekme ve butonların köşesi kulakçıkla aynı yarıçapta */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .search-tabs button,
  body.theme-v2 .hero-panel .search-tabs-indicator {
    border-radius: 26px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Renk takası: aktif sekme lacivert, Find Med butonu turkuaz
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-panel .search-tabs-indicator {
  background: var(--navy-dark);
  box-shadow: 0 6px 16px -8px rgba(14, 44, 86, .5);
}

body.theme-v2 .hero-panel .search-form .search-button {
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 12px 26px -12px rgba(17, 135, 206, .5);
}

body.theme-v2 .hero-panel .search-form .search-button:hover {
  background: linear-gradient(135deg, #7acdf4 0%, #45b4ea 55%, #1e9fe0 100%);
  box-shadow: 0 14px 30px -12px rgba(17, 135, 206, .55);
}

/* kulakçık iç boşluğu 2px — sekmeler kapsayıcıya yakın dursun
   (42px buton + 4px iç boşluk + 2px kenarlık = 48px; panel 53px'te başlar) */
@media (min-width: 1051px) {
  body.theme-v2 .hero-panel .search-tabs {
    min-height: 0;
    padding: 2px;
    gap: 2px;
    margin: 0 0 25px -20px;
  }

  body.theme-v2 .hero-panel::before {
    inset: 53px 0 0;
  }
}

/* ══════════════════════════════════════════════════════════════
   Hero metni: ortalı, daha büyük başlık, %70 / mobilde %96 genişlik
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-copy {
  width: 96%;
  max-width: none;
  margin: 0 auto;
  text-align: center;
}

body.theme-v2 .hero .eyebrow {
  justify-content: center;
}

body.theme-v2 .hero-copy>p {
  margin-left: auto;
  margin-right: auto;
}

body.theme-v2 .hero-rating {
  justify-content: center;
}

@media (min-width: 1051px) {
  body.theme-v2 .hero-copy {
    width: 70%;
    max-width: none;
  }

  body.theme-v2 .hero-copy h1 {
    font-size: clamp(40px, 4.6vw, 62px);
    line-height: 1.05;
  }
}

/* hero metni: başlık bir tık küçük ama daha geniş, açıklama daha da geniş */
body.theme-v2 .hero-copy>p {
  max-width: 900px;
}

@media (min-width: 1051px) {
  body.theme-v2 .hero-copy {
    width: 82%;
  }

  body.theme-v2 .hero-copy h1 {
    font-size: clamp(36px, 3.8vw, 50px);
    line-height: 1.08;
  }
}


/* ══════════════════════════════════════════════════════════════
   Hero sadeleştirme: yalnızca H1,
   arama paneli fotoğrafın alt sınırına binsin
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero .eyebrow,
body.theme-v2 .hero-copy>p,
body.theme-v2 .hero-rating {
  display: none;
}

/* panel taşabilsin */
body.theme-v2 .hero-stage {
  overflow: visible;
}

body.theme-v2 .hero-content {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}

body.theme-v2 .hero-copy {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(100px, 12vh, 160px);
}

body.theme-v2 .hero {
  padding-bottom: 0;
}

@media (min-width: 1051px) {
  body.theme-v2 .hero-content {
    --hero-gap: 48px;
    padding-top: 36px;
  }

  body.theme-v2 .hero-copy {
    min-height: clamp(110px, 14vh, 180px);
  }

  body.theme-v2 .hero {
    padding-bottom: 14px;
  }

  /* fotoğraf panelin arkasında kalsın, kutucuk çizgisinde bitsin */
  body.theme-v2 .hero-stage::before,
  body.theme-v2 .hero-stage::after {
    inset: 0 0 112px;
  }
}

@media (max-width: 1050px) {
  body.theme-v2 .hero-content {
    padding-top: 24px;
  }

  body.theme-v2 .hero {
    padding-bottom: 32px;
  }

  body.theme-v2 .hero-stage::before,
  body.theme-v2 .hero-stage::after {
    inset: 0 0 166px;
  }
}


/* ══════════════════════════════════════════════════════════════
   Why Choose FindMed — solda akordeon, sağda görsel panel
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .wc-grid {
  display: grid;
  /* üstteki "Most Preferred" bölümüyle aynı oran ve boşluk — iki bölümün
     sağdaki panelleri aynı genişlikte hizalansın */
  grid-template-columns: 1fr 1.08fr;
  gap: 48px;
  /* start: akordeon açılıp kapandıkça sağdaki panel uzamasın */
  align-items: start;
}

/* slider bölümlerinin başlıklarıyla aynı ölçek (24px) */
body.theme-v2 .wc-copy h2 {
  margin: 6px 0 8px;
  font-size: 24px;
  letter-spacing: -.3px;
  line-height: 1.2;
}

body.theme-v2 .wc-sub {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}

/* ── Akordeon ── */
body.theme-v2 .wc-accordion {
  display: grid;
  gap: 8px;
}

body.theme-v2 .wc-accordion details {
  overflow: hidden;
  border: 1px solid var(--card-line);
  border-radius: 12px;
  background: #fff;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

body.theme-v2 .wc-accordion summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  cursor: pointer;
  list-style: none;
}

body.theme-v2 .wc-accordion summary::-webkit-details-marker {
  display: none;
}

body.theme-v2 .wc-ico {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 999px;
  color: var(--navy-dark);
  background: #eef3fa;
  transition: color .2s ease, background .2s ease;
}

body.theme-v2 .wc-ico .icon {
  width: 16px;
  height: 16px;
}

body.theme-v2 .wc-title {
  color: var(--navy-dark);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.1px;
  line-height: 1.3;
}

body.theme-v2 .wc-chev {
  width: 16px;
  height: 16px;
  color: var(--muted);
  transition: transform .25s ease, color .2s ease;
}

body.theme-v2 .wc-accordion details:hover {
  border-color: rgba(30, 159, 224, .45);
}

/* açık durum */
body.theme-v2 .wc-accordion details[open] {
  border-color: var(--accent);
  background: #f4f9fd;
}

body.theme-v2 .wc-accordion details[open] .wc-ico {
  color: #fff;
  background: var(--accent-dark);
}

body.theme-v2 .wc-accordion details[open] .wc-title {
  color: var(--accent-dark);
}

body.theme-v2 .wc-accordion details[open] .wc-chev {
  color: var(--accent-dark);
  transform: rotate(180deg);
}

body.theme-v2 .wc-panel {
  padding: 0 15px 13px 59px;
}

/* FMR metodoloji listesi */
body.theme-v2 .wc-list {
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

body.theme-v2 .wc-list li {
  position: relative;
  padding-left: 16px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
}

body.theme-v2 .wc-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
}

body.theme-v2 .wc-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Sağ görsel panel ── */
body.theme-v2 .wc-panel-visual {
  position: relative;
  overflow: hidden;
  /* sabit yükseklik: akordeon açılıp kapansa da panel oynamaz */
  min-height: 600px;
  border-radius: 20px;
  background: var(--navy-dark);
  isolation: isolate;
}

body.theme-v2 .wc-panel-visual img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}

/* metnin okunması için sola doğru koyulaşan örtü */
body.theme-v2 .wc-panel-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  /* örtü #0e2c56'den başlar ve sağa doğru açılır */
  background:
    linear-gradient(100deg, rgba(14, 44, 86, .92) 0%, rgba(14, 44, 86, .76) 40%, rgba(14, 44, 86, .36) 72%, rgba(14, 44, 86, .1) 100%);
}

body.theme-v2 .wc-visual-body {
  display: flex;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  align-items: flex-start;
  padding: 34px 32px 28px;
}

body.theme-v2 .wc-visual-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--accent);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

body.theme-v2 .wc-visual-eyebrow .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .wc-panel-visual h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.4px;
  line-height: 1.2;
}

body.theme-v2 .wc-panel-visual>.wc-visual-body>p {
  max-width: 400px;
  margin: 0;
  color: rgba(255, 255, 255, .84);
  font-size: 14px;
  line-height: 1.6;
}

body.theme-v2 .wc-rule {
  display: block;
  width: 30px;
  height: 3px;
  margin: 20px 0;
  border-radius: 3px;
  background: var(--accent);
}

body.theme-v2 .wc-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 10px;
  color: #fff;
  background: var(--accent-dark);
  font-size: 13.5px;
  font-weight: 700;
  transition: background .2s ease;
}

body.theme-v2 .wc-cta .icon {
  width: 17px;
  height: 17px;
  transition: transform .2s ease;
}

body.theme-v2 .wc-cta:hover {
  background: var(--accent);
}

body.theme-v2 .wc-cta:hover .icon {
  transform: translateX(3px);
}

/* ── Alt cam kartlar ── */
body.theme-v2 .wc-cards {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  /* kartlar panelin altına yaslansın */
  margin: 34px 0 0;
  margin-top: auto;
  padding: 34px 0 0;
  list-style: none;
}

body.theme-v2 .wc-cards li {
  padding: 13px 14px 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .09);
  backdrop-filter: blur(6px);
}

body.theme-v2 .wc-card-ico {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  margin-bottom: 9px;
  border-radius: 10px;
  color: #fff;
  background: var(--accent-dark);
}

body.theme-v2 .wc-card-ico .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .wc-cards strong {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

body.theme-v2 .wc-cards p {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 11.5px;
  line-height: 1.45;
}

/* ── Duyarlı düzen ── */
@media (max-width: 1150px) {
  body.theme-v2 .wc-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* tek sütuna inince daha kısa ama yine de görselin nefes alacağı bir yükseklik */
  body.theme-v2 .wc-panel-visual {
    min-height: 580px;
  }

  body.theme-v2 .wc-panel-visual img {
    object-position: center;
  }

  body.theme-v2 .wc-panel-visual::before {
    background:
      linear-gradient(160deg, rgba(14, 44, 86, .9) 0%, rgba(14, 44, 86, .74) 45%, rgba(14, 44, 86, .42) 100%);
  }
}

@media (max-width: 760px) {
  body.theme-v2 .wc-accordion summary {
    gap: 12px;
    padding: 13px 14px;
  }

  body.theme-v2 .wc-panel {
    padding: 0 14px 14px 14px;
  }

  body.theme-v2 .wc-visual-body {
    padding: 30px 22px 26px;
  }

  body.theme-v2 .wc-panel-visual h3 {
    font-size: 23px;
  }

  /* mobilde de yan yana */
  body.theme-v2 .wc-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-top: 26px;
  }

  body.theme-v2 .wc-cards li {
    padding: 12px 12px 13px;
  }

  body.theme-v2 .wc-card-ico {
    margin-bottom: 10px;
  }
}


/* ══════════════════════════════════════════════════════════════
   Hasta video hikâyeleri — YouTube izleme düzeni, FindMed renkleri
   Oynatıcı ancak tıklanınca yüklenir (hız + çerez onayı)
   ══════════════════════════════════════════════════════════════ */
/* Bölüm zemini "What Patients Look For" ile aynı */
body.theme-v2 .testimonials {
  --vp-line: rgba(255, 255, 255, .13);
  --vp-dim: #8eb8dc;
  background-color: var(--navy-dark);
  background-image:
    radial-gradient(120% 90% at 15% 0%, rgba(30, 159, 224, .16), transparent 55%),
    linear-gradient(100deg, rgba(14, 44, 86, .74) 0%, rgba(14, 44, 86, .54) 40%, rgba(14, 44, 86, .4) 100%),
    url("../img/whats-bg-2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body.theme-v2 .testimonials .sh-text h2 {
  color: #fff;
}

body.theme-v2 .testimonials .sh-text p {
  color: rgba(255, 255, 255, .88);
}

body.theme-v2 .testimonials .eyebrow {
  color: var(--accent);
}

body.theme-v2 .testimonials .section-heading>a.sh-all {
  border-color: var(--vp-line);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

body.theme-v2 .testimonials .section-heading>a.sh-all .icon {
  color: var(--accent);
}

body.theme-v2 .testimonials .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(255, 255, 255, .1);
}

/* Sütun genişlikleri, oynatıcının doğal yüksekliği listenin son
   satırının bittiği yere denk gelecek şekilde seçildi. Liste daha uzun
   olursa kendi içinde kayar — bölüm yüksekliği değişmez. */
body.theme-v2 .vp-stage {
  display: grid;
  grid-template-columns: 1fr 574px;
  gap: 24px;
  align-items: stretch;
}

/* grid öğeleri içeriğin min-content genişliğine şişmesin (yatay taşma) */
body.theme-v2 .vp-stage>* {
  min-width: 0;
}

/* ── Oynatıcı ── */
body.theme-v2 .vp-player {
  overflow: hidden;
  border: 1px solid var(--vp-line);
  border-radius: 16px;
  background: rgba(11, 35, 68, .72);
  backdrop-filter: blur(3px);
}

body.theme-v2 .vp-screen {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  padding: 0;
  border: 0;
  background: var(--navy-dark);
  cursor: pointer;
}

body.theme-v2 .vp-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-v2 .vp-veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(14, 44, 86, .1) 0%, rgba(14, 44, 86, .04) 55%, rgba(8, 24, 48, .82) 100%);
}

/* büyük oynat düğmesi */
body.theme-v2 .vp-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 74px;
  height: 74px;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: rgba(30, 159, 224, .94);
  box-shadow: 0 16px 40px -12px rgba(8, 26, 46, .7);
  transform: translate(-50%, -50%);
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), background .2s ease;
}

body.theme-v2 .vp-play svg {
  width: 30px;
  height: 30px;
  margin-left: 4px;
}

body.theme-v2 .vp-screen:hover .vp-play {
  background: var(--accent);
  transform: translate(-50%, -50%) scale(1.07);
}

body.theme-v2 .vp-screen:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -3px;
}

/* ── YouTube tarzı kontrol çubuğu ── */
body.theme-v2 .vp-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0 14px 10px;
}

body.theme-v2 .vp-track {
  display: block;
  height: 3px;
  margin-bottom: 9px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .3);
}

body.theme-v2 .vp-fill {
  position: relative;
  display: block;
  width: 34%;
  height: 100%;
  border-radius: 3px;
  background: var(--accent);
}

/* ilerleme topu */
body.theme-v2 .vp-fill::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: var(--accent);
  transform: translateY(-50%);
}

body.theme-v2 .vp-screen:hover .vp-track {
  height: 4px;
}

body.theme-v2 .vp-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.theme-v2 .vp-ctl {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}

body.theme-v2 .vp-ctl svg {
  width: 19px;
  height: 19px;
  opacity: .92;
}

body.theme-v2 .vp-ctl-right svg {
  width: 18px;
  height: 18px;
  opacity: .85;
}

body.theme-v2 .vp-time {
  margin-left: 3px;
  color: rgba(255, 255, 255, .92);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .2px;
}

/* tıklandıktan sonraki gerçek oynatıcı */
body.theme-v2 .vp-frame {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

/* ── Oynatıcı altı bilgi ── */
body.theme-v2 .vp-info {
  padding: 16px 20px 18px;
}

body.theme-v2 .vp-title {
  margin: 0 0 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.2px;
  line-height: 1.3;
}

body.theme-v2 .vp-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--vp-dim);
  font-size: 13px;
}

body.theme-v2 .vp-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  color: var(--accent);
  background: rgba(30, 159, 224, .14);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

body.theme-v2 .vp-dot {
  color: rgba(255, 255, 255, .3);
}

/* kanal satırı */
body.theme-v2 .vp-channel {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--vp-line);
}

body.theme-v2 .vp-channel>img {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 999px;
  object-fit: cover;
}

body.theme-v2 .vp-channel-text {
  flex: 1;
  min-width: 0;
}

body.theme-v2 .vp-channel-text strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

body.theme-v2 .vp-channel-text small {
  color: var(--vp-dim);
  font-size: 12.5px;
}

body.theme-v2 .vp-cta {
  flex: 0 0 auto;
  padding: 9px 18px;
  border-radius: 999px;
  color: #082744;
  background: var(--accent);
  font-size: 13px;
  font-weight: 700;
  transition: background .2s ease;
}

body.theme-v2 .vp-cta:hover {
  color: #fff;
  background: var(--accent-dark);
}

/* ── Oynatma listesi ── */

/* Liste akıştan çıkarıldı: satır yüksekliğini yalnızca oynatıcı belirler,
   böylece hikâye sayısı artsa da bölüm yüksekliği değişmez (liste kayar). */
body.theme-v2 .vp-aside {
  position: relative;
}

body.theme-v2 .vp-list {
  position: absolute;
  display: flex;
  overflow: hidden;
  inset: 0;
  flex-direction: column;
  border: 1px solid var(--vp-line);
  border-radius: 16px;
  background: rgba(11, 35, 68, .72);
  backdrop-filter: blur(3px);
}

body.theme-v2 .vp-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--vp-line);
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
}

body.theme-v2 .vp-list-head span {
  color: var(--vp-dim);
  font-size: 12px;
  font-weight: 600;
}

body.theme-v2 .vp-list-scroll {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

body.theme-v2 .vp-item {
  display: grid;
  width: 100%;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 11px;
  padding: 9px 12px;
  border: 0;
  border-left: 3px solid transparent;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}

body.theme-v2 .vp-item:hover {
  background: rgba(255, 255, 255, .06);
}

body.theme-v2 .vp-item.is-active {
  border-left-color: var(--accent);
  background: rgba(30, 159, 224, .12);
}

body.theme-v2 .vp-item-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  background: var(--navy-dark);
}

body.theme-v2 .vp-item-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-v2 .vp-item-time {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 1px 5px;
  border-radius: 4px;
  color: #fff;
  background: rgba(7, 20, 40, .78);
  font-size: 10.5px;
  font-weight: 700;
}

body.theme-v2 .vp-item-text {
  min-width: 0;
  align-self: center;
}

body.theme-v2 .vp-item-text strong {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.3;
}

body.theme-v2 .vp-item-text small {
  display: block;
  overflow: hidden;
  color: var(--vp-dim);
  font-size: 11.5px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.theme-v2 .vp-item.is-active .vp-item-text strong {
  color: var(--accent);
}

/* ── Duyarlı düzen ── */
@media (max-width: 1050px) {
  body.theme-v2 .vp-stage {
    grid-template-columns: 1fr;
  }

  /* tek sütunda liste normal akışa dönsün */
  body.theme-v2 .vp-aside {
    position: static;
    min-width: 0;
  }

  body.theme-v2 .vp-list {
    position: static;
  }

  /* liste masaüstündeki gibi dikey kalsın; yalnızca daha kompakt ve
     kendi içinde kayan sabit yükseklikte olsun */
  body.theme-v2 .vp-list-scroll {
    overflow-y: auto;
    max-height: 268px;
    -webkit-overflow-scrolling: touch;
  }

  body.theme-v2 .vp-item {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 12px;
  }

  /* dar satırda hastane adı kırpılmasın, iki satıra sığsın */
  body.theme-v2 .vp-item-text small {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
  }
}

@media (max-width: 700px) {
  body.theme-v2 .vp-play {
    width: 58px;
    height: 58px;
  }

  body.theme-v2 .vp-play svg {
    width: 24px;
    height: 24px;
  }

  body.theme-v2 .vp-ctl-right {
    display: none;
  }

  body.theme-v2 .vp-info {
    padding: 15px 16px 17px;
  }

  body.theme-v2 .vp-title {
    font-size: 16px;
  }

  body.theme-v2 .vp-channel {
    flex-wrap: wrap;
  }

  body.theme-v2 .vp-cta {
    width: 100%;
    text-align: center;
  }
}


/* ══════════════════════════════════════════════════════════════
   Alt bilgi (footer) — kurumsal düzen
   Header lacivertiyle aynı zemin, accent turkuaz vurgular
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .site-footer {
  --ft-line: rgba(255, 255, 255, .12);
  --ft-card: rgba(255, 255, 255, .05);
  --ft-link: #8eb8dc;
  padding-top: 0;
  color: #c5daf2;
  background: var(--navy-dark);
}

/* üst kenarda ince ışık — header'dan devam eden his */
body.theme-v2 .site-footer::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(30, 159, 224, .45), transparent);
}

/* ── Üst blok: marka + bağlantı sütunları + iletişim ── */
body.theme-v2 .ft-main {
  display: grid;
  grid-template-columns: 1.55fr .9fr .9fr .9fr 1.25fr;
  gap: 40px;
  padding-top: 64px;
  padding-bottom: 52px;
}

body.theme-v2 .ft-brand .logo {
  margin-bottom: 18px;
  margin-left: 0;
  padding-left: 0;
}

body.theme-v2 .ft-brand>p {
  max-width: 380px;
  margin: 0 0 22px;
  color: var(--ft-link);
  font-size: 13px;
  line-height: 1.75;
}

/* ── Marka altındaki kurumsal kısayol kartları ── */
body.theme-v2 .ft-promos {
  display: grid;
  gap: 10px;
  max-width: 420px;
}

body.theme-v2 .ft-promo {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--ft-line);
  border-radius: 12px;
  background: var(--ft-card);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

body.theme-v2 .ft-promo-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 9px;
  background: rgba(255, 255, 255, .14);
}

body.theme-v2 .ft-promo-icon .icon {
  width: 19px;
  height: 19px;
}

body.theme-v2 .ft-promo-text {
  min-width: 0;
  font-size: 11.5px;
  line-height: 1.45;
}

body.theme-v2 .ft-promo-text strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
}

body.theme-v2 .ft-promo-arrow {
  width: 17px;
  height: 17px;
  opacity: .6;
  transition: transform .2s ease, opacity .2s ease;
}

body.theme-v2 .ft-promo:hover {
  transform: translateY(-1px);
}

body.theme-v2 .ft-promo:hover .ft-promo-arrow {
  opacity: 1;
  transform: translateX(3px);
}

/* üç kart da aynı saydam stil */
body.theme-v2 .ft-promo-soft {
  color: #fff;
}

body.theme-v2 .ft-promo-soft .ft-promo-text {
  color: var(--ft-link);
}

body.theme-v2 .ft-promo-soft:hover {
  border-color: rgba(30, 159, 224, .55);
  background: rgba(255, 255, 255, .09);
}

/* ── Bağlantı sütunları ── */
body.theme-v2 .ft-col h3 {
  position: relative;
  margin: 3px 0 22px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

body.theme-v2 .ft-col h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: var(--accent);
}

/* iletişim kartları bu listeleme kuralının dışında kalmalı */
body.theme-v2 .ft-col>a:not(.ft-contact-card),
body.theme-v2 .ft-acc-panel a {
  display: block;
  margin: 9px 0;
  color: var(--ft-link);
  font-size: 12.5px;
  line-height: 1.5;
  transition: color .18s ease, transform .18s ease;
}

body.theme-v2 .ft-col>a:not(.ft-contact-card):hover,
body.theme-v2 .ft-acc-panel a:hover {
  color: var(--accent);
  transform: translateX(3px);
}

/* ── Footer sütunları: masaüstünde düz liste, mobilde accordion ── */
body.theme-v2 .ft-acc-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: inherit;
}

body.theme-v2 .ft-acc-btn:disabled {
  cursor: default;
  opacity: 1;
}

body.theme-v2 .ft-acc-btn .icon {
  display: none;
  width: 18px;
  height: 18px;
  color: var(--accent);
  transition: transform .25s ease;
}

/* ── Kurumsal iletişim sütunu ── */
body.theme-v2 .ft-contact-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
  padding: 11px 13px;
  border: 1px solid var(--ft-line);
  border-radius: 11px;
  background: var(--ft-card);
  transition: border-color .2s ease, background .2s ease;
}

body.theme-v2 .ft-contact-card:hover {
  border-color: rgba(30, 159, 224, .5);
  background: rgba(255, 255, 255, .09);
}

body.theme-v2 .ft-contact-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 9px;
  color: #fff;
}

body.theme-v2 .ft-contact-icon .icon {
  width: 18px;
  height: 18px;
}

body.theme-v2 .ft-ic-blue {
  background: #1e6fd9;
}

body.theme-v2 .ft-ic-accent {
  color: #082744;
  background: var(--accent);
}

body.theme-v2 .ft-ic-teal {
  background: var(--accent-dark);
}

body.theme-v2 .ft-ic-navy {
  background: rgba(255, 255, 255, .17);
}

body.theme-v2 .ft-contact-text {
  min-width: 0;
  color: var(--ft-link);
  font-size: 11px;
  line-height: 1.4;
}

body.theme-v2 .ft-contact-text strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  text-overflow: ellipsis;
}

body.theme-v2 .ft-follow-title {
  margin-top: 26px !important;
}

body.theme-v2 .ft-follow-title::after {
  display: none;
}

body.theme-v2 .ft-socials {
  display: flex;
  gap: 8px;
}

body.theme-v2 .ft-socials a {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--ft-line);
  border-radius: 10px;
  color: #cfe6f7;
  background: var(--ft-card);
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}

body.theme-v2 .ft-socials .icon {
  width: 17px;
  height: 17px;
}

body.theme-v2 .ft-socials a:hover {
  border-color: var(--accent);
  color: #082744;
  background: var(--accent);
}

/* ── Güvence şeridi ── */
body.theme-v2 .ft-assurance {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding-top: 34px;
  padding-bottom: 40px;
  border-top: 1px solid var(--ft-line);
}

body.theme-v2 .ft-assure {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--ft-line);
  border-radius: 12px;
  background: var(--ft-card);
}

body.theme-v2 .ft-assure-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 11px;
  color: var(--accent);
  background: rgba(30, 159, 224, .14);
}

body.theme-v2 .ft-assure-icon .icon {
  width: 21px;
  height: 21px;
}

body.theme-v2 .ft-assure strong {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

body.theme-v2 .ft-assure p {
  margin: 0;
  color: var(--ft-link);
  font-size: 11.5px;
  line-height: 1.5;
}

/* ── Ayırıcı ── */
body.theme-v2 .ft-split {
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, rgba(30, 159, 224, .5), transparent);
}

/* ── Akreditasyon & yayın politikası ── */
body.theme-v2 .ft-standards {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 56px;
  padding-top: 40px;
  padding-bottom: 34px;
}

body.theme-v2 .ft-kicker {
  display: block;
  margin-bottom: 14px;
  color: var(--accent);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

body.theme-v2 .ft-standards p {
  margin: 0;
  color: var(--ft-link);
  font-size: 12.5px;
  line-height: 1.75;
}

body.theme-v2 .ft-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

body.theme-v2 .ft-badges span {
  padding: 7px 14px;
  border: 1px solid var(--ft-line);
  border-radius: 999px;
  color: #dbeeff;
  background: var(--ft-card);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

body.theme-v2 .ft-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: var(--accent);
  font-size: 12.5px;
  font-weight: 600;
}

body.theme-v2 .ft-inline-link .icon {
  width: 16px;
  height: 16px;
  transition: transform .2s ease;
}

body.theme-v2 .ft-inline-link:hover .icon {
  transform: translateX(3px);
}

/* ── Yasal uyarı ── */
body.theme-v2 .ft-disclaimer {
  padding-bottom: 26px;
}

body.theme-v2 .ft-disclaimer p {
  max-width: 980px;
  margin: 0 auto;
  color: #6f9cc6;
  font-size: 11px;
  line-height: 1.75;
  text-align: center;
}

/* ── Alt çubuk ── */
body.theme-v2 .ft-bottom-wrap {
  position: relative;
  border-top: 1px solid var(--ft-line);
  background: rgba(0, 0, 0, .14);
}

body.theme-v2 .ft-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 18px;
  padding-bottom: 18px;
  color: #7fa6cc;
  font-size: 11.5px;
}

body.theme-v2 .ft-bottom p {
  margin: 0;
}

body.theme-v2 .ft-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding-right: 56px;
}

body.theme-v2 .ft-legal a {
  color: #7fa6cc;
  font-size: 11.5px;
  transition: color .18s ease;
}

body.theme-v2 .ft-legal a:hover {
  color: var(--accent);
}

/* başa dön */
body.theme-v2 .ft-top {
  position: absolute;
  top: 50%;
  right: 24px;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(30, 159, 224, .45);
  border-radius: 999px;
  color: var(--accent);
  background: rgba(30, 159, 224, .12);
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}

body.theme-v2 .ft-top .icon {
  width: 19px;
  height: 19px;
}

body.theme-v2 .ft-top:hover {
  border-color: var(--accent);
  color: #082744;
  background: var(--accent);
}

/* ── Duyarlı düzen ── */
@media (max-width: 1280px) {
  body.theme-v2 .ft-main {
    grid-template-columns: 1.4fr .9fr .9fr 1.2fr;
    gap: 34px;
  }

  /* iletişim sütunu alt satıra geçince kartlar 2'li dizilsin */
  body.theme-v2 .ft-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-content: flex-start;
    grid-column: 2 / -1;
  }

  body.theme-v2 .ft-contact h3,
  body.theme-v2 .ft-socials {
    flex: 0 0 100%;
  }

  body.theme-v2 .ft-contact-card {
    width: calc(50% - 4.5px);
    margin-bottom: 0;
  }

  body.theme-v2 .ft-assurance {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1050px) {
  body.theme-v2 .ft-main {
    grid-template-columns: 1fr 1fr;
    gap: 34px 28px;
  }

  body.theme-v2 .ft-brand {
    grid-column: 1 / -1;
  }

  body.theme-v2 .ft-brand>p,
  body.theme-v2 .ft-promos {
    max-width: none;
  }

  body.theme-v2 .ft-promos {
    grid-template-columns: repeat(3, 1fr);
  }

  /* CORPORATE tek başına satır kaplamasın — iletişimle yan yana */
  body.theme-v2 .ft-contact {
    grid-column: auto;
  }

  body.theme-v2 .ft-contact-card {
    width: 100%;
  }

  body.theme-v2 .ft-standards {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 760px) {
  body.theme-v2 .ft-main {
    grid-template-columns: 1fr;
    padding-top: 46px;
    padding-bottom: 36px;
  }

  /* Treatments / Destinations / Corporate → accordion.
     Görünüm yukarıdaki kısayol kartlarıyla aynı (aynı zemin/çerçeve/radius). */
  body.theme-v2 .ft-acc {
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: 12px;
    background: var(--ft-card);
  }

  /* kartlar kısayol kartlarıyla aynı sıklıkta dizilsin */
  body.theme-v2 .ft-acc+.ft-acc {
    margin-top: -24px;
  }

  body.theme-v2 .ft-acc h3 {
    margin: 0;
    padding: 0;
  }

  body.theme-v2 .ft-acc h3::after {
    display: none;
  }

  body.theme-v2 .ft-acc-btn {
    padding: 14px 16px;
    cursor: pointer;
  }

  body.theme-v2 .ft-acc-btn .icon {
    display: block;
  }

  body.theme-v2 .ft-acc-btn[aria-expanded="true"] .icon {
    transform: rotate(180deg);
  }

  body.theme-v2 .ft-acc-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
  }

  body.theme-v2 .ft-acc-panel a {
    margin: 0 0 13px;
    padding: 0 16px;
  }

  body.theme-v2 .ft-acc-panel a:first-child {
    margin-top: 2px;
  }

  body.theme-v2 .ft-acc-panel a:last-child {
    margin-bottom: 15px;
  }

  body.theme-v2 .ft-promos {
    grid-template-columns: 1fr;
  }

  body.theme-v2 .ft-contact {
    display: block;
  }

  body.theme-v2 .ft-contact-card {
    width: auto;
    margin-bottom: 9px;
  }

  body.theme-v2 .ft-assurance {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.theme-v2 .ft-assure {
    padding: 15px 16px;
  }

  body.theme-v2 .ft-disclaimer p {
    text-align: left;
  }

  body.theme-v2 .ft-bottom {
    align-items: flex-start;
    gap: 14px;
    flex-direction: column;
    padding-bottom: 68px;
  }

  body.theme-v2 .ft-legal {
    padding-right: 0;
  }

  body.theme-v2 .ft-top {
    top: auto;
    right: auto;
    bottom: 18px;
    left: 20px;
    transform: none;
  }
}


/* ══════════════════════════════════════════════════════════════
   findMedAnimate — nesneler yerine otururken hafif hareket

   Saf opaklık geçişi yok: her nesne kendi yerine doğru küçük bir
   yol alarak yerleşir. Yatay hareketler her zaman İÇERİDEN dışarı
   doğrudur — böylece animasyon sırasında yatay taşma oluşmaz.
   Kurumsal ton için mesafe 10px, eğri yaylanmayan cinsten.

   Geçiş (transition) değil animasyon kullanılır: böylece
   bileşenlerin kendi transition'ları ezilmez. Animasyon bitince
   JS sınıfları kaldırır, öğe tamamen doğal stiline döner.
   Sınıfları yalnızca JS ekler; script çalışmazsa hiçbir şey
   gizlenmez. Azaltılmış hareket tercihinde tamamen devre dışı.
   ══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: no-preference) {
  body.theme-v2 .fm-anim {
    opacity: 0;
  }

  body.theme-v2 .fm-in {
    animation: .72s cubic-bezier(.25, .46, .45, .94) var(--fm-delay, 0ms) both fm-up;
  }

  /* sola doğru yerleşir — sayfanın sol tarafındaki bloklar için */
  body.theme-v2 .fm-left.fm-in {
    animation-name: fm-left;
  }

  /* sağa doğru yerleşir — sağ taraftaki bloklar için */
  body.theme-v2 .fm-right.fm-in {
    animation-name: fm-right;
  }
}

@keyframes fm-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fm-left {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fm-right {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


/* ══════════════════════════════════════════════════════════════
   Premium katman — referans tasarımın renk dışındaki sinyalleri
   1) sayfa tepesinde mercan→mavi saç teli
   2) koyu utility şerit, ayraçlı
   3) panellerin üst kenarında ışık çizgisi (cam hissi)
   4) birincil eylemlerde mavi parıltı
   5) eyebrow'larda kısa kıvılcım çizgisi
   6) açık bölümlerde çok hafif ışık derinliği
   ══════════════════════════════════════════════════════════════ */

/* ── 1 + 2: üst şerit ── */
body.theme-v2 .top-bar {
  color: #9db2d2;
  background: var(--ink);
}

body.theme-v2 .top-bar::before {
  height: 3px;
  background:
    linear-gradient(90deg,
      var(--spark) 0%,
      #c2542f 10%,
      var(--navy) 30%,
      var(--blue) 48%,
      var(--accent) 78%,
      #7acdf4 100%);
}

body.theme-v2 .top-bar-info>.icon {
  color: var(--accent);
}

body.theme-v2 .tb-sep {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, .16);
}

body.theme-v2 .top-bar-links a {
  color: #c2d4ee;
}

/* ── 3: cam panellerin üst kenarında ışık ── */
body.theme-v2 .mp-panel,
body.theme-v2 .mp-tab,
body.theme-v2 .vp-player,
body.theme-v2 .vp-list,
body.theme-v2 .wc-cards li,
body.theme-v2 .ft-promo,
body.theme-v2 .ft-contact-card,
body.theme-v2 .ad-slot {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* ── 4: birincil eylemlerde parıltı ── */
body.theme-v2 .site-header .btn-primary,
body.theme-v2 .newsletter form .btn,
body.theme-v2 .wc-cta,
body.theme-v2 .vp-cta {
  background: linear-gradient(135deg, #33a9e4 0%, var(--accent) 46%, #0f86c8 100%);
  box-shadow: 0 10px 26px -10px rgba(30, 159, 224, .8);
}

body.theme-v2 .site-header .btn-primary:hover,
body.theme-v2 .newsletter form .btn:hover,
body.theme-v2 .wc-cta:hover,
body.theme-v2 .vp-cta:hover {
  background: linear-gradient(135deg, #45b4ea 0%, #2aa9e8 46%, var(--accent-dark) 100%);
  box-shadow: 0 14px 32px -10px rgba(30, 159, 224, .95);
}

/* ── 5: eyebrow'un önünde kısa kıvılcım ── */
body.theme-v2 .eyebrow::before,
body.theme-v2 .wc-visual-eyebrow::before {
  content: "";
  width: 20px;
  height: 2px;
  flex: 0 0 20px;
  border-radius: 2px;
  background: var(--spark);
}

/* ── 6: açık bölümlerde hafif ışık derinliği ── */
body.theme-v2 .section-muted,
body.theme-v2 .section#about {
  background:
    radial-gradient(115% 90% at 50% 0%, #f8fcff 0%, rgba(248, 252, 255, 0) 58%),
    var(--surface);
}

/* ── 7: hero bandı + ilk bölüm tek parça koyu blok ────────────
   Arama paneli beyaz boşlukta değil, lacivert üzerinde dursun.
   Fotoğraf ve örtü sahnenin tamamını kaplar; örtü alta doğru
   yeniden koyulaşıp bir sonraki bölümün lacivertine bağlanır. */
body.theme-v2 .hero-stage {
  padding-bottom: 56px;
  background: var(--navy-dark);
}

body.theme-v2 .hero-stage::before,
body.theme-v2 .hero-stage::after {
  inset: 0;
}

body.theme-v2 .hero-stage::after {
  background:
    linear-gradient(180deg,
      rgba(10, 26, 48, .94) 0%,
      rgba(14, 44, 86, .72) 22%,
      rgba(14, 44, 86, .58) 44%,
      rgba(11, 35, 68, .88) 70%,
      var(--navy-dark) 93%);
}

/* ilk kart bölümü de koyu — hero ile kesintisiz devam eder */
body.theme-v2 .section#hospitals {
  --arrow-lift: 26px;
  /* hero'nun bittiği lacivertle başlayıp aşağı doğru sönerek iner */
  background-image: linear-gradient(180deg, var(--navy-dark) 0%, #0b2449 58%, #0a2044 100%);
  padding-top: 8px;
}

body.theme-v2 #hospitals .sh-text h2 {
  color: #fff;
}

body.theme-v2 #hospitals .sh-text p {
  color: rgba(255, 255, 255, .82);
}

body.theme-v2 #hospitals .eyebrow {
  color: var(--accent);
}

body.theme-v2 #hospitals .section-heading>a.sh-all {
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

body.theme-v2 #hospitals .section-heading>a.sh-all .icon {
  color: var(--accent);
}

body.theme-v2 #hospitals .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(255, 255, 255, .1);
}

body.theme-v2 #hospitals .slider-arrow {
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

body.theme-v2 #hospitals .slider-arrow:hover:not(:disabled) {
  border-color: var(--accent);
  background: var(--accent);
}

body.theme-v2 #hospitals .slider-dots button {
  background: rgba(255, 255, 255, .28);
}

body.theme-v2 #hospitals .slider-dots button.active {
  background: var(--accent);
}


/* Açık kartların yazıları bölüm zemininde durur; koyu bölümde
   açık renge çevrilmeli */
body.theme-v2 #hospitals .treatment-card h3 {
  color: #fff;
}

body.theme-v2 #hospitals .treatment-card p {
  color: rgba(255, 255, 255, .78);
}

body.theme-v2 #hospitals .gr-score {
  color: #fff;
}

body.theme-v2 #hospitals .gr-dot {
  color: rgba(255, 255, 255, .45);
}

body.theme-v2 #hospitals .treatment-card small {
  color: rgba(255, 255, 255, .62);
}

body.theme-v2 #hospitals .treatment-card .flag {
  border-color: rgba(255, 255, 255, .3);
}

/* ── 9: hero dikeyde nefes alsın ────────────────────────────
   Başlık header'a, arama alanı da başlığa yapışık duruyordu. */
body.theme-v2 .hero-stage {
  padding-bottom: 64px;
}

body.theme-v2 .hero-content {
  padding-top: 44px;
}

body.theme-v2 .hero-copy {
  margin-bottom: 18px;
}

@media (min-width: 1051px) {
  body.theme-v2 .hero-content {
    padding-top: 76px;
  }

  body.theme-v2 .hero-copy {
    min-height: clamp(130px, 16vh, 200px);
    margin-bottom: 26px;
  }

  body.theme-v2 .hero {
    padding-bottom: 20px;
  }
}

/* ── 10: Popular Treatments bölümü lacivert zeminde ──────────
   Açık gri yerine sitenin laciverti; içerideki yazılar ve
   kontroller koyu zemine göre açık renge çevrilir. */
body.theme-v2 .section#treatments {
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(30, 159, 224, .16) 0%, rgba(30, 159, 224, 0) 62%),
    linear-gradient(180deg, var(--navy-dark) 0%, #0b2449 62%, #0a2044 100%);
}

body.theme-v2 #treatments .sh-text h2 {
  color: #fff;
}

body.theme-v2 #treatments .sh-text p {
  color: rgba(255, 255, 255, .82);
}

body.theme-v2 #treatments .eyebrow {
  color: var(--accent);
}

body.theme-v2 #treatments .section-heading>a.sh-all {
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

body.theme-v2 #treatments .section-heading>a.sh-all .icon {
  color: var(--accent);
}

body.theme-v2 #treatments .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(255, 255, 255, .1);
}

body.theme-v2 #treatments .slider-arrow {
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

body.theme-v2 #treatments .slider-arrow:hover:not(:disabled) {
  border-color: var(--accent);
  background: var(--accent);
}

body.theme-v2 #treatments .slider-dots button {
  background: rgba(255, 255, 255, .28);
}

body.theme-v2 #treatments .slider-dots button.active {
  background: var(--accent);
}

body.theme-v2 #treatments .treatment-card h3 {
  color: #fff;
}

body.theme-v2 #treatments .treatment-card p,
body.theme-v2 #treatments .treatment-card .gr-label {
  color: rgba(255, 255, 255, .78);
}

body.theme-v2 #treatments .treatment-card small {
  color: rgba(255, 255, 255, .62);
}

body.theme-v2 #treatments .gr-score {
  color: #fff;
}

body.theme-v2 #treatments .gr-dot {
  color: rgba(255, 255, 255, .45);
}

body.theme-v2 #treatments .treatment-card .flag {
  border-color: rgba(255, 255, 255, .3);
}

/* ══════════════════════════════════════════════════════════════
   11: Hero "premium" hareketler — sahne canlansın
   Fotoğrafta çok yavaş bir ken-burns, örtünün üstünde gezinen
   ışık, içerik için kademeli giriş ve panelde nefes alan
   mikro etkileşimler. Hepsi reduce-motion ile kapanır.
   ══════════════════════════════════════════════════════════════ */

@keyframes fm-kenburns {
  0% {
    transform: scale(1.03) translate3d(0, 0, 0);
  }

  100% {
    transform: scale(1.14) translate3d(-1.8%, -1.4%, 0);
  }
}

@keyframes fm-aurora {

  0%,
  100% {
    background-position: 18% 12%, 82% 4%;
    opacity: .6;
  }

  50% {
    background-position: 31% 24%, 69% 16%;
    opacity: .95;
  }
}

@keyframes fm-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fm-rise-soft {
  from {
    opacity: 0;
    transform: translate3d(0, 26px, 0) scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fm-title-in {
  from {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
    filter: blur(10px);
  }

  to {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}

@keyframes fm-sheen {
  0% {
    background-position: 210% 0;
  }

  55%,
  100% {
    background-position: -110% 0;
  }
}

@keyframes fm-cta-pulse {

  0%,
  100% {
    box-shadow: 0 12px 26px -12px rgba(17, 135, 206, .5), 0 0 0 0 rgba(30, 159, 224, .34);
  }

  50% {
    box-shadow: 0 16px 32px -12px rgba(17, 135, 206, .62), 0 0 0 9px rgba(30, 159, 224, 0);
  }
}

/* fotoğraf çok yavaşça yaklaşır — sahne donuk kalmasın */
/* Hareketli fotoğraf kendi kutusunda kirpilan bir katmanda durur.
   .hero-stage'in overflow'u bilerek visible (panel taşabilsin) olduğu
   için, zoom doğrudan ::before'a verilince sayfa genişliyordu. */
body.theme-v2 .hero-stage:has(.hero-bg)::before {
  display: none;
}

body.theme-v2 .hero-bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

body.theme-v2 .hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/hero-bg.png") center center / cover no-repeat;
  /* alt sayfa kendi gorselini kullanir */
  transform-origin: 50% 45%;
  will-change: transform;
  animation: fm-kenburns 26s ease-in-out infinite alternate;
}

/* alt sayfa hero gorseli */
body.theme-v2 .page-hero .hero-bg::before {
  background-image: url("../img/page-hospital-bg.png");
}

/* doktorlar sayfasi kendi hero gorselini kullanir */
body.theme-v2 .page-hero--doctors .hero-bg::before {
  background-image: url("../img/page-doctor-bg-.png");
}

/* tedaviler sayfasi kendi hero gorselini kullanir */
body.theme-v2 .page-hero--treatments .hero-bg::before {
  background-image: url("../img/pag-treatment-bg.png");
}

/* destinasyonlar sayfasi kendi hero gorselini kullanir */
body.theme-v2 .page-hero--destinations .hero-bg::before {
  background-image: url("../img/page-destination-bg.png");
}

/* örtünün üstünde gezinen yumuşak ışık */
body.theme-v2 .hero::before {
  background-image:
    radial-gradient(closest-side, rgba(56, 178, 235, .34) 0%, rgba(56, 178, 235, 0) 100%),
    radial-gradient(closest-side, rgba(126, 208, 255, .26) 0%, rgba(126, 208, 255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 64% 82%, 54% 70%;
  background-position: 18% 12%, 82% 4%;
  will-change: background-position, opacity;
  animation: fm-aurora 18s ease-in-out infinite;
}

/* içerik kademeli girer */
body.theme-v2 .hero-copy h1 {
  animation: fm-title-in .9s cubic-bezier(.2, .7, .25, 1) both;
}

body.theme-v2 .hero-search .search-tabs {
  animation: fm-rise .75s cubic-bezier(.2, .7, .25, 1) .22s both;
}

/* cam yüzey: girişte yükselir, sonra üstünden ince bir parlama geçer.
   inset/radıus breakpoint'lere göre değiştiği için parıltı ayrı bir
   katman değil, ::before'un kendi arka planı olarak veriliyor. */
body.theme-v2 .hero-panel::before {
  background-image: linear-gradient(102deg,
      rgba(255, 255, 255, 0) 38%,
      rgba(255, 255, 255, .16) 50%,
      rgba(255, 255, 255, 0) 62%);
  background-size: 240% 100%;
  background-repeat: no-repeat;
  background-position: 210% 0;
  animation:
    fm-rise-soft .85s cubic-bezier(.2, .7, .25, 1) .3s both,
    /* parilti yalnizca girişte bir kez gecer, dongu yok */
    fm-sheen 9s ease-in-out 1.6s 1;
}

body.theme-v2 .hero-search .search-card {
  animation: fm-rise-soft .85s cubic-bezier(.2, .7, .25, 1) .38s both;
}

body.theme-v2 .hero-panel .trust-panel {
  animation: fm-rise .7s cubic-bezier(.2, .7, .25, 1) .55s both;
}

body.theme-v2 .hero-panel .trust-row>div {
  animation: fm-rise .6s cubic-bezier(.2, .7, .25, 1) both;
}

body.theme-v2 .hero-panel .trust-row>div:nth-child(1) {
  animation-delay: .62s;
}

body.theme-v2 .hero-panel .trust-row>div:nth-child(2) {
  animation-delay: .70s;
}

body.theme-v2 .hero-panel .trust-row>div:nth-child(3) {
  animation-delay: .78s;
}

body.theme-v2 .hero-panel .trust-row>div:nth-child(4) {
  animation-delay: .86s;
}

/* alanlar dokunuşa cevap versin */
body.theme-v2 .hero-search .search-field {
  transition: transform .28s cubic-bezier(.2, .7, .25, 1), box-shadow .28s ease, background-color .28s ease;
}

body.theme-v2 .hero-search .search-field:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -14px rgba(10, 40, 80, .55);
}

body.theme-v2 .hero-search .search-field:focus-within {
  transform: translateY(-1px);
  box-shadow: 0 0 0 2px rgba(30, 159, 224, .35), 0 12px 26px -14px rgba(10, 40, 80, .6);
}

body.theme-v2 .hero-search .search-field .field-icon {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1), color .3s ease;
}

body.theme-v2 .hero-search .search-field:hover .field-icon,
body.theme-v2 .hero-search .search-field:focus-within .field-icon {
  transform: scale(1.12);
  color: var(--accent);
}

/* CTA: sakin bir nabız + üzerine gelince ışık geçişi */
body.theme-v2 .hero-search .search-form .search-button {
  position: relative;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.2, .7, .25, 1), box-shadow .28s ease;
  animation: fm-cta-pulse 3.6s ease-in-out 1.6s infinite;
}

body.theme-v2 .hero-search .search-form .search-button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, .45) 50%,
      rgba(255, 255, 255, 0) 60%);
  background-size: 240% 100%;
  background-position: 210% 0;
  background-repeat: no-repeat;
  transition: background-position .8s ease;
}

body.theme-v2 .hero-search .search-form .search-button:hover {
  transform: translateY(-2px);
  animation-play-state: paused;
}

body.theme-v2 .hero-search .search-form .search-button:hover::after {
  background-position: -110% 0;
}

body.theme-v2 .hero-search .search-form .search-button:active {
  transform: translateY(0);
}

body.theme-v2 .hero-search .search-form .search-button .icon {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .hero-search .search-form .search-button:hover .icon {
  transform: scale(1.12) rotate(-8deg);
}

/* sekmeler ve güven satırı: küçük ama pahalı duran detaylar */
body.theme-v2 .hero-search .search-tabs button {
  transition: color .28s ease, transform .28s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .hero-search .search-tabs button .icon {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .hero-search .search-tabs button:hover .icon,
body.theme-v2 .hero-search .search-tabs button.active .icon {
  transform: translateY(-1px) scale(1.1);
}

body.theme-v2 .hero-panel .trust-row>div {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .hero-panel .trust-row>div:hover {
  transform: translateY(-2px);
}

body.theme-v2 .hero-panel .trust-icon {
  transition: transform .32s cubic-bezier(.2, .7, .25, 1), background-color .32s ease, box-shadow .32s ease;
}

body.theme-v2 .hero-panel .trust-row>div:hover .trust-icon {
  transform: none;
  box-shadow: 0 8px 18px -10px rgba(10, 40, 80, .7);
}

body.theme-v2 .hero-panel .trust-row>div:hover .trust-icon .icon {
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .hero-bg::before,
  body.theme-v2 .hero::before,
  body.theme-v2 .hero-copy h1,
  body.theme-v2 .hero-search .search-tabs,
  body.theme-v2 .hero-panel::before,
  body.theme-v2 .hero-search .search-card,
  body.theme-v2 .hero-panel .trust-panel,
  body.theme-v2 .hero-panel .trust-row>div,
  body.theme-v2 .hero-search .search-form .search-button {
    animation: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   12: Sayfa kaydırma çubuğu — sağdaki beyaz şerit koyu hero'nun
   yanında sırıtıyordu; markanın lacivert/turkuazına çekildi.
   Sadece sayfanın kendi çubuğu; iç kaydırıcılar dokunulmadı.
   ══════════════════════════════════════════════════════════════ */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(126, 208, 255, .5) #0a1a30;
}

html::-webkit-scrollbar {
  width: 11px;
}

html::-webkit-scrollbar-track {
  background: #0a1a30;
}

html::-webkit-scrollbar-thumb {
  border: 3px solid #0a1a30;
  border-radius: 999px;
  background: rgba(255, 255, 255, .32);
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--accent);
}

/* ══════════════════════════════════════════════════════════════
   13: Hero arama paneli koyu lacivert cam
   Beyaz cam yüzey lacivert zemine çevrildi; içerideki her öğe
   (sekmeler, alanlar, ikonlar, güven satırı, öneri listesi)
   koyu zemine göre yeniden kontrastlandı.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-panel::before {
  border-color: rgba(255, 255, 255, .16);
  background-color: rgba(9, 26, 50, .68);
  box-shadow:
    0 1px 2px rgba(4, 14, 30, .3),
    0 18px 40px -18px rgba(4, 14, 30, .75),
    inset 0 1px 0 rgba(255, 255, 255, .1);
}

/* ── sekme şeridi ── */
body.theme-v2 .hero-panel .search-tabs {
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(9, 26, 50, .72);
}

body.theme-v2 .hero-panel .tabs-fillet path {
  fill: rgba(9, 26, 50, .72);
}

body.theme-v2 .hero-panel .search-tabs button,
body.theme-v2 .hero-panel .search-tabs button .icon {
  color: rgba(255, 255, 255, .74);
}

body.theme-v2 .hero-panel .search-tabs button:hover:not(.active),
body.theme-v2 .hero-panel .search-tabs button:hover:not(.active) .icon {
  color: #fff;
  background: transparent;
}

body.theme-v2 .hero-panel .search-tabs-indicator {
  background: #fff;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6);
}

body.theme-v2 .hero-panel .search-tabs button.active,
body.theme-v2 .hero-panel .search-tabs button.active .icon {
  color: var(--navy-dark);
}

/* beyaz hapın altındaki vurgu çizgisi artık gereksiz */
body.theme-v2 .hero-panel .search-tabs button.active::after {
  display: none;
}

/* ── arama alanları ── */
body.theme-v2 .hero-panel .search-field {
  border: 1px solid rgba(255, 255, 255, .15);
  background: rgba(255, 255, 255, .07);
}

body.theme-v2 .hero-panel .search-field:hover {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .11);
  box-shadow: 0 10px 22px -14px rgba(0, 0, 0, .8);
}

body.theme-v2 .hero-panel .search-field:focus-within {
  border-color: rgba(30, 159, 224, .65);
  background: rgba(255, 255, 255, .14);
  box-shadow: 0 0 0 2px rgba(30, 159, 224, .3), 0 12px 26px -14px rgba(0, 0, 0, .85);
}

body.theme-v2 .hero-panel .field-label {
  color: rgba(255, 255, 255, .6);
}

body.theme-v2 .hero-panel .autosuggest-input {
  color: #fff;
}

body.theme-v2 .hero-panel .autosuggest-input::placeholder {
  color: rgba(255, 255, 255, .5);
}

body.theme-v2 .hero-panel .search-field .field-icon {
  color: rgba(255, 255, 255, .58);
}

body.theme-v2 .hero-panel .search-field:hover .field-icon,
body.theme-v2 .hero-panel .search-field:focus-within .field-icon {
  color: var(--accent);
}

body.theme-v2 .hero-panel .field-body::before {
  background: rgba(255, 255, 255, .18);
}

/* ── güven satırı ── */
body.theme-v2 .hero-panel .trust-panel {
  border-top-color: rgba(255, 255, 255, .14);
}

body.theme-v2 .hero-panel .trust-icon {
  border: 1px solid rgba(232, 87, 63, .62);
  background: rgba(255, 255, 255, .1);
}

body.theme-v2 .hero-panel .trust-icon .icon {
  color: rgba(255, 255, 255, .88);
}

body.theme-v2 .hero-panel .trust-row strong {
  color: #fff;
}

body.theme-v2 .hero-panel .trust-row>div>span:last-child {
  color: rgba(126, 208, 255, .88);
}

body.theme-v2 .hero-panel .trust-row>div:hover .trust-icon {
  border-color: rgba(232, 87, 63, .9);
  background: rgba(255, 255, 255, .2);
  box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .8);
}

body.theme-v2 .hero-panel .trust-row>div:hover .trust-icon .icon {
  color: var(--accent);
}

/* oneri listesi altindaki guven blogunun altinda kalmasin:
   .hero-search ile .trust-panel ayni z-index'teydi, DOM'da sonraki kazaniyordu */
body.theme-v2 .hero-panel .hero-search {
  z-index: 3;
}

body.theme-v2 .hero-panel .trust-panel {
  z-index: 1;
}

/* alan static oldugu icin .is-suggest-open'daki z-index calismiyordu */
body.theme-v2 .hero-panel .search-field {
  position: relative;
}

body.theme-v2 .hero-panel .search-field.is-suggest-open {
  z-index: 25;
}

/* ── öneri listesi de koyu ── */
body.theme-v2 .hero-panel .autosuggest-panel {
  border-color: rgba(255, 255, 255, .16);
  /* tam opak: arkadaki guven blogu hicbir sekilde sizmasin */
  background: #091a32;
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .8);
}

body.theme-v2 .hero-panel .autosuggest-item {
  color: rgba(255, 255, 255, .86);
}

body.theme-v2 .hero-panel .autosuggest-item:hover,
body.theme-v2 .hero-panel .autosuggest-item.is-active {
  color: #fff;
  background: rgba(255, 255, 255, .09);
}

body.theme-v2 .hero-panel .autosuggest-item mark {
  color: var(--accent);
  background: transparent;
}

body.theme-v2 .hero-panel .autosuggest-item .flag {
  border-color: rgba(255, 255, 255, .28);
}

body.theme-v2 .hero-panel .autosuggest-empty {
  color: rgba(255, 255, 255, .55);
}

/* ══════════════════════════════════════════════════════════════
   14: "Verified Network" şeridi — arama panelinin hemen altında,
   kendi kapsayıcısında, panelle aynı genişlikte. Sağ tarafta
   kayan güven metni (marquee) döner.
   ══════════════════════════════════════════════════════════════ */
@keyframes fm-dot-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(47, 208, 138, .5);
  }

  70%,
  100% {
    box-shadow: 0 0 0 7px rgba(47, 208, 138, 0);
  }
}

@keyframes fm-ticker {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

body.theme-v2 .hero-verified {
  margin-top: 14px;
  animation: fm-rise .7s cubic-bezier(.2, .7, .25, 1) .95s both;
}

/* üstteki arama paneliyle aynı genişlik */
body.theme-v2 .hv-badge {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(9, 26, 50, .5);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  /* çok hafif gölge */
  box-shadow: 0 4px 14px -12px rgba(0, 0, 0, .55);
  transition: border-color .3s ease, background-color .3s ease;
}

body.theme-v2 .hv-badge:hover {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(9, 26, 50, .62);
}

body.theme-v2 .hv-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #2fd08a;
  animation: fm-dot-pulse 2.6s ease-out infinite;
}

body.theme-v2 .hv-badge>.icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #2fd08a;
}

body.theme-v2 .hv-badge strong {
  flex: 0 0 auto;
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .2px;
  white-space: nowrap;
}

body.theme-v2 .hv-sep {
  width: 1px;
  height: 14px;
  flex: 0 0 1px;
  background: rgba(255, 255, 255, .2);
}

/* kayan metin: kalan alanı doldurur, iki uçta yumuşak biter */
body.theme-v2 .hv-ticker {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
}

body.theme-v2 .hv-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: fm-ticker 34s linear infinite;
}

body.theme-v2 .hv-item {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, .62);
  font-size: 11.5px;
  letter-spacing: .2px;
  white-space: nowrap;
}

/* ayrac: tipografik nokta yerine yuvarlak baloncuk */
body.theme-v2 .hv-bullet {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  margin: 0 11px;
  border-radius: 50%;
  background: #1D97D9;
}

@media (max-width: 560px) {
  body.theme-v2 .hv-badge {
    padding: 8px 14px;
    gap: 8px;
  }

  body.theme-v2 .hv-badge strong {
    font-size: 11.5px;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .hero-verified,
  body.theme-v2 .hv-dot,
  body.theme-v2 .hv-track {
    animation: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   15: Hero dikey ritim
   Mobilde "Verified Network" şeridiyle bir sonraki bölüm
   arasındaki boşluk kaldırıldı; masaüstünde başlığın durduğu
   alan nefes alsın diye yükseklik artırıldı.
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 1050px) {
  /* Telefonlarda alt kenarda guvenli alan: arama paneli/serit
     ekranin en altina yapismasin, sistem cubugu ustune gelmesin.
     env() destegi yoksa 0px'e duser, sabit 52px yine kalir. */
  body.theme-v2 .hero-stage {
    padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
  }

  body.theme-v2 .hero {
    padding-bottom: 0;
  }

  body.theme-v2 .hero-verified {
    margin-bottom: 0;
  }
}

@media (min-width: 1051px) {
  body.theme-v2 .hero-content {
    padding-top: 104px;
  }

  body.theme-v2 .hero-copy {
    min-height: clamp(170px, 21vh, 280px);
    margin-bottom: 34px;
  }

  /* baslik masaustunde bir tik daha buyuk, satirlar biraz daha ferah */
  body.theme-v2 .hero-copy h1 {
    font-size: clamp(44px, 4.2vw, 62px);
    letter-spacing: -1.4px;
    line-height: 1.18;
  }
}

/* ══════════════════════════════════════════════════════════════
   16: Kart 3. satırı (konum/açıklama) — daha küçük ve daha ince
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .listing-cards .treatment-card small {
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: .1px;
}

/* yalnizca koyu zeminli bolumler */
body.theme-v2 #hospitals .treatment-card small,
body.theme-v2 #treatments .treatment-card small {
  color: rgba(255, 255, 255, .56);
}

/* ══════════════════════════════════════════════════════════════
   17: Ana menü — seçili öğe için hap (pill) vurgusu
   Tüm bağlantılar aynı dolguyu alır, böylece hap eklenince
   hizalama kaymaz; hover'da sönük, seçilide mavi çerçeveli.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .main-nav {
  gap: 4px;
}

body.theme-v2 .main-nav a {
  padding: 8px 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}

body.theme-v2 .main-nav a:hover {
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

body.theme-v2 .main-nav a.is-active {
  color: #fff;
  border-color: rgb(29 151 217 / 54%);
  background: rgba(126, 208, 255, .12);
  font-size: 12.5px;
  font-weight: 500;
}

body.theme-v2 .main-nav a.is-active:hover {
  border-color: rgba(29, 151, 217, .95);
  background: rgba(126, 208, 255, .18);
}

/* ══════════════════════════════════════════════════════════════
   18: Logo — tek parça yatay kilit (koyu zemin sürümü)
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .logo-lockup {
  gap: 0;
  line-height: 0;
}

body.theme-v2 .logo-lockup .logo-img {
  display: block;
  width: auto;
  height: 31px;
  margin-left: 0;
  object-fit: contain;
}

/* saga yanasma yalnizca ust menude; footer'da logo metinle ayni hizada durur */
body.theme-v2 .site-header .logo-lockup .logo-img {
  margin-left: 0;
}

@media (max-width: 1050px) {
  body.theme-v2 .logo-lockup .logo-img {
    height: 28px;
  }
}

@media (max-width: 560px) {
  body.theme-v2 .logo-lockup .logo-img {
    height: 25px;
  }
}

/* ══════════════════════════════════════════════════════════════
   19: Bölüm ritmi — lacivert / beyaz sıralaması
   hero (lacivert) → Popular Hospitals (beyaz) → Destinations
   (lacivert) → Treatments (beyaz) → Countries (lacivert)
   Destinations ve Countries kartları zaten beyaz kart olduğu
   için koyu zeminde okunur kalıyor; Hospitals ve Treatments'ta
   yazı doğrudan zeminin üstünde durduğu için koyu renge dönüyor.
   ══════════════════════════════════════════════════════════════ */

/* ── açık bölümler: Hospitals + Treatments ── */
body.theme-v2 .section#hospitals,
body.theme-v2 .section#treatments {
  padding-top: 58px;
  background-color: var(--surface);
  background-image: radial-gradient(115% 90% at 50% 0%, #f8fcff 0%, rgba(248, 252, 255, 0) 58%);
}

body.theme-v2 #hospitals .sh-text h2,
body.theme-v2 #treatments .sh-text h2 {
  color: var(--navy-dark);
}

body.theme-v2 #hospitals .sh-text p,
body.theme-v2 #treatments .sh-text p {
  color: var(--muted);
}

body.theme-v2 #hospitals .eyebrow,
body.theme-v2 #treatments .eyebrow {
  color: var(--accent-dark);
}

body.theme-v2 #hospitals .section-heading>a.sh-all,
body.theme-v2 #treatments .section-heading>a.sh-all {
  border-color: #e3ebf5;
  color: var(--navy-dark);
  background: transparent;
}

body.theme-v2 #hospitals .section-heading>a.sh-all .icon,
body.theme-v2 #treatments .section-heading>a.sh-all .icon {
  color: var(--accent-dark);
}

body.theme-v2 #hospitals .section-heading>a.sh-all:hover,
body.theme-v2 #treatments .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent-dark);
  background: rgba(30, 159, 224, .06);
}

body.theme-v2 #hospitals .slider-arrow,
body.theme-v2 #treatments .slider-arrow {
  border-color: #e3ebf5;
  color: var(--navy-dark);
  background: #f1f4f8;
}

body.theme-v2 #hospitals .slider-arrow:hover:not(:disabled),
body.theme-v2 #treatments .slider-arrow:hover:not(:disabled) {
  border-color: var(--accent);
  color: #fff;
  background: var(--accent);
}

body.theme-v2 #hospitals .slider-dots button,
body.theme-v2 #treatments .slider-dots button {
  background: #cddcec;
}

body.theme-v2 #hospitals .slider-dots button.active,
body.theme-v2 #treatments .slider-dots button.active {
  background: var(--accent);
}

body.theme-v2 #hospitals .treatment-card h3,
body.theme-v2 #treatments .treatment-card h3 {
  color: var(--navy-dark);
}

body.theme-v2 #hospitals .treatment-card p,
body.theme-v2 #treatments .treatment-card p {
  color: var(--muted);
}

body.theme-v2 #hospitals .treatment-card small,
body.theme-v2 #treatments .treatment-card small {
  color: #8494a8;
}

/* koyu bolum icin verilen beyaz etiket rengi acik zeminde okunmuyordu */
body.theme-v2 #hospitals .treatment-card .gr-label,
body.theme-v2 #treatments .treatment-card .gr-label {
  color: var(--navy-dark);
  font-weight: 600;
}

body.theme-v2 #hospitals .gr-score,
body.theme-v2 #treatments .gr-score {
  color: var(--navy-dark);
}

body.theme-v2 #hospitals .gr-dot,
body.theme-v2 #treatments .gr-dot {
  color: #a9b6c6;
}

body.theme-v2 #hospitals .treatment-card .flag,
body.theme-v2 #treatments .treatment-card .flag {
  border-color: #e3ebf5;
}

/* ── koyu bölümler: Destinations + Countries ── */
body.theme-v2 .section#destinations,
body.theme-v2 .section#countries {
  background-color: var(--navy-dark);
  background-image:
    radial-gradient(120% 90% at 50% 0%, rgba(30, 159, 224, .16) 0%, rgba(30, 159, 224, 0) 62%),
    linear-gradient(180deg, var(--navy-dark) 0%, #0b2449 62%, #0a2044 100%);
}

body.theme-v2 #destinations .sh-text h2,
body.theme-v2 #countries .sh-text h2 {
  color: #fff;
}

body.theme-v2 #destinations .sh-text p,
body.theme-v2 #countries .sh-text p {
  color: rgba(255, 255, 255, .82);
}

body.theme-v2 #destinations .eyebrow,
body.theme-v2 #countries .eyebrow {
  color: var(--accent);
}

body.theme-v2 #destinations .section-heading>a.sh-all,
body.theme-v2 #countries .section-heading>a.sh-all {
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

body.theme-v2 #destinations .section-heading>a.sh-all .icon,
body.theme-v2 #countries .section-heading>a.sh-all .icon {
  color: var(--accent);
}

body.theme-v2 #destinations .section-heading>a.sh-all:hover,
body.theme-v2 #countries .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(255, 255, 255, .1);
}

body.theme-v2 #destinations .slider-arrow,
body.theme-v2 #countries .slider-arrow {
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

body.theme-v2 #destinations .slider-arrow:hover:not(:disabled),
body.theme-v2 #countries .slider-arrow:hover:not(:disabled) {
  border-color: var(--accent);
  color: #fff;
  background: var(--accent);
}

body.theme-v2 #destinations .slider-dots button,
body.theme-v2 #countries .slider-dots button {
  background: rgba(255, 255, 255, .28);
}

body.theme-v2 #destinations .slider-dots button.active,
body.theme-v2 #countries .slider-dots button.active {
  background: var(--accent);
}

/* ══════════════════════════════════════════════════════════════
   20: Hero tam ekran yüksekliği
   Sahne, üst şeridin altından ekranın altına kadar uzanır.
   Üst şerit ≤760px'te gizlendiği için orada çıkarma yapılmaz.
   svh kullanılıyor: mobil tarayıcı çubuğu açılıp kapanınca
   yükseklik zıplamaz.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-stage {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 37px);
  min-height: calc(100svh - 37px);
}

body.theme-v2 .hero-stage>.hero {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

body.theme-v2 .hero-stage .hero-content {
  flex: 1 1 auto;
}

@media (max-width: 760px) {
  body.theme-v2 .hero-stage {
    min-height: 100vh;
    min-height: 100svh;
  }
}

/* ══════════════════════════════════════════════════════════════
   21: Real Stories, Real Results — açık zemin (#F4F8FD)
   Başlık bloğu koyu renge döner; video oynatıcı ve liste
   panelleri opak lacivert kalır (açık zeminde saydam kalırlarsa
   çamurlu bir tona düşüyorlardı), içlerindeki yazılar aynen
   okunur durumda kalsın diye.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .section#stories {
  background-color: #F4F8FD;
  background-image: radial-gradient(115% 90% at 50% 0%, #f8fcff 0%, rgba(248, 252, 255, 0) 58%);
}

body.theme-v2 #stories .sh-text h2 {
  color: var(--navy-dark);
}

body.theme-v2 #stories .sh-text p {
  color: var(--muted);
}

body.theme-v2 #stories .eyebrow {
  color: var(--accent-dark);
}

body.theme-v2 #stories .section-heading>a.sh-all {
  border-color: #e3ebf5;
  color: var(--navy-dark);
  background: transparent;
}

body.theme-v2 #stories .section-heading>a.sh-all .icon {
  color: var(--accent-dark);
}

body.theme-v2 #stories .section-heading>a.sh-all:hover {
  border-color: var(--accent);
  color: var(--accent-dark);
  background: rgba(30, 159, 224, .06);
}

/* oynatıcı ve liste panelleri: opak lacivert + açık zemine göre gölge */
body.theme-v2 #stories .vp-player,
body.theme-v2 #stories .vp-list {
  border-color: rgba(12, 38, 74, .14);
  background: #0b2344;
  box-shadow: 0 18px 40px -24px rgba(12, 38, 74, .45);
}

/* ══════════════════════════════════════════════════════════════
   22: Video oynatıcı + hikâye listesi açık zemine uyumlu
   Paneller beyaz karta döner; --vp-line ve --vp-dim tek yerden
   çevrildiği için içerideki ikincil yazılar ve ayraçlar da
   otomatik olarak açık temaya geçer.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .testimonials {
  --vp-line: #e3ebf5;
  --vp-dim: #5c6f82;
}

body.theme-v2 #stories .vp-player,
body.theme-v2 #stories .vp-list {
  border-color: var(--vp-line);
  background: #fff;
  box-shadow: 0 14px 34px -22px rgba(12, 38, 74, .35);
}

body.theme-v2 #stories .vp-title,
body.theme-v2 #stories .vp-list-head,
body.theme-v2 #stories .vp-channel-text strong,
body.theme-v2 #stories .vp-item-text strong {
  color: var(--navy-dark);
}

body.theme-v2 #stories .vp-item.is-active .vp-item-text strong {
  color: var(--accent-dark);
}

body.theme-v2 #stories .vp-live {
  color: var(--accent-dark);
  background: rgba(30, 159, 224, .12);
}

body.theme-v2 #stories .vp-dot {
  color: rgba(12, 38, 74, .28);
}

body.theme-v2 #stories .vp-item:hover {
  background: rgba(12, 38, 74, .05);
}

body.theme-v2 #stories .vp-item.is-active {
  background: rgba(30, 159, 224, .1);
}

/* ══════════════════════════════════════════════════════════════
   23: FindMed in Numbers — Stories ile aynı açık zemin
   (beyaz değil, #F4F8FD). Ayrıca liste kaydırıcısı: html'e
   verilen koyu scrollbar rengi kalıtımla iç panellere de
   sızıyordu, açık panellerde sırıtmasın diye kesiliyor.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .numbers {
  padding-bottom: 100px;
  background-color: #F4F8FD;
  background-image: none;
}

body {
  scrollbar-color: auto;
}

body.theme-v2 #stories .vp-list-scroll {
  scrollbar-width: thin;
  scrollbar-color: #c9d8ea transparent;
}

body.theme-v2 #stories .vp-list-scroll::-webkit-scrollbar {
  width: 8px;
}

body.theme-v2 #stories .vp-list-scroll::-webkit-scrollbar-track {
  background: transparent;
}

body.theme-v2 #stories .vp-list-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #c9d8ea;
}

/* ══════════════════════════════════════════════════════════════
   25: Rakamlar şeridi footer'da — güvence kartlarının boşalttığı
   yerde. Sayı bloğu açık zemin için yazılmıştı, koyu footer'a
   göre renkler ve ölçek yeniden ayarlanıyor.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .ft-numbers {
  padding: 34px 0 40px;
  border-top: 1px solid var(--ft-line);
}

body.theme-v2 .ft-numbers .nm-eyebrow {
  margin-bottom: 26px;
  color: var(--accent);
}

body.theme-v2 .ft-numbers .nm-item+.nm-item {
  border-left-color: var(--ft-line);
}

body.theme-v2 .ft-numbers .nm-value {
  color: #fff;
  font-size: 40px;
  letter-spacing: -1.6px;
}

body.theme-v2 .ft-numbers .nm-value em {
  color: var(--accent);
  font-size: 23px;
  vertical-align: 5px;
}

body.theme-v2 .ft-numbers .nm-label {
  margin-top: 11px;
  color: #fff;
  font-size: 11.5px;
}

body.theme-v2 .ft-numbers .nm-note {
  color: var(--ft-link);
  font-size: 11.5px;
}

@media (max-width: 900px) {
  body.theme-v2 .ft-numbers {
    padding: 28px 0 32px;
  }

  body.theme-v2 .ft-numbers .nm-value {
    font-size: 32px;
  }
}

/* ══════════════════════════════════════════════════════════════
   26: Mobilde hero başlığı daha büyük (hero artık tam ekran,
   başlığın etrafında yeterli alan var)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  body.theme-v2 .hero-copy h1 {
    font-size: 46px;
    letter-spacing: -1.2px;
    line-height: 1.12;
  }
}

/* ══════════════════════════════════════════════════════════════
   27: Lacivert bölümlerdeki şehir/ülke kartları zeminle uyumlu
   Beyaz kart yerine cam etkili koyu kart; içerideki başlık,
   bilgi satırları, ikonlar ve bağlantı açık renge çevriliyor.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 #destinations .dg-card,
body.theme-v2 #countries .dg-card {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .06);
  box-shadow: 0 18px 38px -26px rgba(4, 14, 30, .9);
}

body.theme-v2 #destinations .dg-card:hover,
body.theme-v2 #countries .dg-card:hover {
  border: 1px solid var(--accent);
  background: rgba(255, 255, 255, .09);
}

body.theme-v2 #destinations .dg-body h3,
body.theme-v2 #countries .dg-body h3 {
  color: #fff;
}

body.theme-v2 #destinations .dg-body>small,
body.theme-v2 #countries .dg-body>small {
  color: rgba(255, 255, 255, .72);
}

body.theme-v2 #destinations .dg-body .flag,
body.theme-v2 #countries .dg-body .flag {
  border-color: rgba(255, 255, 255, .28);
}

body.theme-v2 #destinations .dg-body>p,
body.theme-v2 #countries .dg-body>p {
  color: rgba(255, 255, 255, .78);
}

body.theme-v2 #destinations .dg-facts li,
body.theme-v2 #countries .dg-facts li {
  border-top-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
}

body.theme-v2 #destinations .dg-facts li:last-child,
body.theme-v2 #countries .dg-facts li:last-child {
  border-bottom-color: rgba(255, 255, 255, .1);
}

body.theme-v2 #destinations .dg-fact,
body.theme-v2 #countries .dg-fact {
  color: rgba(255, 255, 255, .84);
}

body.theme-v2 #destinations .dg-fact strong,
body.theme-v2 #countries .dg-fact strong,
body.theme-v2 #destinations .dg-ico,
body.theme-v2 #countries .dg-ico,
body.theme-v2 #destinations .dg-link,
body.theme-v2 #countries .dg-link {
  color: var(--accent);
}

/* ══════════════════════════════════════════════════════════════
   29: Alt sayfa gövdesi (sayfa.html şablonu)
   İçerik boşken bile bölüm bir yükseklik tutsun, footer hero'ya
   yapışmasın.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .page-body {
  min-height: 40vh;
  /* filtre hero'ya yakin dursun */
  padding-top: 34px;
  background-color: #F4F8FD;
}

@media (max-width: 760px) {
  body.theme-v2 .page-body {
    padding-top: 24px;
  }
}

/* ══════════════════════════════════════════════════════════════
   30: Alt sayfa hero'su (.page-hero)
   Arama paneli yok; breadcrumb + "featured title" düzeni.
   Sahne tam ekran değil, başlık için ölçülü bir bant.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .hero-stage.page-hero {
  min-height: clamp(420px, 52vh, 580px);
  padding-bottom: 37px;
}

/* ana sayfanin 350px'lik hero tabani alt sayfada bandi gereksiz uzatiyordu */
body.theme-v2 .page-hero .hero {
  min-height: 0;
  padding-bottom: 0;
}

@media (max-width: 1050px) {
  body.theme-v2 .hero-stage.page-hero {
    min-height: clamp(340px, 52vh, 470px);
    padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
  }
}

/* telefonda bant daha da kisa: yukseklik artik icerik kadar */
@media (max-width: 760px) {
  body.theme-v2 .hero-stage.page-hero {
    min-height: clamp(360px, 50vh, 450px);
    padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px));
  }
}

/* ana sayfada gizlenen aciklama burada geri gelir */
body.theme-v2 .page-hero .hero-copy>p {
  display: block;
  max-width: 860px;
  margin: 16px auto 0;
  /* koyu hero gorseli uzerinde okunabilir kalsin: accent yerine acik ton */
  color: rgba(226, 240, 255, .92);
  font-size: 13.5px;
  line-height: 1.65;
  text-shadow: 0 1px 12px rgba(6, 26, 48, .45);
}

/* tum blok sahnenin dikey ortasinda durur.
   flex-shrink 0: dar ekranda serit uc satira cikinca blok sikismasin */
body.theme-v2 .page-hero .hero-copy {
  min-height: 0;
  margin-bottom: 0;
  flex: 1 0 auto;
  justify-content: center;
}

body.theme-v2 .page-hero .hero-content {
  justify-content: center;
  /* sahnenin kendi ust dolgusu zaten header'i acikliyor;
     buradaki dolgu yalnizca nefes payi */
  padding-top: 40px;
}

@media (max-width: 1050px) {
  body.theme-v2 .page-hero .hero-content {
    padding-top: 20px;
  }
}

body.theme-v2 .page-hero .hero-copy h1 {
  font-size: clamp(34px, 3.5vw, 50px);
  letter-spacing: -1.1px;
  line-height: 1.08;
}

@media (max-width: 760px) {
  body.theme-v2 .page-hero .hero-copy h1 {
    font-size: clamp(32px, 9.5vw, 46px);
    letter-spacing: -.9px;
  }

  body.theme-v2 .page-hero .hero-copy>p {
    font-size: 12.5px;
  }
}

/* ── breadcrumb: meta chip ──
   Liste tek bir cam hapin icinde durur; hero sinyal seridiyle
   ayni malzeme (blur + ince kenarlik), bir tik daha kucuk. */
body.theme-v2 .crumbs {
  margin: 0;
  text-align: center;
}

/* breadcrumb artik aciklamanin altinda, sinyal seridinin hemen ustunde */
body.theme-v2 .page-hero .crumbs {
  margin-top: 22px;
}

/* liste yalnizca hizalayici: her ogenin kendi hapi var */
body.theme-v2 .crumbs ol {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /* bosluk oklara yer birakir */
  gap: 22px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* cerceve yok: yalin metin + aradaki ok */
body.theme-v2 .crumbs li {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, .66);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .3px;
  transition: color .3s ease;
}

/* ayrac: haplarin ARASINDA duran ok (chip disinda konumlanir) */
body.theme-v2 .crumbs li+li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  width: 5px;
  height: 5px;
  border-top: 1.6px solid rgba(126, 208, 255, .65);
  border-right: 1.6px solid rgba(126, 208, 255, .65);
  transform: translateY(-50%) rotate(45deg);
}

body.theme-v2 .crumbs li:has(a):hover {
  color: #fff;
}

body.theme-v2 .crumbs a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  transition: color .25s ease;
}

body.theme-v2 .crumbs li:hover a {
  color: #fff;
}

/* bulunulan sayfa: metin beyaz */
body.theme-v2 .crumbs li[aria-current="page"] {
  color: #fff;
}

@media (max-width: 760px) {
  body.theme-v2 .crumbs ol {
    gap: 19px;
  }

  body.theme-v2 .crumbs li {
    font-size: 11px;
  }

  body.theme-v2 .crumbs li+li::before {
    left: -12px;
  }
}

/* ── premium giriş: kademeli ── */
body.theme-v2 .page-hero .crumbs {
  animation: fm-rise .7s cubic-bezier(.2, .7, .25, 1) .4s backwards;
}

body.theme-v2 .page-hero .hero-copy h1 {
  animation: fm-title-in .9s cubic-bezier(.2, .7, .25, 1) .16s both;
}

body.theme-v2 .page-hero .hero-copy>p {
  animation: fm-rise .8s cubic-bezier(.2, .7, .25, 1) .3s both;
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .page-hero .crumbs,
  body.theme-v2 .page-hero .hero-copy h1,
  body.theme-v2 .page-hero .hero-copy>p {
    animation: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   31: Hero sinyal şeridi (.hero-signals)
   Açıklamanın altında, içerikten gelen dört ölçüt. Minimal:
   dört ayrı hap değil, tek parça bir cam şerit; öğeler ince
   saç çizgileriyle ayrılır. Şerit oturur, öğeler sırayla
   belirir, sayılar sayar, ikonlar çok hafif süzülür.
   Giriş animasyonlarında fill: backwards — animasyon bitince
   öğe doğal stiline döner, hover geçişleri bloke olmaz.
   ══════════════════════════════════════════════════════════════ */
@keyframes hs-float {

  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes hs-item-in {
  from {
    opacity: 0;
    transform: translate3d(0, 6px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* tek parça şerit */
body.theme-v2 .hero-signals {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  max-width: min(100%, 1180px);
  margin: 27px auto 0;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(9, 26, 50, .38);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  list-style: none;
  animation: fm-rise-soft .8s cubic-bezier(.2, .7, .25, 1) .52s backwards;
}

body.theme-v2 .hs-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 17px;
  border-radius: 999px;
  text-align: left;
  animation: hs-item-in .55s cubic-bezier(.2, .7, .25, 1) calc(.72s + var(--i, 0) * .08s) backwards;
  transition: background-color .3s ease;
}

/* ayraç: öğeler arasında ince saç çizgisi */
body.theme-v2 .hs-item+.hs-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 26px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, .12);
}

body.theme-v2 .hs-item:hover {
  background: rgba(255, 255, 255, .07);
}

/* ikon: kutusuz, yalnızca çizgi — çok hafif süzülür */
body.theme-v2 .hs-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-size: 18px;
  color: var(--accent);
  animation: hs-float 6s ease-in-out calc(1.3s + var(--i, 0) * .4s) infinite;
  transition: color .3s ease;
}

body.theme-v2 .hs-icon .icon {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .hs-item:hover .hs-icon {
  color: #7ed0ff;
}

body.theme-v2 .hs-item:hover .hs-icon .icon {
  transform: scale(1.1);
}

body.theme-v2 .hs-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.15;
}

body.theme-v2 .hs-num {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.2px;
  /* sayaç çalışırken şerit genişliği zıplamasın */
  font-variant-numeric: tabular-nums;
}

body.theme-v2 .hs-num em {
  color: var(--accent);
  font-style: normal;
  font-weight: 600;
}

body.theme-v2 .hs-body small {
  color: rgba(255, 255, 255, .62);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .1px;
  white-space: nowrap;
}

/* dar ekran: şerit yine tek parça, içi 2x2 ızgara */
/* orta genislikte 6 oge tek sirada sigmayabilir: 3'lu izgara */
@media (max-width: 1180px) and (min-width: 861px) {
  body.theme-v2 .hero-signals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    max-width: 720px;
    padding: 6px;
    border-radius: 20px;
  }

  body.theme-v2 .hs-item {
    border-radius: 14px;
  }

  body.theme-v2 .hs-item+.hs-item::before {
    display: none;
  }
}

@media (max-width: 860px) {
  body.theme-v2 .hero-signals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* serit yatayda tum genisligi doldurur */
    width: 100%;
    max-width: none;
    margin-top: 22px;
    padding: 6px;
    border-radius: 18px;
  }

  body.theme-v2 .hs-item {
    gap: 8px;
    padding: 7px 10px;
    border-radius: 14px;
  }

  /* ızgarada dikey çizgi yerine yalnızca sol sütun-sağ sütun ayrımı */
  body.theme-v2 .hs-item+.hs-item::before {
    display: none;
  }

  body.theme-v2 .hs-body small {
    white-space: normal;
    line-height: 1.25;
  }
}

@media (max-width: 380px) {
  body.theme-v2 .hs-item {
    padding: 6px 8px;
  }

  body.theme-v2 .hs-num {
    font-size: 14px;
  }

  body.theme-v2 .hs-body small {
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .hero-signals,
  body.theme-v2 .hs-item,
  body.theme-v2 .hs-icon {
    animation: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   32: Liste gruplari (.lgroup) — alt sayfa govdesi
   Her kart bir "list view group": basligi, on siralamali hastane
   listesi ve altinda Read More baglantisi olan koyu bir panel.
   Bazilarinin solunda gorsel var (.lgroup--media), onlar izgarada
   tum satiri kaplar; gorselsiz kartlar iki sutuna dizilir.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .lg-grid {
  /* acik zeminli kart tonlari */
  --lg-line: #e2ecf7;
  --lg-dim: var(--muted);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
}

body.theme-v2 .lgroup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--lg-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 40px -34px rgba(20, 60, 110, .5);
  transition: border-color .35s ease, box-shadow .35s ease;
}

/* uzerine gelince kart ne buyur ne kalkar: yalnizca golge derinlesir */
body.theme-v2 .lgroup:hover {
  border-color: #c8ddf2;
  box-shadow: 0 26px 52px -28px rgba(20, 60, 110, .35);
}

/* gorselli kartta kareler ustte durur; kart yine tek sutun */

/* listedeki 10 hastanenin kareleri: yatayda kaydirilan serit.
   Ok/pagination yok; masaustunde 4, dar ekranda 2 kare gorunur. */
body.theme-v2 .lg-media {
  display: flex;
  gap: 8px;
  cursor: grab;
  /* kart kenarina sifirlanmaz: govde dolgusuyla ayni hizada baslar/biter */
  margin: 0 24px;
  padding: 18px 0 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.theme-v2 .lg-media::-webkit-scrollbar {
  display: none;
}

/* fare ile surukleme sirasinda */
body.theme-v2 .lg-media.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

body.theme-v2 .lg-media.is-dragging .lg-thumb {
  pointer-events: none;
}

body.theme-v2 .lg-thumb {
  position: relative;
  flex: 0 0 calc((100% - 16px) / 3);
  aspect-ratio: 4 / 3;
  scroll-snap-align: start;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--lg-line);
  border-radius: 12px;
  background: var(--soft);
}

body.theme-v2 .lg-thumb img {
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-v2 .lg-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 16px 24px 18px;
}

/* baslik blogu: serit gorsellerin USTUNDE.
   Kartin sol ust kosesinde cok hafif bir isik, basligin uzerinde
   kisa accent cizgi; kart hover'inda cizgi uzar. */
body.theme-v2 .lg-head {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 22px 24px 0;
}

body.theme-v2 .lg-head::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -30px -20px auto -30px;
  height: 170px;
  background: radial-gradient(58% 100% at 14% 0%, rgba(30, 159, 224, .1) 0%, rgba(30, 159, 224, 0) 70%);
  pointer-events: none;
}

body.theme-v2 .lg-head>* {
  position: relative;
  z-index: 1;
}

/* basligin ALTINDAKI kisa accent cizgi */
/* baslik sonundaki destinasyon bayragi */
body.theme-v2 .lg-flag {
  display: inline-block;
  width: 22px;
  height: 15px;
  margin-left: 7px;
  vertical-align: -1px;
  border: 1px solid rgba(20, 60, 110, .14);
  border-radius: 3px;
  object-fit: cover;
}

body.theme-v2 .lg-head h2::after {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent) 0%, rgba(30, 159, 224, .12) 100%);
  transition: width .4s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lgroup:hover .lg-head h2::after {
  width: 56px;
}

body.theme-v2 .lg-head h2 {
  margin: 0;
  color: var(--navy-dark);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.45px;
  line-height: 1.22;
}

body.theme-v2 .lg-head p {
  margin: 11px 0 0;
  color: var(--lg-dim);
  font-size: 12.5px;
  line-height: 1.55;
}

body.theme-v2 .lg-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.theme-v2 .lg-list li+li {
  border-top: 1px solid var(--lg-line);
}

body.theme-v2 .lg-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  margin: 0 -10px;
  border-radius: 10px;
  transition: background-color .25s ease;
}

/* siralama numarasi yok: her satirin basinda yildiz */
body.theme-v2 .lg-rank {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: rgba(30, 159, 224, .5);
  transition: color .25s ease;
}

body.theme-v2 .lg-star {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

body.theme-v2 .lg-list a:hover .lg-rank {
  color: var(--accent-dark);
}

body.theme-v2 .lg-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

body.theme-v2 .lg-text strong {
  color: var(--navy-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  transition: color .25s ease;
}

body.theme-v2 .lg-text small {
  color: var(--lg-dim);
  font-size: 11.5px;
  line-height: 1.4;
}

body.theme-v2 .lg-list a>.icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--accent);
  opacity: .5;
  transition: opacity .25s ease, transform .25s ease;
}

body.theme-v2 .lg-list a:hover {
  background: var(--accent-soft);
}

body.theme-v2 .lg-list a:hover .lg-text strong {
  color: var(--accent-dark);
}

body.theme-v2 .lg-list a:hover>.icon {
  opacity: 1;
  transform: translateX(3px);
}

/* her kartin altinda Read More */
body.theme-v2 .lg-more {
  display: flex;
  align-items: center;
  gap: 7px;
  /* kart ne kadar uzarsa uzasin, her zaman en altta */
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--lg-line);
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

body.theme-v2 .lg-more .icon {
  width: 15px;
  height: 15px;
  transition: transform .25s ease;
}

body.theme-v2 .lg-more:hover {
  color: var(--accent);
}

body.theme-v2 .lg-more:hover .icon {
  transform: translate(2px, -2px);
}

@media (max-width: 900px) {
  body.theme-v2 .lg-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  /* dar ekranda tam 2 kare gorunur */
  body.theme-v2 .lg-thumb {
    flex: 0 0 calc((100% - 8px) / 2);
  }
}

@media (max-width: 620px) {
  body.theme-v2 .lg-body {
    padding: 14px 18px 16px;
  }

  body.theme-v2 .lg-head {
    padding: 20px 18px 0;
  }

  body.theme-v2 .lg-media {
    margin: 0 18px;
  }

  body.theme-v2 .lg-head h2 {
    font-size: 19px;
  }

  body.theme-v2 .lg-text strong {
    font-size: 13.5px;
  }
}

/* ══════════════════════════════════════════════════════════════
   33: Liste filtresi (.lg-filter)
   Baslik altinda tek parca acik cam bar: destinasyon + tedavi
   alanlari, her ikisi de oneri panelli. Secim yapildiginda
   asagidaki liste gruplari aninda suzulur.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .lg-filter {
  display: flex;
  align-items: stretch;
  gap: 6px;
  /* masaustunde kapsayicinin tamamini kaplar */
  width: 100%;
  margin: 0;
  padding: 7px 7px 7px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 22px 44px -34px rgba(14, 44, 86, .55), 0 1px 2px rgba(14, 44, 86, .05);
  transition: box-shadow .35s ease, border-color .35s ease;
}

body.theme-v2 .lg-filter:focus-within {
  border-color: rgba(30, 159, 224, .5);
  box-shadow: 0 26px 52px -32px rgba(14, 44, 86, .6), 0 0 0 4px rgba(30, 159, 224, .1);
}

body.theme-v2 .lgf-field {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 12px;
  border-radius: 999px;
  transition: background-color .3s ease;
}

body.theme-v2 .lgf-field:hover,
body.theme-v2 .lgf-field:focus-within {
  background: var(--soft);
}

body.theme-v2 .lgf-field>.icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: var(--accent);
}

body.theme-v2 .lgf-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

body.theme-v2 .lgf-label {
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
}

body.theme-v2 .lgf-input {
  width: 100%;
  padding: 1px 0 0;
  border: 0;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  outline: none;
}

body.theme-v2 .lgf-input::placeholder {
  color: #9db3c8;
  font-weight: 500;
}

/* alani temizleyen kucuk dugme */
body.theme-v2 .lgf-clear {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(20, 65, 125, .08);
  cursor: pointer;
  transition: color .25s ease, background-color .25s ease;
}

body.theme-v2 .lgf-clear .icon {
  width: 11px;
  height: 11px;
}

body.theme-v2 .lgf-clear:hover {
  color: #fff;
  background: var(--accent);
}

body.theme-v2 .lgf-sep {
  width: 1px;
  margin: 10px 0;
  flex: 0 0 1px;
  background: var(--line);
}

body.theme-v2 .lgf-go {
  flex: 0 0 auto;
  gap: 8px;
  padding: 0 22px;
  border-radius: 999px;
  white-space: nowrap;
}

/* ── oneri paneli ── */
body.theme-v2 .lgf-panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  /* alanlar genis; panel olcusunu koru */
  max-width: 360px;
  max-height: 268px;
  padding: 6px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 26px 52px -26px rgba(14, 44, 86, .45);
  opacity: 0;
  transform: translateY(-6px);
  visibility: hidden;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

body.theme-v2 .lgf-panel.is-open {
  opacity: 1;
  transform: none;
  visibility: visible;
}

body.theme-v2 .lgf-option {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px 11px;
  border: 0;
  border-radius: 11px;
  color: var(--text);
  background: none;
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

body.theme-v2 .lgf-option .icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: var(--accent);
  opacity: .55;
}

body.theme-v2 .lgf-option mark {
  color: var(--accent-dark);
  background: none;
  font-weight: 800;
}

body.theme-v2 .lgf-option:hover,
body.theme-v2 .lgf-option.is-active {
  color: var(--accent-dark);
  background: var(--accent-soft);
}

body.theme-v2 .lgf-empty {
  padding: 12px 11px;
  color: var(--muted);
  font-size: 13px;
}

/* ── durum satiri ── */
/* bilgilendirme satiri: ortada duran meta chip */
body.theme-v2 .lgf-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 10px;
  width: fit-content;
  max-width: 100%;
  margin: 16px auto 0;
  padding: 7px 16px 7px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
}

/* basindaki kucuk accent noktasi */
body.theme-v2 .lgf-status::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--accent);
}

body.theme-v2 .lgf-count strong {
  color: var(--navy-dark);
  font-weight: 800;
}

@media (max-width: 620px) {
  body.theme-v2 .lgf-status {
    padding: 8px 14px;
    font-size: 12px;
    line-height: 1.45;
  }
}

body.theme-v2 .lgf-reset {
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent-dark);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

body.theme-v2 .lgf-reset:hover {
  color: var(--accent);
}

/* display'i biz verdigimiz icin [hidden] elle kapatilir */
body.theme-v2 .lgroup[hidden],
body.theme-v2 .lgf-clear[hidden],
body.theme-v2 .lg-empty[hidden] {
  display: none !important;
}

/* ── sonuc yok ── */
body.theme-v2 .lg-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 26px;
  padding: 44px 24px;
  border: 1px dashed var(--line);
  border-radius: 18px;
  background: #fff;
  text-align: center;
}

body.theme-v2 .lg-empty .icon {
  width: 26px;
  height: 26px;
  color: var(--accent);
  opacity: .6;
}

body.theme-v2 .lg-empty strong {
  color: var(--navy-dark);
  font-size: 16px;
  font-weight: 800;
}

body.theme-v2 .lg-empty span {
  color: var(--muted);
  font-size: 13.5px;
}

@media (max-width: 860px) {
  body.theme-v2 .lg-filter {
    flex-direction: column;
    gap: 4px;
    max-width: none;
    padding: 8px;
    border-radius: 20px;
  }

  body.theme-v2 .lgf-field {
    border-radius: 14px;
  }

  body.theme-v2 .lgf-sep {
    width: auto;
    height: 1px;
    margin: 0 12px;
    flex: 0 0 1px;
  }

  body.theme-v2 .lgf-go {
    justify-content: center;
    padding: 12px 22px;
    border-radius: 14px;
  }

  body.theme-v2 .lgf-panel {
    top: calc(100% + 6px);
  }
}

/* ══════════════════════════════════════════════════════════════
   34: Kapanis bandi (.lg-cta)
   Listelerin altinda koyu bir davet paneli. Arkada cok yavas
   suzulen aurora isigi, altinda kayan destinasyon seridi,
   birincil butonda yumusak nabiz.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .lg-cta {
  position: relative;
  margin-top: 34px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
  background: linear-gradient(135deg, #0e2c56 0%, #0a1f3f 55%, #0b2b52 100%);
  box-shadow: 0 34px 70px -46px rgba(10, 26, 48, .9);
  isolation: isolate;
}

/* arkada gezinen isik */
body.theme-v2 .lgc-aurora {
  position: absolute;
  z-index: -1;
  inset: -30%;
  background:
    radial-gradient(closest-side, rgba(56, 178, 235, .38) 0%, rgba(56, 178, 235, 0) 100%),
    radial-gradient(closest-side, rgba(126, 208, 255, .26) 0%, rgba(126, 208, 255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 52% 62%, 46% 56%;
  animation: fm-aurora 18s ease-in-out infinite;
  pointer-events: none;
}

body.theme-v2 .lgc-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 620px;
  margin: 0 auto;
  padding: 38px 26px 32px;
  text-align: center;
}

/* cercevesiz, kucuk etiket */
body.theme-v2 .lgc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, .55);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
}

body.theme-v2 .lgc-eyebrow .icon {
  width: 14px;
  height: 14px;
  color: var(--accent);
}

body.theme-v2 .lg-cta h2 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(22px, 2.3vw, 29px);
  font-weight: 800;
  letter-spacing: -.6px;
  line-height: 1.2;
}

body.theme-v2 .lg-cta p {
  margin: 9px 0 0;
  max-width: 470px;
  color: rgba(255, 255, 255, .64);
  font-size: 13.5px;
  line-height: 1.55;
}

body.theme-v2 .lgc-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

body.theme-v2 .lgc-go {
  gap: 9px;
  padding: 11px 22px;
  border-radius: 999px;
  animation: fm-cta-pulse 3.6s ease-in-out infinite;
}

body.theme-v2 .lgc-go .icon {
  width: 19px;
  height: 19px;
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lgc-go:hover .icon {
  transform: scale(1.08);
}

/* ghost baglantidaki ok saga kayar */
body.theme-v2 .lgc-arrow {
  transition: transform .3s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lgc-ghost:hover .lgc-arrow {
  transform: translateX(3px);
}

body.theme-v2 .lgc-ghost {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  font-size: 14px;
  font-weight: 700;
  transition: border-color .3s ease, background-color .3s ease;
}

body.theme-v2 .lgc-ghost .icon {
  width: 18px;
  height: 18px;
  color: var(--accent);
}

body.theme-v2 .lgc-ghost:hover {
  border-color: rgba(126, 208, 255, .45);
  background: rgba(255, 255, 255, .12);
}

/* ══════════════════════════════════════════════════════════════
   35: Destinasyon seridi (.dest-ticker)
   Hero'nun hemen altinda, kenardan kenara, radius'suz bir bant.
   Hero ile ayni lacivert zemin: iki blok bitisik gorunur.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .dest-ticker {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 3%);
  background: #0e2c56;
}

/* kenarlarda bulut gibi solma: seffaflik degil, bandin KENDI rengi
   (mask kullanilinca altindaki beyaz sayfa siziyordu) */
body.theme-v2 .dest-ticker::before,
body.theme-v2 .dest-ticker::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: clamp(70px, 12%, 190px);
  pointer-events: none;
}

body.theme-v2 .dest-ticker::before {
  left: 0;
  background: linear-gradient(90deg, #0e2c56 12%, rgba(14, 44, 86, 0) 100%);
}

body.theme-v2 .dest-ticker::after {
  right: 0;
  background: linear-gradient(270deg, #0e2c56 12%, rgba(14, 44, 86, 0) 100%);
}

body.theme-v2 .dt-track {
  display: flex;
  align-items: center;
  width: max-content;
  padding: 13px 0;
  animation: fm-ticker 78s linear infinite;
}

/* hero altindaki serit uzerine gelince durmasin: kesintisiz aksin */
body.theme-v2 .dest-ticker:hover .dt-track {
  animation-play-state: running;
}

body.theme-v2 .dt-item {
  color: rgba(255, 255, 255, .74);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .3px;
  white-space: nowrap;
}

body.theme-v2 .dt-dot {
  width: 4px;
  height: 4px;
  flex: 0 0 4px;
  margin: 0 16px;
  border-radius: 50%;
  background: rgba(126, 208, 255, .55);
}

@media (max-width: 620px) {
  body.theme-v2 .dt-track {
    padding: 11px 0;
    animation-duration: 56s;
  }

  body.theme-v2 .dt-item {
    font-size: 12px;
  }

  body.theme-v2 .dt-dot {
    margin: 0 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-v2 .dt-track {
    animation: none !important;
  }
}

/* ── kapanis bandinin altindaki serit ── */
body.theme-v2 .lgc-ticker {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .1);
  background: rgba(6, 20, 40, .45);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

body.theme-v2 .lgc-track {
  display: flex;
  align-items: center;
  width: max-content;
  padding: 13px 0;
  animation: fm-ticker 72s linear infinite;
}

body.theme-v2 .lgc-ticker:hover .lgc-track {
  animation-play-state: paused;
}

body.theme-v2 .lgc-item {
  color: rgba(255, 255, 255, .74);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .3px;
  white-space: nowrap;
}

body.theme-v2 .lgc-dot {
  width: 4px;
  height: 4px;
  flex: 0 0 4px;
  margin: 0 16px;
  border-radius: 50%;
  background: rgba(126, 208, 255, .55);
}

@media (max-width: 620px) {
  body.theme-v2 .lgc-inner {
    padding: 32px 20px 26px;
  }

  body.theme-v2 .lgc-actions {
    width: 100%;
    flex-direction: column;
  }

  body.theme-v2 .lgc-go,
  body.theme-v2 .lgc-ghost {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .lgc-aurora,
  body.theme-v2 .lgc-go,
  body.theme-v2 .lgc-track {
    animation: none !important;
  }
}

/* ── serit sayfalama noktalari (JS ile eklenir) ── */
body.theme-v2 .lg-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 12px 24px 0;
}

body.theme-v2 .lg-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #d3e1f1;
  cursor: pointer;
  transition: width .3s cubic-bezier(.2, .7, .25, 1), background-color .3s ease;
}

body.theme-v2 .lg-dot:hover {
  background: #b6cfe8;
}

body.theme-v2 .lg-dot.is-active {
  width: 28px;
  background: var(--accent);
}

@media (max-width: 620px) {
  body.theme-v2 .lg-dots {
    margin: 10px 18px 0;
  }
}

/* ══════════════════════════════════════════════════════════════
   36: Kart tarzlari — sayfada yalnizca dort tarz kullanilir
   .lgroup--media   : ustte kaydirilan 10 gorsel + tek sutunlu liste
   .lgroup--feature : listenin ilk hastanesi buyuk gorselle one cikar
   .lgroup--split   : liste iki sutuna bolunur (20 hastane)
   .lgroup--tint    : hafif mavi zeminli tek sutunlu liste
   ══════════════════════════════════════════════════════════════ */

/* ── 2) ilk hastanesi one cikan kart ── */
body.theme-v2 .lg-feature {
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
  gap: 16px;
  margin: 18px 24px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--lg-line);
}

body.theme-v2 .lg-feature-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--lg-line);
  border-radius: 14px;
}

body.theme-v2 .lg-feature-media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lgroup--feature:hover .lg-feature-media img {
  transform: scale(1.04);
}

body.theme-v2 .lg-feature-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-width: 0;
}

body.theme-v2 .lg-feature-kicker {
  color: var(--accent-dark);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
}

body.theme-v2 .lg-feature-body strong {
  color: var(--navy-dark);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.2px;
  line-height: 1.25;
  transition: color .25s ease;
}

body.theme-v2 .lg-feature-body small {
  color: var(--lg-dim);
  font-size: 12px;
  line-height: 1.4;
}

body.theme-v2 .lg-feature-go {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: var(--accent-dark);
  font-size: 12.5px;
  font-weight: 700;
}

body.theme-v2 .lg-feature-go .icon {
  width: 15px;
  height: 15px;
  transition: transform .25s ease;
}

body.theme-v2 .lg-feature-body:hover strong {
  color: var(--accent-dark);
}

body.theme-v2 .lg-feature-body:hover .lg-feature-go .icon {
  transform: translateX(3px);
}

/* ── satir basinda yuvarlak destinasyon fotografi ── */
/* yildiz yerine sehrin simgesel yapisi: kucuk, yuvarlak, kirpilmis */
body.theme-v2 .lg-rank--photo {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border: 1px solid var(--lg-line);
  border-radius: 999px;
  background: #eef5fc;
}

body.theme-v2 .lg-rank--photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lg-list a:hover .lg-rank--photo img {
  transform: scale(1.08);
}

body.theme-v2 .lg-list a:hover .lg-rank--photo {
  border-color: #b7d6f1;
}

/* iki sutunlu listede bir tik kucuk durur */
body.theme-v2 .lg-list--split .lg-rank--photo {
  width: 32px;
  height: 32px;
}

/* ── liste kartinda tedavi gorseli ── */
/* baslik blogunun solunda kare kapak; yalnizca gorseli olan kartlar izgaraya doner */
body.theme-v2 .lg-head:has(.lg-tcover) {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 18px;
  align-items: start;
}

body.theme-v2 .lg-tcover {
  grid-row: 1 / span 2;
  margin: 3px 0 0;
  overflow: hidden;
  border: 1px solid var(--lg-line);
  border-radius: 14px;
  background: #eef5fc;
}

body.theme-v2 .lg-tcover img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .lgroup:hover .lg-tcover img {
  transform: scale(1.05);
}

@media (max-width: 760px) {
  body.theme-v2 .lg-head:has(.lg-tcover) {
    grid-template-columns: 68px minmax(0, 1fr);
    column-gap: 14px;
  }
}

/* ── 3) hafif mavi zeminli kart ── */
/* cok hafif: neredeyse beyaz, ustte sadece bir tik mavi */
body.theme-v2 .lgroup--tint {
  border-color: #e2ecf7;
  background: linear-gradient(180deg, #f7fbff 0%, #fff 38%);
}

/* ── 4) iki sutunlu liste ── */
/* sutun sirali: 1-10 solda, 11-20 sagda (okuma yonu dikey) */
body.theme-v2 .lg-list--split {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(10, auto);
  column-gap: 20px;
}

body.theme-v2 .lg-list--split li+li {
  border-top: 0;
}

body.theme-v2 .lg-list--split li {
  border-top: 1px solid var(--lg-line);
}

/* her sutunun ilk ogesi cizgisiz (20 oge: 1. ve 11.) */
body.theme-v2 .lg-list--split li:first-child,
body.theme-v2 .lg-list--split li:nth-child(11) {
  border-top: 0;
}

body.theme-v2 .lg-list--split a {
  gap: 9px;
  padding: 8px 8px;
  margin: 0 -8px;
}

body.theme-v2 .lg-list--split .lg-text strong {
  font-size: 13px;
}

body.theme-v2 .lg-list--split .lg-text small {
  font-size: 11px;
}

/* dar sutunda ok isareti yer kaplamasin */
body.theme-v2 .lg-list--split a>.icon {
  display: none;
}

@media (max-width: 700px) {
  body.theme-v2 .lg-list--split {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }

  body.theme-v2 .lg-list--split li:nth-child(11) {
    border-top: 1px solid var(--lg-line);
  }

  body.theme-v2 .lg-list--split a>.icon {
    display: block;
  }
}

@media (max-width: 620px) {
  body.theme-v2 .lg-cover .lg-head {
    padding: 48px 18px 18px;
  }

  body.theme-v2 .lg-feature {
    margin: 16px 18px 0;
  }
}

/* hekim kartlarinda kareler portre: yuz ustte kalsin */
body.theme-v2 .lg-thumb--face img {
  object-position: center 22%;
}


/* ══════════════════════════════════════════════════════════════
   50: Arama lightbox'i — ust menudeki "Search Now !" ile acilir.
   Sayfanin tamamini koyu lacivert bir ortu kaplar, arama karti
   dikeyde ve yatayda ortalanir.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .search-modal {
  position: fixed;
  z-index: 200;
  inset: 0;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 28px 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s;
}

body.theme-v2 .search-modal.is-open {
  opacity: 1;
  visibility: visible;
}

body.theme-v2 .sm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 20, 44, .94);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body.theme-v2 .sm-dialog {
  position: relative;
  z-index: 1;
  width: min(940px, 100%);
  /* oneri listesi karti asabilir: kirpma yok, gerekirse ortu kayar */
  overflow: visible;
  padding: 16px 4px;
  transform: translateY(16px) scale(.98);
  transition: transform .34s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .search-modal.is-open .sm-dialog {
  transform: none;
}

body.theme-v2 .sm-close {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

body.theme-v2 .sm-close:hover {
  border-color: rgba(255, 255, 255, .45);
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

body.theme-v2 .sm-close .icon {
  width: 17px;
  height: 17px;
}

body.theme-v2 .sm-head {
  margin: 6px 0 26px;
  padding-right: 52px;
  text-align: center;
}

body.theme-v2 .sm-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
  letter-spacing: -.6px;
  line-height: 1.15;
}

/* aciklama satiri artik arama kartinin altinda: .sm-note */
body.theme-v2 .sm-note {
  margin: 18px 0 0;
  color: rgba(216, 233, 252, .78);
  font-size: 13.5px;
  line-height: 1.6;
  text-align: center;
}

/* hero girisindeki kademeli animasyon modalda gereksiz: kart hazir gelsin */
body.theme-v2 .sm-search .search-tabs,
body.theme-v2 .sm-search .search-card {
  animation: none;
}

/* kart hero'daki ile ayni bilesen; burada ortalanmis tek blok */
body.theme-v2 .sm-search {
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 760px) {
  body.theme-v2 .search-modal {
    padding: 18px 14px;
  }

  body.theme-v2 .sm-head {
    margin-bottom: 16px;
  }

  body.theme-v2 .sm-search .search-form {
    flex-direction: column;
  }

  body.theme-v2 .sm-search .search-form .search-button {
    width: 100%;
    min-width: 0;
  }
}

/* modal acikken arka sayfa kaymasin */
body.theme-v2.is-search-open {
  overflow: hidden;
}

/* ═════════════════════════════════════════════════════════════
   51: Arama lightbox'i hero'daki koyu cam panelin aynısı.
   Kart .hero-panel sınıfını taşıdığı için renkler, alanlar ve
   buton hero ile tek kaynaktan gelir; burada yalnızca hero'ya
   özgü yerleşim (sola dayalı kulakçık, giriş animasyonu) değişir:
   sekme hapı modalda ortalanır.
   ═════════════════════════════════════════════════════════════ */
body.theme-v2 .sm-panel {
  width: 100%;
  margin: 0;
}

/* modalda kart hazır gelsin; gölge koyu örtünün üzerinde daha derin */
body.theme-v2 .sm-panel::before {
  animation: none;
  box-shadow:
    0 1px 2px rgba(4, 14, 30, .3),
    0 40px 90px -40px rgba(0, 0, 0, .9),
    inset 0 1px 0 rgba(255, 255, 255, .1);
}

/* sekme hapı ortada */
body.theme-v2 .sm-panel .search-tabs {
  justify-content: center;
}

@media (min-width: 1051px) {
  body.theme-v2 .sm-panel .search-tabs {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    /* hero'daki -20px sola taşma yerine ortalama */
    margin: 0 auto 25px;
  }
}

/* ══════════════════════════════════════════════════════════════
   52: Mobil başlığı + tam ekran mobil menü
   Mobilde de PC'deki arama (ikon hapı) ve "Ask AI Agent" görünür;
   hamburger animasyonlu bir X'e döner ve lacivert tam ekran menüyü
   açar. Menü içeriği üst bar + ana menü + CTA'ları bir arada taşır.
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {

  /* aksiyonlar mobilde de kalsın: arama ikonu + Ask AI */
  body.theme-v2 .site-header .header-actions {
    display: flex;
    margin-left: auto;
    gap: 8px;
  }

  /* "Search Now !" hapı mobilde yalnızca ikon */
  body.theme-v2 .site-header .header-actions .phone {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 0;
  }

  body.theme-v2 .site-header .header-actions .phone>span {
    display: none;
  }

  body.theme-v2 .site-header .header-actions .phone>.icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #9ed6f7;
  }

  /* Ask AI: dar ekrana sığan kompakt hap */
  body.theme-v2 .site-header .header-actions .btn-primary {
    min-height: 40px;
    padding: 0 14px;
    gap: 7px;
    border-radius: 999px;
    font-size: 12px;
  }

  body.theme-v2 .site-header .header-actions .btn-primary .icon {
    width: 17px;
    height: 17px;
  }

  body.theme-v2 .header-inner {
    gap: 10px;
  }
}

/* 380px altında "Ask AI Agent" yazısı taşıyor: yalnızca ikon kalsın */
@media (max-width: 380px) {
  body.theme-v2 .site-header .header-actions .btn-primary {
    width: 40px;
    padding: 0;
    gap: 0;
    font-size: 0;
  }

  body.theme-v2 .site-header .header-actions .btn-primary .icon {
    width: 19px;
    height: 19px;
  }
}

/* ── hamburger: üç çizgi, açıkken X ── */
body.theme-v2 .mobile-menu {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .06);
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease;
}

@media (max-width: 760px) {
  body.theme-v2 .mobile-menu {
    display: inline-flex;
  }
}

body.theme-v2 .mobile-menu:hover,
body.theme-v2 .mobile-menu[aria-expanded="true"] {
  border-color: rgba(126, 208, 255, .5);
  background: rgba(126, 208, 255, .14);
}

body.theme-v2 .mm-bars {
  position: relative;
  display: block;
  width: 20px;
  height: 14px;
}

body.theme-v2 .mm-bars i {
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition:
    transform .38s cubic-bezier(.2, .7, .25, 1),
    width .38s cubic-bezier(.2, .7, .25, 1),
    opacity .2s ease;
}

body.theme-v2 .mm-bars i:nth-child(1) {
  top: 0;
  width: 20px;
}

body.theme-v2 .mm-bars i:nth-child(2) {
  top: 6px;
  width: 13px;
}

body.theme-v2 .mm-bars i:nth-child(3) {
  top: 12px;
  width: 20px;
}

body.theme-v2 .mobile-menu[aria-expanded="true"] .mm-bars i:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

body.theme-v2 .mobile-menu[aria-expanded="true"] .mm-bars i:nth-child(2) {
  width: 20px;
  opacity: 0;
  transform: scaleX(.2);
}

body.theme-v2 .mobile-menu[aria-expanded="true"] .mm-bars i:nth-child(3) {
  width: 20px;
  transform: translateY(-6px) rotate(-45deg);
}

/* ── tam ekran menü ── */
body.theme-v2 .mobile-nav {
  position: fixed;
  z-index: 150;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .32s ease, visibility .32s;
}

body.theme-v2 .mobile-nav.is-open {
  opacity: 1;
  visibility: visible;
}

body.theme-v2 .mnav-sheet {
  position: absolute;
  inset: 0;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  gap: 18px;
  padding: 16px 18px calc(26px + env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(120% 70% at 50% -8%, rgba(30, 159, 224, .30) 0%, rgba(30, 159, 224, 0) 62%),
    radial-gradient(90% 60% at 110% 105%, rgba(92, 192, 239, .16) 0%, rgba(92, 192, 239, 0) 70%),
    linear-gradient(180deg, #0b2144 0%, #071a34 55%, #050f22 100%);
  transform: translateY(-12px);
  transition: transform .38s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .mobile-nav.is-open .mnav-sheet {
  transform: none;
}

/* üstteki ince turkuaz çizgi: başlığın alt şeridiyle aynı dil */
body.theme-v2 .mnav-sheet::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(31, 120, 209, 0) 0%, rgba(57, 151, 238, .42) 22%, #75c4ff 50%, rgba(57, 151, 238, .42) 78%, rgba(31, 120, 209, 0) 100%);
  pointer-events: none;
}

body.theme-v2 .mnav-top {
  display: flex;
  height: 50px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
}

/* logo optik olarak kartlarin sol kenarindan biraz iceride dursun */
body.theme-v2 .mnav-top .logo {
  padding-left: 4px;
}

body.theme-v2 .mnav-top .logo-img {
  width: auto;
  /* mobil basliktaki logo ile ayni boy */
  height: 29px;
}

body.theme-v2 .mnav-close {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .85);
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, color .25s ease;
}

body.theme-v2 .mnav-close:hover {
  border-color: rgba(126, 208, 255, .5);
  background: rgba(126, 208, 255, .14);
  color: #fff;
}

body.theme-v2 .mnav-close .icon {
  width: 18px;
  height: 18px;
}

/* ── menü bağlantıları ── */
body.theme-v2 .mnav-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.theme-v2 .mnav-links a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .05);
  color: #fff;
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity .42s ease,
    transform .42s cubic-bezier(.2, .7, .25, 1),
    border-color .25s ease,
    background .25s ease;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a {
  opacity: 1;
  transform: none;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a:nth-child(1) {
  transition-delay: .06s, .06s, 0s, 0s;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a:nth-child(2) {
  transition-delay: .11s, .11s, 0s, 0s;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a:nth-child(3) {
  transition-delay: .16s, .16s, 0s, 0s;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a:nth-child(4) {
  transition-delay: .21s, .21s, 0s, 0s;
}

body.theme-v2 .mobile-nav.is-open .mnav-links a:nth-child(5) {
  transition-delay: .26s, .26s, 0s, 0s;
}

body.theme-v2 .mnav-links a:active {
  background: rgba(255, 255, 255, .1);
}

body.theme-v2 .mnav-links a.is-active {
  border-color: rgba(126, 208, 255, .42);
  background: linear-gradient(120deg, rgba(30, 159, 224, .26) 0%, rgba(30, 159, 224, .08) 100%);
}

body.theme-v2 .mnav-ico {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 13px;
  background: rgba(255, 255, 255, .07);
  color: #9ed6f7;
}

body.theme-v2 .mnav-links a.is-active .mnav-ico {
  border-color: rgba(126, 208, 255, .5);
  background: rgba(126, 208, 255, .18);
  color: #fff;
}

body.theme-v2 .mnav-ico .icon {
  width: 20px;
  height: 20px;
}

body.theme-v2 .mnav-txt {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
}

body.theme-v2 .mnav-txt strong {
  color: #fff;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -.2px;
}

body.theme-v2 .mnav-txt small {
  color: rgba(190, 217, 245, .68);
  font-size: 11.5px;
  font-weight: 500;
}

body.theme-v2 .mnav-go {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: rgba(255, 255, 255, .34);
  transition: transform .25s ease, color .25s ease;
}

body.theme-v2 .mnav-links a.is-active .mnav-go {
  color: #7ed0ff;
  transform: translateX(2px);
}

/* ── CTA'lar ── */
body.theme-v2 .mnav-cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .42s ease .3s, transform .42s cubic-bezier(.2, .7, .25, 1) .3s;
}

body.theme-v2 .mobile-nav.is-open .mnav-cta {
  opacity: 1;
  transform: none;
}

body.theme-v2 .mnav-search {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.theme-v2 .mnav-ai {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  font-size: 13.5px;
  font-weight: 700;
}

body.theme-v2 .mnav-ai .icon {
  width: 19px;
  height: 19px;
}

/* ── üst bardan gelen ikincil bağlantılar ── */
body.theme-v2 .mnav-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  opacity: 0;
  transition: opacity .42s ease .36s;
}

body.theme-v2 .mobile-nav.is-open .mnav-extra {
  opacity: 1;
}

body.theme-v2 .mnav-extra a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: rgba(216, 233, 252, .86);
  background: rgba(255, 255, 255, .04);
  font-size: 12px;
  font-weight: 600;
}

body.theme-v2 .mnav-extra .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .mnav-extra .flag {
  width: 17px;
  height: 12px;
  border-radius: 2px;
  object-fit: cover;
}

body.theme-v2 .mnav-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3ddc97;
  box-shadow: 0 0 0 3px rgba(61, 220, 151, .18);
}

body.theme-v2 .mnav-foot {
  margin: auto 0 0;
  color: rgba(190, 217, 245, .5);
  font-size: 11px;
  line-height: 1.65;
  text-align: center;
  opacity: 0;
  transition: opacity .42s ease .42s;
}

body.theme-v2 .mobile-nav.is-open .mnav-foot {
  opacity: 1;
}

/* menü açıkken arka sayfa kaymasın */
body.theme-v2.is-mnav-open {
  overflow: hidden;
}

/* 761px ve üzeri: menü hiçbir koşulda görünmesin */
@media (min-width: 761px) {
  body.theme-v2 .mobile-nav {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.theme-v2 .mnav-sheet,
  body.theme-v2 .mnav-links a,
  body.theme-v2 .mnav-cta,
  body.theme-v2 .mnav-extra,
  body.theme-v2 .mnav-foot,
  body.theme-v2 .mm-bars i {
    transition-duration: .01ms;
    transition-delay: 0s;
  }
}

/* ══════════════════════════════════════════════════════════════
   53: "Ask AI Agent" beyaz hap + mobil arama ikonu beyaz
   4. bölümdeki turkuaz gradyan başlıktaki butonu da boyuyordu;
   buton artık beyaz zemin/lacivert yazı, üzerine gelince turkuaz.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 .site-header .btn-primary {
  color: var(--navy-dark);
  background: #fff;
  background-image: none;
  box-shadow: 0 8px 20px -12px rgba(4, 14, 30, .7);
  transition: color .25s ease, background-color .25s ease, transform .2s ease;
}

body.theme-v2 .site-header .btn-primary .icon {
  color: var(--navy-dark);
  transition: color .25s ease;
}

body.theme-v2 .site-header .btn-primary:hover,
body.theme-v2 .site-header .btn-primary:focus-visible {
  color: #fff;
  background: var(--accent);
  background-image: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 12px 26px -12px rgba(17, 135, 206, .75);
}

body.theme-v2 .site-header .btn-primary:hover .icon,
body.theme-v2 .site-header .btn-primary:focus-visible .icon {
  color: #fff;
}

/* mobil başlıktaki arama ikonu maviye çalmasın */
@media (max-width: 760px) {
  body.theme-v2 .site-header .header-actions .phone>.icon {
    color: #fff;
  }

  body.theme-v2 .site-header .header-actions .phone:hover>.icon {
    color: #fff;
  }
}

/* mobil menüdeki büyük CTA da aynı dilde: beyaz zemin, lacivert yazı */
body.theme-v2 .mnav-ai {
  color: var(--navy-dark);
  background: #fff;
  transition: color .25s ease, background-color .25s ease;
}

body.theme-v2 .mnav-ai:hover,
body.theme-v2 .mnav-ai:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
}

/* ═════════════════════════════════════════════════════════════
   54: Mobil başlıkta logo — bir tık büyük ve sola dayalı
   Masaüstü için konan 18px sol boşluk mobilde logoyu alttaki arama
   şeridinden 18px içeri itıyordu; mobilde kaldırılıp aynı hizaya alındı.
   ═════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  body.theme-v2 .site-header .logo-lockup .logo-img {
    height: 29px;
    /* 18px masaustu bosluğu yerine kucuk bir optik pay */
    margin-left: 0;
  }
}

/* ═════════════════════════════════════════════════════════════
   55: Arama lightbox'i — mobil düzen rötuşu
   Sekme şeridi kartla aynı genişlikte olunca kenarlara yapışık
   duruyordu: mobilde biraz daraltıldı.
   ═════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  body.theme-v2 .sm-panel .search-tabs {
    width: calc(100% - 16px);
  }
}

/* ═════════════════════════════════════════════════════════════
   56: Arama lightbox'i — kart govdesi 10px, sekme seridi 5px cerceve
   Ic bosluklar mobil + masaustu icin ortak verildi; cam yuzey sabit
   bir tepe degeriyle konumlandigi icin seridin yeni yuksekligine gore
   (53px serit + 5px bosluk) yeniden hesaplandi — aksi halde serit
   kartin uzerine biniyordu.
   ═════════════════════════════════════════════════════════════ */
body.theme-v2 .sm-panel {
  padding: 0 10px 10px;
}

body.theme-v2 .sm-panel .search-tabs {
  padding: 5px;
  /* 5px ayrim + 10px kart ic boslugu */
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}

/* cam kart seridin 5px altindan baslar (53px serit + 5px bosluk) */
body.theme-v2 .sm-panel::before {
  inset: 58px 0 0;
}

/* ═════════════════════════════════════════════════════════════
   57: Arama lightbox'i — kart govdesi cerceve/zemin tasimasin
   Sekme seridinin altindaki cam yuzey (kenarlik + lacivert cam +
   golge) kaldirildi; govde tamamen seffaf, zemin dogrudan modal
   ortusunun kendisi. Yerlesim (10px ic bosluk) korundu.
   ═════════════════════════════════════════════════════════════ */
body.theme-v2 .sm-panel::before {
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

/* ═════════════════════════════════════════════════════════════
   58: Arama lightbox'i — kapatma butonu her ekranda altta, ortada
   Sag ust kosedeki hap, diyalog akisa (flex kolon) alinip en alta
   siralandi; boylece mobil ve masaustu ayni duzeni paylasiyor.
   Renk de notr griden hafif kirmiziya cekildi ki "kapat" eylemi
   ilk bakista okunsun.
   ═════════════════════════════════════════════════════════════ */
body.theme-v2 .sm-dialog {
  display: flex;
  flex-direction: column;
}

body.theme-v2 .sm-head {
  order: 1;
  /* baslik artik sag ustteki butondan kacmak zorunda degil */
  padding-right: 0;
}

body.theme-v2 .sm-panel {
  order: 2;
}

body.theme-v2 .sm-note {
  order: 3;
}

body.theme-v2 .sm-close {
  position: static;
  order: 4;
  width: 52px;
  height: 52px;
  /* arama alanindan belirgin bir mesafe */
  margin: 64px auto 0;
  align-self: center;
  border-color: rgba(239, 108, 108, .38);
  background: rgba(214, 62, 62, .16);
  color: rgba(255, 190, 190, .92);
}

body.theme-v2 .sm-close:hover {
  border-color: rgba(239, 108, 108, .62);
  background: rgba(214, 62, 62, .3);
  color: #fff;
}

body.theme-v2 .sm-close .icon {
  width: 21px;
  height: 21px;
}

/* masaustunde kart dikeyde ortalandigi icin buton akista degil,
   ekranin altina sabitlenir — modal her zaman ayni yerden kapanir */
@media (min-width: 761px) {
  /* baslik arama kartindan daha ayri dursun */
  body.theme-v2 .sm-head {
    margin-bottom: 64px;
  }

  /* icerik dikeyde 50px yukari: grid ortalamasi margin kutusunu
     ortaladigi icin alt bosluk iki katı verilir */
  body.theme-v2 .sm-dialog {
    margin-bottom: 100px;
  }

  /* buton ekrana sabit, diyalog ise girişte kayiyor; animasyon
     bitmeden gorunurse ortadan asagi suzuluyordu — yerine oturunca
     fade-in ile gelsin */
  body.theme-v2 .sm-close {
    opacity: 0;
    transition: opacity .2s ease, background .25s ease, color .25s ease, border-color .25s ease;
  }

  body.theme-v2 .search-modal.is-open .sm-close {
    opacity: 1;
    transition: opacity .3s ease .36s, background .25s ease, color .25s ease, border-color .25s ease;
  }

  body.theme-v2 .sm-close {
    position: fixed;
    /* sag ust kose degerleri sifirlanmazsa top/right kazaniyor */
    top: auto;
    right: auto;
    bottom: 104px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }
}

/* ════════════════════════════════════════════════════════════
   59: Hero basligi mobilde bir tik kucuk
   46px'te baslik dort satira tasip arama panelini asagi itiyordu.
   ════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  body.theme-v2 .hero-copy h1 {
    font-size: 43px;
    letter-spacing: -1.1px;
  }
}

@media (max-width: 430px) {
  body.theme-v2 .hero-copy h1 {
    font-size: 40px;
    letter-spacing: -1px;
  }
}

/* ════════════════════════════════════════════════════════════
   60: Mobil rotuslar
   - Yukari cik butonu footer'in solunda degil, ortasinda.
   - "Verified Network" rozetindeki yanip sonen yesil nokta
     kaldirildi (isaretlemesi de silindi; stil artik olu kod
     olmasin diye burada kapatiliyor).
   ════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  body.theme-v2 .ft-top {
    left: 50%;
    transform: translateX(-50%);
  }
}

body.theme-v2 .hv-dot {
  display: none;
}

/* ══════════════════════════════════════════════════════════════
   61: Blog / makale sayfasi (hospital.html)
   Koyu hero (metin solda, gorsel sagda) + beyaz zeminde iki sutun:
   solda cercevesiz makale, sagda yapiskan kenar sutunu — okudukca
   dolan icindekiler ve lacivert form. Mobilde icindekiler alttan
   acilan panele, yuzen bir dugmeye baglanir. Renkler ve olculer
   tema degiskenlerinden gelir; sayfaya ozel yeni bir palet yok.
   ══════════════════════════════════════════════════════════════ */

/* ── okuma ilerlemesi ── */
body.theme-v2 .post-progress {
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  pointer-events: none;
}

body.theme-v2 .post-progress .pp-bar {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(90deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 0 14px -2px rgba(30, 159, 224, .7);
  transition: width .1s linear;
}

/* ── makale hero'su: metin solda, gorsel sagda ── */
body.theme-v2 .hero-stage.page-hero--article {
  min-height: clamp(420px, 54vh, 600px);
}

body.theme-v2 .post-hero {
  display: grid;
  width: 100%;
  max-width: none;
  align-items: center;
  gap: 44px;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  text-align: left;
}

body.theme-v2 .post-hero-copy {
  display: grid;
  justify-items: start;
}

/* hero ortalamasi bu sayfada sola cekilir */
body.theme-v2 .post-hero .crumbs {
  margin: 0 0 16px;
  text-align: left;
}

body.theme-v2 .post-hero .crumbs ol {
  justify-content: flex-start;
}

body.theme-v2 .post-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(28px, 2.9vw, 44px);
  letter-spacing: -1.1px;
  line-height: 1.14;
}

/* spot: bir tik kucuk, daha sakin */
body.theme-v2 .post-lead {
  max-width: 560px;
  margin: 0 0 22px;
  color: rgba(216, 233, 252, .78);
  font-size: 14.5px;
  line-height: 1.7;
}

/* tarih / sure / kontrol: yatay hap seridi */
body.theme-v2 .post-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

body.theme-v2 .pm-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 11px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: rgba(226, 239, 252, .9);
  font-size: 12.5px;
  font-weight: 600;
  transition: border-color .2s ease, background .2s ease;
}

body.theme-v2 .pm-item:hover {
  border-color: rgba(126, 208, 255, .4);
  background: rgba(255, 255, 255, .11);
}

body.theme-v2 .pm-item .icon {
  width: 14px;
  height: 14px;
  color: #7ed0ff;
}

/* hero gorseli: cam cerceveli kart */
body.theme-v2 .post-hero-media {
  margin: 0;
}

body.theme-v2 .post-hero-media img {
  display: block;
  width: 100%;
  height: clamp(220px, 26vw, 330px);
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 20px;
  background: rgba(255, 255, 255, .07);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 34px 70px -40px rgba(0, 0, 0, .9);
  object-fit: cover;
}

body.theme-v2 .post-hero-media figcaption {
  margin-top: 11px;
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: rgba(216, 233, 252, .6);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── iki sutunlu govde ── */
body.theme-v2 .post-body {
  padding-top: 38px;
  padding-bottom: 66px;
  /* blog sayfasi duz beyaz zemin uzerinde okunur */
  background-color: #fff;
}

body.theme-v2 .post-layout {
  display: grid;
  align-items: start;
  gap: 34px;
  grid-template-columns: minmax(0, 1fr) 344px;
}

/* ── makale: cerceve yok, yazi dogrudan beyaz zeminin uzerinde ── */
body.theme-v2 .post-article {
  /* tablo gibi genis icerik sutunu buyutmesin; kaydirici kendi icinde */
  min-width: 0;
  /* yatay bosluk yok: metin hero basligi ve konteynerle ayni cizgide baslar */
  padding: 15px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--text);
}

body.theme-v2 .post-article>p {
  margin: 0 0 20px;
  color: #38495f;
  font-size: 16.5px;
  line-height: 1.78;
}

/* giris paragrafi: daha buyuk, ilk harfi dusuk */
body.theme-v2 .post-intro {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: var(--navy-dark) !important;
}

body.theme-v2 .post-intro::first-letter {
  float: left;
  margin: 6px 12px 0 0;
  color: var(--accent-dark);
  font-size: 58px;
  font-weight: 800;
  line-height: .8;
}

body.theme-v2 .post-article>p>a,
body.theme-v2 .post-faq p a {
  border-bottom: 1px solid rgba(30, 159, 224, .4);
  color: var(--accent-dark);
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}

body.theme-v2 .post-article>p>a:hover {
  border-color: var(--accent);
  color: var(--accent);
}

/* bolum basliklari: numarali, altinda kisa vurgu cizgisi */
body.theme-v2 .post-article h2 {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 46px 0 18px;
  padding: 0 0 14px;
  border: 0;
  color: var(--navy-dark);
  font-size: clamp(22px, 2vw, 28px);
  letter-spacing: -.6px;
  line-height: 1.25;
  /* yapiskan baslik hedefi: icindekiler linki tam hizalansin */
  scroll-margin-top: 96px;
}

body.theme-v2 .post-article h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--accent), rgba(30, 159, 224, .15));
}

body.theme-v2 .post-article h2 .h-no {
  flex: 0 0 auto;
  color: rgba(30, 159, 224, .55);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
}

/* kisa cevap kutusu */
body.theme-v2 .post-quick {
  position: relative;
  margin: 0 0 22px;
  padding: 22px 24px 22px 26px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0e2c56 0%, #14417d 100%);
  color: #fff;
  overflow: hidden;
}

body.theme-v2 .post-quick::before {
  content: "";
  position: absolute;
  top: -70px;
  right: -40px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(56, 178, 235, .45), rgba(56, 178, 235, 0));
  pointer-events: none;
}

body.theme-v2 .pq-eyebrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #7ed0ff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.theme-v2 .pq-eyebrow .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .post-quick p {
  position: relative;
  margin: 0;
  color: rgba(226, 239, 252, .9);
  font-size: 15.5px;
  line-height: 1.7;
}

/* sayi seridi */
body.theme-v2 .post-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

body.theme-v2 .post-stats li {
  display: grid;
  gap: 4px;
  padding: 16px 16px 15px;
  border: 1px solid #e3ecf7;
  border-radius: 14px;
  background: #fbfdff;
}

body.theme-v2 .post-stats strong {
  color: var(--navy-dark);
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
}

body.theme-v2 .post-stats em {
  color: var(--accent);
  font-style: normal;
}

body.theme-v2 .post-stats span {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.45;
}

/* ozet kutusu */
body.theme-v2 .post-keys {
  margin: 0 0 30px;
  padding: 22px 24px 24px;
  border: 1px solid #d9e9f8;
  border-radius: 16px;
  background: linear-gradient(180deg, #f3f9ff 0%, #fbfdff 100%);
}

body.theme-v2 .pk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.theme-v2 .pk-eyebrow .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .post-keys ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.theme-v2 .post-keys li {
  position: relative;
  padding-left: 24px;
  color: #33455c;
  font-size: 15px;
  line-height: 1.6;
}

body.theme-v2 .post-keys li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(30, 159, 224, .16);
}

/* uyari / ipucu kutusu */
body.theme-v2 .post-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 26px 0;
  padding: 18px 20px;
  border: 1px solid #e3ecf7;
  border-left: 3px solid var(--accent);
  border-radius: 0 14px 14px 0;
  background: #f7fbff;
}

body.theme-v2 .post-callout .pc-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 10px;
  background: rgba(30, 159, 224, .12);
  color: var(--accent-dark);
}

body.theme-v2 .post-callout .icon {
  width: 18px;
  height: 18px;
}

body.theme-v2 .post-callout p {
  margin: 0;
  color: #33455c;
  font-size: 15px;
  line-height: 1.65;
}

body.theme-v2 .post-callout strong {
  color: var(--navy-dark);
}

body.theme-v2 .post-callout--tip {
  border-left-color: #f0b429;
  background: #fffbf2;
}

body.theme-v2 .post-callout--tip .pc-icon {
  background: rgba(240, 180, 41, .16);
  color: #b07a00;
}

/* inceleme akisi: dort adimli yatay serit */
body.theme-v2 .post-steps {
  position: relative;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

body.theme-v2 .post-steps li {
  position: relative;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 18px 16px 16px;
  border: 1px solid #e3ecf7;
  border-radius: 14px;
  background: #fff;
}

body.theme-v2 .post-steps li::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -13px;
  width: 14px;
  height: 2px;
  background: #cfe2f5;
}

body.theme-v2 .post-steps li:last-child::after {
  display: none;
}

body.theme-v2 .ps-no {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  margin-bottom: 4px;
  border-radius: 9px;
  background: var(--navy-dark);
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
}

body.theme-v2 .post-steps strong {
  color: var(--navy-dark);
  font-size: 14.5px;
  letter-spacing: -.2px;
}

body.theme-v2 .post-steps small {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

/* olcut listesi: agirlik rozeti + agirlik cubugu */
body.theme-v2 .post-criteria {
  display: grid;
  gap: 10px;
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

body.theme-v2 .post-criteria li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 15px 18px 16px;
  border: 1px solid #e8eff8;
  border-radius: 14px;
  background: #fbfdff;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

body.theme-v2 .post-criteria li:hover {
  border-color: #cfe4f7;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px -20px rgba(12, 38, 74, .5);
}

body.theme-v2 .pcr-weight {
  display: grid;
  width: 54px;
  height: 40px;
  flex: 0 0 54px;
  place-items: center;
  border-radius: 10px;
  background: var(--navy-dark);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.3px;
}

body.theme-v2 .pcr-body {
  display: grid;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}

body.theme-v2 .pcr-body strong {
  color: var(--navy-dark);
  font-size: 15.5px;
}

body.theme-v2 .pcr-body small {
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
}

body.theme-v2 .pcr-bar {
  display: block;
  height: 4px;
  margin-top: 6px;
  border-radius: 4px;
  background: #e6eef8;
  overflow: hidden;
}

body.theme-v2 .pcr-bar::after {
  content: "";
  display: block;
  width: calc(var(--w, 0) * 1%);
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #5cc0ef, #1187ce);
  transform-origin: left;
  transition: transform .8s cubic-bezier(.2, .7, .25, 1);
}

/* alinti */
body.theme-v2 .post-quote {
  position: relative;
  margin: 30px 0;
  padding: 28px 30px 26px 34px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #0e2c56 0%, #14417d 100%);
  color: #fff;
  overflow: hidden;
}

body.theme-v2 .post-quote .pq-mark {
  position: absolute;
  top: -26px;
  left: 18px;
  color: rgba(126, 208, 255, .18);
  font-size: 150px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

body.theme-v2 .post-quote p {
  position: relative;
  margin: 0 0 12px;
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 600;
  letter-spacing: -.3px;
  line-height: 1.5;
}

body.theme-v2 .post-quote cite {
  position: relative;
  color: rgba(216, 233, 252, .7);
  font-size: 13px;
  font-style: normal;
}

/* siralama listesi: numara + kucuk gorsel + govde */
body.theme-v2 .post-rank {
  display: grid;
  gap: 12px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

body.theme-v2 .post-rank li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 18px;
  border: 1px solid #e8eff8;
  border-radius: 16px;
  background: #fff;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body.theme-v2 .post-rank li:hover {
  border-color: #cfe4f7;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px -26px rgba(12, 38, 74, .55);
}

body.theme-v2 .pr-no {
  flex: 0 0 auto;
  min-width: 34px;
  color: #cddcec;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
}

body.theme-v2 .post-rank li:nth-child(-n+3) .pr-no {
  background: linear-gradient(135deg, #5cc0ef, #1187ce);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.theme-v2 .pr-thumb {
  width: 92px;
  height: 72px;
  flex: 0 0 92px;
  border-radius: 12px;
  background: #eef4fb;
  object-fit: cover;
}

body.theme-v2 .pr-body {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.theme-v2 .pr-body>strong {
  color: var(--navy-dark);
  font-size: 16.5px;
  letter-spacing: -.2px;
}

body.theme-v2 .pr-body>small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
}

body.theme-v2 .pr-body>small .flag,
body.theme-v2 .post-table .flag {
  width: 18px;
  height: 13px;
  border: 1px solid #e3ecf7;
  border-radius: 3px;
  object-fit: cover;
}

body.theme-v2 .pr-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 6px 0 2px;
}

body.theme-v2 .pr-chips span {
  padding: 4px 10px;
  border: 1px solid #dceaf7;
  border-radius: 999px;
  background: #f4f9ff;
  color: var(--accent-dark);
  font-size: 11.5px;
  font-weight: 600;
}

body.theme-v2 .pr-body p {
  margin: 4px 0 0;
  color: #4a5c72;
  font-size: 14.5px;
  line-height: 1.6;
}

/* tablo */
body.theme-v2 .post-table-wrap {
  max-width: 100%;
  margin: 0 0 8px;
  overflow-x: auto;
  border: 1px solid #e8eff8;
  border-radius: 14px;
}

body.theme-v2 .post-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
}

body.theme-v2 .post-table th,
body.theme-v2 .post-table td {
  padding: 13px 16px;
  border-bottom: 1px solid #eef4fb;
  text-align: left;
  white-space: nowrap;
}

body.theme-v2 .post-table td:last-child,
body.theme-v2 .post-table th:last-child {
  min-width: 150px;
  white-space: normal;
}

body.theme-v2 .post-table thead th {
  background: #f7fbff;
  color: var(--navy-dark);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.theme-v2 .post-table tbody th {
  color: var(--navy-dark);
  font-weight: 700;
}

body.theme-v2 .post-table tbody th .flag {
  display: inline-block;
  margin-right: 8px;
  vertical-align: -2px;
}

body.theme-v2 .post-table tbody td {
  color: #4a5c72;
}

body.theme-v2 .post-table tbody td b {
  color: var(--accent-dark);
  font-weight: 700;
}

body.theme-v2 .post-table tbody tr:hover td,
body.theme-v2 .post-table tbody tr:hover th {
  background: #fbfdff;
}

body.theme-v2 .post-table tbody tr:last-child th,
body.theme-v2 .post-table tbody tr:last-child td {
  border-bottom: 0;
}

/* kontrol listesi */
body.theme-v2 .post-check {
  display: grid;
  gap: 9px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  counter-reset: check;
}

body.theme-v2 .post-check li {
  position: relative;
  padding: 12px 16px 12px 52px;
  border: 1px solid #e8eff8;
  border-radius: 12px;
  background: #fbfdff;
  color: #33455c;
  font-size: 15px;
  line-height: 1.55;
  counter-increment: check;
  transition: border-color .2s ease, background .2s ease;
}

body.theme-v2 .post-check li:hover {
  border-color: #cfe4f7;
  background: #fff;
}

body.theme-v2 .post-check li::before {
  content: counter(check, decimal-leading-zero);
  position: absolute;
  top: 11px;
  left: 14px;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 8px;
  background: rgba(30, 159, 224, .12);
  color: var(--accent-dark);
  font-size: 11.5px;
  font-weight: 800;
}

/* sss */
body.theme-v2 .post-faq {
  display: grid;
  gap: 10px;
  margin-bottom: 30px;
}

body.theme-v2 .post-faq details {
  border: 1px solid #e8eff8;
  border-radius: 14px;
  background: #fbfdff;
  transition: border-color .2s ease, background .2s ease;
}

body.theme-v2 .post-faq details[open] {
  border-color: #cfe4f7;
  background: #fff;
}

body.theme-v2 .post-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 18px;
  color: var(--navy-dark);
  cursor: pointer;
  font-size: 15.5px;
  font-weight: 700;
  list-style: none;
}

body.theme-v2 .post-faq summary::-webkit-details-marker {
  display: none;
}

body.theme-v2 .post-faq summary::after {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f76b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .25s ease;
}

body.theme-v2 .post-faq details[open] summary::after {
  transform: rotate(45deg);
}

body.theme-v2 .post-faq p {
  margin: 0;
  padding: 0 18px 17px;
  color: #4a5c72;
  font-size: 15px;
  line-height: 1.7;
}

/* paylasim + yazar */
body.theme-v2 .post-foot {
  display: grid;
  gap: 16px;
  margin: 34px 0 0;
  padding-top: 24px;
  border-top: 1px solid #eaf1f9;
}

body.theme-v2 .post-share {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.theme-v2 .ps-label {
  margin-right: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.theme-v2 .ps-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid #dfe9f5;
  border-radius: 999px;
  background: #fff;
  color: var(--navy-dark);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

body.theme-v2 .ps-btn:hover {
  border-color: var(--accent);
  background: rgba(30, 159, 224, .08);
  color: var(--accent-dark);
  transform: translateY(-1px);
}

body.theme-v2 .ps-btn .icon {
  width: 15px;
  height: 15px;
}

body.theme-v2 .ps-btn.is-copied {
  border-color: #bfe6cf;
  background: #f0fbf5;
  color: #1c7a4a;
}

body.theme-v2 .post-author {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px 24px;
  border: 1px solid #e3ecf7;
  border-radius: 18px;
  background: #f7fbff;
}

body.theme-v2 .post-author img {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  border: 1px solid #dceaf7;
  border-radius: 999px;
  background: #fff;
  object-fit: cover;
}

body.theme-v2 .pa-eyebrow {
  display: block;
  margin-bottom: 3px;
  color: var(--accent-dark);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.theme-v2 .post-author strong {
  display: block;
  margin-bottom: 6px;
  color: var(--navy-dark);
  font-size: 16.5px;
}

body.theme-v2 .post-author p {
  margin: 0;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.65;
}

/* makale sonu cagri bandi */
body.theme-v2 .post-cta {
  position: relative;
  display: grid;
  align-items: center;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 34px 0 0;
  padding: 30px 32px;
  border-radius: 20px;
  background: linear-gradient(140deg, #0e2c56 0%, #123a70 55%, #0b2244 100%);
  color: #fff;
  overflow: hidden;
}

body.theme-v2 .pcta-glow {
  position: absolute;
  top: -120px;
  right: -60px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(56, 178, 235, .42), rgba(56, 178, 235, 0));
  pointer-events: none;
}

body.theme-v2 .pcta-body {
  position: relative;
}

body.theme-v2 .pcta-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #7ed0ff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.theme-v2 .pcta-eyebrow .icon {
  width: 16px;
  height: 16px;
}

body.theme-v2 .post-cta h2 {
  margin: 0 0 8px;
  padding: 0;
  color: #fff;
  font-size: clamp(20px, 1.8vw, 26px);
  letter-spacing: -.5px;
}

body.theme-v2 .post-cta h2::after {
  display: none;
}

body.theme-v2 .post-cta p {
  max-width: 560px;
  margin: 0;
  color: rgba(216, 233, 252, .78);
  font-size: 14.5px;
  line-height: 1.65;
}

body.theme-v2 .pcta-actions {
  position: relative;
  display: grid;
  gap: 10px;
  justify-items: center;
}

body.theme-v2 .pcta-go {
  min-width: 190px;
  justify-content: center;
  border: 0;
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 14px 30px -14px rgba(17, 135, 206, .8);
}

body.theme-v2 .pcta-ghost {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(216, 233, 252, .8);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

body.theme-v2 .pcta-ghost .icon {
  width: 15px;
  height: 15px;
  transition: transform .2s ease;
}

body.theme-v2 .pcta-ghost:hover {
  color: #fff;
}

body.theme-v2 .pcta-ghost:hover .icon {
  transform: translateX(3px);
}

/* ilgili yazilar */
body.theme-v2 .post-related {
  margin-top: 36px;
}

body.theme-v2 .post-related h2 {
  margin: 0 0 16px;
}

body.theme-v2 .pr-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.theme-v2 .pr-card {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 18px;
  border: 1px solid #e8eff8;
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

body.theme-v2 .pr-card:hover {
  border-color: #cfe4f7;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -26px rgba(12, 38, 74, .55);
}

body.theme-v2 .prc-tag {
  color: var(--accent-dark);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.theme-v2 .pr-card strong {
  color: var(--navy-dark);
  font-size: 15.5px;
  letter-spacing: -.2px;
  line-height: 1.35;
}

body.theme-v2 .pr-card small {
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.5;
}

/* ── kenar sutunu ──
   Sutun makale boyunca uzar; icindekiler tepede yapisir.
   - Ikisi birlikte ekrana sigiyorsa (JS .is-fit verir): icindekiler
     ustte, form onun altinda; ikisi de yapisik.
   - Sigmiyorsa: form ustte akista kalir (kaydirinca gider),
     icindekiler onun altindan gelip tepede yapisir.
   Boylece ne ic kaydirma ne kesilme ne ust uste binme olur. */
body.theme-v2 .post-side {
  display: grid;
  align-self: stretch;
  align-content: start;
  gap: 16px;
  min-width: 0;
}

@media (min-width: 981px) {
  /* sigmayan mod: form ustte akista, icindekiler tek basina yapisik */
  body.theme-v2 .side-toc {
    position: sticky;
    z-index: 2;
    top: 24px;
  }

  body.theme-v2 .post-side:not(.is-fit) .side-form {
    order: -1;
  }

  /* sigan mod: sutunun tamami tek parca yapisir; icte ayri sticky yok,
     boylece makale sonunda iki kart birbirine binmez */
  body.theme-v2 .post-side.is-fit {
    position: sticky;
    top: 24px;
    align-self: start;
  }

  body.theme-v2 .post-side.is-fit .side-toc,
  body.theme-v2 .post-side.is-fit .side-form {
    position: static;
  }
}

body.theme-v2 .side-card {
  padding: 20px 22px;
  border: 1px solid #e3ecf7;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 1px 2px rgba(12, 38, 74, .04),
    0 18px 40px -34px rgba(12, 38, 74, .4);
}

body.theme-v2 .sc-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--navy-dark);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.theme-v2 .sc-title .icon {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

/* ── icindekiler ── */
body.theme-v2 .side-toc {
  padding: 16px 16px 12px;
  background:
    radial-gradient(180px 120px at 100% 0%, rgba(30, 159, 224, .1), rgba(30, 159, 224, 0) 70%),
    #fff;
}

body.theme-v2 .toc-close {
  display: none;
}

body.theme-v2 .toc-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eaf1f9;
}

/* halka: okunan yuzde */
body.theme-v2 .toc-ring {
  position: relative;
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
}

/* yalniz halka svg'si doner; icindeki liste ikonu (.icon) degil */
body.theme-v2 .toc-ring svg:not(.icon),
body.theme-v2 .toc-fab-ring svg:not(.icon) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

body.theme-v2 .toc-ring-track {
  fill: none;
  stroke: #e6eef8;
  stroke-width: 3.5;
}

body.theme-v2 .toc-ring-fill {
  fill: none;
  stroke: url(#toc-grad);
  stroke: var(--accent);
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-dasharray: 125.66;
  stroke-dashoffset: 125.66;
  transition: stroke-dashoffset .35s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .toc-ring-pct {
  position: relative;
  color: var(--navy-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -.2px;
}

body.theme-v2 .toc-head-text {
  display: grid;
  gap: 2px;
}

body.theme-v2 .toc-head-text strong {
  color: var(--navy-dark);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.theme-v2 .toc-head-text small {
  color: var(--muted);
  font-size: 12.5px;
}

/* govde: sol ray + liste */
body.theme-v2 .toc-body {
  position: relative;
  padding-left: 4px;
}

body.theme-v2 .toc-rail {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 15px;
  width: 2px;
  border-radius: 2px;
  background: #e6eef8;
}

body.theme-v2 .toc-rail-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-radius: 2px;
  background: linear-gradient(180deg, #5cc0ef, #1187ce);
  box-shadow: 0 0 10px -2px rgba(30, 159, 224, .7);
  transition: height .35s cubic-bezier(.2, .7, .25, 1);
}

body.theme-v2 .toc-list {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* girişte kademeli belirir */
body.theme-v2 .toc-list li {
  animation: fm-toc-in .5s cubic-bezier(.2, .7, .25, 1) calc(.08s + var(--i, 0) * .06s) both;
}

@keyframes fm-toc-in {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

body.theme-v2 .toc-list a {
  position: relative;
  display: grid;
  align-items: center;
  gap: 12px;
  grid-template-columns: 24px minmax(0, 1fr);
  padding: 6px 10px 6px 0;
  border-radius: 10px;
  color: #4a5c72;
  font-size: 13.5px;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s ease, background .2s ease;
}

body.theme-v2 .toc-list a:hover {
  color: var(--navy-dark);
}

body.theme-v2 .toc-list a:hover .toc-text {
  transform: translateX(2px);
}

/* dugum: ray uzerindeki daire */
body.theme-v2 .toc-node {
  position: relative;
  z-index: 1;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid #d5e2f0;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

/* tik (okunmus) ve ic nokta (okunan) ayni merkezde ust uste durur */
body.theme-v2 .toc-node .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.4);
  transition: opacity .25s ease, transform .25s ease;
}

body.theme-v2 .toc-node::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--accent);
  opacity: 0;
  transform: scale(.4);
  transition: opacity .25s ease, transform .25s ease;
}

body.theme-v2 .toc-text {
  display: block;
  transition: transform .2s ease;
}

/* okunmus */
body.theme-v2 .toc-list li.is-done a {
  color: #8a9bb0;
}

body.theme-v2 .toc-list li.is-done .toc-node {
  border-color: var(--accent);
  background: var(--accent);
}

body.theme-v2 .toc-list li.is-done .toc-node .icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* okunmakta olan */
body.theme-v2 .toc-list li.is-active a {
  color: var(--navy-dark);
  font-weight: 700;
}

body.theme-v2 .toc-list li.is-active .toc-node {
  border-color: var(--accent);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(30, 159, 224, .14);
}

body.theme-v2 .toc-list li.is-active .toc-node::after {
  opacity: 1;
  transform: scale(1);
}

body.theme-v2 .toc-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eaf1f9;
}

body.theme-v2 .toc-top {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}

body.theme-v2 .toc-top:hover {
  color: var(--accent-dark);
}

body.theme-v2 .toc-top .icon {
  width: 14px;
  height: 14px;
}

/* mobil: yuzen dugme ve ortu — masaustunde yok */
body.theme-v2 .toc-fab,
body.theme-v2 .toc-veil {
  display: none;
}

/* ── kenar formu: lacivert cam kart ── */
body.theme-v2 .side-form {
  position: relative;
  overflow: hidden;
  padding: 20px 20px 18px;
  border-color: transparent;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(56, 178, 235, .28) 0%, rgba(56, 178, 235, 0) 55%),
    linear-gradient(160deg, #0e2c56 0%, #123a70 52%, #0b2244 100%);
  box-shadow:
    0 1px 2px rgba(4, 14, 30, .3),
    0 30px 60px -38px rgba(4, 14, 30, .95);
}

/* ust kenarda ince vurgu cizgisi */
body.theme-v2 .side-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  height: 1px;
  background: linear-gradient(90deg, rgba(126, 208, 255, 0), rgba(126, 208, 255, .7), rgba(126, 208, 255, 0));
}

body.theme-v2 .side-form .sc-title {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  color: #fff;
}

body.theme-v2 .side-form .sc-title .icon {
  color: #7ed0ff;
}

body.theme-v2 .side-form .sf-note {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: rgba(216, 233, 252, .76);
  font-size: 13px;
  line-height: 1.55;
}

body.theme-v2 .sf-field {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 5px;
  margin-bottom: 9px;
}

body.theme-v2 .sf-field>span {
  color: rgba(216, 233, 252, .72);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.theme-v2 .sf-field input,
body.theme-v2 .sf-field select {
  width: 100%;
  height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font: inherit;
  font-size: 14.5px;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

body.theme-v2 .sf-field select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ed0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 13px center / 15px 15px no-repeat,
    rgba(255, 255, 255, .07);
  cursor: pointer;
}

body.theme-v2 .sf-field select option {
  color: #14233b;
  background: #fff;
}

body.theme-v2 .sf-field input::placeholder {
  color: rgba(216, 233, 252, .42);
}

body.theme-v2 .sf-field input:hover,
body.theme-v2 .sf-field select:hover {
  border-color: rgba(255, 255, 255, .3);
  background-color: rgba(255, 255, 255, .1);
}

body.theme-v2 .sf-field input:focus,
body.theme-v2 .sf-field select:focus {
  border-color: rgba(126, 208, 255, .8);
  outline: 0;
  background-color: rgba(255, 255, 255, .12);
  box-shadow: 0 0 0 3px rgba(30, 159, 224, .22);
}

body.theme-v2 .sf-go {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 4px;
  justify-content: center;
  border: 0;
  background: linear-gradient(135deg, #5cc0ef 0%, #33a9e4 55%, #1187ce 100%);
  box-shadow: 0 14px 30px -14px rgba(17, 135, 206, .8);
}

body.theme-v2 .sf-go:hover {
  background: linear-gradient(135deg, #7acdf4 0%, #45b4ea 55%, #1e9fe0 100%);
}

body.theme-v2 .sf-legal {
  position: relative;
  z-index: 1;
  margin: 10px 0 0;
  color: rgba(216, 233, 252, .5);
  font-size: 11.5px;
  line-height: 1.55;
}

body.theme-v2 .sf-legal a {
  color: rgba(126, 208, 255, .95);
}

/* onay mesaji gonderilene kadar gizli: hidden ozniteligi kazanmali */
body.theme-v2 .sf-done[hidden] {
  display: none;
}

body.theme-v2 .sf-done {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(88, 214, 154, .4);
  border-radius: 12px;
  background: rgba(47, 208, 138, .14);
  color: #a6f0cd;
  font-size: 13.5px;
  line-height: 1.5;
}

body.theme-v2 .sf-done .icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-top: 1px;
}

/* ── duyarli davranis ── */
@media (max-width: 1100px) {
  body.theme-v2 .post-layout {
    grid-template-columns: minmax(0, 1fr) 306px;
  }

  body.theme-v2 .post-hero {
    gap: 30px;
  }

  body.theme-v2 .post-stats,
  body.theme-v2 .post-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.theme-v2 .post-steps li::after {
    display: none;
  }
}

@media (max-width: 980px) {
  /* hero tek sutun: gorsel metnin altina */
  body.theme-v2 .post-hero {
    gap: 26px;
    grid-template-columns: minmax(0, 1fr);
  }

  body.theme-v2 .post-hero-media img {
    height: clamp(200px, 34vw, 280px);
  }

  /* tek sutun: form makalenin altina */
  body.theme-v2 .post-layout {
    display: flex;
    gap: 18px;
    flex-direction: column;
  }

  body.theme-v2 .post-article,
  body.theme-v2 .side-form {
    width: 100%;
    min-width: 0;
  }

  body.theme-v2 .post-side {
    display: contents;
  }

  /* tek sutunda form daima makalenin altinda, yapiskan degil */
  body.theme-v2 .post-side .side-form {
    position: static;
    order: 0;
  }

  /* icindekiler: alttan acilan panel */
  body.theme-v2 .side-toc {
    position: fixed;
    z-index: 160;
    /* masaustu sticky kuralindaki top degeri burada gecersiz */
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: min(78vh, 560px);
    padding: 22px 20px 20px;
    border: 0;
    border-radius: 22px 22px 0 0;
    box-shadow: none;
    overflow-y: auto;
    visibility: hidden;
    transform: translateY(105%);
    transition: transform .38s cubic-bezier(.2, .7, .25, 1), visibility 0s .38s;
  }

  body.theme-v2 .side-toc.is-open {
    visibility: visible;
    box-shadow: 0 -30px 60px -30px rgba(4, 14, 30, .5);
    transform: none;
    transition: transform .38s cubic-bezier(.2, .7, .25, 1), visibility 0s;
  }

  /* panelin ustunde tutamac */
  body.theme-v2 .side-toc::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #d5e2f0;
    transform: translateX(-50%);
  }

  body.theme-v2 .toc-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid #e3ecf7;
    border-radius: 999px;
    background: #f7fbff;
    color: var(--navy-dark);
    cursor: pointer;
  }

  body.theme-v2 .toc-close .icon {
    width: 15px;
    height: 15px;
  }

  body.theme-v2 .toc-head {
    padding-right: 44px;
  }

  body.theme-v2 .toc-list li {
    animation: none;
  }

  body.theme-v2 .toc-list a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14.5px;
  }

  /* yuzen dugme */
  body.theme-v2 .toc-fab {
    position: fixed;
    z-index: 150;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px 7px 8px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    /* backdrop-filter yok: iOS Safari sabit katmanlarda bunu bozuyor */
    background: #0b1f3a;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 18px 40px -16px rgba(4, 14, 30, .8);
    font: inherit;
    text-align: left;
    transition: transform .25s ease, opacity .25s ease;
  }

  body.theme-v2 .toc-fab:active {
    transform: scale(.97);
  }

  body.theme-v2 .toc-fab.is-hidden {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
  }

  /* mobil menu veya arama ortusu acikken yuzen dugme ve panel geri cekilir
     (mobil menu ile ayni z-index katmanindalar; DOM'da sonra geldikleri
     icin aksi halde ortunun ustunde kalirlar) */
  body.theme-v2.is-mnav-open .toc-fab,
  body.theme-v2.is-search-open .toc-fab {
    opacity: 0;
    pointer-events: none;
  }

  body.theme-v2.is-mnav-open .side-toc.is-open,
  body.theme-v2.is-search-open .side-toc.is-open {
    transform: translateY(105%);
  }

  body.theme-v2.is-mnav-open .toc-veil.is-open,
  body.theme-v2.is-search-open .toc-veil.is-open {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.theme-v2 .toc-fab-ring {
    position: relative;
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
  }

  body.theme-v2 .toc-fab-ring .toc-ring-track {
    stroke: rgba(255, 255, 255, .18);
    stroke-width: 5;
  }

  body.theme-v2 .toc-fab-ring .toc-ring-fill {
    stroke: #7ed0ff;
    stroke-width: 5;
    stroke-dasharray: 94.25;
    stroke-dashoffset: 94.25;
  }

  body.theme-v2 .toc-fab-text {
    display: grid;
    gap: 1px;
  }

  body.theme-v2 .toc-fab-text strong {
    font-size: 13px;
    font-weight: 700;
  }

  body.theme-v2 .toc-veil {
    position: fixed;
    z-index: 155;
    inset: 0;
    display: block;
    background: rgba(5, 20, 44, .6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s .3s;
    pointer-events: none;
  }

  body.theme-v2 .toc-veil.is-open {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease, visibility 0s;
    pointer-events: auto;
  }

  body.theme-v2.is-toc-open {
    overflow: hidden;
  }

  body.theme-v2 .pr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.theme-v2 .post-cta {
    grid-template-columns: minmax(0, 1fr);
  }

  body.theme-v2 .pcta-actions {
    justify-items: start;
  }
}

@media (max-width: 760px) {
  body.theme-v2 .post-body {
    padding-bottom: 44px;
  }

  body.theme-v2 .post-article>p {
    font-size: 15.5px;
  }

  body.theme-v2 .post-intro {
    font-size: 16.5px !important;
  }

  body.theme-v2 .post-intro::first-letter {
    font-size: 48px;
  }

  body.theme-v2 .post-hero h1 {
    letter-spacing: -.8px;
  }

  body.theme-v2 .post-lead {
    font-size: 14px;
  }

  body.theme-v2 .pm-item {
    padding: 7px 12px 7px 10px;
    font-size: 12px;
  }

  body.theme-v2 .post-quick,
  body.theme-v2 .post-keys,
  body.theme-v2 .post-callout,
  body.theme-v2 .post-author,
  body.theme-v2 .post-cta {
    padding: 18px;
  }

  body.theme-v2 .post-stats {
    gap: 8px;
  }

  body.theme-v2 .post-stats li {
    padding: 13px 12px;
  }

  body.theme-v2 .post-stats strong {
    font-size: 22px;
  }

  body.theme-v2 .post-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  body.theme-v2 .post-author {
    flex-direction: column;
    gap: 12px;
  }

  body.theme-v2 .post-quote {
    padding: 22px 20px 20px 24px;
  }

  body.theme-v2 .post-rank li {
    flex-wrap: wrap;
    gap: 12px;
  }

  body.theme-v2 .pr-thumb {
    width: 74px;
    height: 58px;
    flex-basis: 74px;
  }

  body.theme-v2 .pr-body {
    flex: 1 1 100%;
  }

  body.theme-v2 .pr-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.theme-v2 .side-card {
    padding: 18px;
  }

  body.theme-v2 .side-toc {
    padding: 22px 16px 18px;
  }

  body.theme-v2 .toc-fab {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    left: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-v2 .toc-list li {
    animation: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   62: Yatay tasma kirpilir (tum sayfalar)
   iOS Safari, icerik viewport'tan bir kac piksel bile tasarsa sayfayi
   uzaklastirir; o durumda position: fixed ogeler ekran ortasina kayar.
   overflow: clip kaydirma kutusu olusturmaz, sticky/fixed'i etkilemez.
   ══════════════════════════════════════════════════════════════ */
html,
body.theme-v2 {
  overflow-x: clip;
}

/* ══════════════════════════════════════════════════════════════
   63: Sayfa kabugu
   body zemini lacivert; tum icerik beyaz zeminli .site-shell icinde.
   Kabuga max-width verilirse sayfa ortada, kenarlarda lacivert kalir.
   ══════════════════════════════════════════════════════════════ */
body.theme-v2 {
  background: #11243b;
}

body.theme-v2 .site-shell {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  overflow-x: clip;
}