/* ======================================================================
   ELÇİ V3.3 — GÖRSEL DÜZELTME VE OKUNABİLİRLİK KATMANI
   V3.2 üst kabuğunu korur; ana sayfa akışı, koyu bölümler, yorumlar,
   Instagram, başarı hikâyeleri ve sayfaya özel hero kartlarını düzeltir.
   ====================================================================== */

/* 1) Koyu zeminlerde başlık ve metin kontrastı */
body :is(.section-dark,.why-elci,.success-section,.closing-cta) :is(h1,h2,h3,h4,strong),
body :is(.section-dark,.why-elci,.success-section) .s-title{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body :is(.section-dark,.why-elci,.success-section) :is(.section-kicker,.why-kicker){
  color:#c7f8ff!important;
  -webkit-text-fill-color:#c7f8ff!important;
}
body :is(.section-dark,.why-elci,.success-section) :is(.section-head p,.local-intro,.s-text,.tagline,.meta){
  color:#dff6fa!important;
  -webkit-text-fill-color:#dff6fa!important;
}
body .section-dark .section-head .section-kicker{
  border-color:rgba(196,248,255,.30)!important;
  background:rgba(255,255,255,.08)!important;
}

/* 2) Metinlerin kart içinde yarım kesilmesini engelle */
body #services .s-card,
body .success-section .s-card{
  height:auto!important;
  min-height:300px!important;
  overflow:visible!important;
}
body #services .s-text,
body .success-section .s-text,
body .why-elci .why-card p{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
}
body #services .services-track{align-items:stretch!important}
body #services .services-track>.s-card{align-self:stretch!important}

/* 3) Başarı hikâyeleri: koyu zemine uygun gerçek kartlar */
body .success-section .success-highlight .s-card,
body .success-section .services-grid .s-card{
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.075))!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px)!important;
}
body .success-section .success-highlight .s-card{
  min-height:330px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,.88fr) minmax(0,1.12fr)!important;
  gap:26px!important;
  padding:24px!important;
  cursor:pointer!important;
}
body .success-story-media{
  min-height:280px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(39,212,232,.15));
}
body .success-story-media img{width:100%;height:100%;min-height:280px;display:block;object-fit:cover}
body .success-story-placeholder{width:100%;height:100%;min-height:280px;display:grid;place-items:center;color:#d8fbff;font-size:64px}
body .success-story-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
body .success-story-copy .s-icon{margin-bottom:18px!important}
body .success-section .services-grid .success-card{overflow:hidden!important;padding:0!important;min-height:360px!important;cursor:pointer!important}
body .success-card-media{height:185px;overflow:hidden;background:rgba(255,255,255,.10)}
body .success-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
body .success-card:hover .success-card-media img{transform:scale(1.035)}
body .success-card-body{display:flex;flex-direction:column;min-height:175px;padding:22px}
body .success-card-body .s-text{margin-bottom:0!important}

/* 4) Google yorumları: yüklenirken bile boş görünmesin */
body #reviews{position:relative}
body #reviews .review-grid{min-height:230px!important}
body #reviews .review-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:230px!important;
  padding:24px!important;
  background:#fff!important;
  border:1px solid #dfe7ef!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(31,20,55,.08)!important;
}
body #reviews .review-card .review-text{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  color:#465463!important;
}
body #reviews .reviews-status{grid-column:1/-1;padding:24px;border:1px dashed #d9cce9;border-radius:20px;background:#fff;color:#687687;text-align:center}

/* 5) Instagram: film şeridini sayfa dışına taşırma; kontrollü yatay galeri */
body #insta{overflow:hidden!important}
body #insta>.container{overflow:hidden!important}
body #insta .insta-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}
body #insta .insta-head h2{margin:0!important}
body .insta-controls{display:flex;align-items:center;gap:10px}
body .insta-control{
  width:46px;height:46px;display:grid;place-items:center;border:1px solid #d9cce9;border-radius:50%;
  background:#fff;color:#5a1fa8;box-shadow:0 8px 18px rgba(42,25,78,.10);cursor:pointer;transition:.2s ease
}
body .insta-control:hover,body .insta-control:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,#5a1fa8,#21cce1);color:#fff}
body #insta .insta-track-wrap{
  width:100%!important;max-width:100%!important;overflow:hidden!important;padding:18px!important;box-sizing:border-box!important
}
body #instaTrack{
  width:100%!important;max-width:100%!important;display:flex!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:4px 4px 18px!important;box-sizing:border-box!important;animation:none!important;transform:none!important;
  scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:thin!important;overscroll-behavior-inline:contain!important
}
body #instaTrack::-webkit-scrollbar{height:7px}
body #instaTrack::-webkit-scrollbar-thumb{background:#cdbde4;border-radius:999px}
body #instaTrack .elci-insta-group{display:flex!important;gap:18px!important;padding:0!important}
body #instaTrack .elci-insta-group[aria-hidden="true"]{display:none!important}
body #instaTrack .elci-insta-card{
  flex:0 0 230px!important;width:230px!important;height:286px!important;scroll-snap-align:start!important;border:4px solid #fff!important
}

/* 6) Hero sağ kartları: aynı sistem, sayfaya özgü karakter */
body :is(.hero-brand-card,.about-hero-card,.editorial-hero-card,.patient-hero-card,.services-hero-card){
  height:auto!important;min-height:470px!important;max-height:none!important;overflow:hidden!important
}
body :is(.hero-card-title,.about-card-title,.service-card-title){min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body :is(.hero-card-list,.about-card-list,.service-card-list){margin-top:auto!important}
body :is(.hero-card-list,.about-card-list,.service-card-list)>span{height:auto!important;min-height:52px!important}

/* Ana sayfa: güven ve sosyal kanıt */
body[data-page="home"] .hero-brand-card{
  background:radial-gradient(270px 210px at 15% 4%,rgba(255,255,255,.22),transparent 70%),linear-gradient(145deg,rgba(87,55,177,.48),rgba(24,145,180,.34))!important
}
body[data-page="home"] .hero-brand-card::before{content:"★★★★★";position:absolute;right:25px;top:28px;color:#ffe08b;font-size:13px;letter-spacing:3px;opacity:.92}
body[data-page="home"] .hero-brand-card .hero-card-list>span{margin-top:8px;padding:12px 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px;background:rgba(24,15,67,.20)}

/* Hakkımızda: kurum öyküsü ve değerler */
body[data-page="about"] .about-hero-card{
  background:radial-gradient(300px 230px at 100% 0,rgba(207,165,255,.23),transparent 68%),linear-gradient(145deg,rgba(90,31,168,.45),rgba(35,111,157,.30))!important
}
body[data-page="about"] .about-hero-card::before{content:"“";position:absolute;right:27px;top:3px;color:rgba(255,255,255,.12);font:180px/1 Georgia,serif}
body[data-page="about"] .about-card-list>span{border-left:3px solid #84eff8!important;border-top:0!important;margin-top:9px;padding:10px 14px!important;background:rgba(255,255,255,.055);border-radius:0 13px 13px 0}

/* Hizmetler: klinik yol haritası */
body[data-page="services"] .service-hero-card{
  background:radial-gradient(300px 230px at 100% 0,rgba(97,239,247,.22),transparent 68%),linear-gradient(145deg,rgba(39,89,167,.40),rgba(19,133,154,.33))!important
}
body[data-page="services"] .service-card-list{counter-reset:service-step}
body[data-page="services"] .service-card-list>span{counter-increment:service-step;position:relative;border-top:0!important;padding:11px 12px 11px 48px!important;margin-top:8px;border-radius:14px;background:rgba(14,47,82,.20)}
body[data-page="services"] .service-card-list>span::before{content:"0" counter(service-step);position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#bdf8ff;font-size:12px;font-weight:900;letter-spacing:.06em}

/* Blog: editoryal kart */
body[data-page="blog"] .editorial-hero-card{
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 31px,rgba(174,241,250,.10) 32px),linear-gradient(145deg,rgba(72,29,139,.48),rgba(31,111,151,.31))!important
}
body[data-page="blog"] .editorial-hero-card .hero-card-list>span{border:1px solid rgba(255,255,255,.14)!important;border-radius:14px;margin-top:9px;padding:12px 14px!important;background:rgba(19,10,52,.24)}

/* SSS: hızlı cevap merkezi */
body[data-page="faq"] .editorial-hero-card{
  background:radial-gradient(circle at 90% 10%,rgba(104,238,248,.20),transparent 30%),linear-gradient(145deg,rgba(84,31,151,.48),rgba(27,114,151,.32))!important
}
body[data-page="faq"] .editorial-hero-card::before{content:"?";position:absolute;right:28px;top:0;color:rgba(255,255,255,.11);font:900 170px/1 Manrope,sans-serif}
body[data-page="faq"] .editorial-hero-card .hero-card-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body[data-page="faq"] .editorial-hero-card .hero-card-list>span{min-height:86px!important;align-items:flex-start!important;flex-direction:column!important;justify-content:center!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:15px;padding:12px!important;background:rgba(18,9,56,.20)}

/* Hasta ilişkileri: işlem merkezi */
body[data-page="patient"] .patient-hero-card{
  background:radial-gradient(280px 220px at 100% 0,rgba(255,255,255,.18),transparent 68%),linear-gradient(145deg,rgba(77,34,151,.48),rgba(25,129,160,.34))!important
}
body[data-page="patient"] .patient-card-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:20px!important}
body[data-page="patient"] .patient-card-links>a{min-height:112px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:12px!important;padding:16px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:17px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important}
body[data-page="patient"] .patient-card-links>a:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)!important}
body[data-page="patient"] .patient-card-links i{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6b2cca,#22cde0);color:#fff}

@media(max-width:900px){
  body .success-section .success-highlight .s-card{grid-template-columns:1fr!important}
  body .success-story-media{min-height:230px}
  body .success-story-media img,body .success-story-placeholder{min-height:230px}
  body[data-page="faq"] .editorial-hero-card .hero-card-list{grid-template-columns:1fr!important}
  body :is(.hero-brand-card,.about-hero-card,.editorial-hero-card,.patient-hero-card,.services-hero-card){min-height:0!important}
}
@media(max-width:640px){
  body #instaTrack .elci-insta-card{flex-basis:76vw!important;width:76vw!important;height:300px!important}
  body .insta-control{width:42px;height:42px}
  body[data-page="patient"] .patient-card-links{grid-template-columns:1fr!important}
}