:root {
  color-scheme: light;
  --kirmizi: #b80d1a;
  --kirmizi-koyu: #8e0711;
  --kirmizi-parlak: #e23541;
  --kirmizi-acik: #fff0f1;
  --zemin: #f4f5f7;
  --yuzey: #ffffff;
  --yuzey-2: #f8f9fa;
  --yuzey-3: #eef0f3;
  --metin: #17191e;
  --metin-2: #626872;
  --soluk: #8e949d;
  --cizgi: #e4e6ea;
  --yesil: #168d50;
  --yesil-acik: #e8f7ef;
  --lacivert: #17202b;
  --golge: 0 8px 28px rgba(25, 31, 40, .07);
  --golge-buyuk: 0 26px 70px rgba(35, 24, 25, .14);
  --golge-kirmizi: 0 14px 32px rgba(184, 13, 26, .22);
  --r-kucuk: 10px;
  --r: 18px;
  --r-buyuk: 28px;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

:root[data-tema="koyu"] {
  color-scheme: dark;
  --zemin: #0e1013;
  --yuzey: #171a1f;
  --yuzey-2: #1d2127;
  --yuzey-3: #242931;
  --metin: #f6f7f8;
  --metin-2: #b6bbc3;
  --soluk: #858c96;
  --cizgi: #2d323a;
  --kirmizi-acik: #36171b;
  --yesil-acik: #143624;
  --lacivert: #090b0e;
  --golge: 0 10px 32px rgba(0, 0, 0, .25);
  --golge-buyuk: 0 30px 80px rgba(0, 0, 0, .42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--zemin);
  color: var(--metin);
  font: 15px/1.55 var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
.sarmal { width: min(100%, 1280px); margin-inline: auto; padding-inline: 32px; }
.gizli { display: none !important; }
.icerige-atla { position: fixed; z-index: 9999; left: 18px; top: 10px; padding: 10px 15px; border-radius: 10px; background: #fff; color: #111; box-shadow: var(--golge); transform: translateY(-160%); }
.icerige-atla:focus { transform: translateY(0); }
.canli { width: 8px; height: 8px; display: inline-block; flex: none; border-radius: 50%; background: #23b66c; box-shadow: 0 0 0 5px rgba(35,182,108,.13); }

/* Bilgi şeridi ve üst menü */
.duyuru-seridi { min-height: 34px; display: flex; align-items: center; background: var(--lacivert); color: #dce1e7; font-size: .74rem; }
.duyuru-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.duyuru-ic > span { display: inline-flex; align-items: center; gap: 10px; }
.duyuru-guven { color: #9da6b1; }
.mastbasi { position: sticky; z-index: 1000; top: 0; border-bottom: 1px solid color-mix(in srgb, var(--cizgi) 80%, transparent); background: color-mix(in srgb, var(--yuzey) 88%, transparent); backdrop-filter: saturate(150%) blur(18px); }
.mastbasi-ic { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.marka { display: inline-flex; align-items: center; gap: 11px; color: var(--metin); text-decoration: none; }
.logo-e { position: relative; width: 44px; height: 50px; display: grid; place-items: center; overflow: hidden; border: 2px solid var(--kirmizi); border-radius: 9px; color: var(--kirmizi); background: var(--yuzey); box-shadow: inset 0 0 0 4px var(--kirmizi-acik); }
.logo-e::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 8px; height: 2px; border-radius: 10px; background: currentColor; opacity: .35; }
.logo-e b { font-size: 1.75rem; font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.marka-yazi { display: flex; flex-direction: column; font-size: 1rem; font-weight: 800; line-height: 1.05; letter-spacing: -.03em; }
.marka-yazi strong { font-weight: 850; }
.marka-yazi b { color: var(--kirmizi); font-size: 1.08em; }
.ana-gezinme { align-self: stretch; display: flex; align-items: stretch; gap: 34px; }
.ana-gezinme a { position: relative; display: inline-flex; align-items: center; color: var(--metin-2); font-size: .83rem; font-weight: 650; text-decoration: none; transition: color .18s ease; }
.ana-gezinme a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--kirmizi); transform: scaleX(0); transition: transform .2s ease; }
.ana-gezinme a:hover, .ana-gezinme a.aktif { color: var(--metin); }
.ana-gezinme a:hover::after, .ana-gezinme a.aktif::after { transform: scaleX(1); }
.ust-eylemler { display: flex; align-items: center; gap: 10px; }
.tema-dugmesi { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey-2); color: var(--metin); cursor: pointer; }
.tema-dugmesi svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.konum-dugme { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; background: var(--kirmizi); color: #fff; font-weight: 750; cursor: pointer; box-shadow: var(--golge-kirmizi); transition: transform .18s ease, background .18s ease; }
.konum-dugme:hover { background: var(--kirmizi-koyu); transform: translateY(-1px); }
.konum-dugme svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.ust-konum { padding: 0 17px; font-size: .78rem; }
.konum-dugme.bekliyor svg { animation: don 1s linear infinite; }
.konum-dugme.etkin { background: var(--yesil); box-shadow: 0 14px 28px rgba(22,141,80,.2); }
@keyframes don { to { transform: rotate(360deg); } }

/* Kahraman alanı */
.hero { position: relative; isolation: isolate; overflow: hidden; padding: 66px 0 78px; background: linear-gradient(145deg, var(--yuzey) 0%, color-mix(in srgb, var(--kirmizi-acik) 42%, var(--yuzey)) 58%, var(--yuzey-2) 100%); }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .24; background-image: linear-gradient(var(--cizgi) 1px,transparent 1px),linear-gradient(90deg,var(--cizgi) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.hero-aurora { position: absolute; z-index: -1; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.hero-aurora-bir { width: 440px; height: 440px; left: -210px; top: -230px; background: rgba(184,13,26,.09); }
.hero-aurora-iki { width: 520px; height: 520px; right: -260px; bottom: -340px; background: rgba(184,13,26,.1); }
.hero-ic { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr); align-items: center; gap: 56px; }
.hero-icerik { min-width: 0; }
.hero-rozet { width: fit-content; display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--yesil) 20%, var(--cizgi)); border-radius: 999px; background: color-mix(in srgb, var(--yuzey) 84%, transparent); color: var(--metin-2); font-size: .74rem; font-weight: 700; box-shadow: 0 5px 18px rgba(22,141,80,.06); }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.75rem,4.8vw,4.55rem); line-height: .98; letter-spacing: -.064em; }
.hero h1 em { color: var(--kirmizi); font-style: normal; }
.hero-metin { max-width: 650px; margin: 24px 0 0; color: var(--metin-2); font-size: clamp(.98rem,1.3vw,1.08rem); line-height: 1.7; }
.hero-guven { display: flex; align-items: stretch; gap: 0; width: fit-content; margin-top: 30px; }
.hero-guven > div { min-width: 112px; padding: 2px 22px; border-left: 1px solid var(--cizgi); }
.hero-guven > div:first-child { padding-left: 0; border-left: 0; }
.hero-guven strong, .hero-guven span { display: block; }
.hero-guven strong { font-size: 1.18rem; line-height: 1.15; letter-spacing: -.03em; }
.hero-guven span { margin-top: 4px; color: var(--soluk); font-size: .7rem; font-weight: 650; }

.arama-paneli { max-width: 760px; margin-top: 34px; padding: 20px; border: 1px solid color-mix(in srgb, var(--cizgi) 82%, transparent); border-radius: 22px; background: color-mix(in srgb, var(--yuzey) 94%, transparent); box-shadow: var(--golge-buyuk); backdrop-filter: blur(14px); }
.arama-paneli-ust { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.arama-paneli-ust > div { display: flex; align-items: baseline; gap: 10px; }
.arama-paneli-ust strong { font-size: .88rem; }
.konum-hizli { width: 100%; min-height: 50px; margin-top: 12px; padding: 0 16px; border: 1px solid color-mix(in srgb, var(--kirmizi) 28%, var(--cizgi)); background: var(--kirmizi-acik); color: var(--kirmizi); box-shadow: none; }
.konum-hizli:hover { background: color-mix(in srgb, var(--kirmizi-acik) 82%, var(--kirmizi) 18%); color: var(--kirmizi-koyu); }
.konum-hizli small { margin-left: auto; color: var(--metin-2); font-size: .62rem; font-weight: 600; }
.konum-hizli.etkin { color: #fff; }
.konum-hizli.etkin small { color: rgba(255,255,255,.82); }
.arama-adim { color: var(--kirmizi); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.arama-guven { display: inline-flex; align-items: center; gap: 8px; color: var(--yesil); font-size: .7rem; font-weight: 750; white-space: nowrap; }
.arama-guven .canli { width: 6px; height: 6px; box-shadow: 0 0 0 4px rgba(35,182,108,.1); }
.arama-alanlari { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 12px; }
.alan, .arama-kutusu { min-width: 0; }
.alan > span:first-child, .gorsel-etiket { display: block; margin: 0 0 7px 2px; color: var(--metin-2); font-size: .69rem; font-weight: 720; }
.secici-kutu, .arama-input-kutu { position: relative; display: block; }
.secici-kutu svg, .arama-input-kutu > svg { position: absolute; z-index: 1; left: 13px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); fill: none; stroke: var(--metin-2); stroke-width: 1.8; pointer-events: none; }
.alan select, #arama { width: 100%; height: 45px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey-2); color: var(--metin); outline: none; font-size: .8rem; }
.alan select { appearance: none; padding: 0 30px 0 39px; background-image: linear-gradient(45deg,transparent 50%,var(--soluk) 50%),linear-gradient(135deg,var(--soluk) 50%,transparent 50%); background-position: calc(100% - 15px) 19px,calc(100% - 10px) 19px; background-size: 5px 5px; background-repeat: no-repeat; }
.alan select:focus, #arama:focus { border-color: var(--kirmizi); box-shadow: 0 0 0 4px rgba(184,13,26,.1); }
.arama-kutusu { grid-column: span 2; }
#arama { padding: 0 13px 0 41px; font-size: 16px; }
.arama-dugmesi { grid-column: span 1; align-self: end; height: 45px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; background: var(--kirmizi); color: #fff; cursor: pointer; box-shadow: var(--golge-kirmizi); font-size: .8rem; font-weight: 800; transition: transform .18s ease, background .18s ease; }
.arama-dugmesi:hover { background: var(--kirmizi-koyu); transform: translateY(-1px); }
.arama-dugmesi svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.son-sehir { display: inline-flex; margin-top: 12px; color: var(--kirmizi); font-size: .75rem; font-weight: 750; text-decoration: none; }

.hero-gorsel { min-width: 0; }
.harita-kart { position: relative; min-height: 570px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--cizgi) 72%, transparent); border-radius: 30px; background: #e9efec; box-shadow: 0 34px 80px rgba(30,34,40,.2); }
.harita { position: absolute; inset: 0; background: #e8edea; }
.harita-kart::after { content: ""; position: absolute; inset: 0; z-index: 400; pointer-events: none; border: 10px solid color-mix(in srgb, var(--yuzey) 46%, transparent); border-radius: inherit; }
.harita-ust, .harita-alt { position: absolute; z-index: 500; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.72); background: rgba(255,255,255,.9); color: #22252b; box-shadow: 0 12px 34px rgba(34,38,44,.15); backdrop-filter: blur(16px); }
.harita-ust { top: 22px; left: 22px; right: 22px; justify-content: space-between; gap: 16px; padding: 11px 14px; border-radius: 14px; }
.harita-ust span { display: inline-flex; align-items: center; gap: 9px; font-size: .75rem; font-weight: 780; }
.harita-ust small { color: #6e747c; font-size: .67rem; }
.harita-alt { left: 22px; right: 22px; bottom: 22px; gap: 12px; padding: 14px; border-radius: 16px; }
.harita-alt div { display: flex; flex-direction: column; }
.harita-alt strong { font-size: .78rem; }
.harita-alt small { margin-top: 2px; color: #6e747c; font-size: .66rem; }
.harita-ikon { width: 39px; height: 39px; display: grid; place-items: center; flex: none; border-radius: 12px; background: var(--kirmizi); color: #fff; font-size: 1.2rem; }
.leaflet-container { font-family: var(--sans); }
.leaflet-control-zoom { overflow: hidden; border: 0 !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(30,35,40,.18) !important; }
.leaflet-control-zoom a { border-color: #eceef1 !important; }
.leaflet-control-attribution { font-size: 8px; opacity: .62; }
.eczane-pin { width: 34px !important; height: 42px !important; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50% 50% 50% 9px; background: var(--kirmizi); color: #fff; font-size: 16px; font-weight: 900; box-shadow: 0 8px 18px rgba(143,7,17,.35); transform: rotate(-45deg); }
.eczane-pin span { transform: rotate(45deg); }
.leaflet-popup-content-wrapper { border-radius: 14px; box-shadow: var(--golge-buyuk); }
.harita-popup { min-width: 150px; }
.harita-popup strong { display: block; color: var(--metin); font-size: .82rem; }
.harita-eczane-adi { text-decoration: none; }
.harita-popup span { display: block; margin: 5px 0 10px; color: #6b7078; font-size: .7rem; }
.harita-popup > a:last-child { color: var(--kirmizi); font-size: .72rem; font-weight: 800; text-decoration: none; }

/* Sonuçlar */
.sonuc-alani { padding-top: 54px; }
.sonuc-izgara { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 30px; align-items: start; }
.liste-basligi { min-height: 56px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.liste-basligi > div { display: block; }
.liste-basligi .bolum-kicker { display: block; }
.liste-basligi h2 { margin: 2px 0 0; font-size: clamp(1.45rem,2.3vw,2rem); letter-spacing: -.04em; }
.liste-tarih { padding: 7px 11px; border: 1px solid color-mix(in srgb, var(--kirmizi) 18%, var(--cizgi)); border-radius: 999px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: .7rem; font-weight: 800; white-space: nowrap; }
.izgara { display: flex; flex-direction: column; gap: 10px; }
.kart { position: relative; min-height: 116px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 17px; padding: 17px 18px; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 17px; background: var(--yuzey); box-shadow: var(--golge); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.kart::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 4px 4px 0; background: var(--kirmizi); opacity: 0; transition: opacity .18s ease; }
.kart:hover { z-index: 2; border-color: color-mix(in srgb, var(--kirmizi) 24%, var(--cizgi)); box-shadow: 0 18px 46px rgba(38,31,32,.11); transform: translateY(-2px); }
.kart:hover::before, .kart.vurgulu::before { opacity: 1; }
.kart.vurgulu { z-index: 2; border-color: color-mix(in srgb, var(--kirmizi) 30%, var(--cizgi)); background: color-mix(in srgb, var(--kirmizi-acik) 34%, var(--yuzey)); box-shadow: 0 18px 46px rgba(38,31,32,.11); }
.eczane-e { position: relative; width: 52px; height: 60px; display: grid; place-items: center; overflow: hidden; border: 2px solid var(--kirmizi); border-radius: 10px; background: var(--yuzey); color: var(--kirmizi); box-shadow: inset 0 0 0 4px var(--kirmizi-acik); }
.eczane-e b { margin-top: -6px; font-size: 1.75rem; font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.eczane-e small { position: absolute; left: 0; right: 0; bottom: 5px; text-align: center; font-size: .42rem; font-weight: 900; letter-spacing: .1em; }
.kart-bilgi { min-width: 0; }
.kart-baslik { display: flex; align-items: center; gap: 9px; min-width: 0; }
.kart h3 { margin: 0; overflow: hidden; font-size: .96rem; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.eczane-detay { color: inherit; text-decoration: none; }
.eczane-detay:hover { color: var(--kirmizi); }
.acik { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; background: var(--yesil-acik); color: var(--yesil); font-size: .59rem; font-weight: 800; }
.acik i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.kart-adres { max-width: 670px; margin: 7px 0 8px; overflow: hidden; color: var(--metin-2); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.kart-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; color: var(--kirmizi); font-size: .69rem; font-weight: 720; }
.kart-meta span, .kart-meta a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.kart-meta a { color: var(--metin-2); font-weight: 600; }
.kart-meta a:hover { color: var(--kirmizi); }
.kart-meta svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.kart-sag { min-width: 250px; display: flex; flex-direction: column; align-items: flex-end; gap: 13px; }
.nobet-zamani { display: inline-flex; align-items: center; color: var(--yesil); font-size: .66rem; font-weight: 750; }
.nobet-zamani i { width: 6px; height: 6px; display: inline-block; margin-right: 6px; border-radius: 50%; background: currentColor; }
.kart-eylemler { display: flex; gap: 7px; }
.yol-tarifi, .ara-kisa, .paylas, .favori { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--cizgi); border-radius: 10px; text-decoration: none; font-size: .68rem; font-weight: 800; transition: background .16s ease, color .16s ease, border-color .16s ease; }
.yol-tarifi { min-width: 104px; padding: 0 13px; border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; box-shadow: 0 8px 20px rgba(184,13,26,.17); }
.ara-kisa { min-width: 92px; padding: 0 12px; border-color: color-mix(in srgb, var(--kirmizi) 28%, var(--cizgi)); background: var(--yuzey); color: var(--kirmizi); }
.ara-kisa:hover { background: var(--kirmizi-acik); }
.paylas, .favori { width: 36px; padding: 0; background: var(--yuzey); color: var(--kirmizi); cursor: pointer; }
.paylas:hover, .favori:hover { border-color: var(--kirmizi); background: var(--kirmizi-acik); }
.favori { font-size: 1.03rem; line-height: 1; }
.favori.etkin { border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; }
.kart-eylemler svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.yan-panel { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 10px; padding-top: 72px; }
.durum-karti { padding: 20px; overflow: hidden; border-radius: 20px; background: linear-gradient(145deg,#151d27,#202c3a); color: #fff; box-shadow: 0 22px 48px rgba(23,32,43,.2); }
.durum-karti-ust { display: flex; align-items: center; gap: 9px; color: #b8c1cb; font-size: .68rem; }
.durum-karti-ust .canli { width: 6px; height: 6px; box-shadow: 0 0 0 4px rgba(35,182,108,.1); }
.durum-karti-ust strong { margin-left: auto; color: #55d995; font-size: .66rem; }
.durum-karti h3 { margin: 19px 0 5px; font-size: 1.1rem; letter-spacing: -.03em; }
.durum-karti > p { margin: 0; color: #aeb7c2; font-size: .72rem; }
.durum-metrik { display: flex; align-items: center; justify-content: space-between; margin: 18px 0 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); color: #aeb7c2; font-size: .68rem; }
.durum-metrik strong { color: #fff; }
.durum-karti button { width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; font-size: .7rem; font-weight: 750; }
.durum-karti button:hover { background: rgba(255,255,255,.13); }
.yan-kart { min-height: 112px; display: flex; gap: 14px; padding: 17px; border: 1px solid var(--cizgi); border-radius: 17px; background: var(--yuzey); box-shadow: var(--golge); }
.yan-ikon { width: 39px; height: 39px; display: grid; place-items: center; flex: none; border-radius: 12px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: 1rem; font-weight: 850; }
.yan-kart strong { display: block; font-size: .76rem; }
.yan-kart p { margin: 5px 0 8px; color: var(--metin-2); font-size: .69rem; line-height: 1.45; }
.yan-kart button, .yan-kart a { padding: 0; border: 0; background: transparent; color: var(--kirmizi); cursor: pointer; font-size: .68rem; font-weight: 800; text-decoration: none; }

/* Güven, şehir ve bilgi bölümleri */
.guven-seridi { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 26px; margin-bottom: 80px; padding-block: 17px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--yuzey); box-shadow: var(--golge); }
.guven-seridi > div { display: flex; align-items: center; justify-content: center; gap: 11px; padding: 0 22px; border-right: 1px solid var(--cizgi); }
.guven-seridi > div:last-child { border-right: 0; }
.guven-seridi > div > span { width: 35px; height: 35px; display: grid; place-items: center; flex: none; border-radius: 11px; background: var(--kirmizi-acik); color: var(--kirmizi); font-weight: 850; }
.guven-seridi p { display: flex; flex-direction: column; margin: 0; }
.guven-seridi strong { font-size: .73rem; }
.guven-seridi small { margin-top: 2px; color: var(--soluk); font-size: .63rem; white-space: nowrap; }
.alt-icerik { padding-bottom: 90px; }
.il-bolumu { scroll-margin-top: 110px; padding-top: 10px; }
.bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.bolum-kicker { margin: 0 0 6px; color: var(--kirmizi); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.bolum-basligi, .rehber-giris h2, .sss-baslik h2 { margin: 0; font-size: clamp(1.8rem,3vw,2.7rem); line-height: 1.07; letter-spacing: -.05em; }
.bolum-aciklama, .rehber-giris > p:last-child { margin: 10px 0 0; color: var(--metin-2); font-size: .86rem; }
.bolum-sayi { padding: 7px 11px; border: 1px solid color-mix(in srgb, var(--kirmizi) 20%, var(--cizgi)); border-radius: 999px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: .7rem; font-weight: 800; }
.il-izgara { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.il-karti { position: relative; min-height: 102px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 17px; border: 1px solid var(--cizgi); border-radius: 17px; background: var(--yuzey); color: var(--metin); text-decoration: none; box-shadow: var(--golge); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.il-karti::after { content: "→"; position: absolute; right: 16px; top: 14px; color: var(--kirmizi); font-size: 1rem; opacity: 0; transform: translateX(-4px); transition: .18s ease; }
.il-karti:hover { border-color: color-mix(in srgb, var(--kirmizi) 32%, var(--cizgi)); box-shadow: 0 16px 40px rgba(35,29,30,.1); transform: translateY(-3px); }
.il-karti:hover::after { opacity: 1; transform: translateX(0); }
.il-adi { font-size: .9rem; font-weight: 800; }
.il-bilgi { color: var(--soluk); font-size: .68rem; }
.il-bilgi strong { color: var(--kirmizi); font-size: .92rem; }
.il-ayrac { margin: 0 6px; }
.ilce-linkleri { display: flex; flex-wrap: wrap; gap: 9px; }
.ilce-linkleri a { padding: 9px 13px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey); color: var(--metin-2); font-size: .73rem; font-weight: 680; text-decoration: none; }
.ilce-linkleri a:hover, .ilce-linkleri a[aria-current="page"] { border-color: var(--kirmizi); background: var(--kirmizi-acik); color: var(--kirmizi); }
.rehber-bolumu { margin-top: 90px; padding-top: 72px; border-top: 1px solid var(--cizgi); }
.rehber-giris { max-width: 720px; }
.adim-izgara { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 28px; }
.adim-karti { position: relative; min-height: 190px; padding: 23px; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 19px; background: var(--yuzey); box-shadow: var(--golge); }
.adim-karti::after { content: ""; position: absolute; right: -42px; bottom: -70px; width: 130px; height: 130px; border: 20px solid var(--kirmizi-acik); border-radius: 50%; }
.adim-karti > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: .67rem; font-weight: 900; }
.adim-karti h3 { margin: 33px 0 7px; font-size: 1rem; }
.adim-karti p { max-width: 310px; margin: 0; color: var(--metin-2); font-size: .76rem; }
.bilgi-paneli { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 14px; padding: 22px; border-radius: 19px; background: linear-gradient(145deg,#151d27,#202c3a); color: #fff; box-shadow: 0 22px 48px rgba(23,32,43,.16); }
.bilgi-paneli-metin { display: flex; align-items: center; gap: 15px; }
.panel-isaret { width: 42px; height: 42px; display: grid; place-items: center; flex: none; border-radius: 13px; background: var(--kirmizi); font-size: 1.35rem; }
.bilgi-paneli-metin p { margin: 4px 0 0; color: #adb7c2; font-size: .72rem; }
.panel-canli { display: flex; align-items: center; gap: 9px; flex: none; color: #dbe1e7; font-size: .7rem; }
.sss { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; margin-top: 72px; }
.sss-listesi { border-top: 1px solid var(--cizgi); }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { position: relative; padding: 21px 40px 21px 0; cursor: pointer; list-style: none; font-size: .83rem; font-weight: 750; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 4px; top: 14px; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: 1.1rem; transition: transform .18s ease; }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { margin: -3px 40px 20px 0; color: var(--metin-2); font-size: .76rem; }
.uyari { display: flex; gap: 10px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid #e8d2a5; border-radius: 12px; background: #fff9ec; color: #6e5525; font-size: .73rem; }
:root[data-tema="koyu"] .uyari { border-color: #56472a; background: #292318; color: #e4ca97; }
.bos, .hata-kutu { padding: 54px 20px; border: 1px dashed var(--cizgi); border-radius: 17px; background: var(--yuzey); text-align: center; color: var(--metin-2); }
.iskelet { height: 112px; padding: 22px; border: 1px solid var(--cizgi); border-radius: 17px; background: var(--yuzey); }
.parilti { height: 10px !important; margin-bottom: 10px; border-radius: 6px; background: linear-gradient(90deg,var(--cizgi),var(--yuzey-2),var(--cizgi)); background-size: 300% 100%; animation: parlama 1.3s infinite; }
@keyframes parlama { to { background-position: -100% 0; } }

/* Alt bilgi */
.alt { padding: 54px 0 max(34px,env(safe-area-inset-bottom)); border-top: 1px solid var(--cizgi); background: var(--yuzey); }
.alt-ust { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.alt-ust > div:first-child > p { margin: 11px 0 0; color: var(--metin-2); font-size: .76rem; }
.alt-ust .logo-e { width: 38px; height: 43px; }
.alt-guven { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 11px; padding: 14px 17px; border: 1px solid var(--cizgi); border-radius: 15px; background: var(--yuzey-2); }
.alt-guven .canli { grid-row: span 2; }
.alt-guven strong { font-size: .72rem; }
.alt-guven small { color: var(--soluk); font-size: .63rem; }
.alt-gezinme { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
.sekme { padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 999px; color: var(--metin-2); font-size: .66rem; text-decoration: none; }
.sekme:hover, .sekme[aria-current="page"] { border-color: var(--kirmizi); background: var(--kirmizi-acik); color: var(--kirmizi); }
.sekme .sayi { margin-left: 4px; opacity: .7; }
.alt-alt { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; color: var(--soluk); font-size: .66rem; }
.alt-alt p { margin: 0; }
.bildirim { position: fixed; z-index: 3000; left: 20px; right: 20px; bottom: 24px; max-width: 390px; margin: auto; padding: 13px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: #171a1f; color: #fff; box-shadow: var(--golge-buyuk); text-align: center; font-size: .74rem; font-weight: 680; opacity: 0; transform: translateY(12px); pointer-events: none; transition: .18s ease; }
.bildirim.gorunur { opacity: 1; transform: translateY(0); }

/* Eczane detay sayfası */
.detay-sayfa { min-height: 70vh; padding: 34px 0 80px; }
.kirinti { display: flex; align-items: center; gap: 9px; overflow: hidden; margin-bottom: 24px; color: var(--soluk); font-size: .7rem; white-space: nowrap; }
.kirinti a { color: var(--metin-2); text-decoration: none; }
.kirinti > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.detay-hero { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); overflow: hidden; border: 1px solid var(--cizgi); border-radius: 26px; background: var(--yuzey); box-shadow: var(--golge-buyuk); }
.detay-bilgi { padding: 42px; }
.detay-durum { display: flex; align-items: center; gap: 10px; margin: 0 0 25px; color: var(--yesil); font-size: .75rem; font-weight: 780; }
.detay-baslik { display: flex; align-items: center; gap: 18px; margin-bottom: 30px; }
.detay-baslik p { margin: 0 0 5px; color: var(--kirmizi); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.detay-baslik h1 { margin: 0; font-size: clamp(1.85rem,3.2vw,3rem); line-height: 1.03; letter-spacing: -.055em; }
.detay-satir { display: grid; grid-template-columns: 78px 1fr; gap: 14px; padding: 15px 0; border-top: 1px solid var(--cizgi); }
.detay-satir > span { color: var(--soluk); font-size: .72rem; }
.detay-satir strong, .detay-satir a { color: var(--metin); font-size: .82rem; text-decoration: none; }
.detay-eylemler { display: flex; gap: 10px; margin-top: 25px; }
.detay-eylemler a { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; flex: 1; border: 1px solid var(--kirmizi); border-radius: 12px; font-size: .78rem; font-weight: 800; text-decoration: none; }
.detay-ara { background: var(--kirmizi); color: #fff; box-shadow: var(--golge-kirmizi); }
.detay-yol { color: var(--kirmizi); }
.detay-uyari { margin: 18px 0 0; color: var(--soluk); font-size: .68rem; }
.detay-harita { min-height: 500px; background: #e9efec; }
.harita-yok { padding: 44px; color: var(--metin-2); text-align: center; }
.kaynak-karti { display: flex; align-items: center; gap: 14px; margin-top: 15px; padding: 18px 21px; border: 1px solid var(--cizgi); border-radius: 16px; background: var(--yuzey); box-shadow: var(--golge); }
.kaynak-karti > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 11px; background: var(--yesil-acik); color: var(--yesil); font-weight: 850; }
.kaynak-karti strong { font-size: .77rem; }
.kaynak-karti p { margin: 3px 0 0; color: var(--metin-2); font-size: .69rem; }
.acil-kart .yan-ikon { background: #fff0f1; color: var(--kirmizi); }
.acil-linkler { display: flex; gap: 7px; margin-top: 11px; }
.acil-linkler a { display: inline-flex; min-height: 35px; align-items: center; justify-content: center; flex: 1; padding: 0 10px; border: 1px solid color-mix(in srgb, var(--kirmizi) 25%, var(--cizgi)); border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-size: .66rem; font-weight: 820; text-decoration: none; }
.acil-linkler a:hover { border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; }
.yakin-bolumu { margin-top: 68px; }

button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible, summary:focus-visible, .kart:focus-visible { outline: 3px solid rgba(184,13,26,.25); outline-offset: 3px; }

@media (max-width: 1120px) {
  .hero-ic { grid-template-columns: minmax(0,1fr) 430px; gap: 34px; }
  .ana-gezinme { gap: 22px; }
  .sonuc-izgara { grid-template-columns: minmax(0,1fr) 300px; gap: 20px; }
  .kart-sag { min-width: 222px; }
}

@media (max-width: 940px) {
  .sarmal { padding-inline: 24px; }
  .ana-gezinme { display: none; }
  .hero { padding-top: 48px; }
  .hero-ic { grid-template-columns: 1fr; gap: 38px; }
  .hero-gorsel { grid-row: 2; }
  .harita-kart { min-height: 400px; }
  .arama-paneli { max-width: none; }
  .sonuc-izgara { grid-template-columns: 1fr; }
  .yan-panel { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 0; }
  .durum-karti, .yan-kart { min-height: 100%; }
  .guven-seridi { grid-template-columns: repeat(2,1fr); }
  .guven-seridi > div:nth-child(2) { border-right: 0; }
  .guven-seridi > div { padding-block: 8px; }
  .il-izgara { grid-template-columns: repeat(3,1fr); }
  .detay-hero { grid-template-columns: 1fr; }
  .detay-harita { min-height: 350px; }
}

@media (max-width: 680px) {
  .sarmal { padding-inline: 17px; }
  .duyuru-seridi { min-height: 32px; }
  .duyuru-guven { display: none !important; }
  .duyuru-ic { justify-content: center; }
  .mastbasi-ic { min-height: 66px; }
  .logo-e { width: 38px; height: 43px; border-radius: 8px; }
  .logo-e b { font-size: 1.5rem; }
  .marka-yazi { font-size: .9rem; }
  .tema-dugmesi { width: 39px; height: 39px; }
  .ust-konum { width: 41px; min-height: 41px; padding: 0; }
  .ust-konum span { display: none; }
  .hero { padding: 34px 0 48px; }
  .hero::before { opacity: .15; background-size: 38px 38px; }
  .hero h1 { font-size: clamp(2.35rem,11vw,3.2rem); }
  .hero-metin { margin-top: 18px; font-size: .9rem; }
  .hero-guven { width: 100%; margin-top: 23px; }
  .hero-guven > div { min-width: 0; flex: 1; padding: 0 11px; }
  .hero-guven strong { font-size: 1rem; }
  .hero-guven span { font-size: .62rem; }
  .arama-paneli { margin-top: 25px; padding: 15px; border-radius: 18px; }
  .arama-paneli-ust > div { display: block; }
  .arama-paneli-ust strong { display: block; margin-top: 2px; font-size: .79rem; }
  .arama-guven { display: none; }
  .arama-alanlari { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tarih-alani { grid-column: span 2; }
  .arama-kutusu, .arama-dugmesi { grid-column: span 2; }
  .konum-hizli { min-height: 54px; text-align: left; }
  .konum-hizli small { display: none; }
  .harita-kart { min-height: 330px; border-radius: 22px; }
  .harita-kart::after { border-width: 6px; }
  .harita-ust { top: 14px; left: 14px; right: 14px; }
  .harita-alt { left: 14px; right: 14px; bottom: 14px; padding: 12px; }
  .harita-alt small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sonuc-alani { padding-top: 38px; }
  .liste-basligi { align-items: flex-start; }
  .kart { grid-template-columns: 46px minmax(0,1fr); gap: 12px; padding: 15px 13px; }
  .eczane-e { width: 43px; height: 51px; }
  .eczane-e b { font-size: 1.5rem; }
  .kart-adres { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .kart-sag { grid-column: 1 / -1; min-width: 0; width: 100%; align-items: stretch; padding-top: 11px; border-top: 1px solid var(--cizgi); }
  .nobet-zamani { display: none; }
  .kart-eylemler { width: 100%; }
  .ara-kisa, .yol-tarifi { flex: 1; min-width: 0; }
  .ara-kisa span { display: inline; }
  .yan-panel { grid-template-columns: 1fr; }
  .guven-seridi { width: calc(100% - 34px); grid-template-columns: 1fr; margin-bottom: 60px; padding: 0; }
  .guven-seridi > div { justify-content: flex-start; border-right: 0; border-bottom: 1px solid var(--cizgi); padding: 13px 16px; }
  .guven-seridi > div:last-child { border-bottom: 0; }
  .guven-seridi small { white-space: normal; }
  .bolum-ust { display: block; }
  .bolum-sayi { display: inline-flex; margin-top: 12px; }
  .il-izgara { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .il-karti { min-height: 92px; padding: 14px; }
  .rehber-bolumu { margin-top: 66px; padding-top: 55px; }
  .adim-izgara { grid-template-columns: 1fr; }
  .adim-karti { min-height: 170px; }
  .bilgi-paneli { align-items: flex-start; }
  .panel-canli { display: none; }
  .sss { grid-template-columns: 1fr; gap: 28px; margin-top: 58px; }
  .alt { padding-top: 42px; }
  .alt-ust { align-items: flex-start; flex-direction: column; }
  .alt-guven { width: 100%; }
  .alt-alt { align-items: flex-start; flex-direction: column; gap: 7px; }
  .detay-bilgi { padding: 25px; }
  .detay-baslik { align-items: flex-start; }
  .detay-harita { min-height: 290px; }
}

@media (max-width: 390px) {
  .marka-yazi { display: none; }
  .hero h1 { font-size: 2.2rem; }
  .hero-guven > div { padding-inline: 8px; }
  .arama-paneli { margin-inline: -4px; }
  .il-izgara { grid-template-columns: 1fr; }
  .paylas, .favori { width: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Yönetim merkezi */
.admin-govde{background:var(--zemin);min-height:100vh}.admin-ust{padding:18px 0;border-bottom:1px solid var(--cizgi);background:var(--yuzey)}.admin-ust .sarmal{display:flex;align-items:center;justify-content:space-between}.admin-ust .sarmal>div{display:flex;flex-direction:column;text-align:right}.admin-ust span{color:var(--metin-2);font-size:.72rem}.admin-main{padding-top:48px;padding-bottom:80px}.admin-giris{max-width:520px;margin:8vh auto;padding:38px;border:1px solid var(--cizgi);border-radius:22px;background:var(--yuzey);box-shadow:var(--golge-buyuk)}.admin-giris h1{font-size:2rem;letter-spacing:-.04em}.admin-giris p{color:var(--metin-2)}.admin-giris form{display:flex;gap:10px;margin-top:24px}.admin-giris input,.admin-giris button,.admin-kutu select{min-height:46px;border:1px solid var(--cizgi);border-radius:10px;padding:0 14px;background:var(--yuzey);color:var(--metin)}.admin-giris input{flex:1}.admin-giris button,.admin-kutu button{border:0;background:var(--kirmizi);color:white;font-weight:750;padding:0 18px;border-radius:10px}.admin-hata{color:var(--kirmizi)!important}.admin-metrikler{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-metrikler article,.admin-kutu{padding:24px;border:1px solid var(--cizgi);border-radius:18px;background:var(--yuzey);box-shadow:var(--golge)}.admin-metrikler article{display:flex;flex-direction:column}.admin-metrikler span,.admin-metrikler small{color:var(--metin-2);font-size:.72rem}.admin-metrikler strong{margin:8px 0;font-size:2rem}.admin-kutu{margin-bottom:20px}.admin-kutu h2{margin:3px 0 22px;font-size:1.35rem}.admin-kutu .bolum-ust button{height:40px}.admin-tablo-kapsa{overflow:auto}.admin-kutu table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-kutu th,.admin-kutu td{padding:13px 10px;border-bottom:1px solid var(--cizgi);text-align:left;white-space:nowrap}.admin-kutu th{color:var(--metin-2)}.admin-rozet{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:.65rem;font-weight:800;text-transform:capitalize}.admin-rozet.iyi{background:#e7f7ec;color:#147b38}.admin-rozet.hata{background:#fff0f1;color:#b50f1b}.admin-rozet.bekle{background:#fff7dd;color:#8a6200}.admin-iki{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.analitik-grafik{height:180px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid var(--cizgi);padding-top:15px}.analitik-grafik>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.analitik-grafik i{display:block;width:100%;max-width:28px;border-radius:6px 6px 0 0;background:linear-gradient(var(--kirmizi),#e43a45)}.analitik-grafik span{font-size:.58rem;color:var(--metin-2)}.analitik-toplam{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.analitik-toplam span{padding:7px 10px;border-radius:8px;background:var(--zemin);font-size:.68rem}.analitik-toplam strong{margin-left:8px}.abone-iller div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--cizgi)}.rapor-listesi{display:grid;gap:10px}.rapor-listesi article{padding:16px;border:1px solid var(--cizgi);border-radius:12px}.rapor-listesi article>div{display:flex;justify-content:space-between;align-items:center}.rapor-listesi time{font-size:.65rem;color:var(--metin-2)}.rapor-listesi h3{margin:10px 0 5px;font-size:.92rem}.rapor-listesi h3 small{color:var(--metin-2);font-weight:500}.rapor-listesi p{font-size:.75rem;color:var(--metin-2)}.rapor-listesi select{min-height:36px}.gizli{display:none!important}

/* Bildirim ve bilgi düzeltme pencereleri */
.uygulama-dialog{width:min(92vw,520px);border:1px solid var(--cizgi);border-radius:20px;padding:0;background:var(--yuzey);color:var(--metin);box-shadow:0 24px 80px rgba(0,0,0,.28)}.uygulama-dialog::backdrop{background:rgba(13,17,23,.58);backdrop-filter:blur(5px)}.dialog-ic{padding:28px}.dialog-ic h2{margin:4px 0 8px;font-size:1.55rem}.dialog-ic>p{margin:0 0 20px;color:var(--metin-2);font-size:.8rem}.dialog-form{display:grid;gap:13px}.dialog-form label{display:grid;gap:6px;font-size:.7rem;font-weight:750;color:var(--metin-2)}.dialog-form select,.dialog-form textarea{width:100%;border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin);color:var(--metin);padding:11px;font:inherit}.dialog-form textarea{min-height:92px;resize:vertical}.dialog-eylem{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.dialog-eylem button{min-height:42px;padding:0 16px;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey);color:var(--metin);font-weight:750}.dialog-eylem .birincil{border-color:var(--kirmizi);background:var(--kirmizi);color:white}.hata-bildir{border:0;background:none;color:var(--metin-2);font-size:.66rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:850px){.admin-metrikler{grid-template-columns:repeat(2,1fr)}.admin-iki{grid-template-columns:1fr}}@media(max-width:560px){.admin-metrikler{grid-template-columns:1fr}.admin-giris form{flex-direction:column}.admin-giris{padding:25px}.admin-ust .marka-yazi{display:none}}

/* İlçe ve sağlık rehberi */
.yerel-rehber{margin-top:20px;padding:26px;border:1px solid var(--cizgi);border-radius:18px;background:linear-gradient(135deg,var(--yuzey),var(--zemin));display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.yerel-rehber h2{margin:4px 0 10px;font-size:1.45rem;letter-spacing:-.035em}.yerel-rehber p{color:var(--metin-2);line-height:1.7;font-size:.78rem}.yerel-rehber dl{margin:0}.yerel-rehber dl div{padding:10px 0;border-bottom:1px solid var(--cizgi)}.yerel-rehber dt{font-size:.62rem;color:var(--metin-2)}.yerel-rehber dd{margin:4px 0 0;font-size:.75rem;font-weight:750}.yerel-not{grid-column:1/-1;margin:0!important;padding-top:16px;border-top:1px solid var(--cizgi)}.rehber-sayfa{padding:28px 0 90px}.rehber-hero{max-width:820px;padding:72px 0 52px}.rehber-hero h1{margin:8px 0 18px;font-size:clamp(2.5rem,6vw,5.3rem);line-height:.98;letter-spacing:-.065em}.rehber-hero>p:last-child{max-width:700px;color:var(--metin-2);font-size:1rem;line-height:1.7}.rehber-makaleler{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rehber-makaleler article{padding:28px;border:1px solid var(--cizgi);border-radius:18px;background:var(--yuzey);box-shadow:var(--golge)}.rehber-makaleler article>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:var(--kirmizi-soluk);color:var(--kirmizi);font-weight:850}.rehber-makaleler h2{margin:20px 0 13px;font-size:1.2rem}.rehber-makaleler ul{margin:0;padding-left:18px;color:var(--metin-2);font-size:.78rem;line-height:1.75}.rehber-kaynak{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:60px;padding:38px;border-radius:22px;background:#171a1f;color:#fff}.rehber-kaynak h2{font-size:2rem;margin:5px 0 12px}.rehber-kaynak p{color:#b7bdc8;line-height:1.65}.kaynak-linkleri{display:grid;gap:9px}.kaynak-linkleri a{display:flex;flex-direction:column;padding:16px;border:1px solid #343942;border-radius:12px;color:#fff}.kaynak-linkleri span{margin-top:5px;color:#b7bdc8;font-size:.7rem}.rehber-uyari{margin-top:20px;padding:18px;border:1px solid #f0c5c9;border-radius:13px;background:#fff4f5;color:#7e1820;font-size:.75rem;line-height:1.6}
@media(max-width:800px){.yerel-rehber,.rehber-kaynak{grid-template-columns:1fr}.rehber-makaleler{grid-template-columns:1fr}.rehber-hero{padding-top:48px}.rehber-kaynak{gap:20px;padding:26px}}
