@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/* V2 eklemeleri. Örnek sayfanın renk değişkenlerini (--accent, --crit, --warn …) kullanır;
   örneğin kendi stillerine dokunmaz. */

/* ===== Kırmızı / sarı işaretler (isaret.js) ===== */
.v2-isaret{position:relative; outline:2px dashed var(--crit); outline-offset:3px}
.v2-isaret.v2-kalkacak{outline-style:solid}
.v2-isaret.v2-sari{outline-color:var(--warn)}
.v2-isaret::before{
  content:attr(data-v2-etiket); position:absolute; z-index:6; top:-12px; inset-inline-start:8px;
  max-width:calc(100% - 16px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  font:600 9.5px/1.5 "IBM Plex Mono",ui-monospace,monospace; letter-spacing:.03em;
  padding:1px 6px; border-radius:4px; background:var(--crit); color:#fff; pointer-events:none;
}
.v2-isaret.v2-sari::before{background:var(--warn); color:#1c1405}
/* Menüde ve küçük parçalarda yalnız çerçeve (etiket kalabalık yapmasın). */
.nav.v2-isaret::before,.nav .v2-isaret::before,.v2-acilir.v2-isaret::before,.navgrp.v2-isaret::before,#v2-oturum.v2-isaret::before{display:none}
.nav.v2-isaret,.navgrp.v2-isaret{outline-width:1.5px; outline-offset:-2px; border-radius:9px}
body.v2-isaretsiz .v2-isaret{outline:none}
body.v2-isaretsiz .v2-isaret::before{display:none}
/* "Kırmızıları kaldır": canlı görünüm. Kırmızılar gizlenir, kalan işaretler de görünmez. */
body.v2-temiz .v2-isaret.v2-calismiyor,body.v2-temiz .v2-isaret.v2-kalkacak{display:none !important}
body.v2-temiz .v2-isaret{outline:none}
body.v2-temiz .v2-isaret::before{display:none}
body.v2-temiz button[data-sekme="izleme"]{display:none} /* doktor panelinde: içi tamamen örnek */
body.v2-temiz [data-isaret-dugme],body.v2-temiz .v2-lejant{display:none}

/* ===== Üst çubuk: oturum ===== */
.v2-kisi{display:flex; align-items:center; gap:9px; padding:4px 12px 4px 4px; border-radius:999px; border:1px solid var(--line); background:var(--surface-2); text-align:start}
.v2-kisi:hover{border-color:var(--accent-line)}
.v2-kisi b{display:block; font-size:12.5px; font-weight:600; line-height:1.2}
.v2-kisi s{display:block; text-decoration:none; font-size:11px; color:var(--muted); line-height:1.2}

/* ===== Kartlar ve formlar ===== */
.v2-kart{width:100%}
.v2-baslik{font-size:19px; font-family:"IBM Plex Serif",serif; margin-top:4px}
.v2-kart .ch p.lede{margin-top:4px}
.v2-form{display:grid; gap:12px}
.v2-iki{display:grid; gap:12px; grid-template-columns:1fr; align-items:start}
@media(min-width:620px){.v2-iki{grid-template-columns:1fr 1fr}}
.v2-alan{display:grid; gap:5px; font-size:12.5px; font-weight:600; color:var(--ink-2)}
.v2-alan small{font-weight:400; color:var(--muted); font-size:11.5px}
.v2-alan input{
  font:inherit; font-size:14px; font-weight:400; color:var(--ink); background:var(--surface-2);
  border:1.5px solid var(--line); border-radius:10px; padding:9px 12px; width:100%; min-width:0;
}
.v2-alan input:focus{outline:none; border-color:var(--accent); background:var(--surface)}
.v2-dugmeler{display:flex; flex-wrap:wrap; gap:9px; align-items:center}
.v2-alt{font-size:12.5px; color:var(--muted)}
.v2-link{color:var(--accent-ink); font-weight:600; text-decoration:underline; text-underline-offset:2px; text-align:start}
.v2-kucuk{font-size:12px; color:var(--muted)}
.v2-gelistirme{border-style:dashed}
.v2-mesaj{border-radius:10px; padding:10px 12px; font-size:13px; line-height:1.55}
.v2-mesaj.hata{background:var(--crit-soft); color:var(--crit); border:1px solid color-mix(in srgb,var(--crit) 30%,transparent)}
.v2-mesaj.ok{background:var(--ok-soft); color:var(--ok); border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}
.v2-captcha{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.v2-captcha img{border-radius:9px; border:1px solid var(--line); background:#fff}
.v2-onaylar{border:1px solid var(--line); border-radius:11px; padding:10px 14px 12px; margin:0; display:grid; gap:9px}
.v2-onaylar legend{font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); font-weight:600; padding:0 6px}
.v2-onay label,.v2-satir{display:flex; gap:9px; align-items:flex-start; font-size:13px; color:var(--ink-2)}
.v2-onay input,.v2-satir input{margin-top:4px; accent-color:var(--accent)}
.v2-hukuk-ic{margin:8px 0 2px 26px; padding:10px 12px; border-radius:9px; background:var(--surface-2); border:1px solid var(--line); font-size:12.5px}
.v2-hukuk-ic ul,[data-hukuk] ul{margin:8px 0 0; padding-inline-start:18px}
.v2-taslak{background:var(--warn-soft); color:var(--warn); border-radius:8px; padding:8px 10px; margin:8px 0}
.v2-postalar{display:grid; gap:8px}
.v2-postalar details{border:1px solid var(--line); border-radius:10px; padding:9px 12px; background:var(--surface-2)}
.v2-postalar summary{cursor:pointer; font-size:13px}
.v2-postalar pre{white-space:pre-wrap; overflow-wrap:anywhere; font-family:"IBM Plex Mono",monospace; font-size:12px; margin:8px 0 0}

/* ===== Alt araç çubuğu: işaretler ===== */
#v2-arac{
  position:fixed; z-index:40; inset-inline-start:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px));
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; max-width:calc(100vw - 24px);
  background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:6px 12px 6px 6px; box-shadow:var(--sh); font-size:11.5px;
}
.v2-arac-dugme{background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:4px 11px; font-weight:600; font-size:12px}
.v2-lejant{display:flex; gap:6px; align-items:center; color:var(--muted)}
.v2-lejant i{display:inline-block; width:12px; height:9px; border-radius:3px; border:2px dashed var(--crit); margin-inline-start:4px}
.v2-lejant i.kk{border-style:solid}
.v2-lejant i.s{border-color:var(--warn)}
@media(max-width:620px){.v2-lejant{display:none}}

/* ===== Test hesapları kutusu ===== */
#v2-test{
  position:fixed; z-index:41; inset-inline-end:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px));
  width:min(330px, calc(100vw - 24px)); background:var(--surface); border:2px dashed var(--warn);
  border-radius:13px; box-shadow:var(--sh); padding:8px 12px;
}
/* Dar ekranda alttaki işaret çubuğunun üstünde dursun (üst üste binmesin). */
@media(max-width:620px){#v2-test{bottom:calc(64px + env(safe-area-inset-bottom,0px)); width:auto; inset-inline-start:12px}}
#v2-test summary{cursor:pointer; font-weight:600; font-size:13px; color:var(--warn)}
#v2-test[open]{padding-bottom:12px}
.v2-test-liste{display:grid; gap:6px; margin-top:8px; max-height:45vh; overflow-y:auto}
.v2-test-liste button{text-align:start; background:var(--surface-2); border:1px solid var(--line); border-radius:9px; padding:7px 10px; font-size:12.5px}
.v2-test-liste button:hover{border-color:var(--accent-line)}
.v2-test-liste s{display:block; text-decoration:none; color:var(--muted); font-size:11px; font-family:"IBM Plex Mono",monospace}

/* ===== Bildirim ===== */
.v2-bildirim{
  position:fixed; z-index:50; top:14px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 32px);
  padding:10px 16px; border-radius:11px; font-size:13.5px; font-weight:600; box-shadow:var(--sh);
  background:var(--ok-soft); color:var(--ok); border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);
}
.v2-bildirim.hata{background:var(--crit-soft); color:var(--crit)}

/* Alt araçlar içeriği örtmesin. */
.main{padding-bottom:70px}

/* ===== Örneğin kendi hatası: dar ekranda menü düğmeleri yan yana kaysın (alt alta yığılmasın) ===== */
@media(max-width:959px){#navWrap{display:flex; gap:6px; align-items:center}}
/* Örneğin kendi hatası: "Neden Laerion" kartındaki simgelere boyut verilmemiş (ekranı kaplıyor). */
#view .card .g4 > div > span:first-child > svg{width:20px; height:20px}

/* ===== Ortak V2 parçaları (Adım 2–6) ===== */
.v2-girdi{
  font:inherit; font-size:14px; font-weight:400; color:var(--ink); background:var(--surface-2);
  border:1.5px solid var(--line); border-radius:10px; padding:9px 12px; width:100%; min-width:0;
}
textarea.v2-girdi{resize:vertical; line-height:1.55}
.v2-girdi:focus{outline:none; border-color:var(--accent); background:var(--surface)}
.v2-dugmeler .v2-girdi{width:auto}
.v2-mesaj.uyari{background:var(--warn-soft); color:var(--ink-2); border:1px solid color-mix(in srgb,var(--warn) 32%,transparent)}
.v2-metin{white-space:pre-wrap; overflow-wrap:anywhere; font-size:13.5px; line-height:1.6; margin:6px 0}
pre.v2-metin{font-family:"IBM Plex Mono",monospace; font-size:12px; max-height:340px; overflow:auto; background:var(--surface-2); border-radius:9px; padding:10px}
.v2-ara-baslik{font-size:13.5px; font-weight:600; margin:14px 0 8px}
.v2-bolum{margin-top:14px; padding-top:12px; border-top:1px solid var(--line); display:grid; gap:8px}
.v2-yukleniyor{color:var(--muted); font-size:13px; padding:12px}
.v2-bos{color:var(--muted); font-size:13px}
.v2-kapi .lede{color:var(--ink-2)}
.v2-rozet{display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--crit); color:#fff; font:600 10.5px/1 "IBM Plex Mono",monospace; margin-inline-start:4px}
.v2-cipler{display:flex; flex-wrap:wrap; gap:6px}
.v2-cipler button.chip{cursor:pointer}
.v2-cok-sutun{display:grid; gap:6px 14px; grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.btn.v2-tehlike-dolu{background:var(--crit); color:#fff}
.v2-tehlike{border-color:var(--crit)}
.v2-buyuk{font-size:34px; font-weight:600; line-height:1.1}
.v2-buyuk small{font-size:15px; color:var(--muted)}

/* Bekleme göstergesi */
.v2-bekle{display:flex; gap:10px; align-items:center; padding:12px 14px; border-radius:11px; background:var(--accent-soft); color:var(--accent-ink); font-size:13px; margin:10px 0}
.v2-donen{width:16px; height:16px; flex:0 0 16px; border-radius:50%; border:2.5px solid var(--accent-line); border-top-color:var(--accent); animation:v2-don .9s linear infinite}
@keyframes v2-don{to{transform:rotate(360deg)}}

/* Sekmeler */
.v2-sekmeler{display:flex; gap:4px; flex-wrap:wrap; border-bottom:1px solid var(--line); margin-bottom:4px}
.v2-sekmeler button{padding:8px 13px; font-size:13px; font-weight:600; color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px}
.v2-sekmeler button[aria-selected="true"],.v2-sekmeler button.secili{color:var(--accent-ink); border-bottom-color:var(--accent)}
.v2-sekmeler button:hover{color:var(--ink)}
@media(max-width:620px){.v2-sekmeler{flex-wrap:nowrap; overflow-x:auto} .v2-sekmeler button{white-space:nowrap}}

/* Pencere */
.v2-pencere{position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:16px; background:color-mix(in srgb,#000 45%,transparent)}
.v2-pencere-ic{width:min(640px,100%); max-height:calc(100vh - 32px); overflow-y:auto}

/* Hasta akışı: öneri, uzmanlar, saatler, randevu */
.v2-oneri{display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:12px; background:var(--accent-soft); border:1px solid var(--accent-line)}
.v2-oneri-ic{width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:var(--accent); color:#fff; display:grid; place-items:center}
.v2-oneri-ic svg{width:18px; height:18px}
.v2-oneri s{display:block; text-decoration:none; font-size:11.5px; color:var(--muted)}
.v2-oneri b{display:block; font-size:17px; margin:2px 0 4px}
.v2-oneri small{display:block; font-size:12px; color:var(--ink-2)}
.v2-ikinci{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:13px; color:var(--muted); margin-top:10px}
.v2-ikinci .btn{padding:6px 13px; font-size:13px}
.v2-acil{margin:10px 0}
.v2-uzmanlar{grid-template-columns:1fr; gap:10px}
@media(min-width:700px){.v2-uzmanlar{grid-template-columns:1fr 1fr}}
.v2-uzman{background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:13px; display:grid; gap:7px; align-content:start}
.v2-uzman:hover{border-color:var(--accent-line)}
.v2-saatler{display:grid; gap:10px}
.v2-saat-ust{display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.v2-gun{display:grid; gap:6px}
.v2-gun > b{font-size:12.5px; text-transform:capitalize}
.v2-saat-liste{display:flex; flex-wrap:wrap; gap:6px}
.v2-saat-liste button,.v2-saat{font:500 12.5px "IBM Plex Mono",monospace; padding:6px 10px; border-radius:8px; border:1px solid var(--line); background:var(--surface-2)}
.v2-saat-liste button:hover{border-color:var(--accent)}
.v2-saat-liste button[aria-pressed="true"],.v2-saat-liste button.secili{background:var(--accent); color:#fff; border-color:var(--accent)}
.v2-randevu{border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface); display:grid; gap:8px; margin-bottom:10px}
.v2-randevu > summary{cursor:pointer; display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; font-size:13.5px}
.v2-randevu-ust{display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between; align-items:flex-start}
.v2-secili-tur{padding:10px 12px; border-radius:10px; background:var(--surface-2); border:1px solid var(--line); font-size:13px}
.v2-tamam{display:grid; justify-items:center; text-align:center; gap:8px; padding:26px 17px}
.v2-tamam-ic{width:48px; height:48px; border-radius:50%; background:var(--ok-soft); color:var(--ok); display:grid; place-items:center}
.v2-tamam-ic svg{width:24px; height:24px}
.v2-teshis{padding:10px 12px; border-radius:10px; background:var(--surface-2); border-inline-start:3px solid var(--accent)}
.v2-kimlik{padding:14px; border-radius:12px; border:1px solid var(--line); background:var(--surface-2)}
.v2-kamera svg{width:15px; height:15px}

/* Mesajlar */
.v2-mesajlar{display:grid; gap:8px}
.v2-mesaj-akis{display:grid; gap:7px; max-height:320px; overflow-y:auto; padding:8px; border-radius:11px; background:var(--surface-2); border:1px solid var(--line)}
.v2-balon{max-width:85%; justify-self:start; padding:8px 11px; border-radius:12px 12px 12px 4px; background:var(--surface); border:1px solid var(--line); font-size:13px}
.v2-balon.ben{justify-self:end; border-radius:12px 12px 4px 12px; background:var(--accent-soft); border-color:var(--accent-line)}
.v2-balon p{white-space:pre-wrap; overflow-wrap:anywhere}
.v2-balon s{display:block; text-decoration:none; font-size:10.5px; color:var(--muted); margin-top:3px}
.v2-mesaj-form{display:flex; gap:8px; align-items:flex-end}
.v2-mesaj-form textarea{flex:1; min-width:0; font:inherit; font-size:13.5px; border:1.5px solid var(--line); border-radius:10px; padding:8px 10px; background:var(--surface-2); color:var(--ink); resize:vertical}

/* Doktor: takvim, çalışma saatleri, tanı, hasta kartı, başvuru */
.v2-takvim{display:grid; grid-template-columns:repeat(7,1fr); gap:4px}
.v2-takvim-bas{font-size:10.5px; text-align:center; color:var(--muted); font-weight:600; padding:4px 0}
.v2-takvim-gun{height:42px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); font:500 12.5px "IBM Plex Mono",monospace; position:relative}
.v2-takvim-gun:hover{border-color:var(--accent-line)}
.v2-takvim-gun.bugun{border-color:var(--accent)}
.v2-takvim-gun.secili{background:var(--accent); color:#fff; border-color:var(--accent)}
.v2-takvim-gun i{position:absolute; bottom:3px; left:50%; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background:var(--accent)}
.v2-takvim-gun.secili i{background:#fff}
.v2-gun-kural{padding:10px 12px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); display:grid; gap:6px}
.v2-aralik{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:13px}
.v2-aralik input{font:inherit; font-size:13px; padding:5px 8px; border:1.5px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink)}
.v2-tani{display:grid; gap:8px}
.v2-alan-baslik{font-size:12.5px; font-weight:600; color:var(--ink-2)}
.v2-secenekler{display:flex; flex-wrap:wrap; gap:6px}
.v2-secenekler button,.v2-secenekler label{font-size:12.5px; padding:6px 10px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); text-align:start; cursor:pointer; display:inline-flex; gap:6px; align-items:center}
.v2-secenekler button:hover,.v2-secenekler label:hover{border-color:var(--accent-line)}
.v2-secenekler label:has(input:checked){background:var(--accent-soft); border-color:var(--accent); color:var(--accent-ink)}
.v2-secenekler input{accent-color:var(--accent)}
.v2-hasta-karti{display:grid; gap:4px}
.v2-not{padding:8px 10px; border-radius:9px; background:var(--warn-soft); font-size:13px}
.v2-basvuru{display:grid; gap:6px; font-size:13px}
.v2-basvuru ul{margin:2px 0 6px; padding-inline-start:18px}
.v2-onnot{padding:12px; border-radius:11px; background:var(--surface-2); border:1px dashed var(--line-2); display:grid; gap:6px}
.v2-alan-form{display:grid; gap:12px}

/* Görüşme odası */
.v2-oda{align-items:start}
.v2-vid{background:#0b141c}
.v2-vid video.v2-buyuk{width:100%; height:100%; object-fit:contain; position:absolute; inset:0}
.v2-vid .v2-self{overflow:hidden; padding:0; z-index:2}
.v2-vid .v2-self video{width:100%; height:100%; object-fit:cover; transform:scaleX(-1)}
.v2-karsi-kucuk{position:absolute; inset-block-start:11px; inset-inline-end:11px; width:22%; border-radius:8px; z-index:2}
.v2-vid .v2-bos{color:#cfd8df; position:relative; z-index:1}
.vb.v2-kapali{background:var(--crit-soft); color:var(--crit); border-color:color-mix(in srgb,var(--crit) 34%,transparent)}
.vb.v2-acik{background:var(--accent-soft); color:var(--accent-ink); border-color:var(--accent)}
.v2-onizleme{width:100%; max-width:420px; aspect-ratio:4/3; object-fit:cover; border-radius:12px; background:#0b141c; transform:scaleX(-1)}
.v2-cihaz-test{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:8px}
.v2-seviye{flex:1 1 120px; height:8px; border-radius:999px; background:var(--surface-3); overflow:hidden}
.v2-seviye i{display:block; height:100%; width:0; background:var(--ok); transition:width .08s linear}
.v2-vid:fullscreen{border-radius:0; border:0; aspect-ratio:auto}
.v2-vid.v2-tam{position:fixed; inset:0; z-index:70; border-radius:0; aspect-ratio:auto; max-width:none}
.vb[data-tam]{font-size:17px}
@media(max-width:759px){
  .v2-oda .v2-vid{aspect-ratio:3/4}
  .v2-oda .vid .self{width:32%}
  .v2-oda .vctrl{justify-content:center}
}
.v2-bilgilendirme{padding:12px 14px; border-radius:11px; background:var(--surface-2); border:1px solid var(--line); font-size:13px}
.v2-bilgilendirme ul{margin:6px 0 0; padding-inline-start:18px; display:grid; gap:3px}

/* Anket */
.v2-anket{display:grid; gap:10px}
.v2-puan{border:1px solid var(--line); border-radius:11px; padding:8px 12px 10px; margin:0; display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.v2-puan legend{font-size:13px; font-weight:600; padding:0 4px}
.v2-puan label{display:inline-flex; gap:5px; align-items:center; padding:5px 10px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); font-size:13px; cursor:pointer}
.v2-puan label:has(input:checked){background:var(--accent-soft); border-color:var(--accent)}

/* Eczaneler, Sonuç Okuyucu, blog, testler */
.v2-eczaneler > div{flex-wrap:wrap}
.v2-eczane-ara{margin-top:10px}
.v2-eczane-ara select{flex:0 1 190px}
.v2-eczane-ara input{flex:1 1 200px}
.v2-eczane-arac{display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:flex-end}
.v2-yukle{cursor:pointer}
.v2-yukle svg{width:15px; height:15px}
.v2-sonuc{display:grid; gap:10px; margin-top:14px}
.v2-terimler{display:grid; gap:4px 14px; grid-template-columns:minmax(120px,max-content) 1fr; font-size:13px; margin:0}
.v2-terimler dt{font-weight:600}
.v2-terimler dd{margin:0; color:var(--ink-2)}
@media(max-width:620px){.v2-terimler{grid-template-columns:1fr} .v2-terimler dd{margin-bottom:6px}}
.v2-yazi-kart{text-align:start; display:block; width:100%}
.v2-yazi-kart:hover{border-color:var(--accent-line)}
.v2-yazi-kart h3{font-size:15px; font-weight:600; margin:6px 0}
.v2-yazi{display:grid; gap:10px; font-size:14px; line-height:1.7; max-width:68ch; margin-bottom:12px}
.v2-olcek{margin:0; padding-inline-start:20px; display:grid; gap:12px}
.v2-olcek fieldset{border:0; padding:0; margin:0; display:grid; gap:7px}
.v2-olcek legend{font-size:13.5px; font-weight:500; padding:0}
.v2-test-sonuc{display:grid; gap:8px; justify-items:start; margin-top:12px; padding:14px; border-radius:12px; background:var(--surface-2); border:1px solid var(--line)}

/* ===== Mesajlar sayfası (mesajlar.js) ===== */
.v2-msj{display:grid; grid-template-columns:300px 1fr; gap:14px; height:calc(100vh - 170px); min-height:460px}
.v2-msj-liste{display:flex; flex-direction:column; overflow:hidden}
.v2-msj-ust{display:grid; gap:8px; padding:14px 14px 10px; border-bottom:1px solid var(--line)}
.v2-msj-ust b{font-size:15px}
.v2-msj-liste [data-kisiler]{overflow-y:auto; flex:1}
.v2-msj-kisi{display:flex; gap:10px; align-items:center; width:100%; text-align:start; padding:11px 14px; border-bottom:1px solid var(--line)}
.v2-msj-kisi:hover{background:var(--surface-2)}
.v2-msj-kisi.secili{background:var(--accent-soft)}
.v2-msj-kisi-ic{flex:1; min-width:0}
.v2-msj-kisi-ic b{display:block; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.v2-msj-kisi-ic s{display:block; text-decoration:none; font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.v2-msj-kisi-sag{display:grid; justify-items:end; gap:4px}
.v2-msj-kisi-sag small{font-size:11px; color:var(--muted)}
.v2-msj-akis{display:flex; flex-direction:column; overflow:hidden; min-width:0}
.v2-msj-bos{display:grid; place-items:center; flex:1}
.v2-msj-baslik{display:flex; gap:10px; align-items:center; padding:12px 14px; border-bottom:1px solid var(--line); flex-wrap:wrap}
.v2-msj-baslik b{display:block; font-size:14.5px}
.v2-msj-baslik s{display:block; text-decoration:none; font-size:12px; color:var(--muted)}
.v2-msj-randevu{margin-inline-start:auto}
.v2-msj-geri{display:none; font-size:20px; padding:2px 8px; border-radius:8px}
.v2-msj-uyari{font-size:11.5px; color:var(--muted); padding:7px 14px; background:var(--surface-2); border-bottom:1px solid var(--line)}
.v2-msj-balonlar{flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:7px; background:var(--surface-2)}
.v2-msj-balonlar .v2-balon{max-width:min(75%,560px)}
.v2-msj-balonlar .v2-balon.ben{align-self:flex-end}
.v2-msj-balonlar .v2-balon:not(.ben){align-self:flex-start}
.v2-msj-gun{align-self:center; font-size:11px; color:var(--muted); margin:6px 0}
.v2-msj-gun span{background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:2px 10px}
.v2-msj-ilk{align-self:center; margin:auto}
.v2-msj-yaz{display:flex; gap:8px; align-items:flex-end; padding:10px 12px; border-top:1px solid var(--line)}
.v2-msj-yaz textarea{flex:1; min-width:0; font:inherit; font-size:14px; border:1.5px solid var(--line); border-radius:12px; padding:9px 12px; background:var(--surface-2); color:var(--ink); resize:none; max-height:160px}
.v2-msj-yaz textarea:focus{outline:none; border-color:var(--accent); background:var(--surface)}
.v2-msj-kapanis{padding:0 14px 10px}
.v2-msj-kapali{padding:12px 14px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); display:flex; gap:10px; align-items:center; flex-wrap:wrap}
@media(max-width:759px){
  .v2-msj{grid-template-columns:1fr; height:calc(100vh - 150px)}
  .v2-msj .v2-msj-akis{display:none}
  .v2-msj.akis-acik .v2-msj-liste{display:none}
  .v2-msj.akis-acik .v2-msj-akis{display:flex}
  .v2-msj-geri{display:inline-block}
  .v2-msj-randevu{margin-inline-start:0; width:100%}
  /* Yazarken alttaki deneme araçları yazma kutusunu örtmesin. */
  body:has(.v2-msj.akis-acik) #v2-test, body:has(.v2-msj.akis-acik) #v2-arac{display:none}
}

/* ===== Ana sayfa (anasayfa.js) ===== */
.v2-as{display:grid; gap:22px}
.v2-as-karsilama{display:grid; gap:18px; align-items:center; padding:26px 24px; border-radius:18px;
  background:linear-gradient(135deg,var(--accent-soft),var(--surface) 70%); border:1px solid var(--line)}
@media(min-width:900px){.v2-as-karsilama{grid-template-columns:1.3fr 1fr}}
.v2-as-karsilama h2{font-family:"IBM Plex Serif",serif; font-size:clamp(26px,4vw,38px); line-height:1.15; margin:6px 0 10px}
.v2-as-karsilama .lede{margin-bottom:16px}
.v2-as-sayilar{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.v2-as-sayilar div{background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:14px; display:grid}
.v2-as-sayilar b{font-size:24px; color:var(--accent-ink)}
.v2-as-sayilar span{font-size:12px; color:var(--muted)}
.v2-as-sekmeler{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:18px}
.v2-as-sekmeler button{display:grid; gap:10px; justify-items:start; width:min(320px,100%); padding:20px 22px; border-radius:20px;
  border:1px solid var(--line); background:var(--surface); color:var(--muted); font-size:17px; font-weight:600; text-align:start}
.v2-as-sekmeler button svg{width:30px; height:30px}
.v2-as-sekmeler button[aria-selected="true"]{background:var(--accent-soft); border-color:var(--accent-line); color:var(--ink)}
.v2-as-hizmet-ic{display:grid; gap:26px; align-items:center}
@media(min-width:960px){.v2-as-hizmet-ic{grid-template-columns:1fr 1.15fr}}
.v2-as-kategoriler{display:flex; gap:6px 18px; flex-wrap:wrap; margin-bottom:16px}
.v2-as-kategoriler button{display:inline-flex; gap:6px; align-items:center; font-size:13.5px; font-weight:600; color:var(--muted); padding:4px 0}
.v2-as-kategoriler button svg{width:17px; height:17px; color:var(--accent)}
.v2-as-kategoriler button[aria-pressed="true"]{color:var(--ink); text-decoration:underline; text-underline-offset:4px}
.v2-as-sag h3{font-size:clamp(22px,3vw,30px); font-weight:700; margin-bottom:8px}
.v2-as-cipler{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 20px}
.v2-as-cipler button{padding:8px 16px; border-radius:999px; border:1px solid var(--line-2); background:var(--surface); font-size:14px; font-weight:500; color:var(--ink-2)}
.v2-as-cipler button:hover{border-color:var(--accent); color:var(--accent-ink); background:var(--accent-soft)}
.v2-as-cta{padding:13px 30px; font-size:15px}
/* Çizim */
.v2-as-cizim{position:relative; min-height:360px}
.v2-as-leke{position:absolute; inset:6% 4% 4% 10%; border-radius:42% 58% 52% 48% / 46% 40% 60% 54%;
  background:radial-gradient(circle at 40% 40%,var(--accent-soft),color-mix(in srgb,var(--accent) 22%,var(--surface)))}
.v2-as-leke.kurumsal{border-radius:30% 70% 60% 40% / 50% 45% 55% 50%}
.v2-as-tel{position:absolute; left:34%; bottom:0; width:150px; height:270px; border-radius:30px; border:7px solid var(--ink);
  background:linear-gradient(var(--surface),var(--accent-soft)); display:grid; place-items:end center; overflow:hidden}
.v2-as-tel-cent{position:absolute; top:8px; width:46px; height:10px; border-radius:6px; background:var(--ink)}
.v2-as-karakter{width:120px; margin-bottom:6px}
.v2-as-kart{position:absolute; display:grid; gap:6px; background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:12px 14px; box-shadow:var(--sh); font-size:13px}
.v2-as-kart b{font-size:13.5px}
.v2-as-kart span{color:var(--muted); font-size:12px}
.v2-as-kart .btn{padding:6px 14px; font-size:12.5px; justify-self:start}
.v2-as-k1{left:0; top:4%; width:170px}
.v2-as-k2{right:2%; top:2%; width:170px}
.v2-as-k2 svg{width:100%; height:40px}
.v2-as-k3{left:0; bottom:6%; width:170px}
.v2-as-k3 .v2-link{text-align:start; font-size:12.5px}
.v2-as-panel{position:absolute; left:22%; right:6%; top:16%; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:var(--sh); padding:12px 14px}
.v2-as-panel-ust{display:flex; gap:5px; margin-bottom:8px}
.v2-as-panel-ust i{width:9px; height:9px; border-radius:50%; background:var(--line-2)}
.v2-as-panel svg{width:100%; height:120px}
.v2-as-panel-satir{display:grid; gap:6px; margin-top:8px}
.v2-as-panel-satir span{height:8px; border-radius:6px; background:var(--surface-3)}
.v2-as-panel-satir span:last-child{width:60%}
@media(max-width:620px){.v2-as-cizim{min-height:300px} .v2-as-tel{left:30%; width:125px; height:225px} .v2-as-k1,.v2-as-k2,.v2-as-k3{width:140px}}
/* Bölümler */
.v2-as-bolum-bas{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px}
.v2-as-bolum-bas h3{font-size:19px; font-family:"IBM Plex Serif",serif}
.v2-as-test{display:grid; gap:4px; text-align:start; padding:18px}
.v2-as-test b{font-size:15px}
.v2-as-test span{color:var(--muted); font-size:13px}
.v2-as-test s{text-decoration:none; font-size:11.5px; color:var(--ok)}
.v2-as-test:hover{border-color:var(--accent-line)}
.v2-as-yorumlar{display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); margin-bottom:8px}
.v2-as-yorum{margin:0; padding:16px; display:grid; gap:8px}
.v2-as-yorum blockquote{margin:0; font-size:14px; line-height:1.6}
.v2-as-yorum figcaption{font-size:12.5px; color:var(--muted)}
.v2-as-yildiz{color:#E0A100; letter-spacing:2px}
.v2-as-ortalama{font-size:18px; font-weight:700; color:#B98500}
.v2-as-ortalama small{font-size:12px; color:var(--muted)}
.v2-as-sss{display:grid; gap:8px}
.v2-as-sss details{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 16px}
.v2-as-sss summary{cursor:pointer; font-weight:600; font-size:14.5px}
.v2-as-sss p{margin:8px 0 0; font-size:14px; color:var(--ink-2); line-height:1.65}
.v2-as-alt{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); padding:22px; border-radius:16px;
  background:var(--surface); border:1px solid var(--line)}
.v2-as-alt > div{display:grid; gap:6px; align-content:start}
.v2-as-alt .v2-link{font-weight:500; text-decoration:none; text-align:start; color:var(--ink-2)}
.v2-as-alt .v2-link:hover{color:var(--accent-ink); text-decoration:underline}
.v2-as-logo{display:flex; gap:8px; align-items:center}
.v2-as-telif{grid-column:1/-1; border-top:1px solid var(--line); padding-top:12px}
.v2-tuzak{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}

/* ===== Analiz ekranları (analiz.js) ===== */
.v2-analiz{display:grid; gap:16px}
.v2-kaynak{margin-top:10px; border-top:1px dashed var(--line); padding-top:8px}
.v2-gruplar{display:grid; gap:4px; margin:12px 0 6px}
.v2-gruplar > div{display:grid; grid-template-columns:1fr auto 52px; gap:10px; align-items:center; font-size:13px}
.v2-gruplar b{text-align:end}
.v2-yz{margin:0; padding-inline-start:18px; display:grid; gap:6px; font-size:13.5px}


/* =====================================================================================================
   3. tur: tema ve standart site düzeni (tema.js, ust.js). Sol menü gizli; üstte başlık, altta alt bilgi.
   ===================================================================================================== */

/* ----- Hazır temalar: ortak açık zemin + temaya göre vurgu rengi ----- */
:root[data-v2-tema]:not([data-v2-tema="gece"]){
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F5F8F6; --surface-3:#E9F0EC;
  --line:#E1E8E4; --line-2:#CAD7CF;
  --ink:#10241B; --ink-2:#34493F; --muted:#66796F;
  --ok:#1F7A4D; --ok-soft:#DFF2E7;
  --warn:#AD6600; --warn-soft:#FAEACF; --crit:#AB382C; --crit-soft:#F7DFDB; --info:#2B5FA8; --info-soft:#DEE9F8;
  --sh:0 1px 2px rgba(16,36,27,.05), 0 14px 30px -20px rgba(16,36,27,.28);
}
:root[data-v2-tema="orman"]{
  --accent:#0F5A3E; --accent-ink:#0B4631; --accent-soft:#E3F1E9; --accent-line:#A8D0BB;
  --v2-koyu:#0A3324; --v2-vurgu:#8EDCB2;
}
:root[data-v2-tema="zumrut"]{
  --accent:#08805B; --accent-ink:#066447; --accent-soft:#E0F5ED; --accent-line:#9DD8C2;
  --v2-koyu:#063F2F; --v2-vurgu:#7BE3BE;
}
:root[data-v2-tema="cam"]{
  --accent:#1F4D3A; --accent-ink:#173B2C; --accent-soft:#E7EFEA; --accent-line:#B4CBBE;
  --v2-koyu:#132E21; --v2-vurgu:#D8B45A;
}
:root[data-v2-tema="petrol"]{
  --accent:#0D7A84; --accent-ink:#095E66; --accent-soft:#DAEFF1; --accent-line:#93CDD2;
  --v2-koyu:#0A3A40; --v2-vurgu:#8ADDE3;
}
:root[data-v2-tema="gece"]{
  --bg:#07130E; --surface:#0D1F17; --surface-2:#0A1912; --surface-3:#12291F;
  --line:#1C3A2C; --line-2:#27503D;
  --ink:#E4F2EA; --ink-2:#B2CCBE; --muted:#83A091;
  --accent:#4CC38A; --accent-ink:#8BE0B5; --accent-soft:#0F3325; --accent-line:#1D5A40;
  --ok:#5CC395; --ok-soft:#0F2C24; --warn:#DCA451; --warn-soft:#30240E; --crit:#E0796B; --crit-soft:#361B17;
  --info:#6E9FE0; --info-soft:#14243D;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 12px 30px -18px rgba(0,0,0,.7);
  --v2-koyu:#04100B; --v2-vurgu:#8BE0B5;
}

/* ----- Yazı tipi ve temel parçalar ----- */
.v2-duzen body{font-family:"Plus Jakarta Sans","IBM Plex Sans",ui-sans-serif,system-ui,"Segoe UI",sans-serif; font-size:14.5px}
.v2-duzen h1,.v2-duzen h2,.v2-duzen h3,.v2-duzen .v2-baslik{font-family:"Plus Jakarta Sans","IBM Plex Sans",sans-serif; letter-spacing:-.02em}
.v2-duzen .btn{border-radius:12px; padding:11px 20px; box-shadow:0 6px 16px -10px color-mix(in srgb,var(--accent) 80%,transparent)}
.v2-duzen .btn.sec{box-shadow:none}
.v2-duzen .card{border-radius:16px}

/* ----- İskelet ----- */
.v2-duzen .side{display:none}
.v2-duzen .app{display:block}
.v2-duzen .main{padding-bottom:0; min-height:100vh}
.v2-kap{max-width:1200px; margin:0 auto; padding:0 20px; width:100%}
.v2-duzen .body{max-width:1200px; width:100%; margin:0 auto; padding:28px 20px 8px}
.v2-duzen .foot{max-width:1200px; width:100%; margin:0 auto; border-top:0}

/* Üst şerit */
.v2-serit{background:var(--v2-koyu); color:#E3F0E8; font-size:12.5px}
.v2-serit .v2-kap{display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:34px}
.v2-serit svg{width:14px; height:14px; vertical-align:-2px; margin-inline-end:4px; color:var(--v2-vurgu)}
.v2-serit-sag{display:flex; gap:18px}
.v2-serit button{color:inherit; opacity:.82}
.v2-serit button:hover{opacity:1; text-decoration:underline; text-underline-offset:3px}
@media(max-width:620px){.v2-serit-sag{display:none}}

/* Başlık */
.v2-ust{position:sticky; top:0; z-index:35; background:color-mix(in srgb,var(--surface) 94%,transparent);
  backdrop-filter:saturate(1.4) blur(10px); -webkit-backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--line)}
.v2-ust .v2-kap{display:flex; align-items:center; gap:22px; min-height:70px}
.v2-logo{display:flex; align-items:center; gap:10px; font-size:19px; color:var(--ink); letter-spacing:-.02em; flex:0 0 auto}
.v2-logo .mark{width:38px; height:38px; flex:0 0 38px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--v2-koyu))}
.v2-logo .mark svg{width:20px; height:20px}
.v2-logo b{font-weight:800; color:var(--accent-ink)}
.v2-menu{display:flex; align-items:center; gap:2px; flex:1; min-width:0}
.v2-menu > .nav,.v2-acilir > summary{width:auto; padding:9px 12px; border-radius:10px; font-size:14px; font-weight:600; color:var(--ink-2); white-space:nowrap}
.v2-menu > .nav svg{display:none}
.v2-menu > .nav:hover{background:var(--surface-2); color:var(--ink)}
.v2-menu > .nav[aria-current="page"]{background:var(--accent-soft); color:var(--accent-ink)}
.nav .v2-rozet{font-style:normal; margin-inline-start:6px; background:var(--crit); color:#fff; font-size:10.5px; border-radius:999px; padding:1px 7px; font-weight:700; font-family:inherit}
.v2-acilir{position:relative}
.v2-acilir > summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:7px}
.v2-acilir > summary::-webkit-details-marker{display:none}
.v2-acilir > summary::after{content:""; width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.55}
.v2-acilir[open] > summary,.v2-acilir > summary:hover{background:var(--surface-2); color:var(--ink)}
.v2-acilir.secili > summary{color:var(--accent-ink); background:var(--accent-soft)}
.v2-acilir-ic{position:absolute; top:calc(100% + 8px); inset-inline-start:0; min-width:250px; z-index:5; display:grid; gap:2px; padding:6px;
  background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:0 22px 44px -22px rgba(0,0,0,.35)}
.v2-acilir-ic .nav{font-size:13.5px; padding:9px 11px; border-radius:9px; white-space:nowrap}
.v2-acilir-ic .nav svg{color:var(--accent)}
.v2-acilir.v2-isaret{border-radius:10px; outline-offset:1px}
.v2-ornek-menu > summary{color:var(--crit)}
.v2-takip-link{border-bottom:1px solid var(--line); margin-bottom:4px}
.v2-ust-sag{margin-inline-start:auto; display:flex; align-items:center; flex:0 0 auto}
.v2-ust-sag #v2-oturum{display:flex; gap:6px; align-items:center}
.v2-ust-sag .btn{padding:10px 18px}
.v2-link-dugme{font-weight:600; font-size:14px; padding:9px 12px; border-radius:10px; color:var(--ink-2)}
.v2-link-dugme:hover{color:var(--accent-ink); background:var(--surface-2)}
.v2-hesap-menu > summary{padding:4px 12px 4px 4px; border-radius:999px; border:1px solid var(--line)}
.v2-hesap-menu > summary .v2-kisi{border:0; background:none; padding:0}
.v2-hesap-menu .v2-acilir-ic{inset-inline-start:auto; inset-inline-end:0; min-width:220px}
.v2-menu-ac{display:none}
@media(max-width:1120px){
  .v2-menu-ac{display:grid; gap:4px; padding:10px 8px; border-radius:10px}
  .v2-menu-ac i{display:block; width:20px; height:2px; border-radius:2px; background:var(--ink)}
  .v2-menu{display:none; position:absolute; top:100%; inset-inline:0; flex-direction:column; align-items:stretch; gap:2px;
    background:var(--surface); border-bottom:1px solid var(--line); box-shadow:0 22px 40px -26px rgba(0,0,0,.4);
    padding:10px 16px 16px; max-height:calc(100vh - 110px); overflow-y:auto}
  .v2-ust.acik .v2-menu{display:flex}
  .v2-menu .v2-acilir-ic{position:static; box-shadow:none; border:0; padding:2px 0 6px 12px; min-width:0}
}
@media(max-width:620px){
  .v2-ust .v2-kap{gap:10px; min-height:62px}
  .v2-logo{font-size:17px}
  .v2-hesap-menu .v2-kisi > span:last-child{display:none}
  .v2-ust-sag .v2-link-dugme{display:none}
  .v2-ust-sag .btn{padding:8px 14px}
}

/* Sayfa başlığı (örneğin .bar'ı) */
.v2-duzen .bar{border-bottom:1px solid var(--line); background:linear-gradient(180deg,var(--accent-soft),var(--surface));
  padding:30px max(20px, calc((100% - 1200px) / 2 + 20px)) 24px}
.v2-duzen .bar h1{font-size:clamp(22px,3vw,30px); font-weight:800}
.v2-duzen .bar .crumb{font-size:12.5px; color:var(--accent-ink); font-weight:600; margin-bottom:2px}
body[data-ekran="v2-anasayfa"] .bar{display:none}

/* Alt bilgi */
.v2-alt-bilgi{background:var(--v2-koyu); color:#CFE2D7; margin-top:48px; padding:44px 0 96px}
.v2-alt-bilgi .v2-as-alt{background:none; border:0; border-radius:0; padding:0 20px; gap:28px}
.v2-alt-bilgi b{color:#fff}
.v2-alt-bilgi .v2-kucuk{color:#A9C3B5}
.v2-alt-bilgi .v2-as-alt .v2-link{color:#CFE2D7; font-size:13.5px}
.v2-alt-bilgi .v2-as-alt .v2-link:hover{color:#fff}
.v2-alt-bilgi .v2-as-telif{border-top-color:rgba(255,255,255,.14); padding-top:16px}
.v2-alt-bilgi .mark{width:34px; height:34px; border-radius:11px; background:rgba(255,255,255,.12); display:grid; place-items:center}
.v2-alt-bilgi .mark svg{width:18px; height:18px}
.v2-alt-bilgi .v2-as-logo b{font-size:17px}

/* Ana sayfa karşılama: koyu yeşil */
.v2-duzen .v2-as-karsilama{background:radial-gradient(120% 150% at 90% 0%, var(--accent) 0%, var(--v2-koyu) 62%); color:#fff; border:0;
  padding:clamp(28px,5vw,56px) clamp(22px,4vw,48px); border-radius:26px; box-shadow:0 30px 60px -36px var(--v2-koyu)}
.v2-duzen .v2-as-karsilama h2{color:#fff; font-size:clamp(30px,4.6vw,48px); font-weight:800; line-height:1.08}
.v2-duzen .v2-as-karsilama .eyebrow{color:var(--v2-vurgu)}
.v2-duzen .v2-as-karsilama .lede{color:rgba(255,255,255,.84); font-size:15.5px}
.v2-duzen .v2-as-karsilama .btn{background:#fff; color:var(--v2-koyu); box-shadow:none}
.v2-duzen .v2-as-karsilama .btn:hover{background:var(--accent-soft)}
.v2-duzen .v2-as-karsilama .btn.sec{background:transparent; color:#fff; border-color:rgba(255,255,255,.55)}
.v2-duzen .v2-as-karsilama .btn.sec:hover{background:rgba(255,255,255,.1)}
.v2-duzen .v2-as-karsilama .v2-link{color:#fff}
.v2-duzen .v2-as-sayilar div{background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16)}
.v2-duzen .v2-as-sayilar b{color:#fff; font-size:28px}
.v2-duzen .v2-as-sayilar span{color:rgba(255,255,255,.72)}
.v2-duzen .v2-as{gap:44px}
.v2-duzen .v2-as-bolum-bas h3{font-family:"Plus Jakarta Sans",sans-serif; font-size:24px; font-weight:800}

/* Araç çubuğu: tema seçimi */
.v2-arac-tema{display:inline-flex; gap:6px; align-items:center; color:var(--muted); font-weight:600}
.v2-arac-tema select{font:inherit; font-size:12px; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:3px 8px}

/* Takip listesi (takip.js) */
.v2-takip{display:grid; gap:16px}
.v2-takip-cubuk{display:flex; height:10px; border-radius:6px; overflow:hidden; margin:14px 0; gap:2px}
.v2-takip-cubuk i.ok{background:var(--ok)}
.v2-takip-cubuk i.warn{background:var(--warn)}
.v2-takip-cubuk i.crit{background:var(--crit)}
.v2-takip-cubuk i.mute{background:var(--line-2)}
.v2-takip-suzgec{display:flex; flex-wrap:wrap; gap:8px}
.v2-takip-suzgec button{display:inline-flex; gap:6px; align-items:center; padding:6px 12px; border-radius:999px; border:1px solid var(--line); font-size:13px}
.v2-takip-suzgec button[aria-pressed="true"]{border-color:var(--accent); background:var(--accent-soft)}
.v2-takip-liste{display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden}
.v2-takip-liste > div{display:grid; grid-template-columns:96px 1fr; gap:2px 12px; align-items:start; padding:11px 14px; background:var(--surface); font-size:13.5px}
.v2-takip-liste .chip{justify-self:start; grid-row:span 2}
.v2-takip-liste .v2-kucuk{grid-column:2}
.v2-arac-tema select{width:auto; max-width:190px}


/* =====================================================================================================
   3. tur (devam): hasta ana sayfası, uzmanlar, Sonuç Okuyucu (yapay zekâ / uzman), mesaj kutusu
   ===================================================================================================== */

/* Ana sayfadaki örnek sayılar: kırmızılar kaldırılınca yerine gerçekleri görünür. */
.v2-sadece-temiz{display:none !important}
body.v2-temiz .v2-sadece-temiz{display:grid !important}
.v2-as-sayi-kap{display:grid}

/* Ortak simge kutusu (renk tonları) */
.v2-ha-ikon{width:46px; height:46px; flex:0 0 46px; border-radius:14px; display:grid; place-items:center}
.v2-ha-ikon svg{width:22px; height:22px}
.v2-ha-ikon.t0{background:#E3F1E9; color:#0F5A3E}
.v2-ha-ikon.t1{background:#E4EEFB; color:#2B5FA8}
.v2-ha-ikon.t2{background:#FBEFD9; color:#9A5B00}
.v2-ha-ikon.t3{background:#F3E6F6; color:#7B3B8C}
.v2-ha-ikon.t4{background:#FBE4E1; color:#AB382C}
:root[data-v2-tema="gece"] .v2-ha-ikon{background:var(--surface-3); color:var(--accent-ink)}

/* ----- Hasta ana sayfası ----- */
.v2-ha{display:grid; gap:24px}
.v2-ha-karsi{position:relative; overflow:hidden; display:grid; gap:20px; align-items:center; border-radius:26px; color:#fff;
  padding:clamp(24px,4vw,44px); background:radial-gradient(120% 160% at 100% 0%, var(--accent) 0%, var(--v2-koyu) 65%)}
@media(min-width:900px){.v2-ha-karsi{grid-template-columns:1.5fr 1fr}}
.v2-ha-karsi h2{color:#fff; font-size:clamp(24px,3.4vw,36px); font-weight:800; line-height:1.15; margin:6px 0 10px}
.v2-ha-karsi .eyebrow{color:var(--v2-vurgu)}
.v2-ha-karsi .lede{color:rgba(255,255,255,.82); margin-bottom:16px}
.v2-ha-karsi .btn{background:#fff; color:var(--v2-koyu); box-shadow:none}
.v2-ha-karsi .btn.sec{background:transparent; color:#fff; border-color:rgba(255,255,255,.55)}
.v2-ha-selam,.v2-ha-sira{position:relative; z-index:1}
.v2-ha-sira{display:grid; gap:6px; padding:20px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18)}
.v2-ha-sira .eyebrow{color:var(--v2-vurgu)}
.v2-ha-sira-ad{font-size:18px}
.v2-ha-sira > span{color:rgba(255,255,255,.75); font-size:13px}
.v2-ha-saat{display:flex; gap:6px; align-items:center; font-weight:700; font-size:15px}
.v2-ha-saat svg{width:16px; height:16px}
.v2-ha-sira .v2-kucuk{color:rgba(255,255,255,.75)}
.v2-ha-desen{position:absolute; right:-40px; bottom:-30px; width:420px; color:rgba(255,255,255,.07); pointer-events:none}
.v2-ha-kapilar{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.v2-ha-kapi{display:grid; gap:8px; justify-items:start; text-align:start; padding:20px; position:relative; transition:transform .15s, box-shadow .15s}
.v2-ha-kapi:hover{transform:translateY(-2px); border-color:var(--accent-line); box-shadow:0 18px 34px -22px rgba(0,0,0,.35)}
.v2-ha-kapi b{font-size:16px; display:flex; gap:6px; align-items:center}
.v2-ha-kapi > span:not(.v2-ha-ikon){color:var(--muted); font-size:13px}
.v2-ha-kapi > s{position:absolute; top:18px; right:18px; color:var(--accent); opacity:.5}
.v2-ha-kapi > s svg{width:16px; height:16px}
.v2-ha-iki{display:grid; gap:16px}
@media(min-width:900px){.v2-ha-iki{grid-template-columns:1fr 1fr}}
.v2-ha-liste{display:grid; gap:2px}
.v2-ha-liste > div,.v2-ha-liste > button{display:flex; gap:12px; align-items:center; padding:9px 4px; border-bottom:1px solid var(--line); text-align:start; width:100%}
.v2-ha-liste > :last-child{border-bottom:0}
.v2-ha-liste b{display:block; font-size:13.5px}
.v2-ha-liste s{display:block; text-decoration:none; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:42ch}
.v2-ha-liste > button:hover{background:var(--surface-2)}
.v2-ha-tarih{width:46px; flex:0 0 46px; text-align:center; border-radius:11px; background:var(--accent-soft); color:var(--accent-ink); padding:5px 0}
.v2-ha-tarih b{font-size:17px; line-height:1}
.v2-ha-tarih s{color:inherit !important; font-size:11px !important}
.v2-ha-kucuk{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.v2-ha-mini{display:flex; gap:12px; align-items:center; padding:14px 16px; text-align:start}
.v2-ha-mini > svg{width:20px; height:20px; color:var(--accent); flex:0 0 20px}
.v2-ha-mini b{display:block; font-size:14px}
.v2-ha-mini s{display:block; text-decoration:none; color:var(--muted); font-size:12px}
.v2-ha-mini:hover{border-color:var(--accent-line)}

/* ----- Uzmanlar ----- */
.v2-uz{display:grid; gap:18px}
.v2-uz-bant{display:grid; gap:16px; padding:clamp(20px,3vw,32px); border-radius:22px; background:linear-gradient(135deg,var(--accent-soft),var(--surface) 75%); border:1px solid var(--line)}
@media(min-width:900px){.v2-uz-bant{grid-template-columns:1.4fr 1fr; align-items:end}}
.v2-uz-bant h2{font-size:clamp(22px,3vw,30px); font-weight:800; margin-bottom:6px}
.v2-uz-sekme{display:flex; flex-wrap:wrap; gap:6px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:5px; justify-self:start}
.v2-uz-sekme button{padding:8px 14px; border-radius:10px; font-weight:600; font-size:13.5px; color:var(--ink-2)}
.v2-uz-sekme button[aria-selected="true"]{background:var(--accent); color:#fff}
.v2-uz-sekme.kucuk{margin-bottom:10px}
.v2-uz-suz{display:flex; flex-wrap:wrap; gap:12px; align-items:end}
.v2-uz-suz .v2-alan{min-width:220px}
.v2-uz-suz select{font:inherit; padding:9px 12px; border:1.5px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--ink)}
.v2-uz-suz [data-toplam]{margin-inline-start:auto}
.v2-uz-liste{display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.v2-uz-kart{display:grid; gap:12px; padding:18px; align-content:start}
.v2-uz-ust{display:flex; gap:12px; align-items:center}
.v2-uz-ust b{display:block; font-size:15.5px}
.v2-uz-ust span:not(.v2-uz-av){color:var(--accent-ink); font-size:13px; font-weight:600}
.v2-uz-av{width:52px; height:52px; flex:0 0 52px; border-radius:16px; display:grid; place-items:center; font-weight:800; font-size:17px; color:#fff}
.v2-uz-av.t0{background:linear-gradient(135deg,#1E7A55,#0A3324)}
.v2-uz-av.t1{background:linear-gradient(135deg,#3E7CC9,#1F4A82)}
.v2-uz-av.t2{background:linear-gradient(135deg,#D08A1E,#8F5207)}
.v2-uz-av.t3{background:linear-gradient(135deg,#9454A6,#5B2B69)}
.v2-uz-av.t4{background:linear-gradient(135deg,#C9574A,#7E2A20)}
.v2-uz-bilgi{display:flex; flex-wrap:wrap; gap:6px 14px; color:var(--muted); font-size:12.5px}
.v2-uz-bilgi span{display:inline-flex; gap:5px; align-items:center}
.v2-uz-bilgi svg{width:14px; height:14px}
.v2-uz-cip{display:flex; flex-wrap:wrap; gap:6px}
.v2-uz-alt{display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:12px; background:var(--surface-2)}
.v2-uz-alt b{display:block; font-size:15px}
.v2-uz-alt s{display:block; text-decoration:none; color:var(--muted); font-size:11.5px}
.v2-uz-erken{text-align:end}
.v2-uz-kart .v2-dugmeler .btn{flex:1; justify-content:center; padding:10px 12px; font-size:13px}
.v2-randevu-pencere{width:min(760px,100%) !important}
.v2-randevu-pencere .ch{align-items:flex-start}
.v2-sohbet-kapat{margin-inline-start:auto; font-size:22px; line-height:1; width:32px; height:32px; border-radius:9px; color:var(--muted)}
.v2-sohbet-kapat:hover{background:var(--surface-2); color:var(--ink)}

/* ----- Sonuç Okuyucu ----- */
.v2-so{display:grid; gap:18px}
.v2-so-bant{display:grid; gap:16px; padding:clamp(20px,3vw,32px); border-radius:22px; background:linear-gradient(135deg,var(--accent-soft),var(--surface) 75%); border:1px solid var(--line)}
.v2-so-bant h2{font-size:clamp(22px,3vw,30px); font-weight:800; margin-bottom:6px}
.v2-so-secim{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.v2-so-secim button{display:grid; grid-template-columns:auto 1fr; gap:2px 12px; align-items:center; text-align:start; padding:14px 16px;
  border-radius:16px; border:1.5px solid var(--line); background:var(--surface)}
.v2-so-secim button .v2-ha-ikon{grid-row:span 2}
.v2-so-secim button b{font-size:15px}
.v2-so-secim button s{text-decoration:none; color:var(--muted); font-size:12px}
.v2-so-secim button[aria-selected="true"]{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.v2-so-iki{display:grid; gap:16px}
@media(min-width:960px){.v2-so-iki{grid-template-columns:1fr 1.15fr; align-items:start}}
.v2-so-uzmanlar{display:grid; gap:6px; max-height:440px; overflow-y:auto; padding-right:2px}
.v2-so-uzman{display:flex; gap:10px; align-items:center; text-align:start; padding:9px 10px; border-radius:12px; border:1.5px solid var(--line)}
.v2-so-uzman > span:nth-child(2){flex:1; min-width:0}
.v2-so-uzman b{display:block; font-size:13.5px}
.v2-so-uzman s{display:block; text-decoration:none; color:var(--muted); font-size:12px}
.v2-so-uzman:hover{border-color:var(--accent-line)}
.v2-so-uzman.secili{border-color:var(--accent); background:var(--accent-soft)}
.v2-so-ucret{display:grid; grid-template-columns:1fr auto; gap:2px 10px; align-items:baseline; padding:12px 14px; border-radius:12px; background:var(--accent-soft); border:1px solid var(--accent-line)}
.v2-so-ucret b{font-size:20px; color:var(--accent-ink)}
.v2-so-ucret s{grid-column:1/-1; text-decoration:none; font-size:12px; color:var(--ink-2)}
.v2-so-ucret small{grid-column:1/-1; font-size:11.5px; color:var(--muted)}
.v2-so-talepler{display:grid; gap:12px}
.v2-so-talep-ust{display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; margin-bottom:10px}
.v2-so-soru,.v2-so-yanit{display:grid; gap:4px; padding:12px 14px; border-radius:12px; background:var(--surface-2); margin-bottom:10px}
.v2-so-yanit{background:var(--ok-soft); border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}
.v2-so-soru > s,.v2-so-yanit > s{text-decoration:none; font-size:11.5px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em}
.v2-as-so-iki{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.v2-as-so-kart{display:grid; gap:8px; justify-items:start; text-align:start; padding:22px}
.v2-as-so-kart b{font-size:17px}
.v2-as-so-kart > span:not(.v2-ha-ikon){color:var(--muted); font-size:13.5px}
.v2-as-so-kart s{text-decoration:none; font-weight:700; color:var(--accent-ink); font-size:13px}
.v2-as-so-kart:hover{border-color:var(--accent-line)}
.v2-akis-so .cb{display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.v2-akis-so .cb > div:nth-child(2){flex:1; min-width:220px}

/* ----- Sağ alttaki mesaj kutusu ----- */
.v2-sohbet{position:fixed; z-index:45; inset-inline-end:18px; bottom:calc(18px + env(safe-area-inset-bottom,0px)); display:grid; justify-items:end; gap:12px}
.v2-sohbet[hidden],body[data-ekran="v2-mesajlar"] .v2-sohbet{display:none}
.v2-sohbet-dugme{position:relative; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--v2-koyu)); box-shadow:0 14px 30px -12px var(--v2-koyu)}
.v2-sohbet-dugme svg{width:26px; height:26px}
.v2-sohbet-dugme .v2-rozet{position:absolute; top:-2px; right:-2px; margin:0; border:2px solid var(--surface)}
.v2-sohbet.acik .v2-sohbet-dugme{transform:scale(.92)}
.v2-sohbet-pencere{width:min(380px,calc(100vw - 24px)); height:min(560px,calc(100vh - 110px)); display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.45)}
.v2-sohbet-pencere[hidden]{display:none}
.v2-sohbet-pencere > header{display:flex; align-items:center; gap:10px; padding:12px 12px 12px 16px; color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--v2-koyu))}
.v2-sohbet-pencere > header b{font-size:15px}
.v2-sohbet-pencere > header .v2-link{color:#fff; margin-inline-start:auto; font-size:12.5px}
.v2-sohbet-pencere > header .v2-sohbet-kapat{margin:0; color:#fff}
.v2-sohbet-pencere > [data-ic]{flex:1; min-height:0; display:flex}
.v2-msj.kompakt{grid-template-columns:1fr; height:100%; min-height:0; gap:0; flex:1}
.v2-msj.kompakt .card{border:0; border-radius:0; box-shadow:none}
.v2-msj.kompakt .v2-msj-akis{display:none}
.v2-msj.kompakt.akis-acik .v2-msj-liste{display:none}
.v2-msj.kompakt.akis-acik .v2-msj-akis{display:flex}
.v2-msj.kompakt .v2-msj-geri{display:inline-block}
.v2-msj.kompakt .v2-msj-ust b{display:none}
.v2-msj.kompakt .v2-msj-randevu{margin-inline-start:0; width:100%}
.v2-msj.kompakt.v2-isaret{outline:none}
.v2-msj.kompakt.v2-isaret::before{display:none}
@media(max-width:620px){.v2-sohbet{inset-inline-end:12px; bottom:calc(74px + env(safe-area-inset-bottom,0px))}}

/* Deneme kutusu sağ alttan sola, araç çubuğunun üstüne (mesaj düğmesiyle çakışmasın). */
#v2-test{inset-inline-end:auto; inset-inline-start:12px; bottom:calc(62px + env(safe-area-inset-bottom,0px)); width:min(330px, calc(100vw - 24px))}
.v2-so-uzman > span:last-child{font-weight:700; font-size:13.5px; white-space:nowrap}
.v2-acilir-ic .nav .v2-rozet{margin-inline-start:auto}
@media(min-width:1121px) and (max-width:1320px){.v2-menu > .nav,.v2-acilir > summary{padding:9px 9px; font-size:13.5px} .v2-ust .v2-kap{gap:14px}}


/* =====================================================================================================
   Canlı görünüm (temel.js CANLI, 25.10.2026): örnek sayfanın kalıntıları ve işaretler görünmez.
   ===================================================================================================== */
body.v2-canli .bar .demo,
body.v2-canli .foot,
body.v2-canli .v2-ornek{display:none !important}
body.v2-canli .v2-isaret{outline:none}
body.v2-canli .v2-isaret::before{display:none}
body.v2-canli #v2-test{bottom:calc(12px + env(safe-area-inset-bottom,0px))}

/* Üst şerit: bağlantılar */
.v2-serit-sag{display:flex; gap:4px 18px; flex-wrap:wrap; justify-content:flex-end}
@media(max-width:760px){
  .v2-serit .v2-kap{flex-direction:column; align-items:flex-start; gap:2px; padding-block:6px}
  .v2-serit-sag{display:flex; justify-content:flex-start; gap:4px 14px}
}

/* Hızlı erişim */
.v2-hizli{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); margin-top:-18px}
.v2-hizli button{display:grid; gap:4px; justify-items:start; text-align:start; padding:16px; transition:transform .15s, border-color .15s}
.v2-hizli button:hover{transform:translateY(-2px); border-color:var(--accent-line)}
.v2-hizli b{font-size:14.5px; margin-top:6px}
.v2-hizli s{text-decoration:none; color:var(--muted); font-size:12px}
.v2-hizli .v2-ha-ikon{width:40px; height:40px; flex-basis:40px}

/* Sana nasıl yardımcı olabiliriz? */
.v2-kim{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.v2-kim-kart{display:flex; flex-direction:column; gap:12px; padding:20px}
.v2-kim-kart header{display:flex; gap:12px; align-items:center}
.v2-kim-kart header b{display:block; font-size:16.5px}
.v2-kim-kart header s{display:block; text-decoration:none; color:var(--accent-ink); font-size:12.5px; font-weight:600}
.v2-kim-kart > p{color:var(--ink-2); font-size:13.5px; line-height:1.55}
.v2-kim-konu{display:flex; flex-wrap:wrap; gap:6px}
.v2-kim-konu button{padding:5px 11px; border-radius:999px; background:var(--surface-2); border:1px solid var(--line); font-size:12.5px; color:var(--ink-2)}
.v2-kim-konu button:hover{border-color:var(--accent); color:var(--accent-ink); background:var(--accent-soft)}
.v2-kim-konu .v2-kim-daha{color:var(--accent-ink); font-weight:700}
.v2-kim-kart footer{margin-top:auto; display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding-top:4px}

/* Eczane bul + testler */
.v2-as-iki{display:grid; gap:14px}
@media(min-width:900px){.v2-as-iki{grid-template-columns:1fr 1fr}}
.v2-eczane-kutu .cb,.v2-test-kutu .cb{display:grid; gap:8px; align-content:start; padding:22px}
.v2-eczane-kutu h3,.v2-test-kutu h3{font-size:18px; font-weight:800}
.v2-eczane-kutu select{font:inherit; padding:10px 12px; border:1.5px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--ink); min-width:180px}
.v2-test-liste2{display:grid; gap:6px; margin-top:4px}
.v2-test-liste2 button{display:grid; grid-template-columns:1fr auto; gap:0 10px; text-align:start; padding:10px 12px; border-radius:11px; border:1px solid var(--line); background:var(--surface-2)}
.v2-test-liste2 button:hover{border-color:var(--accent-line)}
.v2-test-liste2 b{font-size:13.5px}
.v2-test-liste2 s{grid-column:1; text-decoration:none; color:var(--muted); font-size:12px}
.v2-test-liste2 span{grid-row:1 / span 2; grid-column:2; align-self:center; color:var(--accent)}

/* Kurumlar bandı */
.v2-kurum-bant{display:grid; gap:24px; align-items:center; border-radius:24px; color:#fff;
  padding:clamp(24px,4vw,40px); background:linear-gradient(120deg, var(--v2-koyu), var(--accent))}
@media(min-width:960px){.v2-kurum-bant{grid-template-columns:1fr 1.1fr}}
.v2-kurum-bant .eyebrow{color:var(--v2-vurgu)}
.v2-kurum-bant h3{color:#fff; font-size:clamp(20px,2.6vw,28px); font-weight:800; margin:6px 0 8px}
.v2-kurum-bant p{color:rgba(255,255,255,.82); margin-bottom:14px}
.v2-kurum-bant .btn{background:#fff; color:var(--v2-koyu); box-shadow:none}
.v2-kurum-bant .btn.sec{background:transparent; color:#fff; border-color:rgba(255,255,255,.55)}
.v2-kurum-liste{display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.v2-kurum-liste button{display:flex; gap:12px; align-items:flex-start; text-align:start; padding:14px; border-radius:16px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff}
.v2-kurum-liste button:hover{background:rgba(255,255,255,.14)}
.v2-kurum-liste b{display:block; font-size:14.5px}
.v2-kurum-liste s{display:block; text-decoration:none; font-size:12.5px; color:rgba(255,255,255,.75); line-height:1.45; margin-top:2px}
.v2-kurum-ikon{width:36px; height:36px; flex:0 0 36px; border-radius:11px; display:grid; place-items:center; background:rgba(255,255,255,.14)}
.v2-kurum-ikon svg{width:18px; height:18px}

/* Vitrin (örnek sayfanın kartları) ve sağlık gündemi */
.v2-vitrin{display:grid; gap:14px}
.v2-gundem{margin-top:14px}
.v2-gundem:empty{display:none}

/* Hakkımızda */
.v2-hk{display:grid; gap:24px}
.v2-hk-ust .cb{padding:clamp(22px,4vw,40px)}
.v2-hk-ust h2{font-size:clamp(24px,3.4vw,34px); font-weight:800; margin:6px 0 10px}
.v2-hk-adim,.v2-hk-ilke{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.v2-hk-adim .cb,.v2-hk-ilke .cb{display:grid; gap:8px; align-content:start}
.v2-hk-adim b,.v2-hk-ilke b{font-size:15px}
.v2-hk-no{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:800; color:#fff; background:var(--accent)}
/* Ana sayfa ızgaraları: içerideki tablo (min 620px) sayfayı telefonda yana taşırmasın. */
.v2-as > *,.v2-as .g > *,.v2-vitrin > *,.v2-gundem > *{min-width:0}

/* =====================================================================================================
   Görseller (gorsel/: unDraw çizimleri, örnek uzman portreleri) ve uzman fotoğrafları
   ===================================================================================================== */
.v2-cizim{display:block; max-width:100%; height:auto}
.v2-yuz{display:inline-grid; place-items:center; object-fit:cover; border-radius:16px; background:var(--surface-3); flex:0 0 auto}
.v2-yuz-harf{font-weight:800; color:#fff; background:linear-gradient(135deg,var(--accent),var(--v2-koyu))}
.v2-uz-ust .v2-yuz.v2-uz-av{width:52px; height:52px; border-radius:16px}
.v2-yuz-kucuk{width:34px; height:34px; border-radius:10px; font-size:12px}
.v2-yuz-buyuk{width:120px; height:120px; border-radius:24px; font-size:34px; margin-bottom:12px}
.v2-foto-alan{display:grid; justify-items:start}

/* Bantların sağında çizim */
.v2-uz-bant,.v2-so-bant,.v2-hk-ust .cb{position:relative; overflow:hidden}
.v2-bant-cizim{position:absolute; right:clamp(16px,4vw,48px); bottom:0; height:88%; max-height:220px; width:auto; opacity:.95; pointer-events:none}
.v2-uz-bant > div:not(.v2-uz-sekme),.v2-so-bant > div:first-of-type,.v2-hk-ust .cb > :not(.v2-bant-cizim){position:relative; max-width:min(640px,62%)}
.v2-so-bant .v2-so-secim{max-width:none !important}
@media(max-width:820px){.v2-bant-cizim{display:none} .v2-uz-bant > div,.v2-so-bant > div,.v2-hk-ust .cb > *{max-width:none !important}}

/* Ana sayfa: kategori kartı, Sonuç Okuyucu, eczane ve test kutuları */
.v2-kim-resim{height:140px; margin:-20px -20px 4px; padding:14px 16px 0; border-radius:16px 16px 0 0;
  background:linear-gradient(180deg,var(--accent-soft),transparent); display:flex; justify-content:center; align-items:flex-end}
.v2-kim-resim .v2-cizim{height:100%; width:auto}
.v2-so-cizim{height:110px; width:auto; margin-bottom:6px}
.v2-kutu-cizim{height:120px; width:auto; justify-self:start; margin-bottom:4px}

/* Hakkımızda iletişim bandı */
.v2-hk-iletisim{grid-template-columns:auto 1fr}
.v2-hk-iletisim-resim{background:#fff; border-radius:20px; padding:14px; width:min(240px,100%)}
@media(max-width:820px){.v2-hk-iletisim{grid-template-columns:1fr} .v2-hk-iletisim-resim{display:none}}

/* Giriş ve üyelik: formun yanında çizim */
.v2-resimli{display:grid; gap:28px; align-items:center; grid-template-columns:minmax(0,560px) 1fr}
.v2-resimli > .v2-kart{width:100%}
.v2-resimli-cizim{max-height:380px; width:100%; object-fit:contain; justify-self:center}
@media(max-width:900px){.v2-resimli{grid-template-columns:1fr} .v2-resimli-cizim{display:none}}

/* Boş ekranlar */
.v2-bos{display:flex; justify-content:center; padding:10px 0 4px}
.v2-bos .v2-cizim{height:140px; width:auto}
:root[data-v2-tema="gece"] .v2-cizim{filter:brightness(.92)}
/* Uzmanlar ve Sonuç Okuyucu bandı: üstte yazı + çizim, altta seçenekler (çizim üstlerine binmesin). */
.v2-uz-bant,.v2-so-bant{grid-template-columns:minmax(0,1fr) auto !important; align-items:end}
.v2-uz-bant > .v2-bant-cizim,.v2-so-bant > .v2-bant-cizim{position:static; grid-column:2; grid-row:1; height:150px; max-height:none; align-self:end}
.v2-uz-bant > div:not(.v2-uz-sekme),.v2-so-bant > div:not(.v2-so-secim){grid-column:1; grid-row:1; max-width:640px}
.v2-uz-bant > .v2-uz-sekme,.v2-so-bant > .v2-so-secim{grid-column:1 / -1; grid-row:2; max-width:none}
@media(max-width:820px){.v2-uz-bant,.v2-so-bant{grid-template-columns:1fr !important}}