/*
 * RizeDijital Sağlık Rehberi — v0.41.6
 * Ortak public modül: /eczaneler + /hastaneler
 */
:root {
  --health-red: #bb1e2d;
  --health-red-dark: #69101b;
  --health-red-soft: #fff0f2;
  --health-blue: #0f7495;
  --health-blue-dark: #073e56;
  --health-blue-soft: #eaf8fc;
  --health-green: #168154;
  --health-amber: #c77a13;
  --health-line: rgba(20, 67, 48, .12);
  --health-shadow: 0 18px 48px rgba(20, 52, 39, .08);
  --health-shadow-hover: 0 24px 58px rgba(20, 52, 39, .14);
}

.health-page {
  min-width: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 8% 0, rgba(20, 129, 84, .06), transparent 25%),
    linear-gradient(180deg, rgba(244, 250, 247, .82), transparent 480px),
    var(--bg);
}

.hospital-page {
  background:
    radial-gradient(circle at 92% 0, rgba(15, 116, 149, .08), transparent 26%),
    linear-gradient(180deg, rgba(241, 249, 252, .84), transparent 480px),
    var(--bg);
}

.health-main { min-width: 0; }
.health-shell {
  width: min(1360px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 78px;
}

.health-hero {
  min-height: 360px;
  padding: clamp(30px, 5vw, 64px);
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr);
  align-items: center;
  gap: 34px;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  color: #fff;
  box-shadow: 0 30px 74px rgba(64, 18, 25, .2);
  isolation: isolate;
}

.health-hero::before,
.health-hero::after {
  content: "";
  position: absolute;
  z-index: -2;
  border-radius: 999px;
  pointer-events: none;
}

.health-hero::before {
  width: 460px;
  height: 460px;
  top: -250px;
  right: -60px;
  background: rgba(255, 255, 255, .11);
}

.health-hero::after {
  width: 320px;
  height: 320px;
  left: 42%;
  bottom: -260px;
  border: 46px solid rgba(255, 255, 255, .06);
}

.health-hero--pharmacy {
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 210, 214, .25), transparent 25%),
    linear-gradient(135deg, #5a0d17 0%, #9e1624 49%, #d53a49 100%);
}

.health-hero--hospital {
  background:
    radial-gradient(circle at 80% 18%, rgba(193, 242, 255, .24), transparent 26%),
    linear-gradient(135deg, #07384e 0%, #0d6685 50%, #1fa1bd 100%);
  box-shadow: 0 30px 74px rgba(7, 64, 86, .22);
}

.health-hero__copy { min-width: 0; position: relative; z-index: 3; }
.health-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.health-hero h1 {
  max-width: 760px;
  margin: 18px 0 12px;
  font: 900 clamp(32px, 4.8vw, 60px)/1.04 "Poppins", sans-serif;
  letter-spacing: -.045em;
}

.health-hero__copy > p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 1.72;
}

.health-hero__actions {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.health-hero-btn {
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.health-hero-btn:hover { transform: translateY(-2px); }
.health-hero-btn--light { color: #202b26; background: #fff; box-shadow: 0 16px 30px rgba(0,0,0,.15); }
.health-hero-btn--glass { border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); backdrop-filter: blur(12px); }
.health-hero-btn--glass:hover { background: rgba(255,255,255,.18); }

.health-live-strip {
  width: fit-content;
  max-width: 100%;
  margin-top: 25px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 13px;
  background: rgba(20, 8, 11, .16);
  backdrop-filter: blur(12px);
  color: rgba(255,255,255,.78);
  font-size: 10.5px;
}

.health-live-strip strong { color: #fff; font-size: 11px; }
.health-live-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #6df2a8;
  box-shadow: 0 0 0 0 rgba(109,242,168,.65);
  animation: healthPulseDot 1.8s infinite;
}

.health-hero__visual {
  min-height: 260px;
  position: relative;
  display: grid;
  place-items: center;
  z-index: 2;
}

.health-orbit {
  position: absolute;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
}
.health-orbit--one { width: 290px; height: 290px; animation: healthSpin 18s linear infinite; }
.health-orbit--two { width: 220px; height: 220px; border-style: dashed; animation: healthSpinReverse 13s linear infinite; }
.health-orbit::before,
.health-orbit::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.68);
  box-shadow: 0 0 18px rgba(255,255,255,.5);
}
.health-orbit::before { top: 9%; left: 22%; }
.health-orbit::after { right: 5%; bottom: 25%; }

.pharmacy-building {
  width: 230px;
  height: 190px;
  position: relative;
  z-index: 3;
  border: 8px solid rgba(255,255,255,.24);
  border-bottom-width: 12px;
  border-radius: 24px 24px 16px 16px;
  background: linear-gradient(180deg, #fff 0%, #f7eeee 100%);
  box-shadow: 0 28px 50px rgba(35, 3, 8, .3);
  animation: healthFloat 5s ease-in-out infinite;
}

.pharmacy-sign {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -34px;
  left: 50%;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  border: 6px solid rgba(255,255,255,.86);
  border-radius: 18px;
  color: #fff;
  background: #e33143;
  box-shadow: 0 12px 26px rgba(111, 10, 25, .3), 0 0 0 0 rgba(255,84,105,.5);
  font-size: 25px;
  animation: pharmacySignPulse 2.2s ease-in-out infinite;
}

.pharmacy-awning {
  height: 34px;
  margin: 42px -8px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border-radius: 8px 8px 13px 13px;
  box-shadow: 0 8px 16px rgba(72, 16, 24, .14);
}
.pharmacy-awning span:nth-child(odd) { background: #c51f31; }
.pharmacy-awning span:nth-child(even) { background: #fff; }

.pharmacy-window,
.pharmacy-door {
  position: absolute;
  bottom: 12px;
  display: grid;
  place-items: center;
  border: 5px solid #d9e7e1;
  border-radius: 12px 12px 4px 4px;
  background: linear-gradient(145deg, #d8fbef, #91d9c2);
  color: #14784f;
}
.pharmacy-window { width: 82px; height: 72px; left: 20px; font-size: 30px; }
.pharmacy-door { width: 72px; height: 98px; right: 22px; background: linear-gradient(145deg, #d8f8fb, #91cbd9); }
.pharmacy-door span { width: 7px; height: 7px; position: absolute; right: 8px; border-radius: 50%; background: #526e69; }
.pharmacy-light { width: 155px; height: 30px; position: absolute; left: 38px; bottom: -24px; border-radius: 50%; background: rgba(255,255,255,.28); filter: blur(14px); }

.floating-pill {
  width: 47px;
  height: 47px;
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 15px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
  font-size: 20px;
  box-shadow: 0 14px 28px rgba(34, 4, 9, .16);
}
.floating-pill--one { top: 20px; left: 12px; animation: healthFloat 4.4s ease-in-out infinite .4s; }
.floating-pill--two { right: 0; bottom: 25px; animation: healthFloat 4.8s ease-in-out infinite 1s; }

.health-ecg {
  width: 260px;
  height: 48px;
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  overflow: hidden;
  opacity: .9;
}
.health-ecg::before {
  content: "";
  height: 2px;
  position: absolute;
  inset: 24px 0 auto;
  background: rgba(255,255,255,.2);
}
.health-ecg span {
  width: 360px;
  height: 48px;
  position: absolute;
  left: -100px;
  top: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='48' viewBox='0 0 360 48'%3E%3Cpath d='M0 24h65l12-16 16 32 18-25 13 9h48l12-16 16 32 18-25 13 9h129' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x;
  animation: healthEcg 4s linear infinite;
}

.hospital-building {
  width: 250px;
  height: 205px;
  position: relative;
  z-index: 3;
  padding: 43px 22px 0;
  border: 8px solid rgba(255,255,255,.2);
  border-radius: 26px 26px 14px 14px;
  background: linear-gradient(180deg, #fafdff, #dbeff5);
  box-shadow: 0 30px 54px rgba(2, 35, 50, .32);
  animation: healthFloat 5.3s ease-in-out infinite;
}

.hospital-roof-sign {
  width: 64px;
  height: 64px;
  position: absolute;
  top: -34px;
  left: 50%;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  border: 6px solid rgba(255,255,255,.9);
  border-radius: 19px;
  color: #fff;
  background: #1b91ad;
  box-shadow: 0 12px 28px rgba(4, 82, 106, .35), 0 0 0 0 rgba(50,195,225,.48);
  font-size: 27px;
  animation: hospitalSignPulse 2.4s ease-in-out infinite;
}

.hospital-floor { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 13px; }
.hospital-floor span { height: 31px; border: 4px solid #c9dde5; border-radius: 6px; background: linear-gradient(145deg, #d5fbff, #80c8dc); box-shadow: inset 0 0 12px rgba(255,255,255,.5); }
.hospital-entry {
  width: 58px;
  height: 61px;
  position: absolute;
  left: 50%;
  bottom: 0;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  border-radius: 10px 10px 0 0;
  color: #11667f;
  background: linear-gradient(145deg, #bceaf2, #7bc3d5);
  font-size: 20px;
}

.ambulance-animation {
  width: 88px;
  height: 54px;
  position: absolute;
  right: -3px;
  bottom: 15px;
  z-index: 5;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 30px rgba(3, 43, 58, .2);
  font-size: 30px;
  animation: ambulanceMove 4.7s ease-in-out infinite;
}
.ambulance-light { width: 12px; height: 8px; position: absolute; top: 8px; border-radius: 5px; background: #ff4d5d; box-shadow: 0 0 13px #ff4d5d; animation: ambulanceBlink .75s steps(1) infinite; }

.health-stat-grid {
  margin: 18px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.health-stat-card {
  min-width: 0;
  padding: 17px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--card);
  box-shadow: var(--health-shadow);
}
.health-stat-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  font-size: 17px;
}
.health-stat-icon--red { color: var(--health-red); background: var(--health-red-soft); }
.health-stat-icon--green { color: var(--health-green); background: #eaf8f1; }
.health-stat-icon--blue { color: var(--health-blue); background: var(--health-blue-soft); }
.health-stat-icon--amber { color: var(--health-amber); background: #fff6e8; }
.health-stat-card strong { display: block; font: 900 22px/1 "Poppins", sans-serif; }
.health-stat-card > div > span { display: block; margin-top: 5px; color: var(--text3); font-size: 10px; font-weight: 800; }

.health-toolbar-card {
  margin-bottom: 20px;
  padding: 19px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: var(--card);
  box-shadow: var(--health-shadow);
}
.health-toolbar-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.health-toolbar-head > div:first-child > span,
.health-section-heading > div > span {
  display: block;
  color: var(--health-green);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.hospital-page .health-toolbar-head > div:first-child > span,
.hospital-page .health-section-heading > div > span { color: var(--health-blue); }
.health-toolbar-head h2,
.health-section-heading h2 { margin: 3px 0 0; font: 900 18px/1.3 "Poppins", sans-serif; }
.health-toolbar-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.health-toolbar-links a {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 10px;
  color: var(--text2);
  background: var(--bg2);
  font-size: 9.5px;
  font-weight: 900;
  text-decoration: none;
}
.health-toolbar-links a:hover { color: var(--health-green); background: #edf8f2; }
.hospital-page .health-toolbar-links a:hover { color: var(--health-blue); background: var(--health-blue-soft); }

.health-district-rail {
  margin: 17px -2px 0;
  padding: 2px 2px 7px;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.health-district-rail a {
  min-height: 36px;
  padding: 0 13px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  scroll-snap-align: start;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text2);
  background: var(--card);
  font-size: 9.5px;
  font-weight: 900;
  text-decoration: none;
  transition: .18s ease;
}
.health-district-rail a:hover,
.health-district-rail a.is-active { color: #fff; border-color: var(--health-red); background: var(--health-red); }
.hospital-page .health-district-rail a:hover,
.hospital-page .health-district-rail a.is-active { border-color: var(--health-blue); background: var(--health-blue); }

.health-search-form {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 9px;
  align-items: center;
}
.health-search-form label {
  min-height: 45px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--bg2);
  color: var(--text3);
}
.health-search-form input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; font: inherit; font-size: 12px; }
.health-search-form button,
.health-filter-submit {
  min-height: 45px;
  padding: 0 17px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: var(--health-red);
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}
.hospital-page .health-filter-submit { background: var(--health-blue); }
.health-clear-filter {
  min-height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 11px;
  color: var(--text3);
  background: var(--bg2);
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
}

.health-filter-form {
  margin-top: 15px;
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(150px, .7fr) minmax(150px, .7fr) auto auto;
  gap: 9px;
  align-items: end;
}
.health-filter-field { min-width: 0; }
.health-filter-field > label { display: block; margin: 0 0 6px 2px; color: var(--text3); font-size: 8.5px; font-weight: 900; }
.health-filter-field > div,
.health-filter-field select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  background: var(--bg2);
  font: inherit;
  font-size: 10px;
}
.health-filter-field > div { padding: 0 13px; display: flex; align-items: center; gap: 9px; color: var(--text3); }
.health-filter-field input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; font: inherit; font-size: 11px; }
.health-filter-field select { padding: 0 11px; outline: 0; }
.health-check-field { min-height: 44px; padding: 0 12px; display: flex; align-items: center; border: 1px solid var(--border); border-radius: 12px; background: var(--bg2); cursor: pointer; }
.health-check-field input { accent-color: var(--health-blue); }
.health-check-field span { margin-left: 7px; color: var(--text2); font-size: 9px; font-weight: 900; white-space: nowrap; }

.health-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.health-content-column { min-width: 0; }
.health-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 13px; position: sticky; top: 88px; }

.health-section-heading { margin: 6px 0 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.health-section-heading--spaced { margin-top: 28px; }
.health-result-count { padding: 6px 10px; flex: 0 0 auto; border-radius: 999px; color: var(--health-red); background: var(--health-red-soft); font-size: 9px; font-weight: 900; }
.hospital-page .health-result-count { color: var(--health-blue); background: var(--health-blue-soft); }

.health-info-banner {
  margin-bottom: 13px;
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid rgba(199,122,19,.2);
  border-radius: 16px;
  background: #fff8ec;
}
.health-info-banner > span { width: 37px; height: 37px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; color: var(--health-amber); background: #ffedca; }
.health-info-banner strong { display: block; font-size: 11px; }
.health-info-banner p { margin: 4px 0 0; color: var(--text3); font-size: 9.5px; line-height: 1.55; }
.health-info-banner--day { border-color: rgba(22,129,84,.18); background: #edf9f3; }
.health-info-banner--day > span { color: var(--health-green); background: #dff4e9; }

.health-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.health-card-grid--featured .health-place-card { border-color: rgba(187,30,45,.24); box-shadow: 0 20px 48px rgba(126, 20, 34, .12); }
.health-place-card {
  min-width: 0;
  padding: 17px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--card);
  box-shadow: var(--health-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.health-place-card::after { content: ""; width: 110px; height: 110px; position: absolute; right: -60px; top: -60px; border-radius: 50%; background: rgba(187,30,45,.04); pointer-events: none; }
.hospital-card::after { background: rgba(15,116,149,.05); }
.health-place-card:hover { transform: translateY(-3px); border-color: rgba(22,129,84,.24); box-shadow: var(--health-shadow-hover); }
.pharmacy-card.is-on-duty { background: linear-gradient(145deg, var(--card) 65%, rgba(255,236,239,.82)); }
.hospital-card.has-emergency { background: linear-gradient(145deg, var(--card) 67%, rgba(232,248,252,.8)); }

.health-place-card__top { display: flex; align-items: flex-start; gap: 12px; }
.health-place-icon {
  width: 49px;
  height: 49px;
  flex: 0 0 auto;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 15px;
  font-size: 18px;
}
.health-place-icon--pharmacy { color: var(--health-red); background: var(--health-red-soft); }
.health-place-icon--hospital { color: var(--health-blue); background: var(--health-blue-soft); }
.health-place-pulse { width: 9px; height: 9px; position: absolute; right: -2px; top: -2px; border: 3px solid var(--card); border-radius: 50%; background: #3bd17e; box-sizing: content-box; }
.health-place-heading { min-width: 0; flex: 1; }
.health-place-eyebrow { min-height: 21px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.health-place-heading h3 { margin: 6px 0 0; font: 900 14px/1.35 "Poppins", sans-serif; overflow-wrap: anywhere; }
.health-status,
.health-mini-location { min-height: 21px; padding: 0 7px; display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; font-size: 7.5px; font-weight: 900; }
.health-status--danger { color: var(--health-red); background: var(--health-red-soft); }
.health-status--danger .fa-circle { font-size: 5px; animation: statusBlink 1.4s infinite; }
.health-status--soft { color: var(--health-green); background: #eaf8f1; }
.health-status--blue { color: var(--health-blue); background: var(--health-blue-soft); }
.health-mini-location { color: var(--text3); background: var(--bg2); }
.health-place-address { min-height: 48px; margin: 14px 0 11px; padding: 11px 12px; display: flex; align-items: flex-start; gap: 9px; border-radius: 12px; color: var(--text3); background: var(--bg2); font-size: 9.5px; line-height: 1.55; }
.health-place-address i { margin-top: 2px; color: var(--health-red); }
.hospital-card .health-place-address i { color: var(--health-blue); }
.health-place-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; color: var(--text3); font-size: 8.5px; font-weight: 800; }
.health-place-meta span { display: inline-flex; align-items: center; gap: 5px; }
.health-place-meta i { color: var(--health-green); }
.hospital-card .health-place-meta i { color: var(--health-blue); }
.health-place-actions { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.health-action { min-height: 39px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 11px; font-size: 8.5px; font-weight: 900; text-decoration: none; }
.health-action--primary { color: #fff; background: var(--health-red); }
.health-action--hospital { background: var(--health-blue); }
.health-action--ghost { color: var(--text2); border: 1px solid var(--border); background: var(--bg2); }
.health-action:hover { filter: brightness(.97); transform: translateY(-1px); }

.health-group-section { margin-bottom: 25px; }
.health-group-title { margin-bottom: 11px; padding: 0 2px 10px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--border); }
.health-group-title > div { display: flex; align-items: center; gap: 10px; }
.health-group-title > div > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 12px; color: var(--health-red); background: var(--health-red-soft); }
.health-group-title h3 { margin: 0; font: 900 13px "Poppins", sans-serif; }
.health-group-title p { margin: 2px 0 0; color: var(--text3); font-size: 8.5px; }
.health-group-title > a { color: var(--health-red); font-size: 8.5px; font-weight: 900; text-decoration: none; }

.health-empty-state { padding: 50px 20px; display: grid; place-items: center; text-align: center; border: 1px dashed var(--border); border-radius: 22px; background: var(--card); }
.health-empty-state > i { font-size: 34px; color: var(--text3); }
.health-empty-state h3 { margin: 13px 0 5px; font: 900 15px "Poppins", sans-serif; }
.health-empty-state p { margin: 0; color: var(--text3); font-size: 10px; }

.health-side-card {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 19px;
  background: var(--card);
  box-shadow: var(--health-shadow);
}
.health-side-card__head { display: flex; align-items: center; gap: 10px; }
.health-side-card__head > span { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--health-green); background: #eaf8f1; }
.health-side-card__head small { display: block; color: var(--health-green); font-size: 7.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.health-side-card__head h3 { margin: 2px 0 0; font: 900 13px "Poppins", sans-serif; }
.health-side-card > p { margin: 12px 0; color: var(--text3); font-size: 9.5px; line-height: 1.6; }
.health-side-card > a { min-height: 37px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; border-radius: 11px; color: var(--health-green); background: #ecf8f2; font-size: 8.5px; font-weight: 900; text-decoration: none; }
.health-side-card--blue .health-side-card__head > span { color: var(--health-blue); background: var(--health-blue-soft); }
.health-side-card--blue .health-side-card__head small { color: var(--health-blue); }
.health-side-card--blue > a { color: var(--health-blue); background: var(--health-blue-soft); }
.health-side-card--notice .health-side-card__head > span { color: var(--health-amber); background: #fff4df; }
.health-side-card--notice .health-side-card__head small { color: var(--health-amber); }

.health-emergency-card {
  padding: 17px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 11px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg, #6d101b, #bd2031);
  box-shadow: 0 20px 46px rgba(126,20,34,.22);
}
.health-emergency-card--hospital { background: linear-gradient(145deg, #0a435a, #0f7e9d); box-shadow: 0 20px 46px rgba(7,74,98,.22); }
.health-emergency-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 15px; background: rgba(255,255,255,.12); font-size: 18px; }
.health-emergency-card span { display: block; color: rgba(255,255,255,.72); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.health-emergency-card strong { display: block; margin-top: 1px; font: 900 30px/1 "Poppins", sans-serif; }
.health-emergency-card p { margin: 5px 0 0; color: rgba(255,255,255,.76); font-size: 8.5px; }
.health-emergency-card > a { grid-column: 1/-1; min-height: 39px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; color: #79202b; background: #fff; font-size: 9px; font-weight: 900; text-decoration: none; }
.health-emergency-card--hospital > a { color: #0c607b; }

.health-compact-list { margin-top: 12px; display: flex; flex-direction: column; gap: 5px; }
.health-compact-list a { min-height: 52px; padding: 7px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 8px; border-radius: 11px; color: var(--text); text-decoration: none; }
.health-compact-list a:hover { background: var(--bg2); }
.health-compact-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--health-blue); background: var(--health-blue-soft); }
.health-compact-icon--red { color: var(--health-red); background: var(--health-red-soft); }
.health-compact-list strong { display: block; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.health-compact-list small { display: block; margin-top: 2px; color: var(--text3); font-size: 7.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.health-compact-list > a > i { color: var(--text3); font-size: 8px; }

.health-weather-list { margin-top: 12px; display: flex; flex-direction: column; }
.health-weather-list > div { min-height: 37px; display: grid; grid-template-columns: 1fr 30px auto; align-items: center; border-bottom: 1px solid var(--border); font-size: 8.5px; }
.health-weather-list > div:last-child { border-bottom: 0; }
.health-weather-list span { color: var(--text2); font-weight: 800; }
.health-weather-list b { font-size: 17px; }
.health-weather-list strong { font-size: 9px; }
.health-weather-list strong small { color: var(--text3); font-size: 8px; }

.health-legend-list { margin-top: 12px; display: flex; flex-direction: column; gap: 5px; }
.health-legend-list a { min-height: 38px; padding: 0 9px; display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 8px; border-radius: 9px; color: var(--text2); text-decoration: none; }
.health-legend-list a:hover { background: var(--bg2); }
.health-legend-list strong { font-size: 8.5px; }
.health-legend-list small { color: var(--text3); font-size: 8px; font-weight: 900; }
.legend-dot { width: 8px; height: 8px; border-radius: 50%; }
.legend-dot--green { background: var(--health-green); }
.legend-dot--blue { background: var(--health-blue); }
.legend-dot--amber { background: var(--health-amber); }

.health-ad-card { min-height: 145px; padding: 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border: 1px dashed rgba(187,30,45,.25); border-radius: 19px; color: var(--health-red); background: linear-gradient(145deg, var(--card), var(--health-red-soft)); }
.health-ad-card--blue { color: var(--health-blue); border-color: rgba(15,116,149,.24); background: linear-gradient(145deg, var(--card), var(--health-blue-soft)); }
.health-ad-card i { font-size: 22px; }
.health-ad-card strong { margin-top: 8px; font-size: 10px; }
.health-ad-card span { margin-top: 4px; color: var(--text3); font-size: 8px; line-height: 1.5; }

[data-theme="dark"] .health-page,
[data-theme="dark"] .hospital-page { background: radial-gradient(circle at 15% 0, rgba(38,116,80,.09), transparent 25%), var(--bg); }
[data-theme="dark"] .health-stat-icon--red,
[data-theme="dark"] .health-place-icon--pharmacy,
[data-theme="dark"] .health-status--danger,
[data-theme="dark"] .health-result-count { background: rgba(187,30,45,.16); }
[data-theme="dark"] .health-stat-icon--blue,
[data-theme="dark"] .health-place-icon--hospital,
[data-theme="dark"] .health-status--blue,
[data-theme="dark"] .hospital-page .health-result-count { background: rgba(15,116,149,.18); }
[data-theme="dark"] .health-info-banner { background: rgba(199,122,19,.1); }
[data-theme="dark"] .health-info-banner--day { background: rgba(22,129,84,.1); }
[data-theme="dark"] .health-side-card > a,
[data-theme="dark"] .health-side-card--blue > a { background: rgba(255,255,255,.05); }
[data-theme="dark"] .pharmacy-card.is-on-duty,
[data-theme="dark"] .hospital-card.has-emergency { background: var(--card); }

@keyframes healthPulseDot { 0% { box-shadow: 0 0 0 0 rgba(109,242,168,.65); } 70% { box-shadow: 0 0 0 10px rgba(109,242,168,0); } 100% { box-shadow: 0 0 0 0 rgba(109,242,168,0); } }
@keyframes healthSpin { to { transform: rotate(360deg); } }
@keyframes healthSpinReverse { to { transform: rotate(-360deg); } }
@keyframes healthFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes pharmacySignPulse { 0%,100% { box-shadow: 0 12px 26px rgba(111,10,25,.3), 0 0 0 0 rgba(255,84,105,.4); } 50% { box-shadow: 0 12px 30px rgba(111,10,25,.4), 0 0 0 12px rgba(255,84,105,0); } }
@keyframes hospitalSignPulse { 0%,100% { box-shadow: 0 12px 28px rgba(4,82,106,.35), 0 0 0 0 rgba(50,195,225,.45); } 50% { box-shadow: 0 12px 30px rgba(4,82,106,.42), 0 0 0 12px rgba(50,195,225,0); } }
@keyframes healthEcg { to { transform: translateX(180px); } }
@keyframes ambulanceMove { 0%,100% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-22px) translateY(-4px); } }
@keyframes ambulanceBlink { 0%,49% { opacity: 1; } 50%,100% { opacity: .2; } }
@keyframes statusBlink { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

@media (max-width: 1120px) {
  .health-hero { grid-template-columns: minmax(0, 1fr) 320px; }
  .health-content-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .health-filter-form { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .health-check-field { grid-column: span 1; }
}

@media (max-width: 900px) {
  .health-shell { width: min(100% - 20px, 1360px); padding-top: 14px; }
  .health-hero { min-height: 0; padding: 34px; grid-template-columns: 1fr 270px; border-radius: 24px; }
  .health-hero h1 { font-size: clamp(29px, 5.8vw, 46px); }
  .health-hero__visual { min-height: 235px; transform: scale(.86); }
  .health-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .health-content-layout { grid-template-columns: 1fr; }
  .health-sidebar { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .health-ad-card { min-height: 170px; }
}

@media (max-width: 700px) {
  .health-shell { width: calc(100% - 14px); padding-top: 8px; }
  .health-hero { padding: 25px 20px 22px; display: block; border-radius: 22px; }
  .health-hero__copy > p { max-width: 520px; font-size: 13px; line-height: 1.6; }
  .health-hero__visual { min-height: 215px; margin: 12px auto -4px; transform: scale(.82); }
  .health-live-strip { width: 100%; align-items: flex-start; flex-wrap: wrap; }
  .health-live-strip span:last-child { width: 100%; padding-left: 16px; }
  .health-toolbar-head { display: block; }
  .health-toolbar-links { margin-top: 12px; justify-content: flex-start; }
  .health-search-form { grid-template-columns: 1fr auto; }
  .health-search-form .health-clear-filter { grid-column: 1/-1; }
  .health-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .health-filter-field--search { grid-column: 1/-1; }
  .health-check-field { grid-column: 1/-1; }
  .health-card-grid { grid-template-columns: 1fr; }
  .health-sidebar { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .health-shell { width: calc(100% - 10px); }
  .health-hero { padding: 23px 17px 18px; border-radius: 20px; }
  .health-kicker { font-size: 8px; }
  .health-hero h1 { margin-top: 14px; font-size: 30px; }
  .health-hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .health-hero-btn { padding: 0 10px; font-size: 9px; }
  .health-hero__visual { min-height: 190px; margin-top: 2px; transform: scale(.72); }
  .health-stat-grid { gap: 7px; }
  .health-stat-card { padding: 11px; gap: 9px; border-radius: 15px; }
  .health-stat-icon { width: 37px; height: 37px; border-radius: 11px; font-size: 14px; }
  .health-stat-card strong { font-size: 17px; }
  .health-stat-card > div > span { font-size: 8px; }
  .health-toolbar-card { padding: 14px; border-radius: 18px; }
  .health-toolbar-head h2,
  .health-section-heading h2 { font-size: 15px; }
  .health-filter-form { grid-template-columns: 1fr; }
  .health-filter-field--search,
  .health-check-field { grid-column: auto; }
  .health-filter-submit,
  .health-filter-form .health-clear-filter { width: 100%; }
  .health-place-card { padding: 14px; border-radius: 17px; }
  .health-place-actions { grid-template-columns: 1fr; }
  .health-group-title { align-items: flex-start; }
  .health-group-title > a { padding-top: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .health-page *,
  .health-page *::before,
  .health-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   v0.41.7 — AI Asistan ölçüsünde hero + Sağlık servisleri genişletmesi
   ══════════════════════════════════════════════════════════════════════ */
.health-shell{
  width:100%;
  max-width:1360px;
  margin:0 auto;
  padding:18px 20px 78px;
}
.health-hero{
  min-height:310px;
  padding:40px 46px;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:30px;
  border-radius:26px;
}
.health-hero h1{font-size:clamp(31px,4.2vw,54px);margin:15px 0 10px}
.health-hero__copy>p{line-height:1.62}
.health-hero__visual{min-height:220px}
.health-orbit--one{width:252px;height:252px}
.health-orbit--two{width:190px;height:190px}
.pharmacy-building,.hospital-building{transform:scale(.9)}

/* Nöbetçi eczaneleri ayrı öne çıkaran premium alan */
.health-featured-duty{
  margin:22px 0 24px;
  padding:22px;
  border:1px solid rgba(187,30,45,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,241,243,.92));
  box-shadow:var(--health-shadow);
  position:relative;
  overflow:hidden;
}
.health-featured-duty:before{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-110px;top:-130px;
  background:radial-gradient(circle,rgba(213,58,73,.16),transparent 68%);pointer-events:none
}
.health-featured-duty__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;position:relative}
.health-featured-duty__head>div>span{display:inline-flex;align-items:center;gap:7px;color:var(--health-red);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.health-featured-duty__head h2{margin:5px 0 4px;font:900 clamp(18px,2.2vw,27px)/1.15 "Poppins",sans-serif}
.health-featured-duty__head p{margin:0;color:var(--text3);font-size:10px;line-height:1.55}
.health-featured-duty__head>strong{padding:8px 11px;border-radius:999px;color:var(--health-red);background:var(--health-red-soft);font-size:9px;white-space:nowrap}
.health-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.health-featured-card{border-color:rgba(187,30,45,.18);box-shadow:0 14px 32px rgba(123,22,33,.08)}
.health-featured-card:after{content:"ÖNE ÇIKAN";position:absolute;right:12px;bottom:12px;color:rgba(187,30,45,.12);font:900 17px "Poppins",sans-serif;letter-spacing:.04em;pointer-events:none}

/* Yeni Acil Servis hero */
.emergency-page{background:radial-gradient(circle at 8% 0,rgba(190,25,43,.08),transparent 25%),linear-gradient(180deg,rgba(255,245,246,.86),transparent 480px),var(--bg)}
.health-hero--emergency{background:radial-gradient(circle at 82% 16%,rgba(255,210,218,.25),transparent 25%),linear-gradient(135deg,#5c0712 0%,#9f1325 48%,#df4050 100%);box-shadow:0 26px 68px rgba(109,10,25,.22)}
.health-live-dot--red{background:#ff7180;box-shadow:0 0 0 0 rgba(255,113,128,.68)}
.emergency-hero-art{perspective:900px}
.emergency-hospital-art{width:205px;height:148px;position:relative;border:1px solid rgba(255,255,255,.3);border-radius:22px 22px 10px 10px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,224,228,.9));box-shadow:0 25px 50px rgba(47,4,10,.25);animation:healthFloat 4.8s ease-in-out infinite}
.emergency-cross{position:absolute;left:50%;top:-28px;translate:-50% 0;width:60px;height:60px;display:grid;place-items:center;border:6px solid rgba(255,255,255,.82);border-radius:18px;color:#fff;background:#d7253b;box-shadow:0 0 0 0 rgba(255,83,105,.4);animation:pharmacySignPulse 2s infinite}
.emergency-window{position:absolute;top:57px;width:48px;height:39px;border-radius:8px;background:linear-gradient(145deg,#a9e8f4,#e7fbff);box-shadow:inset 0 0 0 5px rgba(20,74,92,.12)}
.emergency-window.ew1{left:22px}.emergency-window.ew2{right:22px}.emergency-door{position:absolute;left:50%;bottom:0;translate:-50% 0;width:50px;height:54px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#7bcbdc 49%,#e6fbff 50%)}
.emergency-ecg{position:absolute;left:21px;right:21px;bottom:18px;height:2px;opacity:.35;background:linear-gradient(90deg,transparent,#c81931 20%,#c81931 32%,transparent 33%,transparent 100%)}
.emergency-ambulance{position:absolute;right:8px;bottom:18px;width:92px;height:55px;display:grid;place-items:center;border-radius:14px 18px 9px 9px;color:#c81830;background:#fff;font-size:37px;box-shadow:0 16px 30px rgba(47,4,10,.28);animation:ambulanceMove 4s ease-in-out infinite}
.emergency-ambulance:before,.emergency-ambulance:after{content:"";position:absolute;bottom:-8px;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:#26353b}.emergency-ambulance:before{left:13px}.emergency-ambulance:after{right:13px}
.ambulance-light{position:absolute;width:22px;height:8px;top:-8px;border-radius:6px;background:#45bce0;box-shadow:0 0 18px #45bce0;animation:ambulanceBlink .7s infinite}
.health-urgent-strip{margin-top:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:19px;color:#fff;background:linear-gradient(135deg,#7c0e1d,#c61f35);box-shadow:0 18px 42px rgba(124,14,29,.2)}
.health-urgent-strip>div{display:flex;align-items:center;gap:13px}.health-urgent-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.12);font-size:19px}.health-urgent-strip small{display:block;color:rgba(255,255,255,.66);font-size:7px;font-weight:900;letter-spacing:.1em}.health-urgent-strip strong{display:block;margin:1px 0;font:900 15px "Poppins",sans-serif}.health-urgent-strip p{margin:0;color:rgba(255,255,255,.76);font-size:9px}.health-urgent-strip>a{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;color:#8a1020;background:#fff;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}
.health-info-banner--blue{border-color:rgba(15,116,149,.2);color:var(--health-blue);background:var(--health-blue-soft)}
.health-triage-list{display:grid;gap:7px;margin-top:13px}.health-triage-list span{padding:9px 10px;border-radius:10px;font-size:8.5px;color:var(--text2)}.health-triage-list b{display:inline-block;min-width:46px}.triage-red{background:rgba(187,30,45,.1)}.triage-red b{color:var(--health-red)}.triage-amber{background:rgba(199,122,19,.11)}.triage-amber b{color:var(--health-amber)}.triage-green{background:rgba(22,129,84,.1)}.triage-green b{color:var(--health-green)}

/* Yeni Hastane Randevusu hero */
.appointment-page{background:radial-gradient(circle at 92% 0,rgba(70,96,191,.08),transparent 25%),linear-gradient(180deg,rgba(244,246,255,.88),transparent 480px),var(--bg)}
.health-hero--appointment{background:radial-gradient(circle at 80% 18%,rgba(218,229,255,.28),transparent 26%),linear-gradient(135deg,#182b68 0%,#3159a7 50%,#6e8ee0 100%);box-shadow:0 26px 68px rgba(28,47,111,.22)}
.appointment-hero-art{perspective:1000px}.appointment-phone{width:156px;height:230px;position:relative;padding:20px 13px;border:7px solid rgba(255,255,255,.72);border-radius:29px;background:linear-gradient(155deg,#f7f9ff,#dce6ff);box-shadow:0 25px 50px rgba(13,26,74,.28);transform:rotate(5deg);animation:healthFloat 5s ease-in-out infinite}.appointment-speaker{position:absolute;top:8px;left:50%;translate:-50% 0;width:40px;height:5px;border-radius:10px;background:#7f91c2}.appointment-calendar{height:165px;padding:19px 10px;display:flex;flex-direction:column;align-items:center;border-radius:18px;background:linear-gradient(145deg,#fff,#edf2ff);box-shadow:inset 0 0 0 1px rgba(47,76,159,.09)}.appointment-calendar b{font:900 47px/1 "Poppins",sans-serif;color:#3159a7}.appointment-calendar small{margin-top:3px;color:#6d7ba3;font-size:9px;font-weight:900;letter-spacing:.08em}.appointment-calendar i{margin-top:21px;color:#36a46e;font-size:34px;filter:drop-shadow(0 7px 12px rgba(54,164,110,.25))}.appointment-home{position:absolute;left:50%;bottom:8px;translate:-50% 0;width:10px;height:10px;border:2px solid #8b99bd;border-radius:50%}.appointment-doctor{position:absolute;right:28px;bottom:13px;width:100px;height:100px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.72);border-radius:30px;color:#3159a7;background:#fff;font-size:53px;box-shadow:0 20px 40px rgba(13,26,74,.28);animation:healthFloat 4.2s .5s ease-in-out infinite}.doctor-pulse{position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.3);border-radius:38px;animation:healthPulseDot 2.2s infinite}
.appointment-channel-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appointment-channel-grid>a{min-height:112px;padding:16px;display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:19px;color:var(--text);background:var(--card);box-shadow:var(--health-shadow);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.appointment-channel-grid>a:hover{transform:translateY(-3px);box-shadow:var(--health-shadow-hover)}.appointment-channel-grid>a>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#3159a7;background:#edf2ff;font-size:18px}.appointment-channel-grid small{display:block;color:#6474a3;font-size:7px;font-weight:900;letter-spacing:.08em}.appointment-channel-grid strong{display:block;margin:2px 0;font:900 14px "Poppins",sans-serif}.appointment-channel-grid p{margin:0;color:var(--text3);font-size:8.5px;line-height:1.45}.appointment-channel-grid>a>i{color:var(--text3);font-size:10px}.appointment-steps{margin:14px 0 0;padding:0;display:grid;gap:10px;list-style:none}.appointment-steps li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;color:var(--text2);font-size:8.8px;line-height:1.45}.appointment-steps b{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#3159a7;font-size:9px}

[data-theme="dark"] .health-featured-duty{background:linear-gradient(145deg,var(--card),rgba(187,30,45,.08))}
[data-theme="dark"] .emergency-page,[data-theme="dark"] .appointment-page{background:var(--bg)}
[data-theme="dark"] .appointment-channel-grid>a{background:var(--card)}

@media(max-width:1120px){.health-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .health-shell{padding:14px 10px 72px}
  .health-hero{min-height:0;padding:30px 32px;grid-template-columns:minmax(0,1fr) 245px;border-radius:24px}
  .health-hero__visual{min-height:205px}.health-featured-duty{margin:14px 0 18px}
  .appointment-channel-grid{grid-template-columns:1fr}.health-urgent-strip{align-items:flex-start}
}
@media(max-width:720px){
  .health-shell{padding-left:7px;padding-right:7px}
  .health-hero{padding:26px 23px;grid-template-columns:1fr;border-radius:22px}
  .health-hero__visual{display:none}.health-hero h1{font-size:clamp(28px,9vw,40px)}
  .health-live-strip{margin-top:16px}.health-live-strip span:last-child{display:none}
  .health-featured-duty{padding:16px;border-radius:20px}.health-featured-duty__head{align-items:flex-start}.health-featured-duty__head>strong{display:none}.health-featured-grid{grid-template-columns:1fr}
  .health-urgent-strip{padding:14px;flex-direction:column}.health-urgent-strip>a{width:100%;justify-content:center}
  .appointment-channel-grid>a{min-height:96px}.appointment-channel-grid p{display:none}
}
@media(prefers-reduced-motion:reduce){.emergency-hospital-art,.emergency-ambulance,.appointment-phone,.appointment-doctor,.doctor-pulse{animation:none!important}}
.appointment-hospital-card .health-place-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.health-shell{width:100%;padding-left:10px;padding-right:10px}.health-hero{margin-left:10px;margin-right:10px}}
@media(max-width:720px){.health-shell{width:100%;padding-left:7px;padding-right:7px}.health-hero{margin-left:13px;margin-right:13px}.appointment-hospital-card .health-place-actions{grid-template-columns:1fr}}


/* v0.41.8 — Sağlık bilgi kutularında Font Awesome ikon hizalama hotfix */
.health-stat-icon,
.health-place-icon,
.health-emergency-icon,
.health-compact-icon,
.health-urgent-icon,
.health-side-card__head > span,
.health-group-title > div > span {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 !important;
}
.health-stat-icon > i,
.health-place-icon > i,
.health-emergency-icon > i,
.health-compact-icon > i,
.health-urgent-icon > i,
.health-side-card__head > span > i,
.health-group-title > div > span > i {
  display: block !important;
  width: 1em;
  height: 1em;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center;
  transform: none !important;
}
.health-stat-card > div { min-width: 0; }


/* v0.41.9 — ana konum, spacing ve kurum türleri hotfix */
.health-featured-duty{margin-bottom:0}
.health-featured-duty + .health-toolbar-card{margin-top:30px!important}
.health-toolbar-card--location{margin-top:20px}
.health-toolbar-card--location .health-toolbar-head p{margin:5px 0 0;color:var(--text3);font-size:10px;line-height:1.5}
.health-filter-form--location{grid-template-columns:minmax(240px,1fr) minmax(170px,.36fr) auto auto;align-items:end}
.health-filter-form--location.health-filter-form--simple{grid-template-columns:minmax(240px,1fr) auto auto}
.health-stat-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px;line-height:1}
.health-stat-icon i{display:block;line-height:1;transform:none!important;margin:0!important}
.health-place-icon.is-dental{color:#9a6410;background:#fff4d6}
.health-institution-type{display:block;margin-top:4px;color:var(--text3);font-size:8px;font-weight:800}
.health-services{margin:11px 0 0;padding:10px 11px;display:flex;gap:8px;border-radius:12px;color:var(--text2);background:var(--health-blue-soft);font-size:9px;line-height:1.5}
.health-services i{margin-top:2px;color:var(--health-blue)}
.health-action--whatsapp{color:#087b49!important;background:#e9faef!important}
.health-dental-emergency{margin-top:28px}
.health-card-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.appointment-guide{margin-top:24px;padding:24px;border:1px solid var(--health-line);border-radius:22px;background:#fff;box-shadow:var(--health-shadow)}
.appointment-guide>div>span{color:var(--health-blue);font-size:8px;font-weight:900;letter-spacing:.1em}.appointment-guide h2{margin:4px 0 15px;font:900 21px Poppins}.appointment-guide ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;list-style:none}.appointment-guide li{padding:14px;display:flex;gap:10px;border-radius:15px;background:var(--health-blue-soft)}.appointment-guide li>b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--health-blue)}.appointment-guide strong,.appointment-guide small{display:block}.appointment-guide strong{font-size:10px}.appointment-guide small{margin-top:3px;color:var(--text3);font-size:8px;line-height:1.4}
@media(max-width:850px){.health-card-grid--wide{grid-template-columns:1fr}.health-filter-form--location{grid-template-columns:1fr 1fr}.appointment-guide ol{grid-template-columns:1fr}}
@media(max-width:600px){.health-featured-duty{margin-bottom:0}.health-featured-duty + .health-toolbar-card{margin-top:22px!important}.health-toolbar-card--location{margin-top:16px}.health-filter-form--location{grid-template-columns:1fr}.health-stat-icon{flex-basis:42px}.health-shell{padding-left:10px;padding-right:10px}.health-hero{min-height:auto;padding:25px 20px;border-radius:21px}}

/* v0.49.3 — Yalnız Nöbetçi Eczaneler mobil hero/içerik hizası.
   Sağlık modülünün eski genel mobil kuralı hero'ya ikinci kez yatay margin
   ekliyordu. Bu kapsamlı override diğer sağlık sayfalarını etkilemez. */
@media(max-width:900px){
  .pharmacy-page .health-shell{
    width:100%;
    padding-left:10px;
    padding-right:10px;
  }
  .pharmacy-page .health-hero{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

/* v0.49.4 — Yalnız Nöbetçi Eczaneler tipografi eşleştirmesi.
   İtiraflar sayfasının hero, bölüm, kart ve yardımcı metin ölçekleri esas
   alınmıştır. Namespace diğer sağlık sayfalarının CSS'ini değiştirmez. */
.pharmacy-page{
  font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pharmacy-page .health-hero h1{
  margin:15px 0 8px;
  font:800 clamp(35px,4.1vw,57px)/1.05 Poppins,sans-serif;
  letter-spacing:-.04em;
}
.pharmacy-page .health-hero__copy>p{
  max-width:640px;
  font-size:15px;
  line-height:1.62;
}
.pharmacy-page .health-kicker{
  padding:7px 12px;
  font-size:11px;
  line-height:1;
}
.pharmacy-page .health-hero-btn{
  font-size:13px;
}
.pharmacy-page .health-live-strip,
.pharmacy-page .health-live-strip strong{
  font-size:11px;
}
.pharmacy-page .health-featured-duty__head h2,
.pharmacy-page .health-toolbar-head h2,
.pharmacy-page .health-section-heading h2{
  font:800 22px/1.2 Poppins,sans-serif;
  letter-spacing:-.025em;
}
.pharmacy-page .health-featured-duty__head p,
.pharmacy-page .health-toolbar-card--location .health-toolbar-head p{
  font-size:12.5px;
  line-height:1.62;
}
.pharmacy-page .health-place-heading h3{
  font:800 15px/1.35 Poppins,sans-serif;
  letter-spacing:-.015em;
}
.pharmacy-page .health-place-address{
  font-size:12.5px;
  line-height:1.62;
}
.pharmacy-page .health-place-meta{
  font-size:10px;
  line-height:1.45;
}
.pharmacy-page .health-action{
  font-size:10px;
}
.pharmacy-page .health-info-banner strong{
  font-size:12px;
}
.pharmacy-page .health-info-banner p,
.pharmacy-page .health-info-banner div>span{
  color:var(--text3);
  font-size:11px;
  line-height:1.62;
}
.pharmacy-page .health-side-card__head h3{
  font:800 14px/1.35 Poppins,sans-serif;
}
.pharmacy-page .health-side-card>p{
  font-size:10.5px;
  line-height:1.65;
}
.pharmacy-page .health-side-card>a,
.pharmacy-page .health-emergency-card>a{
  font-size:10px;
}
.pharmacy-page .health-emergency-card p{
  font-size:10.5px;
  line-height:1.55;
}
.pharmacy-page .health-empty-state h3{
  font:800 18px/1.35 Poppins,sans-serif;
}
.pharmacy-page .health-empty-state p{
  font-size:12px;
  line-height:1.62;
}
.pharmacy-page .health-filter-field>label{
  font-size:9px;
}
.pharmacy-page .health-filter-field input{
  font-size:11.5px;
}
.pharmacy-page .health-filter-submit,
.pharmacy-page .health-clear-filter,
.pharmacy-page .health-toolbar-links a{
  font-size:10px;
}

@media(max-width:720px){
  .pharmacy-page .health-hero h1{
    margin-top:12px;
    font-size:31px;
  }
  .pharmacy-page .health-hero__copy>p{
    max-width:92%;
    font-size:12px;
    line-height:1.52;
  }
  .pharmacy-page .health-kicker{
    padding:6px 9px;
    font-size:8px;
  }
  .pharmacy-page .health-hero-btn{
    font-size:10px;
  }
  .pharmacy-page .health-live-strip,
  .pharmacy-page .health-live-strip strong{
    font-size:8px;
  }
  .pharmacy-page .health-featured-duty__head h2,
  .pharmacy-page .health-toolbar-head h2,
  .pharmacy-page .health-section-heading h2{
    font-size:18px;
  }
  .pharmacy-page .health-featured-duty__head p,
  .pharmacy-page .health-toolbar-card--location .health-toolbar-head p,
  .pharmacy-page .health-place-address,
  .pharmacy-page .health-empty-state p{
    font-size:12px;
  }
  .pharmacy-page .health-place-heading h3{
    font-size:14px;
  }
  .pharmacy-page .health-place-meta,
  .pharmacy-page .health-side-card>p,
  .pharmacy-page .health-emergency-card p{
    font-size:10px;
  }
}

@media(max-width:390px){
  .pharmacy-page .health-hero h1{
    font-size:27px;
  }
}

/* v0.49.6 — Hastaneler, Acil Servis ve Hastane Randevusu.
   Bu blok yalnız üç sağlık sayfasının namespace'i içinde çalışır. */
.hospital-page,
.emergency-page,
.appointment-page{
  overflow-x:hidden;
  font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.hospital-page .health-hero h1,
.emergency-page .health-hero h1,
.appointment-page .health-hero h1{
  margin:15px 0 8px;
  font:800 clamp(35px,4.1vw,57px)/1.05 Poppins,sans-serif;
  letter-spacing:-.04em;
}

.hospital-page .health-hero__copy>p,
.emergency-page .health-hero__copy>p,
.appointment-page .health-hero__copy>p{
  max-width:640px;
  font-size:15px;
  line-height:1.62;
}

.hospital-page .health-kicker,
.emergency-page .health-kicker,
.appointment-page .health-kicker{
  padding:7px 12px;
  font-size:11px;
  line-height:1;
}

.hospital-page .health-hero-btn,
.emergency-page .health-hero-btn,
.appointment-page .health-hero-btn{
  font-size:13px;
}

.hospital-page .health-live-strip,
.hospital-page .health-live-strip strong,
.emergency-page .health-live-strip,
.emergency-page .health-live-strip strong,
.appointment-page .health-live-strip,
.appointment-page .health-live-strip strong{
  font-size:11px;
}

.hospital-page .health-toolbar-head h2,
.hospital-page .health-section-heading h2,
.emergency-page .health-toolbar-head h2,
.emergency-page .health-section-heading h2,
.appointment-page .health-toolbar-head h2,
.appointment-page .health-section-heading h2,
.appointment-page .appointment-guide h2{
  font:800 22px/1.2 Poppins,sans-serif;
  letter-spacing:-.025em;
}

.hospital-page .health-toolbar-card--location .health-toolbar-head p,
.emergency-page .health-toolbar-card--location .health-toolbar-head p,
.appointment-page .health-toolbar-card--location .health-toolbar-head p{
  font-size:12.5px;
  line-height:1.62;
}

.hospital-page .health-place-heading h3,
.emergency-page .health-place-heading h3,
.appointment-page .health-place-heading h3{
  font:800 15px/1.35 Poppins,sans-serif;
  letter-spacing:-.015em;
}

.hospital-page .health-place-address,
.emergency-page .health-place-address,
.appointment-page .health-place-address{
  font-size:12.5px;
  line-height:1.62;
}

.hospital-page .health-place-meta,
.emergency-page .health-place-meta,
.appointment-page .health-place-meta{
  font-size:10px;
  line-height:1.45;
}

.hospital-page .health-action,
.emergency-page .health-action,
.appointment-page .health-action,
.hospital-page .health-toolbar-links a,
.emergency-page .health-toolbar-links a,
.appointment-page .health-toolbar-links a,
.hospital-page .health-filter-submit,
.emergency-page .health-filter-submit,
.appointment-page .health-filter-submit,
.hospital-page .health-clear-filter,
.emergency-page .health-clear-filter,
.appointment-page .health-clear-filter{
  font-size:10px;
}

.hospital-page .health-filter-field>label,
.emergency-page .health-filter-field>label,
.appointment-page .health-filter-field>label{
  font-size:9px;
}

.hospital-page .health-filter-field input,
.emergency-page .health-filter-field input,
.appointment-page .health-filter-field input,
.hospital-page .health-filter-field select,
.emergency-page .health-filter-field select,
.appointment-page .health-filter-field select{
  font-size:11.5px;
}

.hospital-page .health-stat-card strong,
.emergency-page .health-stat-card strong,
.appointment-page .health-stat-card strong{
  font:800 22px/1 Poppins,sans-serif;
}

.hospital-page .health-stat-card>div>span,
.emergency-page .health-stat-card>div>span,
.appointment-page .health-stat-card>div>span{
  font-size:10px;
  line-height:1.4;
}

.hospital-page .health-services,
.emergency-page .health-services,
.appointment-page .health-services{
  font-size:11px;
  line-height:1.55;
}

.hospital-page .health-empty-state h3,
.emergency-page .health-empty-state h3,
.appointment-page .health-empty-state h3{
  font:800 18px/1.35 Poppins,sans-serif;
}

.hospital-page .health-empty-state p,
.emergency-page .health-empty-state p,
.appointment-page .health-empty-state p{
  font-size:12px;
  line-height:1.62;
}

.emergency-page .health-urgent-strip strong{
  font:800 15px/1.3 Poppins,sans-serif;
}

.emergency-page .health-urgent-strip p{
  font-size:11px;
  line-height:1.5;
}

.emergency-page .health-urgent-strip>a{
  font-size:10px;
}

/* Bilgi bantlarındaki doğrudan Font Awesome ikonları daima kendi kutusunda. */
.hospital-page .health-info-banner>i,
.emergency-page .health-info-banner>i,
.appointment-page .health-info-banner>i{
  width:39px;
  height:39px;
  flex:0 0 39px;
  display:grid;
  place-items:center;
  margin:0;
  border-radius:12px;
  color:var(--health-amber);
  background:#ffedca;
  font-size:15px;
  line-height:1;
}

.emergency-page .health-info-banner--blue>i{
  color:var(--health-blue);
  background:#dff3f9;
}

.hospital-page .health-info-banner strong,
.emergency-page .health-info-banner strong,
.appointment-page .health-info-banner strong{
  font-size:12px;
}

.hospital-page .health-info-banner p,
.hospital-page .health-info-banner div>span,
.emergency-page .health-info-banner p,
.emergency-page .health-info-banner div>span,
.appointment-page .health-info-banner p,
.appointment-page .health-info-banner div>span{
  color:var(--text3);
  font-size:11px;
  line-height:1.62;
}

/* Metin yanında kullanılan ikonların satır yüksekliği ve kutu ölçüsü sabit. */
.hospital-page :where(.health-kicker,.health-hero-btn,.health-toolbar-links a,.health-action,.health-status,.health-mini-location,.health-place-address,.health-place-meta span,.health-services)>i,
.emergency-page :where(.health-kicker,.health-hero-btn,.health-toolbar-links a,.health-action,.health-status,.health-mini-location,.health-place-address,.health-place-meta span,.health-services)>i,
.appointment-page :where(.health-kicker,.health-hero-btn,.health-toolbar-links a,.health-action,.health-status,.health-mini-location,.health-place-address,.health-place-meta span,.health-services)>i{
  width:1em;
  height:1em;
  flex:0 0 1em;
  display:inline-grid;
  place-items:center;
  margin:0;
  line-height:1;
  text-align:center;
  transform:none;
}

/* Randevu kanalları: dört kart, tek anlamlı ikon kutusu ve güvenli metin alanı. */
.appointment-page .appointment-channel-grid{
  width:100%;
  max-width:100%;
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.appointment-page .appointment-channel-grid>a{
  min-width:0;
  min-height:108px;
  padding:15px;
  display:grid;
  grid-template-columns:45px minmax(0,1fr) 12px;
  align-items:center;
  gap:11px;
  overflow:hidden;
}

.appointment-page .appointment-channel-icon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#3159a7;
  background:#edf2ff;
  font-size:18px;
  line-height:1;
}

.appointment-page .appointment-channel-icon>i{
  width:1em;
  height:1em;
  display:grid;
  place-items:center;
  margin:0;
  line-height:1;
}

.appointment-page .appointment-channel-copy{
  width:auto;
  height:auto;
  min-width:0;
  display:block;
  border-radius:0;
  color:inherit;
  background:none;
  font-size:inherit;
}

.appointment-page .appointment-channel-copy strong{
  display:block;
  margin:0 0 4px;
  font:800 15px/1.35 Poppins,sans-serif;
  overflow-wrap:anywhere;
}

.appointment-page .appointment-channel-copy small{
  display:block;
  color:var(--text3);
  font-size:11.5px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:0;
  overflow-wrap:anywhere;
}

.appointment-page .appointment-channel-arrow{
  color:var(--text3);
  font-size:10px;
  line-height:1;
}

.appointment-page .appointment-guide strong{
  font:800 14px/1.35 Poppins,sans-serif;
}

.appointment-page .appointment-guide small{
  margin-top:4px;
  font-size:11.5px;
  line-height:1.55;
}

[data-theme="dark"] .hospital-page .health-info-banner>i,
[data-theme="dark"] .emergency-page .health-info-banner>i,
[data-theme="dark"] .appointment-page .health-info-banner>i{
  background:rgba(199,122,19,.16);
}

[data-theme="dark"] .emergency-page .health-info-banner--blue>i,
[data-theme="dark"] .appointment-page .appointment-channel-icon{
  background:rgba(70,96,191,.18);
}

@media(max-width:1050px){
  .appointment-page .appointment-channel-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .hospital-page .health-shell,
  .emergency-page .health-shell,
  .appointment-page .health-shell{
    width:100%;
    max-width:1360px;
    padding-left:10px;
    padding-right:10px;
  }

  .hospital-page .health-hero,
  .emergency-page .health-hero,
  .appointment-page .health-hero{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }

  .hospital-page .health-stat-grid,
  .hospital-page .health-toolbar-card,
  .hospital-page .health-card-grid,
  .emergency-page .health-urgent-strip,
  .emergency-page .health-stat-grid,
  .emergency-page .health-toolbar-card,
  .emergency-page .health-card-grid,
  .appointment-page .appointment-channel-grid,
  .appointment-page .health-stat-grid,
  .appointment-page .health-toolbar-card,
  .appointment-page .health-card-grid,
  .appointment-page .appointment-guide{
    width:100%;
    max-width:100%;
    min-width:0;
  }
}

@media(max-width:720px){
  .hospital-page .health-hero,
  .emergency-page .health-hero,
  .appointment-page .health-hero{
    min-height:auto;
    padding:24px 19px;
    border-radius:22px;
  }

  .hospital-page .health-hero h1,
  .emergency-page .health-hero h1,
  .appointment-page .health-hero h1{
    margin-top:12px;
    font-size:31px;
  }

  .hospital-page .health-hero__copy>p,
  .emergency-page .health-hero__copy>p,
  .appointment-page .health-hero__copy>p{
    max-width:92%;
    font-size:12px;
    line-height:1.52;
  }

  .hospital-page .health-kicker,
  .emergency-page .health-kicker,
  .appointment-page .health-kicker{
    padding:6px 9px;
    font-size:8px;
  }

  .hospital-page .health-hero-btn,
  .emergency-page .health-hero-btn,
  .appointment-page .health-hero-btn{
    min-height:42px;
    font-size:10px;
  }

  .hospital-page .health-live-strip,
  .hospital-page .health-live-strip strong,
  .emergency-page .health-live-strip,
  .emergency-page .health-live-strip strong,
  .appointment-page .health-live-strip,
  .appointment-page .health-live-strip strong{
    font-size:8px;
  }

  .hospital-page .health-toolbar-head h2,
  .hospital-page .health-section-heading h2,
  .emergency-page .health-toolbar-head h2,
  .emergency-page .health-section-heading h2,
  .appointment-page .health-toolbar-head h2,
  .appointment-page .health-section-heading h2,
  .appointment-page .appointment-guide h2{
    font-size:18px;
  }

  .hospital-page .health-toolbar-card--location .health-toolbar-head p,
  .hospital-page .health-place-address,
  .emergency-page .health-toolbar-card--location .health-toolbar-head p,
  .emergency-page .health-place-address,
  .appointment-page .health-toolbar-card--location .health-toolbar-head p,
  .appointment-page .health-place-address{
    font-size:12px;
  }

  .hospital-page .health-place-heading h3,
  .emergency-page .health-place-heading h3,
  .appointment-page .health-place-heading h3{
    font-size:14px;
  }

  .hospital-page .health-place-meta,
  .emergency-page .health-place-meta,
  .appointment-page .health-place-meta{
    font-size:10px;
  }

  .appointment-page .appointment-channel-copy strong{
    font-size:14px;
  }

  .appointment-page .appointment-channel-copy small,
  .appointment-page .appointment-guide small{
    font-size:11px;
  }
}

@media(max-width:520px){
  .appointment-page .appointment-channel-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  .appointment-page .appointment-channel-grid>a{
    min-height:86px;
    padding:12px 13px;
  }
}

@media(max-width:390px){
  .hospital-page .health-shell,
  .emergency-page .health-shell,
  .appointment-page .health-shell{
    padding-left:7px;
    padding-right:7px;
  }

  .hospital-page .health-hero,
  .emergency-page .health-hero,
  .appointment-page .health-hero{
    padding:21px 15px;
    border-radius:19px;
  }

  .hospital-page .health-hero h1,
  .emergency-page .health-hero h1,
  .appointment-page .health-hero h1{
    font-size:27px;
  }
}