/* Sağlık Araçları — tek dosya stil paketi (araclar/canli_hazirla.py üretir, elle düzenlemeyin) */
/* ===== dogum-paketi.css ===== */
/* ===========================================================
   Koru — Doğum Paketi sayfası
   Mobil öncelikli. Hero ve alt çağrı, birim-detay ile aynı renkte.
   SSS bileşeni yazi-detay.css'ten gelir.
   =========================================================== */

.koru-dp {
  overflow-x: clip;
  --dp-krem: #fbf8f4;
  --dp-yumusak: 0 4px 18px rgba(0, 41, 86, .07);
  --dp-yuksek: 0 18px 46px rgba(0, 41, 86, .13);
  --dp-r: 16px;
  display: block;
  background: var(--koru-beyaz);
  color: var(--koru-metin);
}

/* ---------- HERO — birim-detay ile aynı renk ---------- */
.koru-dp-hero {
  position: relative;
  padding: 46px 0 42px;
  background: linear-gradient(135deg, #001327 0%, #002247 55%, #00152c 100%);
  color: var(--koru-beyaz);
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}

.koru-dp-hero-desen { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.koru-dp-hero-desen span {
  position: absolute;
  left: calc(var(--g) * 8.6% + 2%);
  top: 100%;
  color: var(--koru-altin);
  opacity: 0;
  animation: koruDpSimgeYuksel 26s linear infinite;
  animation-delay: calc(var(--g) * -2.1s);
}
.koru-dp-hero-desen svg { width: 32px; height: 32px; }

@keyframes koruDpSimgeYuksel {
  0%   { transform: translateY(0) rotate(0deg);       opacity: 0; }
  12%  { opacity: .12; }
  85%  { opacity: .12; }
  100% { transform: translateY(-420px) rotate(22deg); opacity: 0; }
}

.koru-dp-hero-serit {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, var(--koru-altin) 22%, var(--koru-altin-acik) 50%, var(--koru-altin) 78%, transparent 100%);
}

.koru-dp-hero-ic { position: relative; }

.koru-dp-ust-etiket {
  display: inline-block;
  font-size: 10.5px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--koru-altin-acik);
  background: rgba(174, 138, 48, .16);
  border: 1px solid rgba(174, 138, 48, .34);
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 16px;
}

.koru-dp-hero-aciklama {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .76);
  margin: 14px auto 0;
  max-width: 660px;
}

.koru-dp-hero h1 {
  font-size: clamp(24px, 3.4vw, 34px);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
  color: var(--koru-beyaz);
}

/* ---------- Bölüm ortak ---------- */
.koru-dp-bolum { padding: 44px 0; }
.koru-dp-bolum-gri { background: var(--dp-krem); }

.koru-dp-bolum-bas { text-align: center; max-width: 640px; margin: 0 auto 28px; }
.koru-dp-bolum-bas.sol { text-align: left; margin-inline: 0; }

.koru-dp-kucuk {
  display: inline-block;
  font-size: 11px; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--koru-altin-metin);
  margin-bottom: 10px;
}
.koru-dp-bolum-bas h2 {
  font-size: clamp(20px, 3vw, 26px);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--koru-lacivert);
  margin: 0 0 10px;
  line-height: 1.25;
}
.koru-dp-bolum-bas p {
  font-size: 15px; line-height: 1.75;
  color: var(--koru-metin-soluk);
  margin: 0;
}

/* ---------- Paket kartları ---------- */
.koru-dp-paketler { display: grid; grid-template-columns: 1fr; gap: 20px; }

.koru-dp-paket {
  position: relative;
  display: flex; flex-direction: column;
  background: var(--koru-beyaz);
  border: 1px solid var(--koru-cizgi);
  border-radius: var(--dp-r);
  padding: 26px 20px 22px;
  box-shadow: var(--dp-yumusak);
  transition: transform var(--koru-gecis), box-shadow var(--koru-gecis);
}
.koru-dp-paket:hover { transform: translateY(-3px); box-shadow: var(--dp-yuksek); }

/* Iki kart birbirinden renkle ayrilir: one cikan altin, digeri lacivert
   kimlik tasir. Zeminler cok acik tutulur, kalem metinleri okunakli kalir. */
.koru-dp-paket::before {
  content: "";
  position: absolute; inset-inline: 0; top: 0;
  height: 4px;
  border-radius: var(--dp-r) var(--dp-r) 0 0;
}

.koru-dp-paket.one-cikan {
  background: linear-gradient(180deg, #fffdf8 0%, var(--dp-krem) 100%);
  border-color: rgba(174, 138, 48, .38);
  box-shadow: 0 14px 40px rgba(174, 138, 48, .13);
}
.koru-dp-paket.one-cikan::before {
  background: linear-gradient(90deg, var(--koru-altin), var(--koru-altin-acik));
}

.koru-dp-paket:not(.one-cikan) {
  background: linear-gradient(180deg, #fbfdff 0%, #f1f6fc 100%);
  border-color: rgba(0, 57, 115, .22);
  box-shadow: 0 14px 40px rgba(0, 57, 115, .1);
}
.koru-dp-paket:not(.one-cikan)::before {
  background: linear-gradient(90deg, var(--koru-lacivert), var(--koru-lacivert-acik));
}

/* Ayirici cizgiler ve madde isaretleri de kartin kimligini tasir */
.koru-dp-paket.one-cikan .koru-dp-paket-bas { border-bottom-color: rgba(174, 138, 48, .28); }
.koru-dp-paket:not(.one-cikan) .koru-dp-paket-bas { border-bottom-color: rgba(0, 57, 115, .18); }
.koru-dp-paket:not(.one-cikan) .koru-dp-kalemler li::before { background: var(--koru-lacivert); opacity: .45; }

.koru-dp-rozet {
  position: absolute; top: -11px; inset-inline-start: 20px;
  font-size: 10.5px; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--koru-beyaz);
  background: var(--koru-altin);
  padding: 5px 13px;
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(174, 138, 48, .32);
}

.koru-dp-paket-bas { padding-bottom: 18px; border-bottom: 1px solid var(--koru-cizgi); margin-bottom: 20px; }
.koru-dp-paket-etiket {
  display: block;
  font-size: 12px; font-weight: 700;
  color: var(--koru-altin-metin);
  margin-bottom: 7px;
}
.koru-dp-paket-bas h3 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--koru-lacivert);
  margin: 0 0 8px;
  line-height: 1.28;
}
.koru-dp-paket-bas p { font-size: 13.5px; line-height: 1.66; color: var(--koru-metin-soluk); margin: 0; }

/* Gruplu kalem listesi */
.koru-dp-gruplar { flex: 1; display: grid; gap: 18px; margin-bottom: 22px; }

.koru-dp-grup-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.koru-dp-grup-ikon {
  flex: none;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 9px;
  background: rgba(0, 57, 115, .07);
  color: var(--koru-lacivert);
}
.koru-dp-grup-ikon svg { width: 16px; height: 16px; }
.one-cikan .koru-dp-grup-ikon { background: rgba(174, 138, 48, .13); color: var(--koru-altin-metin); }

.koru-dp-grup-bas h4 {
  font-size: 12px; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--koru-lacivert);
  margin: 0;
}

.koru-dp-kalemler { list-style: none; margin: 0; padding: 0 0 0 40px; display: grid; gap: 7px; }
.koru-dp-kalemler li {
  position: relative;
  font-size: 13.8px; line-height: 1.55;
  color: var(--koru-metin);
  padding-inline-start: 17px;
  overflow-wrap: anywhere;
}
.koru-dp-kalemler li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0; top: 8px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--koru-altin);
  opacity: .55;
}

.koru-dp-paket-btn {
  display: block; text-align: center;
  font-size: 14.5px; font-weight: 700;
  padding: 13px 20px;
  border-radius: 50px;
  text-decoration: none;
  background: var(--koru-lacivert);
  color: var(--koru-beyaz);
  transition: background var(--koru-gecis), transform var(--koru-gecis);
  min-height: 46px;
}
.koru-dp-paket-btn:hover { background: var(--koru-lacivert-acik); transform: translateY(-2px); }
.one-cikan .koru-dp-paket-btn { background: var(--koru-altin); }
.one-cikan .koru-dp-paket-btn:hover { background: var(--koru-altin-acik); }

/* ---------- Süreç: 6 adım ---------- */
.koru-dp-surec { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.koru-dp-surec li {
  display: flex; align-items: flex-start; gap: 15px;
  background: var(--koru-beyaz);
  border: 1px solid var(--koru-cizgi);
  border-radius: 14px;
  padding: 18px 16px;
  box-shadow: var(--dp-yumusak);
}
.koru-dp-surec-no {
  flex: none;
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 12px;
  font-size: 14.5px; font-weight: 800;
  color: var(--koru-beyaz);
  background: linear-gradient(135deg, var(--koru-lacivert), var(--koru-lacivert-acik));
}
.koru-dp-surec-ic h3 { font-size: 15.5px; font-weight: 700; color: var(--koru-lacivert); margin: 2px 0 5px; }
.koru-dp-surec-ic p { font-size: 13.5px; line-height: 1.68; color: var(--koru-metin-soluk); margin: 0; }

/* ---------- Kapsam dışı ---------- */
.koru-dp-disi-sarmal { display: grid; gap: 24px; }
.koru-dp-disi { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.koru-dp-disi li {
  position: relative;
  font-size: 14px; line-height: 1.6;
  color: var(--koru-metin);
  background: var(--dp-krem);
  border: 1px solid var(--koru-cizgi);
  border-radius: 11px;
  padding: 12px 15px 12px 42px;
}
.koru-dp-disi li::before {
  content: "";
  position: absolute;
  inset-inline-start: 15px; top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(0, 57, 115, .18);
}

/* ---------- Makale ---------- */
.koru-dp-makale { padding: 44px 0; background: var(--koru-gri); }
.koru-dp-makale-ic {
  padding: 22px 20px;
  border: 1px solid var(--koru-cizgi);
  border-radius: 6px;
  background: var(--koru-beyaz);
  font-size: 14.5px;
  line-height: 1.82;
  letter-spacing: .002em;
  color: var(--koru-metin);
}
.koru-dp-makale-ic h2 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--koru-lacivert);
  margin: 34px 0 13px;
  line-height: 1.3;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(174, 138, 48, .22);
}
.koru-dp-makale-ic h2:first-child { margin-top: 0; }
.koru-dp-makale-ic h3 {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--koru-altin-metin);
  margin: 26px 0 10px;
}
.koru-dp-makale-ic p { margin: 0 0 16px; text-align: justify; text-justify: inter-word; hyphens: auto; }
.koru-dp-makale-ic ul, .koru-dp-makale-ic ol { margin: 0 0 16px; padding-inline-start: 22px; }
.koru-dp-makale-ic li { margin-bottom: 8px; }
.koru-dp-makale-ic strong { color: var(--koru-lacivert); font-weight: 700; }
.koru-dp-makale-ic a { color: var(--koru-lacivert); text-decoration: underline; text-underline-offset: 2px; }

/* ---------- SSS bileşeni — yazi-detay.css ile aynı görünüm ---------- */
/* Bu sayfada tek CSS dosyası yüklendiğinden kurallar buraya taşındı. */
/* SSS - ortali, dar kap */
.koru-yd-sss-serit {
  padding: 0 0 44px;
  background: var(--koru-gri);
}
.koru-yd-sss-serit .koru-genis {
  max-width: 940px;
}
.koru-yd-sss {
  border: 1px solid var(--koru-cizgi);
  border-radius: 6px;
  background: var(--koru-beyaz);
  overflow: hidden;
}
/* Baslik seridi - kartin tek renkli kismi */
.koru-yd-sss-ust {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 20px;
  background: linear-gradient(135deg, #001327 0%, #002247 100%);
}
.koru-yd-sss-ikon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--koru-altin-metin);
}
.koru-yd-sss-ikon svg {
  width: 18px;
  height: 18px;
}
.koru-yd-sss-ust h2 {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--koru-altin-acik);
}
.koru-yd-sss-etiket {
  flex: 0 0 auto;
  padding: 4px 11px;
  border-radius: 20px;
  background: rgba(174, 138, 48, 0.2);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--koru-altin-acik);
}
.koru-yd-sss-oge {
  border-bottom: 1px solid var(--koru-cizgi);
}
.koru-yd-sss-oge:last-child {
  border-bottom: 0;
}
.koru-yd-sss-soru {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 15px 20px;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: var(--koru-lacivert);
  cursor: pointer;
  transition: background var(--koru-gecis), color var(--koru-gecis);
}
.koru-yd-sss-soru span {
  flex: 1 1 auto;
  min-width: 0;
}
.koru-yd-sss-soru svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: var(--koru-altin-metin);
  transition: transform var(--koru-gecis);
}
.koru-yd-sss-soru:hover {
  background: var(--koru-gri);
  color: var(--koru-altin-metin);
}
.koru-yd-sss-soru[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.koru-yd-sss-cevap {
  padding: 0 20px 17px;
  font-size: 13.5px;
  line-height: 1.75;
  color: #5a6a7d;
}
.koru-yd-sss-cevap[hidden] {
  display: none;
}
@media (max-width: 639px) {
  .koru-yd-sss-soru { padding: 13px 15px; font-size: 13.5px; }
  .koru-yd-sss-cevap { padding: 0 15px 15px; }
}

.koru-dp ~ .koru-yd-sss-serit,
.koru-dp .koru-yd-sss-serit { padding: 44px 0; background: var(--koru-beyaz); }



/* ---------- Alt çağrı — birim-detay.css ile aynı görünüm ---------- */
/* --------------------------------------------------------------------------
   Alt cagri - footer ustunde randevu ve iletisim
   -------------------------------------------------------------------------- */
.koru-bd-cagri {
  padding: 44px 0;
  background: linear-gradient(135deg, #002648 0%, var(--koru-lacivert) 100%);
  color: var(--koru-beyaz);
}
.koru-bd-cagri-ic {
  display: flex;
  align-items: center;
  gap: 22px;
}
.koru-bd-cagri-logo {
  flex: 0 0 auto;
  width: 56px;
  height: auto;
  opacity: 0.9;
}
.koru-bd-cagri-metin {
  flex: 1 1 auto;
  min-width: 0;
}
.koru-bd-cagri-metin h2 {
  font-size: clamp(17px, 2.2vw, 21px);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.35;
  margin-bottom: 6px;
}
.koru-bd-cagri-metin p {
  font-size: 13.5px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.72);
}
.koru-bd-cagri-butonlar {
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
}
.koru-bd-cagri-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--koru-beyaz);
  text-decoration: none;
  transition: background var(--koru-gecis), border-color var(--koru-gecis),
    color var(--koru-gecis);
}
.koru-bd-cagri-btn svg {
  width: 17px;
  height: 17px;
}
.koru-bd-cagri-btn:hover {
  background: var(--koru-altin-metin);
  border-color: var(--koru-altin-metin);
  color: var(--koru-beyaz);
}
.koru-bd-cagri-btn.wp {
  background: #0f7a3d;
  border-color: #0f7a3d;
}
.koru-bd-cagri-btn.wp:hover {
  background: #0c6532;
  border-color: #0c6532;
}
/* Alt cagri alt alta */
  .koru-bd-cagri-ic {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
.koru-bd-cagri-butonlar {
    width: 100%;
    justify-content: center;
  }
.koru-bd-cagri-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

/* ===========================================================
   Tablet ve üstü
   =========================================================== */
@media (min-width: 640px) {
  .koru-dp-hero { padding: 54px 0 50px; }
  .koru-dp-bolum { padding: 58px 0; }
  .koru-dp-paket { padding: 30px 26px 26px; }
  .koru-dp-disi { grid-template-columns: repeat(2, 1fr); }
  .koru-dp-surec { grid-template-columns: repeat(2, 1fr); }
  .koru-dp-makale { padding: 58px 0; }
  .koru-dp-makale-ic { padding: 26px 26px; }
}

@media (min-width: 900px) {
  .koru-dp-hero { padding: 66px 0 58px; }
  .koru-dp-bolum { padding: 72px 0; }
  .koru-dp-paketler { grid-template-columns: repeat(2, 1fr); gap: 26px; align-items: stretch; }
  .koru-dp-surec { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .koru-dp-disi-sarmal { grid-template-columns: 330px 1fr; gap: 40px; align-items: start; }
  .koru-dp-bolum-bas { margin-bottom: 36px; }
  .koru-dp-makale { padding: 72px 0; }
  .koru-dp-makale-ic { padding: 28px 30px; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .koru-dp-hero-desen span { animation: none; opacity: .08; }
  .koru-dp-paket, .koru-dp-paket-btn { transition: none; }
  .koru-dp-paket:hover, .koru-dp-paket-btn:hover { transform: none; }
}

/* Yazdırma */
@media print {
  .koru-dp-paket-btn, .koru-bd-cagri, .koru-dp-hero-desen { display: none; }
  .koru-dp-hero { background: none; color: #000; }
  .koru-dp-paket { break-inside: avoid; box-shadow: none; }
}

/* ============================================================
   H1 İÇİNDE ŞEHİR ETİKETİ
   Şehir adı h1'e alındı; birim adı h1'in altında ayrı satırda.
   ============================================================ */
#koruDpBaslik {
  display: block;
}

#koruDpBaslik .koru-dp-ust-etiket {
  line-height: 1.2;
  margin-bottom: 14px;
}

#koruDpBaslik .koru-dp-baslik-ad {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  line-height: inherit;
}


/* ===== landing-ortak.css ===== */
/* ===========================================================
   Koru — Rezum Tedavisi landing sayfasi
   dogum-paketi.css uzerine yuklenir (hero, bolum basliklari,
   surec adimlari, SSS ve cagri bileşenleri oradan gelir).
   Yalnizca site tokenlari kullanilir (--koru-*, --dp-*).
   =========================================================== */

/* Taslak isareti (yayina alinirken kaldirilir) */
.koru-rz-taslak {
  position: fixed; right: 12px; bottom: 84px; z-index: 9999;
  max-width: 280px; padding: 9px 14px; border-radius: 10px;
  background: var(--koru-altin); color: var(--koru-beyaz);
  font: 600 12px/1.45 Exo, sans-serif;
  box-shadow: 0 8px 24px rgba(0, 41, 86, .25);
}

/* ---------- Hero: butonlar ve kisa maddeler ---------- */
.koru-rz-hero-butonlar {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  margin-top: 24px;
}
.koru-rz-hero-butonlar .koru-bd-cagri-btn { flex: 0 1 auto; }
.koru-bd-cagri-btn.koru-rz-altin { background: var(--koru-altin); border-color: var(--koru-altin); }
.koru-bd-cagri-btn.koru-rz-altin:hover { background: var(--koru-altin-acik); border-color: var(--koru-altin-acik); }
.koru-rz-hero-maddeler {
  list-style: none; margin: 22px 0 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px;
  font-size: 13px; color: rgba(255, 255, 255, .78);
}
.koru-rz-hero-maddeler li { display: inline-flex; align-items: center; gap: 7px; }
.koru-rz-hero-maddeler svg { width: 15px; height: 15px; color: var(--koru-altin-acik); flex: none; }

/* ---------- Nedir: metin + sema ---------- */
.koru-rz-tanitim { display: grid; gap: 28px; align-items: start; }
.koru-rz-metin p { font-size: 15px; line-height: 1.8; color: var(--koru-metin); margin: 0 0 14px; }
.koru-rz-metin strong { color: var(--koru-lacivert); }
.koru-rz-metin h3 {
  font-size: 16px; font-weight: 700; color: var(--koru-lacivert);
  margin: 24px 0 12px;
}

/* Uygunluk listeleri: tik ve uyari isareti */
.koru-rz-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.koru-rz-liste li {
  position: relative; padding: 11px 14px 11px 44px;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 12px;
  font-size: 14px; line-height: 1.6; color: var(--koru-metin);
}
.koru-rz-liste li::before {
  content: ""; position: absolute; left: 14px; top: 13px;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(0, 57, 115, .1)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003973' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center / 11px no-repeat;
}
.koru-rz-liste.dikkat li { background: var(--dp-krem); border-color: rgba(174, 138, 48, .28); }
.koru-rz-liste.dikkat li::before {
  background: rgba(174, 138, 48, .16)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23866a1f' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E")
    center / 12px no-repeat;
}

/* Sema */
.koru-rz-sema {
  margin: 0; padding: 14px;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 16px;
  box-shadow: var(--dp-yumusak);
}
.koru-rz-sema svg { display: block; width: 100%; height: auto; }
.koru-rz-lejant { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; }
.koru-rz-lejant li { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.6; color: var(--koru-metin); }
.koru-rz-lejant li > b:first-child {
  flex: none; width: 24px; height: 24px; display: grid; place-items: center; margin-top: 1px;
  border-radius: 50%; background: var(--koru-altin); color: var(--koru-beyaz); font-size: 12.5px; font-weight: 800;
}
.koru-rz-lejant strong { color: var(--koru-lacivert); }
.koru-rz-kaynak { display: block; margin-top: 10px; font-size: 11.5px; line-height: 1.45; color: var(--koru-metin-soluk); }

/* ---------- Koru'da nasil uygulanir: kartlar ---------- */
.koru-rz-kartlar { display: grid; gap: 14px; }
.koru-rz-kart {
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 14px;
  padding: 20px 18px; box-shadow: var(--dp-yumusak);
}
.koru-rz-kart-ikon {
  width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 14px;
  border-radius: 12px; background: rgba(174, 138, 48, .13); color: var(--koru-altin-metin);
}
.koru-rz-kart-ikon svg { width: 22px; height: 22px; }
.koru-rz-kart h3 { font-size: 15.5px; font-weight: 700; color: var(--koru-lacivert); margin: 0 0 6px; }
.koru-rz-kart p { font-size: 13.5px; line-height: 1.68; color: var(--koru-metin-soluk); margin: 0; }

/* ---------- Mevzuat uyarisi ve dipnot ---------- */
.koru-rz-uyari {
  max-width: 940px; margin: 0 auto; padding: 16px 18px;
  background: var(--dp-krem); border-inline-start: 3px solid var(--koru-altin); border-radius: 8px;
  font-size: 13.5px; line-height: 1.7; color: var(--koru-metin);
}
.koru-rz-dipnot { padding: 0 0 44px; background: var(--koru-beyaz); }
.koru-rz-dipnot p { max-width: 940px; margin: 12px auto 0; font-size: 12.5px; line-height: 1.7; color: var(--koru-metin-soluk); text-align: center; }
.koru-rz-dipnot a { color: var(--koru-lacivert); text-decoration: underline; text-underline-offset: 2px; }
.koru-rz-dipnot .koru-icerik-tarih { margin-top: 14px; }

/* ---------- Kirilimlar ---------- */
@media (min-width: 640px) {
  .koru-rz-kartlar { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .koru-rz-tanitim { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 44px; }
  .koru-rz-kartlar { grid-template-columns: repeat(4, 1fr); gap: 16px; }
}
@media print {
  .koru-rz-taslak, .koru-rz-iletisim, .koru-rz-hero-butonlar { display: none; }
}


/* ---------- Nedir: metin sutunu kart icinde, basliga yer ---------- */
.koru-rz-metin-kart {
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: var(--dp-r);
  padding: 22px 18px; box-shadow: var(--dp-yumusak);
}
.koru-rz-metin-kart .koru-dp-bolum-bas { margin-bottom: 18px; }
/* Iki yana yaslama tum ekranlarda; Turkce heceleme bosluklari azaltir */
.koru-rz-metin-kart p,
.koru-rz-liste li { text-align: justify; text-justify: inter-word; -webkit-hyphens: auto; hyphens: auto; }

/* Sema aciklamalari: her madde cerceveli */
.koru-rz-lejant li {
  padding: 10px 12px;
  border: 1px solid var(--koru-cizgi); border-radius: 10px;
  background: var(--koru-beyaz);
}

/* Koru'da nasil uygulanir: ikon ile baslik ayni satirda */
.koru-rz-kart-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.koru-rz-kart-bas .koru-rz-kart-ikon { flex: none; margin-bottom: 0; }
.koru-rz-kart-bas h3 { margin: 0; line-height: 1.3; }

/* Asamalar: numara kartta dikey ortali */
.koru-rz .koru-dp-surec li { align-items: center; }

/* Hekim kartlari /doktorlar ile ayni; bes hekim tek satira sigsin */
.koru-rz-hekimler .koru-dr-govde h3 {
  font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  line-height: 1.45; margin: 0 0 12px;
}
.koru-rz-hekimler .koru-dr-govde h3 a { color: var(--koru-lacivert); transition: color var(--koru-gecis); }
.koru-rz-hekimler .koru-dr-govde h3 a:hover { color: var(--koru-altin-metin); }
.koru-rz-hekimler .koru-dr-govde h3 i { font-style: normal; font-weight: 500; opacity: .72; }
@media (max-width: 640px) { .koru-rz-hekimler .koru-dr-govde h3 { font-size: 12px; } }
@media (min-width: 1241px) {
  .koru-rz-hekimler .koru-dr-kartlar { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 640px) {
  .koru-rz-metin-kart { padding: 28px 28px; }
}
@media (min-width: 900px) {
  .koru-rz-tanitim { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 32px; }
}
/* Genis ekranda baslik tek satir */
@media (min-width: 1200px) {
  .koru-rz-metin-kart .koru-dp-bolum-bas h2 { white-space: nowrap; font-size: 21px; }
}

/* ---------- KVKK popup ---------- */
.koru-rz-kvkk {
  width: min(760px, calc(100vw - 24px)); max-height: min(86vh, 900px);
  padding: 0; border: 0; border-radius: var(--dp-r, 16px);
  background: var(--koru-beyaz); color: var(--koru-metin);
  box-shadow: 0 24px 60px rgba(0, 29, 61, .35);
  display: none; flex-direction: column; overflow: hidden;
  /* site sifirlamasi margin'i siliyor: ekranin ortasina sabitle */
  position: fixed; inset: 0; margin: auto; height: fit-content;
}
.koru-rz-kvkk[open] { display: flex; }
.koru-rz-kvkk::backdrop { background: rgba(0, 29, 61, .55); }
.koru-rz-kvkk-ust {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 20px; background: var(--koru-lacivert); color: var(--koru-beyaz);
}
.koru-rz-kvkk-ust h2, .koru-rz-kvkk-baslik { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--koru-beyaz); }
.koru-rz-kvkk-kapat {
  flex: none; width: 36px; height: 36px; display: grid; place-items: center;
  border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%;
  background: transparent; color: var(--koru-beyaz); cursor: pointer;
}
.koru-rz-kvkk-kapat:hover { background: rgba(255, 255, 255, .12); }
.koru-rz-kvkk-kapat svg { width: 16px; height: 16px; }
.koru-rz-kvkk-govde {
  flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain;
  padding: 20px 22px; font-size: 13.5px; line-height: 1.75;
}
.koru-rz-kvkk-govde p { margin: 0 0 12px; text-align: left; }
.koru-rz-kvkk-govde ul, .koru-rz-kvkk-govde ol { margin: 0 0 12px; padding-inline-start: 20px; }
.koru-rz-kvkk-govde strong { color: var(--koru-lacivert); }
.koru-rz-kvkk-govde a { color: var(--koru-lacivert); text-decoration: underline; }
.koru-rz-kvkk-alt {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end;
  padding: 14px 20px; border-top: 1px solid var(--koru-cizgi); background: var(--dp-krem, #fbf8f4);
}
.koru-rz-kvkk-alt .koru-rz-gonder { min-height: 44px; }
.koru-rz-kvkk-ikincil {
  min-height: 44px; padding: 10px 18px; border: 1px solid var(--koru-cizgi); border-radius: 10px;
  background: var(--koru-beyaz); color: var(--koru-lacivert); font: 700 14px/1 Exo, sans-serif; cursor: pointer;
}
.koru-rz-kvkk-ikincil:hover { border-color: var(--koru-lacivert); }
@media (max-width: 640px) {
  .koru-rz-kvkk-govde { padding: 16px; }
  .koru-rz-kvkk-alt { justify-content: stretch; }
  .koru-rz-kvkk-alt button { flex: 1 1 auto; }
}

/* ---------- Iletisim: form + gorsel tek kartta ---------- */
.koru-rz-iletisim {
  display: grid; overflow: hidden;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi);
  border-radius: 22px; box-shadow: var(--dp-yuksek);
}
.koru-rz-form-kutu { padding: 26px 20px 24px; }
.koru-rz-form-bas { margin-bottom: 22px; }
.koru-rz-form-bas h2 {
  margin: 4px 0 8px; font-size: 22px; font-weight: 800; line-height: 1.25;
  letter-spacing: .02em; text-transform: uppercase; color: var(--koru-lacivert);
}
.koru-rz-form-bas p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--koru-metin-soluk); }

.koru-rz-form { display: grid; gap: 16px; }
.koru-rz-ikili { display: grid; gap: 16px; }
.koru-rz-alan { display: grid; gap: 7px; }
.koru-rz-alan label { font-size: 12.5px; font-weight: 700; letter-spacing: .03em; color: var(--koru-lacivert); }
.koru-rz-alan label span {
  margin-left: 6px; padding: 2px 7px; border-radius: 20px;
  background: var(--koru-gri); font-size: 10.5px; font-weight: 600; letter-spacing: .02em; color: var(--koru-metin-soluk);
}

/* Ikonlu girdi */
.koru-rz-girdi { position: relative; }
.koru-rz-girdi > svg {
  position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; color: #8a9bb0; pointer-events: none;
  transition: color var(--koru-gecis);
}
.koru-rz-girdi.uzun > svg { top: 16px; transform: none; }
.koru-rz-girdi input,
.koru-rz-girdi textarea {
  width: 100%; min-height: 52px; padding: 14px 16px 14px 46px;
  border: 1.5px solid #d6dfea; border-radius: 14px;
  background: var(--koru-beyaz); color: var(--koru-metin);
  box-shadow: 0 1px 2px rgba(0, 41, 86, .04);
  font: 500 14.5px/1.45 Exo, sans-serif;
  transition: border-color var(--koru-gecis), box-shadow var(--koru-gecis), background var(--koru-gecis);
}
.koru-rz-girdi textarea { min-height: 120px; resize: vertical; display: block; }
.koru-rz-girdi input::placeholder,
.koru-rz-girdi textarea::placeholder { color: #9aa8b8; }
.koru-rz-girdi input:hover,
.koru-rz-girdi textarea:hover { border-color: #b4c3d6; }
.koru-rz-girdi input:focus,
.koru-rz-girdi textarea:focus {
  outline: none; background: var(--koru-beyaz);
  border-color: var(--koru-lacivert); box-shadow: 0 0 0 4px rgba(0, 57, 115, .1);
}
.koru-rz-girdi:focus-within > svg { color: var(--koru-lacivert); }
.koru-rz-girdi input[aria-invalid="true"] { border-color: #c0392b; background: #fff7f7; }

/* KVKK onayi: ozel kutu */
.koru-rz-onay {
  position: relative; display: flex; gap: 12px; align-items: flex-start; cursor: pointer;
  padding: 12px 14px; border-radius: 14px; background: var(--dp-krem);
  font-size: 12.5px; line-height: 1.6; color: var(--koru-metin-soluk);
}
.koru-rz-onay input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.koru-rz-onay-kutu {
  flex: none; width: 22px; height: 22px; margin-top: 1px; display: grid; place-items: center;
  border: 1.5px solid #b9c5d3; border-radius: 7px; background: var(--koru-beyaz); color: transparent;
  transition: background var(--koru-gecis), border-color var(--koru-gecis), color var(--koru-gecis);
}
.koru-rz-onay-kutu svg { width: 14px; height: 14px; }
.koru-rz-onay input:checked + .koru-rz-onay-kutu { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: var(--koru-beyaz); }
.koru-rz-onay input:focus-visible + .koru-rz-onay-kutu { box-shadow: 0 0 0 4px rgba(0, 57, 115, .15); }
.koru-rz-onay a { color: var(--koru-lacivert); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

.koru-rz-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.koru-rz-gonder {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 54px; padding: 14px 24px; border: 0; border-radius: 14px;
  background: linear-gradient(135deg, var(--koru-lacivert) 0%, var(--koru-lacivert-acik) 100%);
  color: var(--koru-beyaz); font: 700 15px/1 Exo, sans-serif; letter-spacing: .03em; cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 57, 115, .22);
  transition: transform var(--koru-gecis), box-shadow var(--koru-gecis), filter var(--koru-gecis);
}
.koru-rz-gonder svg { width: 18px; height: 18px; transition: transform var(--koru-gecis); }
.koru-rz-gonder:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(0, 57, 115, .28); filter: brightness(1.06); }
.koru-rz-gonder:hover svg { transform: translateX(3px); }
.koru-rz-gonder:disabled { opacity: .6; cursor: progress; transform: none; }
/* KVKK popup'taki onay dugmesi tam genislik olmasin */
.koru-rz-kvkk-alt .koru-rz-gonder { width: auto; }

.koru-rz-not { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 12px; line-height: 1.55; color: var(--koru-metin-soluk); }
.koru-rz-not svg { flex: none; width: 15px; height: 15px; margin-top: 1px; color: var(--koru-altin-metin); }
.koru-rz-durum { margin: 0; padding: 12px 14px; border-radius: 12px; font-size: 13.5px; font-weight: 600; line-height: 1.5; }
.koru-rz-durum[hidden] { display: none; }
.koru-rz-durum.basari { background: #eaf6ee; color: #1e6b3a; border: 1px solid #b9dfc6; }
.koru-rz-durum.hata { background: #fdeeee; color: #9b2c2c; border: 1px solid #f1c1c1; }

/* Gorsel tarafi: koyu katman + surec adimlari */
.koru-rz-iletisim-gorsel { position: relative; min-height: 440px; background: var(--koru-lacivert); color: var(--koru-beyaz); }
.koru-rz-iletisim-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.koru-rz-iletisim-katman {
  position: relative; z-index: 1; height: 100%;
  display: flex; flex-direction: column; justify-content: flex-end; gap: 18px;
  padding: 28px 22px 24px;
  background: linear-gradient(180deg, rgba(0, 29, 61, .1) 0%, rgba(0, 29, 61, .7) 42%, rgba(0, 29, 61, .94) 100%);
}
.koru-rz-iletisim-etiket {
  align-self: flex-start; padding: 6px 12px; border-radius: 30px;
  background: rgba(174, 138, 48, .92); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.koru-rz-iletisim-adim { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.koru-rz-iletisim-adim li {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px 14px; border-radius: 14px;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14);
  backdrop-filter: blur(4px);
}
.koru-rz-iletisim-adim b {
  flex: none; width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 50%; background: var(--koru-beyaz); color: var(--koru-lacivert); font-size: 13px; font-weight: 800;
}
.koru-rz-iletisim-adim span { font-size: 12.5px; line-height: 1.55; color: rgba(255, 255, 255, .78); }
.koru-rz-iletisim-adim strong { display: block; font-size: 14px; color: var(--koru-beyaz); margin-bottom: 1px; }
.koru-rz-iletisim-hizli { display: flex; flex-wrap: wrap; gap: 10px; }
.koru-rz-iletisim-hizli a {
  flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 10px 16px; border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .35); color: var(--koru-beyaz);
  font-size: 14px; font-weight: 700; text-decoration: none;
  transition: background var(--koru-gecis), border-color var(--koru-gecis);
}
.koru-rz-iletisim-hizli a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .6); }
.koru-rz-iletisim-hizli svg { width: 17px; height: 17px; }

@media (min-width: 640px) {
  .koru-rz-ikili { grid-template-columns: 1fr 1fr; }
  .koru-rz-form-kutu { padding: 36px 34px 32px; }
  .koru-rz-form-bas h2 { font-size: 25px; }
  .koru-rz-iletisim-katman { padding: 34px 32px 30px; }
}
@media (min-width: 900px) {
  .koru-rz-iletisim { grid-template-columns: 1fr 1fr; }
  .koru-rz-iletisim-gorsel { min-height: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .koru-rz-gonder, .koru-rz-gonder svg { transition: none; }
  .koru-rz-gonder:hover, .koru-rz-gonder:hover svg { transform: none; }
}

/* Mobilde sol hizali bolum basliklari ortali */
@media (max-width: 899px) {
  .koru-rz-metin-kart .koru-dp-bolum-bas.sol,
  .koru-rz-form-bas { text-align: center; }
  .koru-rz-metin-kart .koru-dp-bolum-bas.sol { margin-inline: auto; }
}

/* ---------- Alan kutulari: etiket + girdi ayni cerceve icinde ----------
   Her alan kendi cercevesinde; etiket kutunun ustunde buyuk harfle,
   secilip kopyalanamaz. Odakta tum kutu laciverte doner. */
.koru-rz-alan {
  position: relative; gap: 4px;
  padding: 12px 16px 6px;
  border: 1.5px solid #d6dfea; border-radius: 16px;
  background: var(--koru-beyaz);
  box-shadow: 0 1px 2px rgba(0, 41, 86, .04);
  transition: border-color var(--koru-gecis), box-shadow var(--koru-gecis);
  cursor: text;
}
.koru-rz-alan:hover { border-color: #b4c3d6; }
.koru-rz-alan:focus-within { border-color: var(--koru-lacivert); box-shadow: 0 0 0 4px rgba(0, 57, 115, .1); }
.koru-rz-alan:has(input[aria-invalid="true"]) { border-color: #c0392b; background: #fff8f8; }
.koru-rz-alan label {
  display: flex; align-items: center; gap: 8px;
  font-size: 13.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--koru-lacivert);
  user-select: none; -webkit-user-select: none; cursor: text;
}
.koru-rz-alan label span {
  margin-left: 0; text-transform: none; letter-spacing: .01em;
  font-size: 10.5px; font-weight: 600;
}
/* Girdi kutunun icinde cercevesiz */
.koru-rz-alan .koru-rz-girdi input,
.koru-rz-alan .koru-rz-girdi textarea {
  min-height: 40px; padding: 8px 0 8px 30px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  font-size: 15px;
}
.koru-rz-alan .koru-rz-girdi textarea { min-height: 96px; }
.koru-rz-alan .koru-rz-girdi input:hover,
.koru-rz-alan .koru-rz-girdi textarea:hover,
.koru-rz-alan .koru-rz-girdi input:focus,
.koru-rz-alan .koru-rz-girdi textarea:focus { border: 0; background: transparent; box-shadow: none; }
.koru-rz-alan .koru-rz-girdi input[aria-invalid="true"] { border: 0; background: transparent; }
.koru-rz-alan .koru-rz-girdi > svg { left: 2px; }
.koru-rz-alan .koru-rz-girdi.uzun > svg { top: 10px; }

/* ---------- Kose yuvarlakligi sitenin geneliyle ayni ----------
   Site standardi: alan/dugme/kart 6px, buyuk kap 8px (randevu formu,
   doktor kartlari, hero dugmeleri). */
.koru-rz-iletisim { border-radius: 6px; }
.koru-rz-alan { border-radius: 6px; }
.koru-rz-onay { border-radius: 6px; }
.koru-rz-onay-kutu { border-radius: 4px; }
.koru-rz-gonder { border-radius: 6px; }
.koru-rz-durum { border-radius: 6px; }
.koru-rz-iletisim-adim li { border-radius: 6px; }
.koru-rz-iletisim-hizli a { border-radius: 6px; }
.koru-rz-alan label span { border-radius: 4px; }
.koru-rz-kvkk { border-radius: 8px; }
.koru-rz-kvkk-ikincil { border-radius: 6px; }

/* ---------- Tum kartlar doktor kartlariyla ayni kose (6px) ----------
   Yalnizca bu sayfa (.koru-rz); dogum paketi sayfasi etkilenmez.
   Daire (numara) ve hap (etiket/rozet) bicimleri oldugu gibi kalir. */
.koru-rz .koru-rz-metin-kart,
.koru-rz .koru-rz-sema,
.koru-rz .koru-rz-liste li,
.koru-rz .koru-rz-lejant li,
.koru-rz .koru-rz-kart,
.koru-rz .koru-rz-kart-ikon,
.koru-rz .koru-dp-surec li,
.koru-rz .koru-dp-surec-no { border-radius: 6px; }

/* ---------- Sema animasyonu: buhar dokuda yayilip soner ---------- */
.koru-rz-sema .rz-buhar {
  transform-box: view-box; transform-origin: 206px 266px;
  animation: rzBuhar 3.6s ease-in-out infinite;
}
@keyframes rzBuhar {
  0%, 12% { opacity: 0; transform: scale(.3); }
  42%     { opacity: 1; transform: scale(1); }
  78%     { opacity: .9; transform: scale(1.06); }
  100%    { opacity: 0; transform: scale(1.12); }
}
@media (prefers-reduced-motion: reduce) {
  .koru-rz-sema .rz-buhar { animation: none; opacity: 1; transform: none; }
}

/* Bolum sirasi: asamalar (beyaz) -> hekimler (krem) -> form (beyaz) -> SSS (krem) */
.koru-rz .koru-yd-sss-serit { background: var(--dp-krem); }

/* Bolum basliklari form basligiyla ayni kalinlikta (yalniz bu sayfa) */
.koru-rz .koru-dp-bolum-bas h2 { font-weight: 800; letter-spacing: .03em; }

/* Mobilde sema (animasyon) metin kartinin ustunde */
@media (max-width: 899px) {
  .koru-rz-tanitim .koru-rz-sema { order: -1; }
}

/* Mobilde hero alt maddeleri gizli (masaustunde gorunur) */
@media (max-width: 639px) {
  .koru-rz-hero-maddeler { display: none; }
}

/* ---------- Metin ici baglantilar ---------- */
.koru-rz-metin a, .koru-rz-liste a, .koru-rz-kart p a, .koru-dp-surec-ic p a {
  color: var(--koru-lacivert); font-weight: 600;
  text-decoration: underline; text-decoration-color: rgba(0, 57, 115, .3); text-underline-offset: 3px;
  transition: text-decoration-color var(--koru-gecis), color var(--koru-gecis);
}
.koru-rz-metin a:hover, .koru-rz-liste a:hover, .koru-rz-kart p a:hover, .koru-dp-surec-ic p a:hover {
  color: var(--koru-altin-metin); text-decoration-color: currentColor;
}


/* ---------- Mevzuat blogu: uyari + kaynaklar + kunye (SSS altinda) ---------- */
.koru-rz-dipnot { padding: 8px 0 48px; background: var(--koru-beyaz); }
.koru-rz-dipnot .koru-rz-uyari { border-radius: 6px; }
.koru-rz-kaynaklar { max-width: 940px; margin: 18px auto 0; }
.koru-rz-kaynaklar-baslik {
  margin: 0 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; color: var(--koru-lacivert);
}
.koru-rz-kaynaklar ol { margin: 0; padding-inline-start: 18px; display: grid; gap: 6px; }
.koru-rz-kaynaklar li { font-size: 12px; line-height: 1.6; color: var(--koru-metin-soluk); overflow-wrap: anywhere; }
.koru-rz-kunye {
  max-width: 940px; margin: 18px auto 0; padding-top: 14px; border-top: 1px solid var(--koru-cizgi);
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px;
  font-size: 12.5px; line-height: 1.6; color: var(--koru-metin-soluk); text-align: center;
}
.koru-rz-kunye time { font-weight: 700; color: var(--koru-lacivert); }
.koru-rz-kunye a { color: var(--koru-lacivert); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
/* Mesaj alani altindaki saglik bilgisi uyarisi */
.koru-rz-alan-uyari { display: block; margin: 2px 0 4px; font-size: 11.5px; line-height: 1.5; color: var(--koru-altin-metin); font-weight: 600; cursor: default; }

/* ---------- Bilgi kutusu: uyari + kunye + yayin/guncelleme tarihi (cerceveli) ---------- */
.koru-rz-bilgi-kutu {
  max-width: 940px; margin: 0 auto; padding: 18px 20px;
  border: 1px solid var(--koru-cizgi); border-radius: 6px;
  background: var(--koru-beyaz); box-shadow: var(--dp-yumusak);
  display: grid; gap: 12px;
}
.koru-rz-bilgi-kutu .koru-rz-uyari { max-width: none; margin: 0; }
.koru-rz-kunye-metin { margin: 0; font-size: 12.5px; line-height: 1.7; color: var(--koru-metin-soluk); }
.koru-rz-kunye-metin a { color: var(--koru-lacivert); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.koru-rz-bilgi-kutu .koru-icerik-tarih { margin: 0; padding-top: 12px; border-top: 1px solid var(--koru-cizgi); }

/* ---------- Nedir: metin karti ile sema karti esit boyda (masaustu) ---------- */
@media (min-width: 900px) {
  .koru-rz-tanitim { align-items: stretch; }
  .koru-rz-tanitim .koru-rz-metin-kart,
  .koru-rz-tanitim .koru-rz-sema { height: 100%; }
  /* Sema karti: cizim ustte, aciklamalar kalan alani esit paylasir */
  .koru-rz-tanitim .koru-rz-sema { display: flex; flex-direction: column; }
  .koru-rz-tanitim .koru-rz-lejant { flex: 1 1 auto; grid-auto-rows: 1fr; }
  .koru-rz-tanitim .koru-rz-lejant li { align-items: center; }
}

/* SSS sorulari sitedeki makale sayfalari gibi buyuk harf (yazi-detay.css ile ayni) */
.koru-rz .koru-yd-sss-soru { letter-spacing: .06em; text-transform: uppercase; }

/* Bilgi kutusundaki yayin/guncelleme tarihi ortali (footer.css saga/sola yasliyor) */
.koru-rz-bilgi-kutu .koru-icerik-tarih { justify-content: center; }
.koru-rz-bilgi-kutu .koru-icerik-tarih-kutu { justify-content: center; align-items: center; text-align: center; }

/* Girisimsel islem uyarisi: soldaki kalin cizgi yok, ince sari cerceve + krem zemin */
.koru-rz-bilgi-kutu .koru-rz-uyari {
  border: 1px solid rgba(174, 138, 48, .4);
  border-inline-start-width: 1px;
  background: var(--dp-krem);
  text-align: center;
}

/* Tarihler: her birinin ikonu yaninda (mobilde de ayni satirda) */
.koru-rz-bilgi-kutu .koru-rz-tarih-oge { display: inline-flex; align-items: center; gap: 7px; }
@media (max-width: 520px) {
  .koru-rz-bilgi-kutu .koru-icerik-tarih-kutu > .koru-rz-tarih-oge { flex: 1 1 100%; justify-content: center; }
}

/* Hekim kartlari: son satir eksik kaldiginda ortalanir (kart genislikleri /doktorlar ile ayni) */
.koru-rz-hekimler .koru-dr-kartlar { display: flex; flex-wrap: wrap; justify-content: center; --dr-s: 5; --dr-b: 16px; }
.koru-rz-hekimler .koru-dr-kartlar > .koru-dr-kart { flex: 0 0 calc((100% - (var(--dr-s) - 1) * var(--dr-b)) / var(--dr-s)); min-width: 0; }
@media (max-width: 1240px) { .koru-rz-hekimler .koru-dr-kartlar { --dr-s: 4; } }
@media (max-width: 980px)  { .koru-rz-hekimler .koru-dr-kartlar { --dr-s: 3; } }
@media (max-width: 640px)  { .koru-rz-hekimler .koru-dr-kartlar { --dr-s: 2; --dr-b: 12px; } }
@media (max-width: 400px)  { .koru-rz-hekimler .koru-dr-kartlar { --dr-s: 1; } }

/* Hero kisa maddeleri cerceveli kutucuk (tum landing'ler; mobilde gizli) */
.koru-rz .koru-rz-hero-maddeler { gap: 10px; }
.koru-rz .koru-rz-hero-maddeler li {
  padding: 8px 14px; border-radius: 6px;
  border: 1px solid rgba(201, 163, 74, .4); background: rgba(255, 255, 255, .06);
}

/* ===== hesaplama.css ===== */
/*
 * Koru Hesaplama Araçları
 * Üstüne kurulduğu stiller: dogum-paketi.css (bölüm/başlık), landing-ortak.css
 * (.koru-rz-alan çerçeveli form kutuları, .koru-rz-gonder, SSS, bilgi kutusu).
 * Köşe: alan/kart/düğme 6px, büyük kap 8px (site standardı).
 */

.koru-hs {
  --hs-mavi: #2f6db3;      --hs-mavi-z: #e8f0fa;
  --hs-yesil: #1e7f55;     --hs-yesil-z: #e4f3eb;     --hs-yesil-c: #2fa36f;
  --hs-sari: #8a5a00;      --hs-sari-z: #fdf2d9;      --hs-sari-c: #e9b23f;
  --hs-turuncu: #a8501a;   --hs-turuncu-z: #fbe8da;   --hs-turuncu-c: #e7843d;
  --hs-kirmizi: #b42318;   --hs-kirmizi-z: #fbe3e0;   --hs-kirmizi-c: #d9534a;
  --hs-bordo: #8e1c3a;     --hs-bordo-z: #f6e0e6;     --hs-bordo-c: #a32b4c;
  --hs-mavi-c: #5b8fd6;
  --hs-cerceve: #d6dfea;
}

/* Metin paragrafları iki yana yaslı (site kuralı) */
.koru-hs-metin-kart p, .koru-hs-madde p, .koru-hs-adimlar p,
.koru-hs-formul-not, .koru-hs-not p, .koru-hs-ana-alt,
.koru-hs-dipnot {
  text-align: justify; hyphens: auto; -webkit-hyphens: auto;
}

/* ==================== HERO ====================
   Yapı ve renk: landing 'koyu' hero (dogum-paketi.css .koru-dp-hero).
   Altta araç kartı heronun üstüne bindiği için alt boşluk büyük. */
.koru-hs-hero { padding-bottom: 92px; }
.koru-hs-yol {
  display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 8px;
  line-height: 1.2; margin-bottom: 14px;
}
.koru-hs-yol a { color: inherit; text-decoration: none; transition: color var(--koru-gecis); }
.koru-hs-yol a:hover { color: var(--koru-beyaz); }
.koru-hs-yol span[aria-hidden] { opacity: .55; }
.koru-hs-hero .koru-dp-hero-aciklama { max-width: 720px; }

/* ==================== ARAÇ KARTI ==================== */
.koru-hs-arac-bolum { margin-top: -50px; padding-bottom: 46px; position: relative; z-index: 2; }
.koru-hs-arac {
  display: grid; grid-template-columns: 1fr;
  background: var(--koru-beyaz);
  border: 1px solid var(--koru-cizgi); border-radius: 8px;
  box-shadow: var(--dp-yuksek);
}
.koru-hs-form { padding: 24px 18px 22px; display: grid; gap: 16px; align-content: start; }
.koru-hs-form-bas h2 {
  margin: 0 0 4px; font: 800 17px/1.3 Exo, sans-serif;
  letter-spacing: .06em; text-transform: uppercase; color: var(--koru-lacivert);
}
.koru-hs-form-bas p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--koru-metin-soluk); }
.koru-hs-form-bas a { color: var(--koru-lacivert); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.koru-hs-form-not { margin-top: 2px; }
.koru-hs-form-not ul { margin: 6px 0 0; padding-left: 16px; list-style: disc; }
.koru-hs-form-not li::marker { color: var(--koru-altin); }
.koru-hs-form-not li { margin: 3px 0; font-size: 13px; line-height: 1.55; color: var(--koru-metin-soluk); }
.koru-hs-alanlar { display: grid; gap: 14px; }
.koru-hs-ikili { display: grid; gap: 14px; }
.koru-hs-alanlar [hidden] { display: none !important; }

/* Birim eki kutunun sağında */
.koru-hs .koru-rz-girdi.birimli input { padding-right: 46px; }
.koru-hs-birim {
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  font-size: 13px; font-weight: 700; color: #7b8aa0; pointer-events: none;
}
.koru-hs-ipucu { display: block; margin: 0 0 6px; font-size: 12px; line-height: 1.5; color: var(--koru-metin-soluk); }
.koru-hs-ipucu a { color: var(--koru-lacivert); font-weight: 700; }
.koru-hs-hata { display: block; margin: 0 0 6px; font-size: 12.5px; font-weight: 600; color: var(--hs-kirmizi); }
.koru-hs .koru-rz-alan.hatali { border-color: var(--hs-kirmizi); background: #fff8f7; }
.koru-hs .koru-rz-alan.hatali label, .koru-hs .koru-rz-alan.hatali legend { color: var(--hs-kirmizi); }

/* Tarih/saat girdisi */
.koru-hs .koru-rz-girdi input[type="date"],
.koru-hs .koru-rz-girdi input[type="time"] { min-height: 40px; font-family: Exo, sans-serif; color: var(--koru-metin); }
.koru-hs .koru-rz-girdi input[type="date"]::-webkit-calendar-picker-indicator,
.koru-hs .koru-rz-girdi input[type="time"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .65; }
.koru-hs .koru-rz-girdi input[type="date"]:invalid,
.koru-hs .koru-rz-girdi input[type="date"]:not(:focus):in-range { color: var(--koru-metin); }

/* ---------- Segment (hap düğmeler) ---------- */
.koru-hs-segment-alan { margin: 0; min-width: 0; cursor: default; }
.koru-hs-segment-alan legend {
  float: left; width: 100%; padding: 0; margin-bottom: 8px;
  font-size: 13.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--koru-lacivert); user-select: none; -webkit-user-select: none;
}
.koru-hs-segment { clear: both; display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 8px; }
.koru-hs .koru-hs-segment label {
  position: relative; display: block; flex: 1 1 0; min-width: max-content; cursor: pointer;
  font-size: inherit; font-weight: inherit; letter-spacing: normal; text-transform: none;
}
.koru-hs-segment input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
/* landing-ortak.css'teki ".koru-rz-alan label span" (isteğe bağlı rozeti) kuralını ezer */
.koru-hs .koru-rz-alan .koru-hs-segment label > span {
  margin: 0; letter-spacing: .01em; text-transform: none;
  display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 40px; padding: 8px 14px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px;
  background: var(--koru-beyaz); font-size: 13.5px; font-weight: 700; color: var(--koru-metin-soluk);
  transition: background var(--koru-gecis), border-color var(--koru-gecis), color var(--koru-gecis);
}
.koru-hs .koru-hs-segment label:hover > span { border-color: #b4c3d6; color: var(--koru-lacivert); }
.koru-hs .koru-rz-alan .koru-hs-segment input:checked + span { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: var(--koru-beyaz); }
.koru-hs .koru-hs-segment input:focus-visible + span { box-shadow: 0 0 0 4px rgba(0, 57, 115, .15); }
/* Cinsiyet: kadın/kız pembe, erkek mavi — seçilince renkli zemin + çerçeve */
.koru-hs { --hs-pembe: #b8326a; --hs-pembe-z: #fde8f0; --hs-pembe-c: #e27aa5; --hs-cins-mavi: #1f5fa8; --hs-cins-mavi-z: #e3eefb; --hs-cins-mavi-c: #6b9fde; }
.koru-hs .koru-rz-alan .koru-hs-segment label[class^="cins-"] > span { gap: 8px; }
.koru-hs-segment label[class^="cins-"] svg { width: 18px; height: 18px; flex: none; }
.koru-hs .koru-hs-segment label.cins-kadin > span { color: var(--hs-pembe); }
.koru-hs .koru-hs-segment label.cins-erkek > span { color: var(--hs-cins-mavi); }
.koru-hs .koru-hs-segment label.cins-kadin:hover > span { border-color: var(--hs-pembe-c); background: #fff7fa; }
.koru-hs .koru-hs-segment label.cins-erkek:hover > span { border-color: var(--hs-cins-mavi-c); background: #f6faff; }
.koru-hs .koru-rz-alan .koru-hs-segment label.cins-kadin input:checked + span { background: var(--hs-pembe-z); border-color: var(--hs-pembe-c); color: var(--hs-pembe); box-shadow: inset 0 0 0 1px var(--hs-pembe-c); }
.koru-hs .koru-rz-alan .koru-hs-segment label.cins-erkek input:checked + span { background: var(--hs-cins-mavi-z); border-color: var(--hs-cins-mavi-c); color: var(--hs-cins-mavi); box-shadow: inset 0 0 0 1px var(--hs-cins-mavi-c); }

/* ---------- Modern açılır liste ---------- */
.koru-hs-secim { position: relative; }
.koru-hs-secim select {
  width: 100%; min-height: 40px; padding: 8px 0 8px 30px; border: 0; background: transparent;
  font: 500 15px/1.45 Exo, sans-serif; color: var(--koru-metin); appearance: none; -webkit-appearance: none;
}
.koru-hs-secim.kuruldu .koru-hs-yerel {
  position: absolute; inset: 0; opacity: 0; pointer-events: none; width: 1px; height: 1px;
}
.koru-hs-liste-dugme {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-height: 40px; padding: 8px 0 8px 30px; border: 0; background: transparent;
  font: 600 15px/1.45 Exo, sans-serif; color: var(--koru-metin); text-align: left; cursor: pointer;
}
.koru-hs-liste-dugme.bos { color: #9aa8b8; font-weight: 500; }
.koru-hs-liste-dugme svg { position: static !important; transform: none !important; flex: none; width: 18px; height: 18px; color: var(--koru-lacivert); transition: transform var(--koru-gecis); }
.koru-hs-secim.acik .koru-hs-liste-dugme svg { transform: rotate(180deg) !important; }
.koru-hs-liste-dugme:focus { outline: none; }
.koru-hs-liste {
  position: absolute; z-index: 40; top: calc(100% + 12px); left: -18px; right: -18px;
  max-height: 290px; overflow-y: auto; margin: 0; padding: 6px; list-style: none;
  background: var(--koru-beyaz); border: 1.5px solid var(--koru-lacivert); border-radius: 6px;
  box-shadow: 0 18px 40px rgba(0, 41, 86, .18);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .16s, transform .16s, visibility .16s;
}
.koru-hs-secim.acik .koru-hs-liste { opacity: 1; visibility: visible; transform: none; }
.koru-hs-liste li {
  display: flex; align-items: center; gap: 11px;
  padding: 8px 10px; border-radius: 5px; cursor: pointer;
  font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--koru-metin);
}
/* Her seçeneğin ikonu: krem kutucuk içinde altın çizgi ikon */
.koru-hs-liste-ikon {
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 6px;
  background: var(--dp-krem); border: 1px solid rgba(174, 138, 48, .28); color: var(--koru-altin-metin);
}
.koru-hs-liste-ikon svg { width: 18px; height: 18px; }
.koru-hs-liste-ad { flex: 1 1 auto; min-width: 0; }
.koru-hs-liste-tik { width: 16px; height: 16px; color: var(--koru-altin); opacity: 0; flex: none; }
.koru-hs-liste li.isaretli { background: var(--koru-gri); color: var(--koru-lacivert); }
.koru-hs-liste li[aria-selected="true"] { color: var(--koru-lacivert); font-weight: 700; }
.koru-hs-liste li[aria-selected="true"] .koru-hs-liste-tik { opacity: 1; }
.koru-hs-liste li[aria-selected="true"] .koru-hs-liste-ikon { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: var(--koru-beyaz); }
/* Seçim yapılmış alanın sol ikonu altın */
.koru-hs-secim.kuruldu:not(:has(.koru-hs-liste-dugme.bos)) > svg { color: var(--koru-altin-metin); }
.koru-hs-secim.acik { z-index: 41; }
.koru-hs .koru-rz-alan:has(.koru-hs-secim.acik) { border-color: var(--koru-lacivert); box-shadow: 0 0 0 4px rgba(0, 57, 115, .1); position: relative; z-index: 41; }

/* ---------- Düğmeler ---------- */
.koru-hs-form-hata {
  margin: 0; padding: 11px 14px; border: 1px solid #f1c3bd; border-radius: 6px;
  background: #fff6f5; font-size: 13.5px; font-weight: 600; color: var(--hs-kirmizi);
}
.koru-hs-dugmeler { display: flex; gap: 10px; }
.koru-hs-hesapla { flex: 1 1 auto; }
.koru-hs-hesapla svg { width: 19px; height: 19px; }
.koru-hs-temizle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 54px; padding: 0 18px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px;
  background: var(--koru-beyaz); color: var(--koru-lacivert); font: 700 14px/1 Exo, sans-serif; cursor: pointer;
  transition: border-color var(--koru-gecis), background var(--koru-gecis);
}
.koru-hs-temizle svg { width: 17px; height: 17px; }
.koru-hs-temizle:hover { border-color: var(--koru-lacivert); background: var(--koru-gri); }

/* ==================== SONUÇ PANELİ ==================== */
.koru-hs-sonuc {
  padding: 22px 18px 24px;
  background: linear-gradient(180deg, #fbfcfe 0%, var(--dp-krem) 100%);
  border-top: 1px solid var(--koru-cizgi);
  border-radius: 0 0 8px 8px;
  outline: none;
  scroll-margin-top: 90px;
}
.koru-hs-bos {
  display: grid; place-items: center; gap: 10px; text-align: center;
  min-height: 220px; padding: 26px 14px;
  border: 1.5px dashed var(--hs-cerceve); border-radius: 6px; background: rgba(255, 255, 255, .6);
}
.koru-hs-bos-ikon {
  display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); color: var(--koru-altin-metin);
}
.koru-hs-bos-ikon svg { width: 32px; height: 32px; }
.koru-hs-bos h2 { margin: 0; font: 800 16px/1.3 Exo, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--koru-lacivert); }
.koru-hs-bos p { margin: 0; max-width: 340px; font-size: 13.5px; line-height: 1.6; color: var(--koru-metin-soluk); }

.koru-hs-sonuc-ic { display: grid; gap: 16px; animation: hsGelis .35s ease both; }
@keyframes hsGelis { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Ana değer kutusu */
.koru-hs-ana {
  position: relative; padding: 18px 18px 16px;
  background: var(--koru-beyaz); border: 1.5px solid var(--hs-cerceve); border-radius: 6px;
  border-top: 4px solid var(--koru-lacivert);
}
.koru-hs-ana.renk-mavi { border-top-color: var(--hs-mavi-c); }
.koru-hs-ana.renk-yesil { border-top-color: var(--hs-yesil-c); }
.koru-hs-ana.renk-sari { border-top-color: var(--hs-sari-c); }
.koru-hs-ana.renk-turuncu { border-top-color: var(--hs-turuncu-c); }
.koru-hs-ana.renk-kirmizi { border-top-color: var(--hs-kirmizi-c); }
.koru-hs-ana.renk-bordo { border-top-color: var(--hs-bordo-c); }
.koru-hs-ana-etiket {
  display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--koru-metin-soluk); user-select: none;
}
.koru-hs-ana-deger { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin: 6px 0 10px; }
.koru-hs-ana-deger strong { font: 700 clamp(32px, 5.6vw, 44px)/1.1 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-ana-deger span { font-size: 15px; font-weight: 700; color: var(--koru-metin-soluk); }
.koru-hs-ana-alt { margin: 10px 0 0; font-size: 14px; line-height: 1.65; color: var(--koru-metin); }
.koru-hs-ana-alt strong { color: var(--koru-lacivert); }

.koru-hs-rozet {
  display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 6px;
  font-size: 13px; font-weight: 800; letter-spacing: .02em;
  background: rgba(0, 57, 115, .08); color: var(--koru-lacivert);
}
.koru-hs-rozet.renk-mavi { background: var(--hs-mavi-z); color: var(--hs-mavi); }
.koru-hs-rozet.renk-yesil { background: var(--hs-yesil-z); color: var(--hs-yesil); }
.koru-hs-rozet.renk-sari { background: var(--hs-sari-z); color: var(--hs-sari); }
.koru-hs-rozet.renk-turuncu { background: var(--hs-turuncu-z); color: var(--hs-turuncu); }
.koru-hs-rozet.renk-kirmizi { background: var(--hs-kirmizi-z); color: var(--hs-kirmizi); }
.koru-hs-rozet.renk-bordo { background: var(--hs-bordo-z); color: var(--hs-bordo); }

/* Ölçek çubuğu */
.koru-hs-olcek { padding: 34px 6px 0; }
.koru-hs-olcek-cubuk { position: relative; display: flex; height: 14px; border-radius: 7px; }
.koru-hs-olcek-cubuk > span:not(.koru-hs-olcek-isaret) { height: 100%; }
.koru-hs-olcek-cubuk > span:first-child { border-radius: 7px 0 0 7px; }
.koru-hs-olcek-cubuk > span:nth-last-child(2) { border-radius: 0 7px 7px 0; }
.koru-hs-olcek-cubuk .renk-mavi { background: var(--hs-mavi-c); }
.koru-hs-olcek-cubuk .renk-yesil { background: var(--hs-yesil-c); }
.koru-hs-olcek-cubuk .renk-sari { background: var(--hs-sari-c); }
.koru-hs-olcek-cubuk .renk-turuncu { background: var(--hs-turuncu-c); }
.koru-hs-olcek-cubuk .renk-kirmizi { background: var(--hs-kirmizi-c); }
.koru-hs-olcek-cubuk .renk-bordo { background: var(--hs-bordo-c); }
.koru-hs-olcek-cubuk .renk-gri { background: #c9d3df; }
.koru-hs-olcek-isaret {
  position: absolute; top: 50%; width: 22px; height: 22px; margin-left: -11px; transform: translateY(-50%);
  border: 4px solid var(--koru-lacivert); border-radius: 50%; background: var(--koru-beyaz);
  box-shadow: 0 3px 10px rgba(0, 41, 86, .3);
}
.koru-hs-olcek-isaret b {
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  padding: 3px 8px; border-radius: 5px; background: var(--koru-lacivert); color: var(--koru-beyaz);
  font: 800 12px/1.3 Exo, sans-serif; white-space: nowrap;
}
.koru-hs-olcek-isaret b:empty { display: none; }
.koru-hs-olcek-sinirlar { position: relative; height: 20px; margin-top: 5px; }
.koru-hs-olcek-sinirlar span {
  position: absolute; top: 0; transform: translateX(-50%);
  font-size: 11px; font-weight: 700; color: var(--koru-metin-soluk);
}
.koru-hs-lejant { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.koru-hs-lejant li {
  display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 8px;
  padding: 7px 10px; border: 1px solid transparent; border-radius: 6px;
  font-size: 12.5px; font-weight: 700; color: var(--koru-metin);
}
.koru-hs-lejant li i { grid-row: span 2; width: 10px; height: 10px; border-radius: 50%; background: #c9d3df; }
.koru-hs-lejant li small { grid-column: 2; font-size: 11.5px; font-weight: 600; color: var(--koru-metin-soluk); }
.koru-hs-lejant li.secili { border-color: var(--hs-cerceve); background: var(--koru-beyaz); box-shadow: var(--dp-yumusak); }
.koru-hs-lejant .renk-mavi i { background: var(--hs-mavi-c); }
.koru-hs-lejant .renk-yesil i { background: var(--hs-yesil-c); }
.koru-hs-lejant .renk-sari i { background: var(--hs-sari-c); }
.koru-hs-lejant .renk-turuncu i { background: var(--hs-turuncu-c); }
.koru-hs-lejant .renk-kirmizi i { background: var(--hs-kirmizi-c); }

/* Kutu içi değerlendirme etiketi */
.koru-hs-kutu small b { font-weight: 700; }
.koru-hs-kutu small b.renk-mavi { color: var(--hs-mavi); }
.koru-hs-kutu small b.renk-yesil { color: var(--hs-yesil); }
.koru-hs-kutu small b.renk-turuncu { color: var(--hs-turuncu); }
.koru-hs-kutu small b.renk-kirmizi { color: var(--hs-kirmizi); }
.koru-hs-lejant .renk-bordo i { background: var(--hs-bordo-c); }

/* Bilgi kutuları */
.koru-hs-kutular { display: grid; grid-template-columns: 1fr; gap: 10px; }
.koru-hs-kutu {
  display: grid; gap: 4px; align-content: start;
  padding: 13px 15px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px; background: var(--koru-beyaz);
}
.koru-hs-kutu-etiket {
  font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--koru-metin-soluk); user-select: none;
}
.koru-hs-kutu-deger { font: 700 19px/1.3 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-kutu small { font-size: 12.5px; line-height: 1.55; color: var(--koru-metin-soluk); }

/* Not kutusu */
.koru-hs-not {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 14px; border: 1px solid var(--hs-cerceve); border-radius: 6px; background: var(--koru-beyaz);
}
.koru-hs-not svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--koru-lacivert); }
.koru-hs-not p { margin: 0; font-size: 13px; line-height: 1.6; color: var(--koru-metin-soluk); }
.koru-hs-not a { color: var(--koru-lacivert); font-weight: 700; }
.koru-hs-not.uyari { border-color: rgba(174, 138, 48, .5); background: #fffcf4; }
.koru-hs-not.uyari svg { color: var(--koru-altin-metin); }

.koru-hs-alt-baslik {
  margin: 4px 0 -4px; font: 800 13px/1.3 Exo, sans-serif;
  letter-spacing: .08em; text-transform: uppercase; color: var(--koru-lacivert);
}

/* ==================== BİLGİ BÖLÜMLERİ ==================== */
.koru-hs-bilgi .koru-dp-bolum-bas h2 { font-weight: 800; }
.koru-hs-metin-kart {
  max-width: 900px; margin: 0 auto; padding: 22px 22px 6px;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 6px; box-shadow: var(--dp-yumusak);
}
.koru-hs-metin-kart p { margin: 0 0 16px; font-size: 15px; line-height: 1.8; color: var(--koru-metin); }
.koru-hs-metin-kart a, .koru-hs-madde a, .koru-hs-adimlar a, .koru-hs-formul-kart a, .koru-hs-tablo a, .koru-hs-dipnot a {
  color: var(--koru-lacivert); font-weight: 700; text-decoration: underline; text-underline-offset: 2px;
}

.koru-hs-formul-izgara { display: grid; gap: 16px; max-width: 980px; margin: 0 auto; }
/* Formül kartı: krem başlık şeridi, lacivert formül paneli (işaretler altın), ayrı örnek kutusu */
.koru-hs-formul-kart {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 8px; box-shadow: var(--dp-yumusak);
  transition: box-shadow var(--koru-gecis), transform var(--koru-gecis);
}
.koru-hs-formul-kart:hover { box-shadow: var(--dp-yuksek); }
.koru-hs-formul-bas {
  display: flex; align-items: center; gap: 12px; padding: 14px 20px;
  background: linear-gradient(90deg, var(--dp-krem) 0%, #fff 100%); border-bottom: 1px solid var(--koru-cizgi);
}
.koru-hs-formul-bas svg {
  flex: none; width: 38px; height: 38px; padding: 8px; border-radius: 6px;
  background: #fff; border: 1px solid rgba(174, 138, 48, .35); color: var(--koru-altin-metin);
}
.koru-hs-formul-bas h3 { margin: 0; font: 700 16px/1.35 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-formul {
  position: relative; display: grid; gap: 10px; align-content: center; margin: 18px 20px 0; padding: 18px 16px;
  border-radius: 8px; overflow: hidden; isolation: isolate;
  background: linear-gradient(135deg, #001f3f 0%, #003366 60%, #0b4a86 100%);
  font: 600 16px/1.5 Exo, sans-serif; color: #fff; text-align: center;
  box-shadow: 0 10px 24px rgba(0, 41, 86, .18);
}
/* ince nokta deseni */
.koru-hs-formul::before {
  content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5;
  background-image: radial-gradient(rgba(255, 255, 255, .09) 1px, transparent 1.2px); background-size: 14px 14px;
}
.koru-hs-formul .satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; }
.koru-hs-formul .satir + .satir { padding-top: 10px; border-top: 1px dashed rgba(255, 255, 255, .16); }
.koru-hs-formul .ifade { text-wrap: balance; }
.koru-hs-formul .op { display: inline-block; padding: 0 2px; font-weight: 700; color: var(--koru-altin-acik); }
.koru-hs-formul strong { color: var(--koru-altin-acik); }
.koru-hs-formul-etiket {
  flex: none; padding: 3px 11px; border-radius: 20px; font: 700 11.5px/1.5 Exo, sans-serif; font-style: normal;
  letter-spacing: .06em; text-transform: uppercase; background: rgba(255, 255, 255, .14); color: #fff;
}
.koru-hs-formul-etiket.pembe { background: #e27aa5; }
.koru-hs-formul-etiket.mavi { background: #5b8fd6; }
.koru-hs-formul-izgara:has(> :nth-child(2)) .koru-hs-formul { min-height: 104px; }
.koru-hs-formul-ornek {
  margin: 14px 20px 0; padding: 12px 14px; border: 1px solid rgba(174, 138, 48, .3); border-radius: 6px;
  background: #fffaf0; font-size: 14px; line-height: 1.65; color: var(--koru-metin); text-align: left;
}
.koru-hs-ornek-etiket {
  display: inline-flex; align-items: center; gap: 5px; margin-right: 8px; vertical-align: 1px; padding: 2px 9px; border-radius: 20px;
  background: var(--koru-altin); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.koru-hs-ornek-etiket svg { width: 13px; height: 13px; }
.koru-hs-formul-ornek strong { color: var(--koru-lacivert); }
.koru-hs-formul-not {
  margin: 12px 20px 0; padding-left: 12px; border-left: 3px solid var(--hs-cerceve);
  font-size: 13.5px; line-height: 1.65; color: var(--koru-metin-soluk);
}
.koru-hs-formul-kart > :last-child { margin-bottom: 20px; }
/* Ekrana girince formül satırları sırayla kayar */
.koru-hs-formul-kart.koru-hs-gir .satir { opacity: 0; }
.koru-hs-formul-kart.gorundu .satir { animation: hsYuksel .5s ease both; animation-delay: calc(.3s + var(--s, 0) * .18s); }

.koru-hs-tablo-kap { overflow-x: auto; border: 1px solid var(--koru-cizgi); border-radius: 6px; background: var(--koru-beyaz); box-shadow: var(--dp-yumusak); }
.koru-hs-bilgi .koru-hs-tablo-kap { max-width: 980px; margin: 0 auto; }
.koru-hs-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.koru-hs-tablo th, .koru-hs-tablo td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--koru-cizgi); vertical-align: top; line-height: 1.55; }
.koru-hs-tablo thead th {
  background: #f3f6fa; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--koru-lacivert);
}
.koru-hs-tablo tbody th { font-weight: 700; color: var(--koru-lacivert); white-space: nowrap; }
.koru-hs-tablo tbody tr:last-child th, .koru-hs-tablo tbody tr:last-child td { border-bottom: 0; }
.koru-hs-tablo tr.vurgu th, .koru-hs-tablo tr.vurgu td { background: #fffaf0; }
.koru-hs-tablo.kucuk { font-size: 13px; }
.koru-hs-tablo.kucuk th, .koru-hs-tablo.kucuk td { padding: 9px 12px; }
.koru-hs-nokta { display: inline-block; width: 10px; height: 10px; margin-right: 9px; border-radius: 50%; background: #c9d3df; vertical-align: 1px; }
.koru-hs-tablo tr[data-renk="mavi"] .koru-hs-nokta { background: var(--hs-mavi-c); }
.koru-hs-tablo tr[data-renk="yesil"] .koru-hs-nokta { background: var(--hs-yesil-c); }
.koru-hs-tablo tr[data-renk="sari"] .koru-hs-nokta { background: var(--hs-sari-c); }
.koru-hs-tablo tr[data-renk="turuncu"] .koru-hs-nokta { background: var(--hs-turuncu-c); }
.koru-hs-tablo tr[data-renk="kirmizi"] .koru-hs-nokta { background: var(--hs-kirmizi-c); }
.koru-hs-tablo tr[data-renk="bordo"] .koru-hs-nokta { background: var(--hs-bordo-c); }
.koru-hs-dipnot { max-width: 980px; margin: 12px auto 0; font-size: 13px; line-height: 1.65; color: var(--koru-metin-soluk); }

.koru-hs-maddeler { display: grid; grid-template-columns: 1fr; gap: 14px; }
.koru-hs-madde {
  padding: 18px 18px 16px; background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 6px; box-shadow: var(--dp-yumusak);
}
.koru-hs-madde-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.koru-hs-madde-bas svg {
  flex: none; width: 38px; height: 38px; padding: 8px; border-radius: 6px;
  background: var(--dp-krem); border: 1px solid rgba(174, 138, 48, .3); color: var(--koru-altin-metin);
}
.koru-hs-madde h3 { margin: 0; font: 700 16px/1.35 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-madde p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--koru-metin); }

.koru-hs-adimlar { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.koru-hs-adimlar li { padding: 18px; background: var(--koru-beyaz); border: 1px solid var(--koru-cizgi); border-radius: 6px; box-shadow: var(--dp-yumusak); }
.koru-hs-adim-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.koru-hs-adim-bas span {
  flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px;
  background: var(--koru-lacivert); color: var(--koru-beyaz); font: 700 15px/1 Exo, sans-serif;
}
.koru-hs-adim-bas h3 { margin: 0; font: 700 16px/1.35 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-adimlar p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--koru-metin); }

/* ==================== KARTLAR (ilgili araçlar + dizin) ==================== */
.koru-hs-kartlar { display: grid; grid-template-columns: 1fr; gap: 14px; }
.koru-hs-kart {
  display: flex; flex-direction: column; gap: 10px;
  padding: 18px 18px 16px; background: var(--koru-beyaz);
  border: 1px solid var(--koru-cizgi); border-radius: 6px; box-shadow: var(--dp-yumusak);
  color: inherit; text-decoration: none;
  transition: border-color var(--koru-gecis), box-shadow var(--koru-gecis), transform var(--koru-gecis);
}
.koru-hs-kart:hover { border-color: rgba(0, 57, 115, .35); box-shadow: var(--dp-yuksek); transform: translateY(-2px); }
.koru-hs-kart:focus-visible { outline: 3px solid rgba(0, 57, 115, .3); outline-offset: 2px; }
.koru-hs-kart-bas { display: flex; align-items: center; gap: 12px; }
.koru-hs-kart-ikon {
  flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 6px;
  background: var(--dp-krem); border: 1px solid rgba(174, 138, 48, .3); color: var(--koru-altin-metin);
}
.koru-hs-kart-ikon svg { width: 23px; height: 23px; }
.koru-hs-kart-kat { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--koru-altin-metin); }
.koru-hs-kart h3 { margin: 2px 0 0; font: 700 15.5px/1.3 Exo, sans-serif; color: var(--koru-lacivert); }
.koru-hs-kart p { margin: 0; flex: 1 1 auto; font-size: 13.5px; line-height: 1.6; color: var(--koru-metin-soluk); }
.koru-hs-kart-git {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  font-size: 13px; font-weight: 800; letter-spacing: .04em; color: var(--koru-lacivert);
}
.koru-hs-kart-git svg { width: 15px; height: 15px; transition: transform var(--koru-gecis); }
.koru-hs-kart:hover .koru-hs-kart-git svg { transform: translateX(3px); }
.koru-hs-tumu { margin: 22px 0 0; text-align: center; }
.koru-hs-tumu a {
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px;
  border: 1.5px solid var(--koru-lacivert); border-radius: 6px;
  font-weight: 700; font-size: 14px; color: var(--koru-lacivert); text-decoration: none;
}
.koru-hs-tumu a svg { width: 16px; height: 16px; }
.koru-hs-tumu a:hover { background: var(--koru-lacivert); color: var(--koru-beyaz); }

/* ==================== DİZİN SAYFASI ==================== */
.koru-hs-dizin-arac {
  display: grid; gap: 14px; margin-bottom: 26px;
}
.koru-hs-dizin-arac .koru-rz-alan { max-width: 520px; width: 100%; }
.koru-hs-filtre { display: flex; flex-wrap: wrap; gap: 8px; }
.koru-hs-filtre button {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 42px; padding: 8px 14px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px;
  background: var(--koru-beyaz); font: 700 13.5px/1 Exo, sans-serif; color: var(--koru-metin-soluk); cursor: pointer;
  transition: background var(--koru-gecis), border-color var(--koru-gecis), color var(--koru-gecis);
}
.koru-hs-filtre button svg { width: 17px; height: 17px; }
.koru-hs-filtre button span { min-width: 22px; padding: 2px 6px; border-radius: 4px; background: var(--koru-gri); font-size: 11.5px; color: var(--koru-metin-soluk); text-align: center; }
.koru-hs-filtre button:hover { border-color: #b4c3d6; color: var(--koru-lacivert); }
.koru-hs-filtre button[aria-pressed="true"] { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: var(--koru-beyaz); }
.koru-hs-filtre button[aria-pressed="true"] span { background: rgba(255, 255, 255, .18); color: var(--koru-beyaz); }
.koru-hs-dizin-grup { margin-top: 30px; }
.koru-hs-dizin-grup:first-child { margin-top: 0; }
.koru-hs-dizin-grup-bas { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }
.koru-hs-dizin-grup-bas svg { width: 22px; height: 22px; color: var(--koru-altin-metin); }
.koru-hs-dizin-grup-bas h2 { margin: 0; font: 800 16px/1.3 Exo, sans-serif; letter-spacing: .07em; text-transform: uppercase; color: var(--koru-lacivert); }
.koru-hs-dizin-grup[hidden], .koru-hs-kart[hidden] { display: none; }
.koru-hs-dizin-yok { padding: 26px; border: 1.5px dashed var(--hs-cerceve); border-radius: 6px; text-align: center; color: var(--koru-metin-soluk); }

/* ==================== DUYARLI ==================== */
@media (min-width: 640px) {
  .koru-hs-hero { padding-bottom: 100px; }
}
@media (min-width: 600px) {
  .koru-hs-kutular.s2 { grid-template-columns: 1fr 1fr; }
  .koru-hs-kutular.s3 { grid-template-columns: repeat(3, 1fr); }
  .koru-hs-ikili { grid-template-columns: 1fr 1fr; }
  .koru-hs-maddeler { grid-template-columns: 1fr 1fr; }
  .koru-hs-kartlar { grid-template-columns: 1fr 1fr; }
  .koru-hs-lejant { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 900px) {
  .koru-hs-hero { padding-bottom: 108px; }
  .koru-hs-arac { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); }
  .koru-hs-form { padding: 30px 28px; border-right: 1px solid var(--koru-cizgi); }
  .koru-hs-sonuc { padding: 30px 28px; border-top: 0; border-radius: 0 8px 8px 0; }
  .koru-hs-bos { min-height: 100%; }
  .koru-hs-formul-izgara.s2, .koru-hs-formul-izgara:has(> :nth-child(2)) { grid-template-columns: 1fr 1fr; }
  .koru-hs-kartlar { grid-template-columns: repeat(3, 1fr); }
  .koru-hs-maddeler:has(> :nth-child(3)) { grid-template-columns: repeat(3, 1fr); }
  .koru-hs-maddeler:has(> :nth-child(4):last-child) { grid-template-columns: 1fr 1fr; }
  .koru-hs-adimlar { grid-template-columns: repeat(2, 1fr); }
  .koru-hs-dizin-arac { grid-template-columns: minmax(280px, 420px) 1fr; align-items: center; }
}
@media (max-width: 479px) {
  .koru-hs-dugmeler { flex-direction: column; }
  .koru-hs-temizle { min-height: 46px; }
  .koru-hs-tablo th, .koru-hs-tablo td { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .koru-hs-sonuc-ic { animation: none; }
  .koru-hs-liste, .koru-hs-kart, .koru-hs-kart-git svg { transition: none; }
  .koru-hs-kart:hover { transform: none; }
}

/* Tarih alanı: soldaki ikon yeterli; tarayıcının takvim simgesi görünmez ama tüm alanı kaplar (her yere tıklayınca seçici açılır) */
.koru-hs .koru-rz-girdi input[type="date"] { position: relative; }
.koru-hs .koru-rz-girdi input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute; inset: 0; width: auto; height: auto; margin: 0; padding: 0; opacity: 0; cursor: pointer;
}

/* ==================== DÖNGÜ ŞERİDİ (yumurtlama / adet) ==================== */
.koru-hs-dongu { margin: 18px 0 6px; }
.koru-hs-dongu ol {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px;
}
.koru-hs-gun {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 52px; padding: 6px 2px; border: 1px solid var(--hs-cerceve); border-radius: 6px; background: #fff;
  color: #31445c; line-height: 1.1;
}
.koru-hs-gun b { font-size: 16px; font-weight: 700; }
.koru-hs-gun small { font-size: 11px; color: #6b7a8d; text-transform: lowercase; }
.koru-hs-gun.adet { background: var(--hs-kirmizi-z); border-color: #f1c4bf; color: var(--hs-kirmizi); }
.koru-hs-gun.dogurgan { background: var(--hs-yesil-z); border-color: #b7dfc9; color: var(--hs-yesil); }
.koru-hs-gun.yumurtlama { background: var(--hs-yesil-c); border-color: var(--hs-yesil-c); color: #fff; }
.koru-hs-gun.adet small, .koru-hs-gun.dogurgan small { color: inherit; opacity: .8; }
.koru-hs-gun.yumurtlama small { color: #fff; opacity: .9; }
.koru-hs-gun.bugun { box-shadow: 0 0 0 2px var(--koru-lacivert); border-color: var(--koru-lacivert); }
.koru-hs-gun.bugun::after {
  content: 'bugün'; position: absolute; top: -9px; left: 50%; transform: translateX(-50%);
  padding: 1px 6px; border-radius: 6px; background: var(--koru-lacivert); color: #fff; font-size: 10px; font-weight: 600; line-height: 1.4;
}
.koru-hs-dongu-lejant { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: #4a5b70; }
.koru-hs-dongu-lejant li { display: inline-flex; align-items: center; gap: 7px; }
.koru-hs-dongu-lejant i { width: 14px; height: 14px; border-radius: 4px; border: 1px solid var(--hs-cerceve); background: #fff; }
.koru-hs-dongu-lejant .adet i { background: var(--hs-kirmizi-z); border-color: #f1c4bf; }
.koru-hs-dongu-lejant .dogurgan i { background: var(--hs-yesil-z); border-color: #b7dfc9; }
.koru-hs-dongu-lejant .yumurtlama i { background: var(--hs-yesil-c); border-color: var(--hs-yesil-c); }
.koru-hs-dongu-lejant .bugun i { box-shadow: 0 0 0 2px var(--koru-lacivert); border-color: var(--koru-lacivert); }
@media (max-width: 420px) {
  .koru-hs-dongu ol { gap: 4px; }
  .koru-hs-gun { min-height: 44px; }
  .koru-hs-gun b { font-size: 14px; }
  .koru-hs-gun small { font-size: 10px; }
}

/* ==================== PERSENTİL ÇUBUĞU ==================== */
.koru-hs-pcubuk { margin: 12px 0 18px; padding: 0 2px; }
.koru-hs-pcubuk-hat {
  position: relative; height: 8px; border-radius: 6px;
  background: linear-gradient(90deg, var(--hs-turuncu-z) 0 3%, var(--hs-mavi-z) 3% 15%, var(--hs-yesil-z) 15% 85%, var(--hs-mavi-z) 85% 97%, var(--hs-turuncu-z) 97% 100%);
  border: 1px solid var(--hs-cerceve);
}
.koru-hs-pcubuk-hat i { position: absolute; top: -3px; bottom: -3px; width: 1px; background: #9fb0c4; }
.koru-hs-pcubuk-hat i span { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); font-size: 10px; font-style: normal; color: #6b7a8d; }
.koru-hs-pcubuk-hat b {
  position: absolute; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%;
  background: var(--koru-lacivert); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0, 57, 115, .35);
}
.koru-hs-persentiller .koru-hs-kutu small { display: block; margin-top: 4px; }

/* ==================== AŞI TAKVİMİ LİSTESİ ==================== */
.koru-hs-asi-liste { list-style: none; margin: 18px 0 8px; padding: 0; display: grid; gap: 8px; }
.koru-hs-asi-liste > li {
  display: grid; grid-template-columns: 150px 1fr auto; gap: 6px 16px; align-items: center;
  padding: 12px 14px; border: 1px solid var(--hs-cerceve); border-left-width: 4px; border-radius: 6px; background: #fff;
}
.koru-hs-asi-zaman b { display: block; font-size: 14px; color: var(--koru-lacivert); }
.koru-hs-asi-zaman span { font-size: 12.5px; color: #6b7a8d; }
.koru-hs-asi-liste ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.koru-hs-asi-liste ul li { padding: 3px 9px; border-radius: 6px; background: var(--hs-mavi-z); color: #23415f; font-size: 13px; line-height: 1.4; }
.koru-hs-asi-liste ul li small { color: #5b6f86; }
.koru-hs-asi-liste em { font-style: normal; font-size: 12px; font-weight: 600; white-space: nowrap; color: #6b7a8d; }
.koru-hs-asi-liste > li.durum-gecti { background: #fafbfc; border-left-color: #c3cdd9; }
.koru-hs-asi-liste > li.durum-gecti ul li { background: #eef1f5; color: #5b6f86; }
.koru-hs-asi-liste > li.durum-yakin, .koru-hs-asi-liste > li.durum-bugun { border-left-color: var(--hs-sari-c); }
.koru-hs-asi-liste > li.durum-yakin em, .koru-hs-asi-liste > li.durum-bugun em { color: var(--hs-sari); }
.koru-hs-asi-liste > li.durum-gelecek { border-left-color: var(--hs-mavi-c); }
.koru-hs-asi-liste > li.sonraki { box-shadow: 0 0 0 2px var(--koru-lacivert); }
@media (max-width: 640px) {
  .koru-hs-asi-liste > li { grid-template-columns: 1fr auto; }
  .koru-hs-asi-liste ul { grid-column: 1 / -1; }
  .koru-hs-asi-liste em { grid-column: 2; grid-row: 1; }
}

/* ==================== KAN GRUBU IZGARASI ==================== */
.koru-hs-kan-izgara { list-style: none; margin: 18px 0 6px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.koru-hs-kan-izgara li {
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px;
  border: 1px solid var(--hs-cerceve); border-radius: 6px; background: #fff; text-align: center;
}
.koru-hs-kan-izgara b { font-size: 22px; line-height: 1.1; }
.koru-hs-kan-izgara small { font-size: 12px; }
.koru-hs-kan-izgara li.olasi { background: var(--hs-yesil-z); border-color: #b7dfc9; color: var(--hs-yesil); }
.koru-hs-kan-izgara li.degil { background: #f6f7f9; color: #9aa6b4; }
.koru-hs-kan-izgara li.degil b { text-decoration: line-through; text-decoration-thickness: 2px; }
@media (max-width: 420px) { .koru-hs-kan-izgara b { font-size: 18px; } }

/* ==================== UYKU SAATLERİ ==================== */
.koru-hs-uyku-liste { list-style: none; margin: 18px 0 8px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.koru-hs-uyku-liste li {
  display: flex; flex-direction: column; gap: 3px; padding: 12px 14px;
  border: 1px solid var(--hs-cerceve); border-radius: 6px; background: #fff;
}
.koru-hs-uyku-liste b { font-size: 24px; line-height: 1.1; color: var(--koru-lacivert); }
.koru-hs-uyku-liste span { font-size: 13px; color: #4a5b70; }
.koru-hs-uyku-liste em { font-style: normal; font-size: 12px; font-weight: 600; color: #8a97a8; }
.koru-hs-uyku-liste li.onerilen { border-color: #b7dfc9; background: var(--hs-yesil-z); }
.koru-hs-uyku-liste li.onerilen em { color: var(--hs-yesil); }

/* =====================================================================
   RENKLİ KUTULAR + HAREKETLİ GÖRSELLER (kullanıcı 10-24)
   Her bilgi kutusu kendi renginde; sonuçlar SVG animasyonlarıyla anlatılır.
   ===================================================================== */
.koru-hs {
  --hs-mor: #5b3fae;       --hs-mor-z: #efeafb;       --hs-mor-c: #8a6fd6;
  --hs-pembe-k: #b8326a;   --hs-pembe-kz: #fde8f0;    --hs-pembe-kc: #e27aa5;
  --hs-camgobegi: #0d6f78; --hs-camgobegi-z: #def3f4; --hs-camgobegi-c: #2aa3ad;
}

/* ---------- Renkli bilgi kutuları ---------- */
.koru-hs-kutu { --k: var(--koru-lacivert); --kz: #f4f7fb; --kc: var(--hs-cerceve);
  border: 1.5px solid var(--kc); border-left: 5px solid var(--k); background: linear-gradient(135deg, var(--kz) 0%, #fff 70%);
  animation: hsYuksel .5s ease both; animation-delay: calc(var(--g, 0) * .09s + .15s);
}
.koru-hs-kutu .koru-hs-kutu-etiket { color: var(--k); }
.koru-hs-kutu.renk-mavi { --k: var(--hs-mavi); --kz: var(--hs-mavi-z); --kc: #bcd3ef; }
.koru-hs-kutu.renk-yesil { --k: var(--hs-yesil); --kz: var(--hs-yesil-z); --kc: #b7dfc9; }
.koru-hs-kutu.renk-turuncu { --k: var(--hs-turuncu); --kz: var(--hs-turuncu-z); --kc: #f2c7a7; }
.koru-hs-kutu.renk-mor { --k: var(--hs-mor); --kz: var(--hs-mor-z); --kc: #d3c7f1; }
.koru-hs-kutu.renk-pembe { --k: var(--hs-pembe-k); --kz: var(--hs-pembe-kz); --kc: #f3c0d5; }
.koru-hs-kutu.renk-camgobegi { --k: var(--hs-camgobegi); --kz: var(--hs-camgobegi-z); --kc: #b0e0e4; }
.koru-hs-kutu.renk-kirmizi { --k: var(--hs-kirmizi); --kz: var(--hs-kirmizi-z); --kc: #f1c4bf; }
.koru-hs-kutu.renk-sari { --k: var(--hs-sari); --kz: var(--hs-sari-z); --kc: #f0d9a2; }

@keyframes hsYuksel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes hsCiz { to { stroke-dashoffset: 0; } }
@keyframes hsBelir { from { opacity: 0; } to { opacity: 1; } }
@keyframes hsPop { 0% { opacity: 0; transform: scale(.3); } 70% { opacity: 1; transform: scale(1.12); } 100% { opacity: 1; transform: scale(1); } }

/* ---------- Ana kutu: solda metin, sağda görsel ---------- */
.koru-hs-ana.gorselli { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; }
.koru-hs-ana-gorsel { display: grid; justify-items: center; align-content: center; min-width: 0; }
@media (min-width: 560px) {
  .koru-hs-ana.gorselli { grid-template-columns: minmax(0, 1fr) 190px; }
  .koru-hs-ana-gorsel { order: 2; }
}
@media (max-width: 559px) {
  .koru-hs-ana-gorsel { order: -1; } .koru-hs-ana-gorsel > * { max-width: 220px; }
  /* Genel araç ikonu mobilde yer kaplamasın; anlam taşıyan görseller kalır */
  .koru-hs-ana-gorsel:has(> .koru-hs-ikon-gorsel) { display: none; }
}
.koru-hs-svg { display: block; width: 100%; height: auto; overflow: visible; }
.koru-hs-gorsel-kart > .koru-hs-svg { max-width: 420px; margin: 0 auto; }
.koru-hs-gorsel-not { margin: 6px 0 0; font-size: 12.5px; line-height: 1.5; text-align: center; color: var(--koru-metin-soluk); }
.koru-hs-gorsel-kart {
  padding: 16px 14px 12px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px; background: #fff;
  animation: hsYuksel .5s ease .2s both;
}

/* Renk sınıfları (SVG çizgi/dolgu) */
.koru-hs-svg .renk-mavi { --r: var(--hs-mavi-c); } .koru-hs-svg .renk-yesil { --r: var(--hs-yesil-c); }
.koru-hs-svg .renk-sari { --r: var(--hs-sari-c); } .koru-hs-svg .renk-turuncu { --r: var(--hs-turuncu-c); }
.koru-hs-svg .renk-kirmizi { --r: var(--hs-kirmizi-c); } .koru-hs-svg .renk-bordo { --r: var(--hs-bordo-c); }
.koru-hs-svg .renk-mor { --r: var(--hs-mor-c); } .koru-hs-svg .renk-pembe { --r: var(--hs-pembe-kc); }
.koru-hs-svg .renk-lacivert { --r: var(--koru-lacivert); } .koru-hs-svg .renk-gri { --r: #c9d3df; }
.koru-hs-svg .renk-altin { --r: var(--koru-altin); }

/* ---------- Araç ikonu (genel görsel) ---------- */
.koru-hs-ikon-gorsel { position: relative; display: grid; place-items: center; width: 150px; height: 150px; }
.koru-hs-ikon-gorsel span {
  position: relative; z-index: 1; display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%;
  background: linear-gradient(135deg, #fff, var(--dp-krem)); border: 1.5px solid rgba(174, 138, 48, .4); color: var(--koru-altin-metin);
  box-shadow: 0 10px 26px rgba(0, 41, 86, .12); animation: hsPop .6s ease both, hsSuzul 4s ease-in-out .6s infinite;
}
.koru-hs-ikon-gorsel span svg { width: 46px; height: 46px; }
.koru-hs-ikon-gorsel i { position: absolute; inset: 20px; border-radius: 50%; border: 2px solid rgba(174, 138, 48, .35); animation: hsDalga 2.8s ease-out infinite; }
.koru-hs-ikon-gorsel i + i { animation-delay: 1.4s; }
@keyframes hsDalga { from { transform: scale(.7); opacity: .9; } to { transform: scale(1.35); opacity: 0; } }
@keyframes hsSuzul { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* Boş panel ikonu da hareketli */
.koru-hs-bos-ikon { position: relative; animation: hsSuzul 4s ease-in-out infinite; }
.koru-hs-bos-ikon::before, .koru-hs-bos-ikon::after {
  content: ''; position: absolute; inset: -1px; border-radius: 50%; border: 2px solid rgba(174, 138, 48, .35); animation: hsDalga 2.8s ease-out infinite;
}
.koru-hs-bos-ikon::after { animation-delay: 1.4s; }

/* ---------- Gösterge (ibre) ---------- */
.koru-hs-gosterge { max-width: 230px; margin: 0 auto; }
.koru-hs-gosterge path.iz { fill: none; stroke: #edf1f6; stroke-width: 20; }
.koru-hs-gosterge path.yay { fill: none; stroke: var(--r); stroke-width: 20; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hsCiz .5s ease-out forwards; animation-delay: calc(var(--g) * .1s); }
.koru-hs-ibre { transform-box: view-box; transform-origin: 120px 116px; transform: rotate(var(--aci)); animation: hsIbre 1.5s cubic-bezier(.34, 1.35, .5, 1) .35s both; }
.koru-hs-ibre path, .koru-hs-ibre circle { fill: var(--koru-lacivert); }
.koru-hs-ibre circle.ic { fill: #fff; }
@keyframes hsIbre { from { transform: rotate(-90deg); } }
.koru-hs-gosterge text.uc { font: 600 11px Exo, sans-serif; fill: #8a97a8; text-anchor: middle; }

/* ---------- Halka ---------- */
.koru-hs-halka { max-width: 190px; margin: 0 auto; }
.koru-hs-halka circle.iz { fill: none; stroke: #edf1f6; stroke-width: 16; }
.koru-hs-halka .dilim { fill: none; stroke: var(--r); stroke-width: 16; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hsCiz .45s ease-out forwards; animation-delay: calc(var(--g) * .12s); }
.koru-hs-halka .dilim.soluk { opacity: .28; }
.koru-hs-halka circle.ilerleme { fill: none; stroke: var(--r); stroke-width: 16; stroke-linecap: round; animation: hsHalka 1.6s cubic-bezier(.3, .8, .3, 1) .2s both; }
@keyframes hsHalka { from { stroke-dasharray: 0 100; } }
.koru-hs-halka line.cizgi { stroke: #fff; stroke-width: 2.5; }
.koru-hs-halka-isaret { transform-box: view-box; transform-origin: 100px 100px; transform: rotate(var(--aci)); animation: hsIsaret 1.6s cubic-bezier(.3, .8, .3, 1) .5s both; }
.koru-hs-halka-isaret circle { fill: #fff; stroke: var(--koru-lacivert); stroke-width: 5; }
@keyframes hsIsaret { from { transform: rotate(0deg); } }
.koru-hs-halka text { text-anchor: middle; font-family: Exo, sans-serif; }
.koru-hs-halka text.ust { font-size: 12px; font-weight: 700; fill: var(--koru-altin-metin); letter-spacing: .08em; text-transform: uppercase; }
.koru-hs-halka text.orta { font-size: 30px; font-weight: 700; fill: var(--koru-lacivert); animation: hsBelir .6s ease .6s both; }
.koru-hs-halka text.alt { font-size: 12.5px; font-weight: 600; fill: #6b7a8d; }

/* ---------- Bardaklar ---------- */
.koru-hs-bardaklar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; }
.koru-hs-bardak { width: 30px; height: 40px; }
.koru-hs-bardak .kap { fill: rgba(91, 143, 214, .06); stroke: #5b8fd6; stroke-width: 1.6; stroke-linejoin: round; }
.koru-hs-bardak .su { fill: #7fb3ea; transform-box: fill-box; transform-origin: bottom; animation: hsDol .55s ease-out both; animation-delay: calc(var(--g) * .12s + .2s); }
@keyframes hsDol { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.koru-hs-buyuk-bardak { position: relative; display: grid; place-items: center; }
.koru-hs-bardak.buyuk { width: 110px; height: 146px; }
.koru-hs-bardak.buyuk .kap { stroke-width: 1.2; }
.koru-hs-bardak.buyuk .su { animation-duration: 1.4s; }
.koru-hs-buyuk-bardak i { position: absolute; bottom: 22px; width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .85); animation: hsKabarcik 2.6s ease-in infinite 1.4s; opacity: 0; }
.koru-hs-buyuk-bardak i:nth-of-type(1) { left: calc(50% - 18px); }
.koru-hs-buyuk-bardak i:nth-of-type(2) { left: calc(50% + 6px); animation-delay: 2.1s; width: 5px; height: 5px; }
.koru-hs-buyuk-bardak i:nth-of-type(3) { left: calc(50% - 4px); animation-delay: 2.8s; }
@keyframes hsKabarcik { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(-80px); opacity: 0; } }
.koru-hs-buyuk-bardak b { position: absolute; top: 58%; font: 700 17px Exo, sans-serif; color: #fff; text-shadow: 0 1px 3px rgba(0, 57, 115, .35); animation: hsBelir .5s ease 1.3s both; }

/* ---------- 100 çocuk ---------- */
.koru-hs-piktogram { max-width: 180px; margin: 0 auto; }
.koru-hs-piktogram circle { fill: #e3e9f1; transform-box: fill-box; transform-origin: center; animation: hsPop .3s ease both; animation-delay: calc(var(--g) * 9ms); }
.koru-hs-piktogram circle.dolu { fill: var(--hs-mavi-c); }
.koru-hs-piktogram circle.sen { fill: var(--koru-altin); stroke: #fff; stroke-width: 2; animation: hsPop .3s ease both, hsNabiz 1.6s ease-in-out 1.4s infinite; animation-delay: calc(var(--g) * 9ms), 1.4s; }
@keyframes hsNabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.35); } }

/* ---------- Boy figürleri ---------- */
.koru-hs-boylar { max-width: 240px; margin: 0 auto; }
.koru-hs-boylar .kilavuz { stroke: #e6ebf2; stroke-dasharray: 3 4; }
.koru-hs-boylar .kilavuz-yazi { font: 600 9px Exo, sans-serif; fill: #a3afbf; }
.koru-hs-figur { fill: var(--r); transform-box: fill-box; transform-origin: bottom; animation: hsBoy .9s cubic-bezier(.3, 1.3, .5, 1) both; animation-delay: calc(var(--g) * .25s + .1s); }
@keyframes hsBoy { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.koru-hs-boylar text { text-anchor: middle; font-family: Exo, sans-serif; }
.koru-hs-boylar .figur-cm { font-size: 12px; font-weight: 700; fill: var(--koru-lacivert); animation: hsBelir .4s ease 1.1s both; }
.koru-hs-boylar .figur-ad { font-size: 11px; font-weight: 600; fill: #6b7a8d; }

/* ---------- Çizgi grafik ---------- */
.koru-hs-cizgi .eksen { stroke: #dfe5ee; stroke-width: 1.5; }
.koru-hs-cizgi .hat { fill: none; stroke: var(--hs-mavi-c); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hsCiz 1s ease-out .3s forwards; }
.koru-hs-cizgi .devam { fill: none; stroke: #b4c8e3; stroke-width: 2.5; stroke-dasharray: 5 6; animation: hsBelir .5s ease 1.3s both; }
.koru-hs-cizgi .nokta { fill: #fff; stroke: var(--koru-lacivert); stroke-width: 3.5; transform-box: fill-box; transform-origin: center; animation: hsPop .4s ease both; animation-delay: calc(var(--g) * .7s + .2s); }
.koru-hs-cizgi .nokta.tahmin { stroke: #9db5d6; stroke-dasharray: 3 3; }
.koru-hs-cizgi text { text-anchor: middle; font-family: Exo, sans-serif; }
.koru-hs-cizgi .deger { font-size: 12px; font-weight: 700; fill: var(--koru-lacivert); animation: hsBelir .4s ease both; animation-delay: calc(var(--g) * .7s + .4s); }
.koru-hs-cizgi .zaman { font-size: 11px; font-weight: 600; fill: #6b7a8d; }

/* ---------- Uyku dalgası ---------- */
.koru-hs-uyku-dalga .dalga { fill: none; stroke: var(--hs-mor-c); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hsCiz 2.2s ease-in-out .3s forwards; }
.koru-hs-uyku-dalga .sinir { stroke: #e6ebf2; stroke-dasharray: 2 4; }
.koru-hs-uyku-dalga text { text-anchor: middle; font-family: Exo, sans-serif; }
.koru-hs-uyku-dalga .no { font-size: 9.5px; font-weight: 600; fill: #8a97a8; }
.koru-hs-uyku-dalga .saat { font-size: 13px; font-weight: 700; fill: var(--koru-lacivert); }
.koru-hs-uyku-dalga .ay path { fill: #f4e7c3; stroke: var(--koru-altin); stroke-width: 1.4; }
.koru-hs-uyku-dalga .gunes { fill: none; stroke: #e9b23f; stroke-width: 1.8; stroke-linecap: round; animation: hsBelir .5s ease 2.4s both; }
.koru-hs-uyku-dalga .gunes circle { fill: #fbe3a0; }

/* ---------- Yatay çubuklar ---------- */
.koru-hs-cubuklar { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.koru-hs-cubuklar li {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ad b" "hat hat"; gap: 5px 10px; align-items: center;
  padding: 10px 12px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px; background: #fff;
  animation: hsYuksel .45s ease both; animation-delay: calc(var(--g) * .08s + .15s);
}
.koru-hs-cubuklar .ad { grid-area: ad; font-size: 13.5px; color: var(--koru-metin); }
.koru-hs-cubuklar b { grid-area: b; font-size: 14px; color: var(--koru-lacivert); }
.koru-hs-cubuklar .hat { grid-area: hat; height: 8px; border-radius: 6px; background: #edf1f6; overflow: hidden; }
.koru-hs-cubuklar .hat i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #f3b37b, var(--hs-turuncu-c)); transform-origin: left; animation: hsCubuk .9s cubic-bezier(.3, .8, .3, 1) both; animation-delay: calc(var(--g) * .08s + .3s); }
.koru-hs-cubuklar li.vurgu { border-color: var(--hs-yesil-c); background: var(--hs-yesil-z); }
.koru-hs-cubuklar li.vurgu .hat i { background: linear-gradient(90deg, #7fd0a8, var(--hs-yesil-c)); }
@keyframes hsCubuk { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ---------- Öğün tabakları ---------- */
.koru-hs-tabaklar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; text-align: center; }
.koru-hs-tabaklar li { display: grid; justify-items: center; gap: 3px; animation: hsPop .5s ease both; animation-delay: calc(var(--g) * .18s + .2s); }
.koru-hs-tabaklar svg { width: 64px; height: 64px; }
.koru-hs-tabaklar .tabak { fill: #fff; stroke: #d6dfea; stroke-width: 2; }
.koru-hs-tabaklar .ic { fill: #f6f9fd; stroke: #e6ebf2; }
.koru-hs-tabaklar .yemek { fill: #f3c27a; stroke: var(--koru-altin); stroke-width: 1.4; }
.koru-hs-tabaklar b { font-size: 15px; color: var(--koru-lacivert); }
.koru-hs-tabaklar span { font-size: 12px; color: #6b7a8d; }

/* ---------- Kan grubu damlaları ---------- */
.koru-hs-kan-gorsel { display: flex; align-items: center; justify-content: center; gap: 8px 12px; flex-wrap: wrap; }
.koru-hs-damla { position: relative; display: grid; justify-items: center; width: 68px; animation: hsPop .5s ease both; }
.koru-hs-damla.baba { animation-delay: .2s; }
.koru-hs-damla.bebek { animation-delay: .55s; width: 82px; }
.koru-hs-damla svg { width: 100%; height: auto; }
.koru-hs-damla path { fill: var(--hs-kirmizi-z); stroke: var(--hs-kirmizi-c); stroke-width: 2.5; }
.koru-hs-damla.bebek path { fill: #fdeceb; stroke: var(--hs-bordo-c); stroke-width: 3; }
.koru-hs-damla b { position: absolute; top: 46%; font: 700 17px Exo, sans-serif; color: var(--hs-kirmizi); }
.koru-hs-damla.bebek b { font-size: 19px; color: var(--hs-bordo); }
.koru-hs-damla small { font-size: 12px; font-weight: 600; color: #6b7a8d; }
.koru-hs-kan-gorsel .arti, .koru-hs-kan-gorsel .ok { font: 700 22px Exo, sans-serif; color: #9aa6b4; animation: hsBelir .4s ease .35s both; }
.koru-hs-donen { display: inline-block; }
.koru-hs-donen.gir { animation: hsPop .45s ease both; }

/* ---------- Ölçek çubuğu, şeritler ve listeler de hareketli ---------- */
.koru-hs-olcek-cubuk > span:not(.koru-hs-olcek-isaret) { transform-origin: left; animation: hsCubuk .5s ease-out both; }
.koru-hs-olcek-isaret { animation: hsKay 1.2s cubic-bezier(.3, 1.2, .5, 1) .3s both; }
@keyframes hsKay { from { left: 0; } }
.koru-hs-lejant li { animation: hsYuksel .4s ease both; }
.koru-hs-lejant li.secili { animation: hsYuksel .4s ease both, hsVurgu 1.2s ease 1s 2; }
@keyframes hsVurgu { 50% { box-shadow: 0 0 0 4px rgba(0, 57, 115, .12); } }
.koru-hs-gun { animation: hsPop .3s ease both; animation-delay: calc(var(--g, 0) * 18ms); }
.koru-hs-gun.yumurtlama { animation: hsPop .3s ease both, hsNabiz 1.8s ease-in-out 1s infinite; }
.koru-hs-uyku-liste li, .koru-hs-asi-liste > li, .koru-hs-kan-izgara li { animation: hsYuksel .4s ease both; animation-delay: calc(var(--g, 0) * .06s + .2s); }
.koru-hs-pcubuk-hat b { animation: hsKay 1.2s cubic-bezier(.3, 1.2, .5, 1) .4s both; }
.koru-hs-ana { animation: hsYuksel .45s ease both; }

/* ---------- Bilgi bölümleri: ekrana girince belirme ---------- */
.koru-hs-gir { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; transition-delay: calc(var(--sira, 0) * .08s); }
.koru-hs-gir.gorundu { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .koru-hs *, .koru-hs *::before, .koru-hs *::after { animation: none !important; transition: none !important; }
  .koru-hs .yay, .koru-hs .dilim, .koru-hs .hat, .koru-hs .dalga { stroke-dashoffset: 0 !important; }
  .koru-hs-gir { opacity: 1; transform: none; }
}

/* ==================== MODERN TARİH SEÇİCİ ====================
   Yerel date alanı gizli; görünen alan gg.aa.yyyy + açılan takvim (ortak.js tarihKur) */
.koru-hs .koru-hs-tarih input.koru-hs-yerel { position: absolute !important; left: 0; top: 0; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.koru-hs-tarih { cursor: pointer; }
.koru-hs .koru-hs-tarih .koru-hs-tarih-metin { padding-right: 40px; font-variant-numeric: tabular-nums; letter-spacing: .02em; cursor: pointer; }
.koru-hs-tarih-dugme {
  position: absolute; right: -4px; top: 50%; transform: translateY(-50%);
  display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px;
  background: transparent; color: var(--koru-lacivert); cursor: pointer; transition: background var(--koru-gecis);
}
.koru-hs-tarih-dugme:hover { background: var(--koru-gri); }
.koru-hs-tarih-dugme svg { width: 18px; height: 18px; transition: transform var(--koru-gecis); }
.koru-hs-tarih.acik .koru-hs-tarih-dugme svg { transform: rotate(180deg); }
.koru-hs-tarih.acik > svg, .koru-hs-alan:has(.koru-hs-tarih-metin:not(:placeholder-shown)) .koru-hs-tarih > svg { color: var(--koru-altin-metin); }
.koru-hs .koru-rz-alan:has(.koru-hs-tarih.acik) { border-color: var(--koru-lacivert); box-shadow: 0 0 0 4px rgba(0, 57, 115, .1); position: relative; z-index: 41; }
.koru-hs-tarih.acik { z-index: 41; }

.koru-hs-takvim {
  position: absolute; z-index: 40; top: calc(100% + 12px); left: -18px; width: 312px; max-width: calc(100vw - 32px);
  padding: 12px; background: var(--koru-beyaz); border: 1.5px solid var(--koru-lacivert); border-radius: 8px;
  box-shadow: 0 22px 48px rgba(0, 41, 86, .22); cursor: default;
  opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top left;
  transition: opacity .16s, transform .16s, visibility .16s;
}
.koru-hs-tarih.sag .koru-hs-takvim { left: auto; right: -18px; transform-origin: top right; }
.koru-hs-tarih.acik .koru-hs-takvim { opacity: 1; visibility: visible; transform: none; }
.koru-hs-takvim button { font-family: Exo, sans-serif; cursor: pointer; }
.koru-hs-takvim button:disabled { cursor: default; }

/* Başlık: ‹ Ekim 2026 ▾ › */
.koru-hs-takvim-bas { display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; gap: 6px; margin-bottom: 10px; }
.koru-hs-takvim-bas .geri, .koru-hs-takvim-bas .ileri {
  display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1.5px solid var(--hs-cerceve); border-radius: 6px;
  background: #fff; color: var(--koru-lacivert); transition: background var(--koru-gecis), border-color var(--koru-gecis);
}
.koru-hs-takvim-bas .geri:hover, .koru-hs-takvim-bas .ileri:hover { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: #fff; }
.koru-hs-takvim-bas svg { width: 16px; height: 16px; }
.koru-hs-takvim-bas .baslik {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 10px;
  border: 0; border-radius: 6px; background: var(--dp-krem); color: var(--koru-lacivert);
  font-size: 14.5px; font-weight: 700; transition: background var(--koru-gecis);
}
.koru-hs-takvim-bas .baslik:hover { background: #f3ead6; }
.koru-hs-takvim-bas .baslik svg { width: 14px; height: 14px; color: var(--koru-altin-metin); }

/* Gün ızgarası */
.koru-hs-takvim-haftagun, .koru-hs-takvim-gunler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.koru-hs-takvim-haftagun span { padding: 4px 0 6px; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #8a97a8; }
.koru-hs-takvim-haftagun span:nth-child(n+6) { color: var(--koru-altin-metin); }
.koru-hs-takvim-gunler button {
  position: relative; aspect-ratio: 1; min-height: 34px; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: var(--koru-metin); font-size: 13.5px; font-weight: 600;
  transition: background .12s, color .12s, transform .12s;
}
.koru-hs-takvim-gunler button.haftasonu { color: #8a6a2a; }
.koru-hs-takvim-gunler button:not(:disabled):hover { background: var(--hs-mavi-z); color: var(--koru-lacivert); transform: scale(1.06); }
.koru-hs-takvim-gunler button.bugun { box-shadow: inset 0 0 0 1.5px var(--koru-altin); color: var(--koru-altin-metin); font-weight: 700; }
.koru-hs-takvim-gunler button.secili, .koru-hs-takvim-gunler button.secili:hover {
  background: var(--koru-lacivert); color: #fff; box-shadow: 0 4px 12px rgba(0, 57, 115, .35); transform: none;
}
.koru-hs-takvim button:disabled { opacity: .3; }
.koru-hs-takvim[data-gorunum="gun"] .koru-hs-takvim-gunler { animation: hsBelir .18s ease both; }

/* Ay / yıl ızgarası */
.koru-hs-takvim-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; animation: hsBelir .18s ease both; }
.koru-hs-takvim-izgara button {
  height: 42px; border: 1.5px solid var(--hs-cerceve); border-radius: 6px; background: #fff;
  color: var(--koru-metin); font-size: 14px; font-weight: 600; transition: background .12s, border-color .12s, color .12s;
}
.koru-hs-takvim-izgara button:not(:disabled):hover { border-color: var(--koru-lacivert); color: var(--koru-lacivert); background: var(--hs-mavi-z); }
.koru-hs-takvim-izgara button.secili { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: #fff; }

/* Alt: Temizle · Bugün */
.koru-hs-takvim-alt { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--koru-cizgi); }
.koru-hs-takvim-alt button {
  height: 34px; padding: 0 14px; border-radius: 6px; font-size: 13px; font-weight: 700;
  border: 1.5px solid var(--hs-cerceve); background: #fff; color: var(--koru-metin-soluk);
}
.koru-hs-takvim-alt .bugun-dugme { border-color: var(--koru-lacivert); background: var(--koru-lacivert); color: #fff; }
.koru-hs-takvim-alt button:not(:disabled):hover { filter: brightness(1.08); }
@media (prefers-reduced-motion: reduce) { .koru-hs-takvim { transition: none; } }

/* Dizin: arama ve süzgeç, araç sayfasındaki gibi heroya binen beyaz kartta */
.koru-hs-dizin-kap {
  padding: 22px 18px; background: var(--koru-beyaz);
  border: 1px solid var(--koru-cizgi); border-radius: 8px; box-shadow: var(--dp-yuksek);
}
@media (min-width: 900px) { .koru-hs-dizin-kap { padding: 28px; } }

/* =====================================================================
   KARTLAR v2 + DİZİN PANELLERİ (kullanıcı 10-25)
   Kartta kategori yazısı yok; altın "İncele" butonu. Dizinde her kategori
   Koru lacivertinde, altın çerçeveli panel.
   ===================================================================== */
.koru-hs-kart { position: relative; overflow: hidden; gap: 12px; padding: 20px 20px 18px; border-radius: 8px; }
.koru-hs-kart::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--koru-altin), var(--koru-altin-acik));
  transform: scaleX(0); transform-origin: left; transition: transform .35s ease;
}
.koru-hs-kart:hover::before, .koru-hs-kart:focus-visible::before { transform: scaleX(1); }
.koru-hs-kart:hover { transform: translateY(-4px); border-color: rgba(174, 138, 48, .45); box-shadow: 0 18px 36px rgba(0, 41, 86, .16); }
.koru-hs-kart-ikon { width: 48px; height: 48px; transition: background var(--koru-gecis), color var(--koru-gecis), border-color var(--koru-gecis); }
.koru-hs-kart:hover .koru-hs-kart-ikon { background: var(--koru-lacivert); border-color: var(--koru-lacivert); color: var(--koru-altin-acik); }
.koru-hs-kart h3 { margin: 0; font-size: 16px; line-height: 1.3; }
.koru-hs-kart p { text-align: left; }
.koru-hs-kart-git {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: 2px;
  padding: 9px 18px; border-radius: 6px; background: var(--koru-altin); color: var(--koru-beyaz);
  font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 6px 14px rgba(174, 138, 48, .28); transition: background var(--koru-gecis), box-shadow var(--koru-gecis);
}
.koru-hs-kart:hover .koru-hs-kart-git { background: var(--koru-altin-acik); box-shadow: 0 8px 18px rgba(174, 138, 48, .4); }

/* Dizin: arama kartı + kategori başlıkları açık zeminde; HER KART Koru lacivertinde */
.koru-hs-dizin-kap .koru-hs-dizin-arac { margin-bottom: 0; }
.koru-hs-dizin-gruplar { display: grid; gap: 40px; margin-top: 34px; }
.koru-hs-dizin-grup { margin: 0; }
.koru-hs-dizin-grup:first-child { margin-top: 0; }
.koru-hs-dizin-desen { display: none; }
.koru-hs-dizin-grup-bas {
  display: flex; align-items: center; gap: 14px; margin: 0 0 18px; padding-bottom: 14px;
  border-bottom: 1px solid var(--koru-cizgi); position: relative;
}
.koru-hs-dizin-grup-bas::after {
  content: ''; position: absolute; left: 0; bottom: -1px; width: 72px; height: 3px; border-radius: 3px; background: var(--koru-altin);
}
.koru-hs-dizin-grup-bas > div { flex: 1 1 auto; min-width: 0; }
.koru-hs-dizin-grup-ikon {
  flex: none; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%;
  background: var(--dp-krem); border: 1.5px solid rgba(174, 138, 48, .45); color: var(--koru-altin-metin);
}
.koru-hs-dizin-grup-bas .koru-hs-dizin-grup-ikon svg { width: 24px; height: 24px; color: inherit; }
.koru-hs-dizin-grup-bas h2 { margin: 0; font: 600 clamp(17px, 2vw, 20px)/1.25 Exo, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--koru-lacivert); }
.koru-hs-dizin-grup-bas p { margin: 3px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--koru-metin-soluk); }
.koru-hs-dizin-sayi {
  flex: none; padding: 5px 13px; border-radius: 20px; background: var(--koru-lacivert); color: var(--koru-beyaz); font-size: 12.5px; font-weight: 700;
}

/* Dizin kartı: lacivert zemin, ince nokta deseni, altın çerçeve, beyaz yazı, sarı buton */
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart {
  isolation: isolate; color: var(--koru-beyaz);
  background:
    radial-gradient(320px 160px at 100% 0%, rgba(174, 138, 48, .22), transparent 65%),
    linear-gradient(135deg, #001f3f 0%, #003366 60%, #0b4a86 100%);
  border: 1.5px solid rgba(174, 138, 48, .45); box-shadow: 0 10px 26px rgba(0, 41, 86, .2);
}
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart::after {
  content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, .08) 1px, transparent 1.2px); background-size: 14px 14px;
}
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart:hover { border-color: var(--koru-altin-acik); box-shadow: 0 22px 42px rgba(0, 41, 86, .32); }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-ikon { background: rgba(174, 138, 48, .16); border-color: rgba(174, 138, 48, .6); color: var(--koru-altin-acik); }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart:hover .koru-hs-kart-ikon { background: var(--koru-altin); border-color: var(--koru-altin); color: var(--koru-beyaz); }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart h3 { color: var(--koru-beyaz); }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart p { color: rgba(255, 255, 255, .78); }
.koru-hs-dizin-yok { margin-top: 26px; background: var(--koru-beyaz); }
@media (max-width: 599px) {
  .koru-hs-dizin-grup-ikon { width: 42px; height: 42px; }
  .koru-hs-dizin-grup-bas p { display: none; }
}
@media (prefers-reduced-motion: reduce) { .koru-hs-kart::before, .koru-hs-kart-git { transition: none; } }

/* Dizin: arama/sekme yok → hero normal boşlukta, kategoriler heronun hemen altından başlar */
.koru-hs-dizin .koru-hs-hero { padding-bottom: 46px; }
.koru-hs-dizin .koru-hs-arac-bolum { margin-top: 0; padding: 46px 0 56px; }
@media (min-width: 900px) {
  .koru-hs-dizin .koru-hs-hero { padding-bottom: 58px; }
  .koru-hs-dizin .koru-hs-arac-bolum { padding: 60px 0 72px; }
}
/* İncele butonunda gölge yok (kullanıcı 10-25) */
.koru-hs-kart-git, .koru-hs-kart:hover .koru-hs-kart-git { box-shadow: none; }

/* =====================================================================
   DİZİN KARTI v3 (kullanıcı 10-25): hero laciverti, sağ üstte hareketli
   arka plan ikonu (ikona göre), İncele butonu sağ altta
   ===================================================================== */
.koru-hs-kart-desen { display: none; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart {
  min-height: 210px;
  background:
    radial-gradient(260px 200px at 100% 0%, rgba(174, 138, 48, .20), transparent 70%),
    linear-gradient(135deg, #001327 0%, #002247 55%, #00152c 100%);
}
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart > :not(.koru-hs-kart-desen) { position: relative; z-index: 1; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-bas { padding-right: 56px; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-git { align-self: flex-end; margin-top: auto; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart p { flex: 0 0 auto; }

:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-desen {
  display: block; position: absolute; top: -18px; right: -18px; z-index: 0; width: 132px; height: 132px;
  color: rgba(214, 178, 92, .22); pointer-events: none; transition: color var(--koru-gecis);
}
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-desen svg { width: 100%; height: 100%; animation: hsKartSuzul 6s ease-in-out infinite; transform-origin: center; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart:hover .koru-hs-kart-desen { color: rgba(214, 178, 92, .38); }

/* İkona göre hareket */
.koru-hs-kart[data-ikon="kalp-el"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="takvim-kalp"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="terazi-kalp"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="bobrek"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="hedef"] .koru-hs-kart-desen svg { animation: hsKartNabiz 1.8s ease-in-out infinite; }
.koru-hs-kart[data-ikon="terazi"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="asi"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="cetvel"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="takvim"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="mezura"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="bel"] .koru-hs-kart-desen svg { animation: hsKartSalla 3.6s ease-in-out infinite; transform-origin: 50% 20%; }
.koru-hs-kart[data-ikon="hucre"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="tabak"] .koru-hs-kart-desen svg { animation: hsKartDon 22s linear infinite; }
.koru-hs-kart[data-ikon="alev"] .koru-hs-kart-desen svg { animation: hsKartAlev 1.6s ease-in-out infinite; transform-origin: 50% 100%; }
.koru-hs-kart[data-ikon="ay"] .koru-hs-kart-desen svg { animation: hsKartParla 4s ease-in-out infinite; }
/* Çizgi ikonları: çiziliyormuş gibi */
.koru-hs-kart[data-ikon="kalp-ritim"] .koru-hs-kart-desen svg path,
.koru-hs-kart[data-ikon="grafik"] .koru-hs-kart-desen svg path { stroke-dasharray: 34; animation: hsKartCiz 3.2s ease-in-out infinite; }
.koru-hs-kart[data-ikon="kalp-ritim"] .koru-hs-kart-desen svg,
.koru-hs-kart[data-ikon="grafik"] .koru-hs-kart-desen svg { animation: none; }

@keyframes hsKartSuzul { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(8px) rotate(-6deg); } }
@keyframes hsKartNabiz { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.1); } 30% { transform: scale(.97); } 45% { transform: scale(1.06); } }
@keyframes hsKartSalla { 0%, 100% { transform: rotate(-7deg); } 50% { transform: rotate(7deg); } }
@keyframes hsKartDon { to { transform: rotate(360deg); } }
@keyframes hsKartAlev { 0%, 100% { transform: scale(1, 1) skewX(0deg); } 33% { transform: scale(.96, 1.08) skewX(-3deg); } 66% { transform: scale(1.03, .95) skewX(3deg); } }
@keyframes hsKartParla { 0%, 100% { opacity: .7; transform: rotate(-8deg) scale(.96); } 50% { opacity: 1; transform: rotate(6deg) scale(1.04); } }
@keyframes hsKartCiz { 0% { stroke-dashoffset: 34; } 45%, 70% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -34; } }
@media (prefers-reduced-motion: reduce) { :is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-desen svg, :is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-desen svg path { animation: none !important; } }

/* Başlıklar dengeli kırılır: tek kelime alt satıra düşmez (PHP hsBaslik ile birlikte) */
.koru-hs h1, .koru-hs h2, .koru-hs h3, .koru-hs .koru-yd-sss-soru span { text-wrap: balance; }

/* İncele butonu açıklamanın hemen altında, sağda; kart boyu içeriğe göre */
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart { min-height: 0; }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-git { margin-top: 2px; }

/* Bölüm başlıkları masaüstünde TEK SATIR (kullanıcı 10-25): başlık alanı geniş, açıklama eski genişlikte */
@media (min-width: 900px) {
  .koru-hs .koru-dp-bolum-bas { max-width: 1160px; }
  .koru-hs .koru-dp-bolum-bas h2 { white-space: nowrap; font-size: clamp(20px, 1.85vw, 26px); }
  .koru-hs .koru-dp-bolum-bas p { max-width: 680px; margin-left: auto; margin-right: auto; }
}

/* Kart açıklaması her zaman tam 2 satır; İncele butonu bütün kartlarda aynı hizada (kullanıcı 10-25) */
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart p {
  height: calc(2 * 1.6em); line-height: 1.6; overflow: hidden;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart-bas { min-height: 48px; }

/* =====================================================================
   Tek lacivert: hero / kart tonu her yerde (kullanıcı 10-25)
   Hesapla butonu, formül paneli, adım numaraları
   ===================================================================== */
.koru-hs { --hs-lacivert-koyu: linear-gradient(135deg, #001327 0%, #002247 55%, #00152c 100%); }
.koru-hs .koru-hs-hesapla {
  background: var(--hs-lacivert-koyu); border: 1px solid rgba(174, 138, 48, .45); border-radius: 6px;
  box-shadow: 0 10px 22px rgba(0, 19, 39, .25);
}
.koru-hs .koru-hs-hesapla svg { color: var(--koru-altin-acik); }
.koru-hs .koru-hs-hesapla:hover { border-color: var(--koru-altin); box-shadow: 0 14px 28px rgba(0, 19, 39, .32); }
.koru-hs-formul { background: var(--hs-lacivert-koyu); }
.koru-hs-adim-bas span { background: var(--hs-lacivert-koyu); border: 1px solid rgba(174, 138, 48, .45); color: var(--koru-altin-acik); }
/* Kart ızgarası: 3 sütun yalnız geniş ekranda (dar sütunda açıklama 2 satıra sığmaz) */
@media (min-width: 900px) and (max-width: 1199px) { .koru-hs-kartlar { grid-template-columns: 1fr 1fr; } }

/* Tablolar: başlık ve hücreler ortalı (kullanıcı 10-25) — içerik ve sonuç tabloları */
.koru-hs-tablo th, .koru-hs-tablo td, .koru-hs-tablo thead th, .koru-hs-tablo tbody th { text-align: center; vertical-align: middle; }
.koru-hs-tablo tbody th { white-space: normal; }

/* Kartlarda üzerine gelince ek gölge YOK (kullanıcı 10-25): gölge normal hâlindekiyle aynı kalır */
.koru-hs-kart:hover, .koru-hs-kart:focus-visible { box-shadow: var(--dp-yumusak); }
:is(.koru-hs-dizin-grup, .koru-hs-ilgili) .koru-hs-kart:hover { box-shadow: 0 10px 26px rgba(0, 41, 86, .2); }
.koru-hs-formul-kart:hover { box-shadow: var(--dp-yumusak); }

/* ==================== "Bilmekte fayda var" kutusu (kullanıcı 10-25) ====================
   Krem zemin + altın çerçeve; ampul başlık; onay işaretli satırlar; kullanım ipucu altta şerit */
.koru-hs-bilgi-kutu {
  position: relative; overflow: hidden; margin-top: 2px; padding: 16px 18px 14px;
  border: 1px solid rgba(174, 138, 48, .35); border-radius: 8px;
  background: linear-gradient(135deg, #fffaf0 0%, #fff 70%);
}
.koru-hs-bilgi-kutu::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, var(--koru-altin), var(--koru-altin-acik));
}
.koru-hs-bilgi-kutu-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.koru-hs-bilgi-kutu-ikon {
  flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: var(--koru-altin); color: #fff; box-shadow: 0 0 0 4px rgba(174, 138, 48, .15);
  animation: hsBilgiParla 3.2s ease-in-out infinite;
}
.koru-hs-bilgi-kutu-ikon svg { width: 18px; height: 18px; }
@keyframes hsBilgiParla { 0%, 100% { box-shadow: 0 0 0 4px rgba(174, 138, 48, .15); } 50% { box-shadow: 0 0 0 8px rgba(174, 138, 48, .06); } }
.koru-hs-bilgi-kutu-bas strong { font: 700 13.5px/1.3 Exo, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--koru-lacivert); }
.koru-hs-bilgi-kutu ul { list-style: none; margin: 0; padding: 0; display: grid; }
.koru-hs-bilgi-kutu li {
  display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; padding: 8px 0;
  font-size: 13.5px; line-height: 1.55; color: var(--koru-metin);
  animation: hsYuksel .45s ease both; animation-delay: calc(var(--g, 0) * .1s + .2s);
}
.koru-hs-bilgi-kutu li + li { border-top: 1px dashed rgba(174, 138, 48, .3); }
.koru-hs-bilgi-kutu-tik {
  display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%;
  background: rgba(174, 138, 48, .14); color: var(--koru-altin-metin);
}
.koru-hs-bilgi-kutu-tik svg { width: 12px; height: 12px; }
.koru-hs-bilgi-kutu-ipucu {
  display: flex; align-items: center; gap: 9px; margin: 10px 0 0; padding: 8px 12px; border-radius: 6px;
  background: var(--hs-mavi-z, #e8f0fa); font-size: 12.5px; line-height: 1.45; color: var(--koru-lacivert);
}
.koru-hs-bilgi-kutu-ipucu svg { flex: none; width: 18px; height: 18px; color: var(--hs-mavi, #2f6db3); }
@media (prefers-reduced-motion: reduce) { .koru-hs-bilgi-kutu-ikon, .koru-hs-bilgi-kutu li { animation: none; } }

/* Tablo altı not: ortalı, çerçeveli uyarı kutusu (kullanıcı 10-25) */
.koru-hs-dipnot {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: fit-content; max-width: min(980px, 100%); margin: 16px auto 0; padding: 11px 18px;
  border: 1px solid rgba(174, 138, 48, .5); border-radius: 6px; background: #fffaf0;
  font-size: 13.5px; line-height: 1.6; color: var(--koru-metin); text-align: center;
}
.koru-hs-dipnot svg { flex: none; width: 18px; height: 18px; color: var(--koru-altin-metin); }
.koru-hs-dipnot span { text-align: center; text-wrap: balance; }

/* Mobilde yan yana alan çiftleri 2 sütun (kullanıcı 10-25); segment içeren çift tek sütun kalır */
@media (max-width: 599px) {
  .koru-hs-ikili { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .koru-hs-ikili:has(.koru-hs-segment-alan) { grid-template-columns: 1fr; }
  .koru-hs .koru-hs-ikili .koru-rz-alan:not(.koru-hs-segment-alan) { padding: 10px 12px 4px; }
  .koru-hs .koru-hs-ikili .koru-rz-alan > label { font-size: 11.5px; letter-spacing: .05em; line-height: 1.3; }
  .koru-hs .koru-hs-ikili .koru-rz-alan > label span { display: inline-block; margin: 2px 0 0; padding: 1px 6px; font-size: 9.5px; }
  .koru-hs .koru-hs-ikili .koru-rz-girdi input { font-size: 15px; }
  .koru-hs .koru-hs-ikili .koru-rz-girdi.birimli input { padding-right: 34px; }
  .koru-hs .koru-hs-ikili .koru-hs-birim { font-size: 12px; }
  .koru-hs .koru-hs-ikili .koru-hs-tarih .koru-hs-tarih-metin { padding-right: 30px; letter-spacing: 0; }
  .koru-hs .koru-hs-ikili .koru-hs-ipucu { font-size: 11px; }
}
@media (max-width: 599px) {
  /* Yan yana tarih kutusu: soldaki takvim ikonu gizli (sağdaki açma oku yeterli), yazı sığsın */
  .koru-hs .koru-hs-ikili .koru-hs-tarih > svg { display: none; }
  .koru-hs .koru-hs-ikili .koru-hs-tarih .koru-hs-tarih-metin { padding-left: 0; padding-right: 26px; font-size: 14.5px; }
  .koru-hs .koru-hs-ikili .koru-hs-tarih-dugme { right: -8px; width: 28px; }
  /* Sonuç ana kutusu mobilde tamamen ortalı (görsel üstte, yazılar altında ortada) */
  .koru-hs-ana.gorselli { justify-items: center; }
  .koru-hs-ana.gorselli .koru-hs-ana-metin { width: 100%; text-align: center; }
  .koru-hs-ana.gorselli .koru-hs-ana-deger { justify-content: center; }
  .koru-hs-ana.gorselli .koru-hs-ana-alt { text-align: center; text-wrap: balance; hyphens: manual; }
  .koru-hs-ana:not(.gorselli) { text-align: center; }
  .koru-hs-ana:not(.gorselli) .koru-hs-ana-deger { justify-content: center; }
  .koru-hs-ana:not(.gorselli) .koru-hs-ana-alt { text-align: center; text-wrap: balance; }
}
@media (max-width: 599px) {
  /* Dar ekranda iki yana yaslama kelime arası boşluk açıyor → notlar normal hizada */
  .koru-hs-not p, .koru-hs-sonuc .koru-hs-not p, .koru-hs-kutu small { text-align: left; hyphens: manual; }
}
/* Kapalı takvim yer kaplamasın (dar ekranda sayfayı yana kaydırmasın); açılınca belirerek gelir */
.koru-hs-takvim { display: none; }
.koru-hs-tarih.acik .koru-hs-takvim { display: block; animation: hsTakvimAc .16s ease both; }
@keyframes hsTakvimAc { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }
/* Çift kutularda içerik üste hizalı (komşu kutu ipucuyla uzasa da giriş satırı aynı hizada) */
.koru-hs .koru-hs-ikili .koru-rz-alan { align-content: start; }
@media (max-width: 599px) {
  /* Segment içeren (tek sütun kalan) çiftte tarih kutusu normal görünümünde */
  .koru-hs .koru-hs-ikili:has(.koru-hs-segment-alan) .koru-hs-tarih > svg { display: block; }
  .koru-hs .koru-hs-ikili:has(.koru-hs-segment-alan) .koru-hs-tarih .koru-hs-tarih-metin { padding-left: 30px; padding-right: 40px; font-size: 15px; }
  .koru-hs .koru-hs-ikili:has(.koru-hs-segment-alan) .koru-rz-alan > label { font-size: 13.5px; letter-spacing: .08em; }
}