/* ═══════════════════════════════════════════════════════════════════
     SECTION · YER + SSS · scope: .hm-yer
     ═══════════════════════════════════════════════════════════════════ */
  .hm-yer{position:relative;isolation:isolate;background:var(--bg);overflow:hidden}
  .t52-home .hm-yer{padding-top:0;padding-bottom:0}

  /* ── HARİTA ZEMİNİ ────────────────────────────────────────────────
     <img> değil MASKE — rengi temadan gelir, maskenin kendi rengi yok.

     KONTRAST · ilk denemede her iki temada da --fg ile boyanıyordu; koyu
     temada beyaza yakın çizgiler siyah zeminde 1.34:1 veriyordu ve göz
     yoruyordu. Artık koyuda KOYU bir tonla (--panel-2), açıkta AÇIK kalacak
     kadar düşük opaklıkla boyanıyor: ikisi de ~1.1:1 bandında, harita
     zeminin bir tonu gibi duruyor.

     .tuval sabit oranlı; adres görselin TAM MERKEZİNDE olacak şekilde
     kırpıldı. min-width/min-height + aspect-ratio ikilisi `cover` davranışı
     verir; tuvalin merkezini nereye koyarsak işaret oraya oturur. */
  .hm-yer .harita{position:absolute;inset:0;z-index:0;pointer-events:none;
    overflow:hidden}
  /* top:%27 · işaretin bölümdeki dikey yeri. Tuval bununla taşınıyor,
     işaret tuvalin merkezinde olduğu için adresle bağı kopmuyor. */
  .hm-yer .tuval{position:absolute;left:50%;top:27%;translate:-50% -50%;
    aspect-ratio:1788 / 1192;min-width:104%;min-height:104%}
  .hm-yer .yol{position:absolute;inset:0;
    background-color:var(--fg);opacity:.04;
    -webkit-mask-image:var(--harita);mask-image:var(--harita);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  /* Koyu temada çizgi rengi zeminin bir tık üstü olsun diye --surface
     (#141518) kullanılıyor, ama tam opak hâli hâlâ griye kaçıyordu.
     .62 ile çizgi ~#111316'ya iner; kontrast ~1.02:1. */
  html.dark .hm-yer .yol{background-color:var(--surface);opacity:.62}

  /* ── MUAYENEHANE İŞARETİ ──────────────────────────────────────────
     Haritadaki TEK yüksek kontrastlı öğe — bilerek. Zemin sessiz, işaret
     okunur. Monogram maske olarak basılıyor, rengi şampanyadan (--aksan-2).
     Halka sabit; nabız/animasyon yok, bölümün sakin dili bozulmasın. */
  /* Ölçü sütun arası boşluğa göre seçildi: dar ekranda o boşluk 77px'e
     iniyor, işaret 64px + dış halka ile 92px tutuyor ve iki sütunun da
     altına giriyordu. 40px'e indirildi, dış halka kaldırıldı. */
  .hm-yer .nokta{position:absolute;left:50%;top:50%;translate:-50% -50%;
    width:40px;height:40px;display:grid;place-items:center;
    border:1px solid color-mix(in srgb, var(--aksan-2) 52%, transparent);
    border-radius:50%;
    background:radial-gradient(circle,
      color-mix(in srgb, var(--aksan-2) 14%, transparent) 0%,
      transparent 70%)}
  .hm-yer .nokta::before{content:"";width:20px;height:20px;
    background-color:var(--aksan-2);
    -webkit-mask-image:var(--mono);mask-image:var(--mono);
    -webkit-mask-size:contain;mask-size:contain;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  /* Etiket · «boş boş durmasın» — işaretin ne olduğunu söyler.
     Daireden TAŞAR ama akışı bozmasın diye mutlak konumlu. */
  .hm-yer .nokta .etiket{position:absolute;top:calc(100% + 9px);left:50%;
    translate:-50% 0;white-space:nowrap;
    font-size:var(--kunye-px);line-height:1;letter-spacing:var(--kunye-ls);
    text-transform:uppercase;font-weight:600;color:var(--aksan-2)}

  /* Kenarlarda sayfa zeminine sönüm — harita bir kutu gibi bitmesin, bölüme
     karışsın. Yazının arkasında da yoğunluğu düşürür. */
  .hm-yer .sonum{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      radial-gradient(120% 86% at 50% 50%, transparent 34%, var(--bg) 88%),
      linear-gradient(180deg, var(--bg) 0%, transparent 16%, transparent 84%, var(--bg) 100%)}

  .hm-yer .ic{position:relative;z-index:2;
    padding:var(--pad-y) var(--metin-kenar);
    display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px)}

  .hm-yer .ust{display:block;margin:0 0 var(--bo-3);   /* 24 → 12px · künye-başlık boşluğu site geneli (18.09.2026) */
    font-size:var(--altbaslik-px);line-height:1;letter-spacing:var(--kunye-ls);text-transform:uppercase;
    font-weight:600;color:var(--aksan-metin)}

  /* ── SAĞ · GÖMÜLÜ HARİTA (06.10.2026) ─────────────────────────────── */
  /* sütunun tamamını değil, iletişim listesi + düğmeler hizasını kaplar (altta hizalı, 520px) */
  .hm-yer .sag{align-self:end;min-width:0}
  .hm-yer .gomulu{position:relative;height:clamp(380px, 36vw, 520px);border-radius:var(--rail-r);overflow:hidden;
    border:1px solid var(--line);background:var(--panel)}
  .hm-yer .gomulu iframe{display:block;width:100%;height:100%;border:0}
  /* zemindeki süs harita işareti gerçek haritanın üstüne binmesin */
  @media(min-width:901px){ .hm-yer .nokta{display:none} }
  html.dark .hm-yer .gomulu iframe{filter:invert(.9) hue-rotate(180deg) saturate(.6) brightness(.95)}

  /* ── SOL ──────────────────────────────────────────────────────────── */
  .hm-yer h2{margin:0;font-size:var(--bas-xl);
    line-height:1.06;letter-spacing:-.028em;font-weight:var(--bas-w);
    color:var(--fg);text-wrap:balance}
  /* Giriş paragrafı --yazi-l: hero, ifade, yığın, kapanış ile aynı basamak (13,5 → 16px · 18.09.2026) */
  .hm-yer .giris{margin:var(--bo-5) 0 0;max-width:42ch;
    font-size:var(--yazi-l);line-height:1.65;color:var(--muted);text-wrap:pretty}

  .hm-yer .bilgi{margin:clamp(32px,3.4vw,52px) 0 0;padding:0;
    border-top:1px solid var(--line)}
  .hm-yer .satir{display:grid;grid-template-columns:132px 1fr;gap:var(--bo-4);
    align-items:baseline;padding:var(--bo-4) 0;border-bottom:1px solid var(--line)}
  .hm-yer dt{display:flex;align-items:center;gap:8px;margin:0;
    font-size:var(--kunye-px);letter-spacing:var(--kunye-ls);text-transform:uppercase;font-weight:600;
    color:var(--aksan-metin)}
  .hm-yer dt i{font-size:11px;color:var(--aksan-2)}
  .hm-yer dd{margin:0;font-size:var(--yazi-m);line-height:1.55;color:var(--fg);text-wrap:pretty}
  .hm-yer dd a{color:inherit;text-decoration:none;
    border-bottom:1px solid var(--line-strong);
    transition:border-color .24s ease,color .24s ease}
  .hm-yer dd a:hover{color:var(--aksan-2);border-bottom-color:var(--aksan-2)}
  .hm-yer dd a:focus-visible{outline:2px solid var(--aksan-2);outline-offset:3px}
  /* 22.10 · iki büyük düğme kalktı (kurum isteği): «Yol tarifi» adres satırının, WhatsApp telefon satırının içinde,
     değerin altında küçük bağlantı. Hover yalnız renk. */
  .hm-yer dd .satir-lnk{display:flex;width:max-content;max-width:100%;align-items:center;gap:8px;margin-top:6px;
    font-size:var(--yazi-m);font-weight:600;letter-spacing:.01em;color:var(--aksan-metin);border-bottom:0}
  .hm-yer dd .satir-lnk i{font-size:1.05em;color:var(--aksan-2)}
  .hm-yer dd .satir-lnk.wa i{color:#25a35a}
  .hm-yer dd .satir-lnk span{border-bottom:1px solid var(--line-strong);transition:border-color .24s ease}
  /* yuva doldurmalı sayfada (iletişim) bu bağlantılar metin yuvası sayılmasın: ayrı hücre + yazı CSS'ten */
  .hm-yer dd.satir-ek{grid-column:2;margin-top:-10px}
  .hm-yer [data-yazi]::after{content:attr(data-yazi)}
  @media(max-width:900px){ .hm-yer dd.satir-ek{grid-column:1;margin-top:-4px} }
  .hm-yer dd .satir-lnk:hover{color:var(--aksan-2)}
  .hm-yer dd .satir-lnk:hover span{border-bottom-color:var(--aksan-2)}

  /* düğmeler — hero'daki .btn ile aynı ölçü ve dil */
  .hm-yer .eylem{display:flex;flex-wrap:wrap;gap:var(--bo-3);
    margin:clamp(28px,3vw,44px) 0 0}
  /* 22.10 · iki düğme eşit genişlikte (en genişin ölçüsünde) */
  .hm-yer .eylem{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:max-content;max-width:100%}
  /* BÜYÜK BUTON · hero'daki .btn ile BİREBİR (18.09.2026): 52px · 15px · 0 32px dolgu ·
     dolu hâl --aksan-dolu / --aksan-dolu-fg, hover --aksan-dolu-hover. Önce 13,5px yazı,
     22px dolgu, metin --bg ve hover --fg idi — aynı sayfada iki buton dili. */
  .hm-yer .btn{position:relative;overflow:hidden;box-sizing:border-box;
    height:var(--btn-l);padding:0 var(--bo-6);
    display:inline-flex;align-items:center;justify-content:center;gap:var(--bo-2);
    border:1px solid var(--line);border-radius:999px;
    background-color:transparent;color:var(--fg);text-decoration:none;
    font-size:15px;font-weight:600;letter-spacing:.02em;white-space:nowrap;
    transition:background-color .22s ease,border-color .22s ease}
  .hm-yer .btn:hover{background-color:var(--gold-soft);border-color:var(--line-strong)}
  .hm-yer .btn:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  .hm-yer .btn.dolu{background-color:var(--aksan-dolu);border-color:transparent;
    color:var(--aksan-dolu-fg)}
  .hm-yer .btn.dolu:hover{background-color:var(--aksan-dolu-hover)}
  .hm-yer .btn i{font-size:15px}
  

  .hm-yer .btn.tarif{background-color:var(--randevu);color:var(--randevu-fg);border-color:transparent;isolation:isolate}
  .hm-yer .btn.tarif:hover{background-color:var(--randevu-hover);border-color:transparent}
  .hm-yer .btn.tarif > i, .hm-yer .btn.tarif > span{position:relative;z-index:2}
  .hm-yer .btn.tarif::before{content:"";position:absolute;top:-100%;bottom:-100%;left:0;width:34%;
    pointer-events:none;z-index:1;opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transform:translateX(-300%) rotate(22deg)}
  .hm-yer .btn.tarif:hover::before{opacity:1;animation:t52-supurme .85s ease-out 1}
  @media(prefers-reduced-motion:reduce){ .hm-yer .btn.tarif::before{display:none} }

  /* ── SAĞ · SSS ────────────────────────────────────────────────────── */
  .hm-yer .sss{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
  .hm-yer .soru{border-bottom:1px solid var(--line)}
  .hm-yer .soru h3{margin:0;font-size:inherit;line-height:inherit;letter-spacing:0}
  .hm-yer .soru button{width:100%;min-height:72px;padding:var(--bo-5) 0;
    display:flex;align-items:center;justify-content:space-between;gap:var(--bo-4);
    border:0;background:transparent;color:var(--fg);cursor:pointer;text-align:left;
    font:800 clamp(17px,1.45vw,20px)/1.35 var(--sans);letter-spacing:-.022em;
    transition:color .24s ease}
  .hm-yer .soru button:hover{color:var(--aksan-2)}
  .hm-yer .soru button:focus-visible{outline:2px solid var(--aksan-2);outline-offset:3px}

  /* işaret · artı → eksi. İkon dosyası yok, iki 1px çizgi.
     Ölçü değişmiyor; yalnız dikey çizgi ölçekleniyor. */
  /* font-style:normal ŞART — <i> tarayıcı varsayılanında italiktir.
     Bu işaret iki 1px çizgiden oluştuğu için görsel etkisi yok, ama denetimde
     «italik» olarak sayılıyordu; tasarım kuralı italiği yasaklıyor. */
  .hm-yer .isaret{position:relative;flex:0 0 auto;width:14px;height:14px;
    font-style:normal}
  .hm-yer .isaret::before,
  .hm-yer .isaret::after{content:"";position:absolute;left:0;top:50%;
    width:14px;height:1px;background:currentColor;
    transition:transform .32s cubic-bezier(.4,0,.2,1)}
  .hm-yer .isaret::after{transform:rotate(90deg)}
  .hm-yer .soru.acik .isaret::after{transform:rotate(90deg) scaleX(0)}

  /* Açılır cevap · grid-template-rows 0fr→1fr ile YÜKSEKLİK ANİMASYONU.
     max-height hilesi kullanılmadı: orada bir üst sınır uydurmak gerekir —
     uzun cevapta kırpar, kısa cevapta gecikmeli açılır. */
  .hm-yer .cevap{display:grid;grid-template-rows:0fr;
    transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1)}
  .hm-yer .cevap > div{overflow:hidden}
  .hm-yer .cevap p{margin:0 0 var(--bo-5);max-width:52ch;padding-right:var(--bo-5);
    font-size:var(--yazi-m);line-height:1.7;color:var(--muted);text-wrap:pretty}

  .hm-yer .uyari{margin:var(--bo-5) 0 0;font-size:var(--yazi-s);line-height:1.6;
    color:var(--muted);opacity:.8;max-width:52ch;text-wrap:pretty}

  /* ── DAR EKRAN ────────────────────────────────────────────────────── */
  @media(max-width:900px){
    .hm-yer .ic{grid-template-columns:1fr;gap:clamp(44px,9vw,64px);
      padding:var(--pad-y) var(--metin-kenar)}
    .hm-yer .satir{grid-template-columns:1fr;gap:6px}
    .hm-yer .yol{opacity:.03}
    html.dark .hm-yer .yol{opacity:.5}
    .hm-yer .nokta{width:34px;height:34px}
    .hm-yer .nokta::before{width:17px;height:17px}
    .hm-yer .nokta .etiket{font-size:7px}
    .hm-yer .btn{flex:1 1 auto;justify-content:center}
    .hm-yer .gomulu{height:320px}
  }

  @media(prefers-reduced-motion:reduce){
    .hm-yer .cevap,
    .hm-yer .isaret::before,
    .hm-yer .isaret::after{transition-duration:.01ms}
  }

  /* 22.10 · WhatsApp telefon gibi kendi satırında (kurum isteği); etiket ve yazı CSS'ten — iletişimde yuva sayılmaz */
  .hm-yer .satir-wa dt i{color:#25a35a}
  .hm-yer .satir-wa dt [data-yazi]::after{content:attr(data-yazi)}