/* Mobil uyumluluk düzeltmeleri (2026-09-18)
   Ölçüm: 320/360/390/412/430 px — Chrome (Android) + WebKit (iPhone/iPad).
   Kök nedenler: grid 1fr sütunlarının min-width:auto ile içerikteki geniş görsel/iframe/tablo
   kadar açılması; editör içeriğindeki inline min-width/width; vw tabanlı banner başlıkları;
   20px yüksekliğinde dokunma hedefleri; dikey RANDEVU AL düğmesinin metne binmesi. */

html, body { overflow-x: clip; }

/* ---------- 1) Grid sütunları içeriğe göre büyümesin ---------- */
#blog .pagegrid > .pagegrids,
#blogview .pagegrid > .pagegrids,
#tedavi .pagegrid > .pagegrids,
#tedavi .subcats .grid22 > .grid22s,
#tedavi .bloglist .grid222 > .item,
#blog .pagegrids.s1 .list > .item,
#home .sect5link .grid .s,
.minikart { min-width: 0; }

#home .sect5link .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media only screen and (max-width: 480px) {
  #home .sect5link .grid .s { grid-column: span 3; }
  #home .sect5link .grid .s.tip2 { grid-column: span 6; }
}

/* ---------- 2) İçerik medyası ---------- */
#blogview .pagegrids.s1 .content img,
#tedavi .pagegrids.s1 .content img { max-width: 100% !important; height: auto !important; }

#blogview .pagegrids.s1 .content iframe,
#tedavi .pagegrids.s1 .content iframe { display: block; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }

#blogview .pagegrids.s1 .content video,
#tedavi .pagegrids.s1 .content video { max-width: 100%; height: auto; }

#blogview .pagegrids.s1 .content,
#tedavi .pagegrids.s1 .content { overflow-wrap: break-word; }

.hc-tablo-kaydir { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 24px 0; }
.hc-tablo-kaydir > table { margin: 0 !important; }

@media only screen and (max-width: 600px) {
  #blogview .pagegrids.s1 .content div[style*="min-width"],
  #tedavi .pagegrids.s1 .content div[style*="min-width"] { min-width: 0 !important; max-width: 100% !important; }
  #blogview .pagegrids.s1 .content div[style*="width"],
  #tedavi .pagegrids.s1 .content div[style*="width"] { max-width: 100% !important; box-sizing: border-box; }

  /* editörün içerikte kullandığı büyük başlıklar dar ekranda kelime bölmesin */
  #blogview .pagegrids.s1 .content h1,
  #tedavi .pagegrids.s1 .content h1 { font-size: clamp(22px, 7.5vw, 34px) !important; line-height: 1.25 !important; }
  #blogview .pagegrids.s1 .content h2,
  #tedavi .pagegrids.s1 .content h2 { font-size: clamp(19px, 6vw, 28px) !important; line-height: 1.3 !important; }
}

/* ---------- 3) Listeler / kartlar ---------- */
@media only screen and (max-width: 650px) {
  #blog .pagegrids.s1 .list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 430px) {
  #blog .pagegrids.s1 .list { grid-template-columns: minmax(0, 1fr); }
}
@media only screen and (max-width: 600px) {
  .minikart .butonlar { display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
  .minikart .im a { max-width: 100%; }
}

/* ---------- 4) Banner başlıkları: vw ile 13px'e düşmesin ---------- */
@media only screen and (max-width: 1100px) {
  #blog .sect20 .content .text1,
  #blogview .sect20 .content .text2,
  #tedavi .sect20 .content .text1,
  #contact .sect20 .content .text1 { font-size: clamp(22px, 4.1vw, 46px); line-height: 1.25; }

  #blog .sect20 .content .text2,
  #blogview .sect20 .content .text1,
  #tedavi .sect20 .content .text2,
  #contact .sect20 .content .text2 { font-size: clamp(14px, 3.8vw, 28px); }
}

/* ---------- 5) Dokunma hedefleri (en az ~28px yükseklik) ---------- */
#blogview .pagegrids.s1 .content .article-icindekiler__link,
#tedavi .pagegrids.s1 .content .article-icindekiler__link { display: inline-block; padding: 4px 0; }

#blogview .pagegrids.s1 .content .article-icindekiler__toggle,
#tedavi .pagegrids.s1 .content .article-icindekiler__toggle { padding: 6px 0; }

#blog .pagegrids.s2 .kategoriler .list .item a,
.miniblog1 .item a.title,
.blog-kaynakca__main a,
.tedavi-kaynakca__main a,
#footer1 li a,
#footer1 .text a,
#footer1 .ftsect30 a,
#contact td.text a { display: inline-block; padding: 4px 0; }

#tedavi .bloglist .grid222 .item a.title { padding: 4px 0; }

#blogview .pagegrids.s1 .content a[href^="tel:"],
#blogview .pagegrids.s1 .content a[href^="mailto:"],
#tedavi .pagegrids.s1 .content a[href^="tel:"],
#tedavi .pagegrids.s1 .content a[href^="mailto:"] { display: inline-block; padding: 4px 0; }

#header1 .hdsect10 .grid .s.s1 .icons a,
#contact td.icon a { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; margin: 0; }

#header1 .hdsect20 .grid .s.s1 a { display: inline-flex; align-items: center; min-height: 44px; }

#slider11 .owl-dots .owl-dot,
#slider21 .owl-dots .owl-dot,
#slider22 .owl-dots .owl-dot { box-sizing: content-box; border: 7px solid transparent; background-clip: padding-box; }

body .network-cards-wrap .network-card .btn { font-size: 0.9rem; }

/* ---------- 6) Dikey RANDEVU AL düğmesi mobilde metne binmesin ---------- */
@media only screen and (max-width: 700px) {
  .dikey-link {
    top: auto; bottom: 22px; left: 16px;
    transform: none; transform-origin: center;
    padding: 12px 18px; font-size: 0.9rem; letter-spacing: 0.5px; border-radius: 30px;
  }
  .dikey-link:hover { transform: none; }
}