/* ==========================
       MS DERNEK PAGE (NAMESPACE)
       ========================== */
    #ms-dernek{
      --bg: #f2fbfb;
      --paper: #ffffff;
      --ink: #0f172a;
      --muted: #5b6b7a;

      /* Turkuaz palet */
      --tq-900:#064e50;
      --tq-700:#0b8a8e;
      --tq-600:#11a9ae;
      --tq-500:#19c2c8;
      --tq-100:#d9f6f7;

      --ring: 0 18px 50px rgba(2, 132, 144, .12);
      --radius-xl: 26px;
      --radius: 18px;
      --border: rgba(15, 23, 42, .08);

      font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--ink);
      background: radial-gradient(1200px 600px at 20% -10%, rgba(25,194,200,.20), transparent 55%),
                  radial-gradient(900px 500px at 90% 0%, rgba(17,169,174,.16), transparent 55%),
                  linear-gradient(180deg, var(--bg), #ffffff 60%);
    }

    /* ===== GLOBAL RESET (body-main boşluğunu kaldırır) ===== */
html, body{
  height:100%;
  margin:0;
}

body, #content{
  /* Tek arkaplan burada */
  background: linear-gradient(90deg, #19c2c8 0%, #7ad9c6 45%, #ffb56b 70%, #ff8a3d 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;   /* scroll’da “kat” hissini engeller */
  background-size: 100% 100%;     /* tüm body’ye tek seferde yay */
}

/* içerik sarmalayıcılar transparan olmalı */
main, #ms-dernek{
  background: transparent !important;
}

#subheader{display: none;}

/* main artık arkaplan vermesin */
#ms-dernek{
  background: transparent !important;
  min-height: 100vh; /* sayfa kısa olsa bile arkaplan tam görünsün */
  margin-top: 60px;
}

/* ===== Kalıcı menü css'lerin (aynı şekilde) ===== */
#mainmenu li a{color: #101828 !important;}
#mainmenu li a:hover{color: #101828;}
#mainmenu {color: #081018 !important;}
#mainmenu li li a{color: #fff !important;}
#mainmenu li li a:hover{color: #fff !important; background-color: #0b66ff !important;}
header{background: #fff !important;}
.social a{color: #e26511 !important;}


    #ms-dernek *{ box-sizing: border-box; }
    #ms-dernek a{ color: inherit; text-decoration: none; }
    #ms-dernek img{ max-width:100%; display:block; }

    #ms-dernek .ms-wrap{
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
      padding: 28px 0 70px;
    }

    /* Top breadcrumb */
    #ms-dernek .ms-breadcrumb{
      display:flex; align-items:center; gap:10px;
      font-size: 13px; color: #101828;
      padding: 12px 14px;
      border: 1px solid var(--border);
      background: rgba(255,255,255,.65);
      backdrop-filter: blur(10px);
      border-radius: 999px;
      width: fit-content;
    }
    #ms-dernek .ms-breadcrumb i{ color: var(--tq-700); }
    #ms-dernek .ms-breadcrumb span{ opacity:.75; }

    /* Hero */
    #ms-dernek .ms-hero{
      margin-top: 18px;
      padding: 34px 26px;
      border: 1px solid var(--border);
      background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.92));
      box-shadow: var(--ring);
      position: relative;
      overflow: hidden;
      display:grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 22px;
    }
    #ms-dernek .ms-hero::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(500px 240px at 15% 20%, rgba(25,194,200,.20), transparent 60%),
        radial-gradient(420px 260px at 95% 10%, rgba(17,169,174,.18), transparent 60%),
        radial-gradient(380px 240px at 85% 85%, rgba(11,138,142,.12), transparent 60%);
      pointer-events:none;
    }
    #ms-dernek .ms-hero > *{ position: relative; z-index: 1; }

    #ms-dernek .ms-kicker{
      display:inline-flex; align-items:center; gap:10px;
      padding: 8px 12px;
      background: rgba(25,194,200,.12);
      border: 1px solid rgba(25,194,200,.22);
      color: var(--tq-900);
      font-weight: 600;
      font-size: 13px;
      width: fit-content;
    }
    #ms-dernek .ms-kicker i{ color: var(--tq-700); }

    #ms-dernek h1{
      margin: 14px 0 10px;
      font-size: clamp(28px, 3.1vw, 44px);
      line-height: 1.08;
      letter-spacing: -0.02em;
    }
    #ms-dernek .ms-lead{
      margin: 0;
      color: rgba(15,23,42,.78);
      font-size: 16px;
      line-height: 1.7;
      max-width: 62ch;
    }

    #ms-dernek .ms-hero-actions{
      display:flex; flex-wrap:wrap; gap:12px;
      margin-top: 18px;
    }

    /* Buttons (ALL are <a>) */
    #ms-dernek .ms-btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      padding: 12px 16px;
      font-weight: 700;
      font-size: 14px;
      border: 1px solid transparent;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      user-select:none;
      white-space: nowrap;
    }
    #ms-dernek .ms-btn i{ font-size: 16px; }

    #ms-dernek .ms-btn--primary{
      color: #ffffff;
      background: linear-gradient(135deg, var(--tq-600), var(--tq-700));
      box-shadow: 0 14px 34px rgba(11,138,142,.18);
    }
    #ms-dernek .ms-btn--primary:hover{
      transform: translateY(-1px);
      box-shadow: 0 16px 42px rgba(11,138,142,.24);
    }

    #ms-dernek .ms-btn--ghost{
      background: rgba(255,255,255,.75);
      border-color: rgba(15,23,42,.12);
      color: var(--ink);
    }
    #ms-dernek .ms-btn--ghost:hover{
      transform: translateY(-1px);
      border-color: rgba(25,194,200,.35);
      box-shadow: 0 14px 34px rgba(2,132,144,.12);
    }

    #ms-dernek .ms-sidecard{
      align-self: stretch;
      border: 1px solid rgba(25,194,200,.22);
      background: linear-gradient(180deg, rgba(217,246,247,.65), rgba(255,255,255,.85));
      padding: 18px 16px;
      display:flex;
      flex-direction: column;
      gap: 12px;
    }

    #ms-dernek .ms-sidecard .ms-mini{
      display:flex; gap:12px; align-items:flex-start;
      padding: 12px 12px;
      border: 1px solid rgba(15,23,42,.08);
      background: rgba(255,255,255,.70);
    }
    #ms-dernek .ms-sidecard .ms-mini i{
      width: 38px; height: 38px;
      display:grid; place-items:center;
      background: rgba(25,194,200,.16);
      color: var(--tq-700);
      font-size: 18px;
      flex: 0 0 auto;
    }
    #ms-dernek .ms-sidecard b{ display:block; font-size: 14px; }
    #ms-dernek .ms-sidecard p{ margin: 2px 0 0; font-size: 13px; color: rgba(15,23,42,.72); line-height: 1.55; }

    /* Sections */
    #ms-dernek .ms-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 18px;
    }

    #ms-dernek .ms-section{
      margin-top: 20px;
      padding: 24px;
      border: 1px solid var(--border);
      background: rgba(255,255,255,.86);
      box-shadow: 0 12px 30px rgba(15,23,42,.06);
    }

    #ms-dernek .ms-h2{
      display:flex; align-items:center; gap:10px;
      margin: 0 0 10px;
      font-size: 20px;
      letter-spacing: -.01em;
    }
    #ms-dernek .ms-h2 i{ color: var(--tq-700); }

    #ms-dernek .ms-text{
      margin: 0;
      color: rgba(15,23,42,.78);
      line-height: 1.75;
      font-size: 15px;
    }

    /* Cards */
    #ms-dernek .ms-cards{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    #ms-dernek .ms-card{
      border: 1px solid rgba(15,23,42,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.85));
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    #ms-dernek .ms-card:hover{
      transform: translateY(-2px);
      border-color: rgba(25,194,200,.35);
      box-shadow: 0 16px 38px rgba(2,132,144,.12);
    }
    #ms-dernek .ms-card .ms-ico{
      width: 42px; height: 42px;
      display:grid; place-items:center;
      background: rgba(25,194,200,.16);
      color: var(--tq-700);
      font-size: 20px;
      margin-bottom: 10px;
    }
    #ms-dernek .ms-card h3{
      margin: 0 0 6px;
      font-size: 16px;
      letter-spacing: -.01em;
    }
    #ms-dernek .ms-card p{
      margin: 0;
      font-size: 13.5px;
      color: rgba(15,23,42,.74);
      line-height: 1.65;
    }

    /* Quote / President */
    #ms-dernek .ms-quote{
        margin-top: 40px;
      position: relative;
      padding: 22px;
      border: 1px solid rgba(25,194,200,.22);
      background: linear-gradient(135deg, rgba(217,246,247,.70), rgba(255,255,255,.92));
      overflow:hidden;
    }
    #ms-dernek .ms-quote::after{
      content:"";
      position:absolute; inset:auto -120px -140px auto;
      width: 340px; height: 340px;
      pointer-events:none;
    }
    #ms-dernek blockquote{
      margin: 0;
      font-size: 15px;
      line-height: 1.8;
      color: rgba(15,23,42,.82);
      position: relative;
      padding-left: 44px;
    }
    #ms-dernek blockquote::before{
      content:"\F6B0"; /* bi-quote */
      font-family: "bootstrap-icons";
      position:absolute; left:0; top:2px;
      font-size: 28px;
      color: var(--tq-700);
      opacity: .9;
    }
    #ms-dernek .ms-sign{
      margin-top: 14px;
      display:flex; align-items:center; justify-content:space-between; gap:14px;
      flex-wrap: wrap;
    }
    #ms-dernek .ms-sign .ms-person{
      display:flex; align-items:center; gap:12px;
    }
    #ms-dernek .ms-avatar{
      width: 46px; height: 46px;
      background: rgba(25,194,200,.16);
      border: 1px solid rgba(25,194,200,.25);
      display:grid; place-items:center;
      color: var(--tq-700);
      font-size: 20px;
    }
    #ms-dernek .ms-person b{ display:block; font-size: 14px; }
    #ms-dernek .ms-person small{ display:block; color: rgba(15,23,42,.65); margin-top:2px; }

    /* CTA Banner */
    #ms-dernek .ms-cta{
      margin-top: 30px;
      padding: 22px;
      border: 1px solid rgba(25,194,200,.22);
      background: #DFF6F7;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    #ms-dernek .ms-cta h3{
      margin: 0;
      font-size: 18px;
      letter-spacing: -.01em;
    }
    #ms-dernek .ms-cta p{
      margin: 6px 0 0;
      color: rgba(15,23,42,.74);
      font-size: 14px;
      line-height: 1.6;
    }

    /* Reveal Animations */
    #ms-dernek .ms-reveal{
      opacity: 1;
      transform: translateY(14px);
      transition: opacity .6s ease, transform .6s ease;
      will-change: transform, opacity;
    }
    #ms-dernek .ms-reveal.is-in{
      opacity: 1;
      transform: translateY(0);
    }

    /* ==========================
   MS Belirtileri – Tablo
   ========================== */

#ms-dernek .ms-table-wrap{
  margin-top: 14px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 32px rgba(15,23,42,.08);
  background: rgba(255,255,255,.95);
}

/* scroll olursa mobilde kaydırılabilir kalsın */
@media (max-width: 640px){
  #ms-dernek .ms-table-wrap{
    overflow-x: auto;
  }
}

#ms-dernek .ms-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 280px;
}

#ms-dernek .ms-table th,
#ms-dernek .ms-table td{
  padding: 10px 14px;
  font-size: 14px;
  vertical-align: top;
}

#ms-dernek .ms-table th{
  background: rgba(25,194,200,.08);
  color: var(--tq-900);
  text-align: left;
  border-bottom: 1px solid rgba(15,23,42,.10);
}

#ms-dernek .ms-table tbody tr:nth-child(odd) td{
  background: rgba(255,255,255,.98);
}

#ms-dernek .ms-table tbody tr:nth-child(even) td{
  background: rgba(246,250,251,1);
}

#ms-dernek .ms-table td:first-child{
  width: 32%;
  font-weight: 600;
  color: var(--ink);
}


/* ==========================
   Tanı & Tedaviler – Ek Bileşenler
   ========================== */

/* Alt başlık */
#ms-dernek .ms-subtitle{
  margin: 22px 0 8px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--tq-900);
}

/* Liste biçimleri */
#ms-dernek .ms-bullet{
  padding-left: 20px;
  list-style: disc;
}

#ms-dernek .ms-inline-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  padding-left:0;
  list-style:none;
}

#ms-dernek .ms-inline-list li::before{
  content:"•";
  margin-right:4px;
  color: var(--tq-700);
}

/* MRG görsel galerisi */
#ms-dernek .ms-gallery{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

#ms-dernek .ms-gallery-item{
  background: rgba(255,255,255,.96);
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
}

#ms-dernek .ms-gallery-item img{
  width:100%;
  height:auto;
  display:block;
}

#ms-dernek .ms-gallery-item figcaption{
  padding: 8px 10px 10px;
  font-size: 13px;
  color: rgba(15,23,42,.75);
}


    @media (prefers-reduced-motion: reduce){
      #ms-dernek .ms-reveal{ opacity:1; transform:none; transition:none; }
      #ms-dernek .ms-btn{ transition:none; }
      #ms-dernek .ms-card{ transition:none; }
    }

    /* Responsive */
    @media (max-width: 980px){
      #ms-dernek .ms-hero{ grid-template-columns: 1fr; }
      #ms-dernek .ms-cards{ grid-template-columns: 1fr; }
      #ms-dernek .ms-grid{ grid-template-columns: 1fr; }
    }
    @media (max-width: 520px){
      #ms-dernek .ms-wrap{ width: min(1180px, calc(100% - 22px)); }
      #ms-dernek .ms-hero{ padding: 26px 18px; }
      #ms-dernek .ms-section{ padding: 18px; }
      #ms-dernek .ms-cta{ padding: 18px; }
    }