/* ==========================================================================
   MEDSAM ANA SAYFA — SUNNYAID ESİNTİLİ YENİDEN TASARIM
   Mevcut HTML yapısına, JS'e (slider, canlı istatistikler, yorumlar
   marquee'si) ve renklere DOKUNMADAN, sadece görsel dili günceller.
   ========================================================================== */
:root{
  --md-gold:#c9932c;
  --md-gold-light:#e0b45c;
}
body,p,li,span,a,button,input{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
h1,h2,h3,h4,.logo,.btn{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;}

/* ---------- Noktalı doku (koyu bölümler için) ---------- */
.dotbg{
  background-image:radial-gradient(rgba(255,255,255,.12) 1.4px,transparent 1.4px) !important;
  background-size:16px 16px !important;
}

/* ---------- Hero slider — blob görsel + pill rozet ---------- */
.hero-photo{
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:0 30px 60px rgba(10,30,55,.18) !important;
}
.banner-rhythm-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}
.hero-cta .btn.btn-outline{
  border-radius:999px !important;
  padding:15px 28px !important;
  font-weight:700 !important;
}

/* ---------- Hizmet kartları — yuvarlatılmış, blob görsel ---------- */
.svc{
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid #e7ecf2 !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.svc:hover{ transform:translateY(-6px) !important; box-shadow:0 20px 40px rgba(10,30,55,.12) !important; }
.svc-img{
  border-radius:0 0 46% 8%/0 0 30% 8% !important;
  overflow:hidden !important;
}
.svc-cta{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-weight:700 !important;
}

/* ---------- Section başlıkları — pill rozet efekti ---------- */
.section-head p{
  display:inline-block !important;
  background:#fff !important;
  border:1px solid #e7ecf2 !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  font-size:12px !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  color:var(--navy-900,#0b2945) !important;
  margin-bottom:14px !important;
  order:-1 !important;
}
.section-head{ display:flex !important; flex-direction:column !important; align-items:center !important; }
.section-head h2{ order:0 !important; }
.section-head .line{ display:none !important; }

/* ---------- Güven şeridi (trust) — kart görünümü ---------- */
.trust-item{
  background:#fff !important;
  border-radius:20px !important;
  padding:26px 20px !important;
  border:1px solid #e7ecf2 !important;
  text-align:center !important;
}
.trust-item strong{ color:var(--navy-900,#0b2945) !important; }
.trust-item span{ color:#5c7086 !important; opacity:1 !important; }

/* ---------- Süreç kartları — daire numara ---------- */
.process-card{
  background:#fff !important;
  border-radius:20px !important;
  border:1px solid #e7ecf2 !important;
  padding:32px 24px !important;
  text-align:center !important;
  position:relative !important;
}
.process-card .num{
  width:44px !important; height:44px !important; border-radius:50% !important;
  background:var(--navy-900,#0b2945) !important; color:#fff !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-weight:800 !important; margin:0 auto 16px !important;
}

/* ---------- İstatistikler — altın vurgulu rakamlar ---------- */
.stats{ background-color:#0b2945 !important; }
.stat-num,.stat-static{ color:#fff !important; }
.stat-item span,.stat-item small{ color:#fff !important; opacity:1 !important; }

/* ---------- Footer — buton/link ince ayar ---------- */
.foot-grid h4{ display:flex !important; align-items:center !important; gap:8px !important; }
.foot-grid h4::before{ content:"📌"; font-size:13px; }
.foot-grid > div:nth-child(1) h4::before{ content:"🩺"; }
.foot-grid > div:nth-child(2) h4::before{ content:"📍"; }
.foot-grid > div:nth-child(3) h4::before{ content:"🏢"; }
.foot-grid > div:nth-child(4) h4::before{ content:"💬"; }

/* home.php'nin kendi kodunda çakışan iki .foot-grid kuralı var (biri 4,
   biri 3 sütunlu) — sondaki 3 sütunlu kazanıyordu, 4. sütun alta düşüyordu.
   Burada kesin olarak 4 eşit sütun garanti ediyoruz. */
.foot-grid{
  display:grid !important;
  grid-template-columns:1.2fr 1fr 1fr 1.1fr !important;
  gap:28px !important;
}
@media(max-width:900px){
  .foot-grid{ grid-template-columns:1fr 1fr !important; }
}
@media(max-width:560px){
  .foot-grid{ grid-template-columns:1fr !important; }
}
.btn{ border-radius:999px !important; font-weight:700 !important; }

/* ---------- YENİ BÖLÜMLER (aşağıda) için stiller ---------- */
.md-about{ padding:90px 0; color:#fff; }
.md-about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.md-about h2{ font-size:34px; font-weight:800; margin:0 0 18px; line-height:1.25; }
.md-about p{ color:#c3d1e0; font-size:15.5px; line-height:1.7; max-width:480px; margin:0 0 26px; }
.md-checks{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.md-checks div{ display:flex; align-items:center; gap:10px; font-weight:600; font-size:14px; color:#e2ecf7; }
.md-checks svg{ width:20px; height:20px; stroke:var(--md-gold-light); fill:none; stroke-width:2.4; flex:none; }
.md-about-photo{ position:relative; }
.md-about-photo .blob{ border-radius:24px; overflow:hidden; box-shadow:0 24px 50px rgba(0,0,0,.25); }
.md-about-photo .blob img{ width:100%; height:340px; object-fit:cover; display:block; }
.md-badge{ position:absolute; bottom:-18px; right:-14px; background:#fff; color:var(--navy-900,#0b2945);
  border-radius:16px; padding:14px 20px; box-shadow:0 16px 34px rgba(0,0,0,.18); display:flex; gap:12px; align-items:center; max-width:230px; }
.md-badge .ic{ width:38px; height:38px; border-radius:10px; background:#fdf3dc; display:flex; align-items:center; justify-content:center; flex:none; }
.md-badge .ic svg{ width:18px; height:18px; stroke:var(--md-gold); fill:none; stroke-width:2; }
.md-badge b{ font-size:13.5px; display:block; } .md-badge span{ font-size:11.5px; color:#5c7086; }

.md-feature{ padding:0 0 90px; }
.md-feature-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.md-feat-card{ border-radius:24px; padding:36px; color:#fff; }
.md-feat-card h3{ font-size:22px; margin:0 0 12px; }
.md-feat-card p{ color:#c3d1e0; font-size:14.5px; line-height:1.6; margin:0 0 20px; }
.md-feat-card ul{ list-style:none; margin:0 0 26px; padding:0; display:grid; gap:11px; }
.md-feat-card li{ display:flex; gap:10px; align-items:center; font-size:14px; color:#e2ecf7; }
.md-feat-card li .chk{ width:20px; height:20px; border-radius:50%; background:var(--md-gold-light);
  display:flex; align-items:center; justify-content:center; flex:none; }
.md-feat-card li .chk svg{ width:11px; height:11px; stroke:var(--navy-900,#0b2945); fill:none; stroke-width:3; }

.md-cta{ padding:0 0 90px; }
.md-cta-box{ border-radius:28px; padding:52px 56px; color:#fff; display:flex; align-items:center;
  justify-content:space-between; gap:24px; flex-wrap:wrap; }
.md-cta-box h2{ font-size:27px; margin:0 0 8px; }
.md-cta-box p{ margin:0; color:#c3d1e0; font-size:14.5px; }

@media(max-width:860px){
  .md-about-grid,.md-feature-grid{ grid-template-columns:1fr; }
}