/* ======================================================================
   ELÇİ V3.5 — SON OKUNABİLİRLİK VE EDİTORYAL BLOG DÜZENİ
   ====================================================================== */

/* Koyu iletişim / güven kartlarında başlık kontrastı */
body .location-card > h3,
body .trust-card > h3,
body .contact-card > h3,
body .contact-panel > h3,
body .quick-contact-card > h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 12px rgba(19,4,45,.20);
}

/* Blog yazısı içindeki editoryal bölümler */
.blog-article-content .editorial-sections{
  display:grid;
  gap:30px;
  margin-top:34px;
}
.blog-article-content .editorial-section{
  margin:0;
}
.blog-article-content .editorial-text{
  padding:2px 0;
}
.blog-article-content .editorial-section-title{
  margin:0 0 12px;
  color:#241043;
  font-size:clamp(1.35rem,2.4vw,1.85rem);
  line-height:1.25;
  letter-spacing:-.025em;
}
.blog-article-content .editorial-figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(72,34,130,.12);
  border-radius:24px;
  background:#eef7fa;
  box-shadow:0 18px 42px rgba(38,20,72,.11);
}
.blog-article-content .editorial-figure img{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:cover;
}
.blog-article-content .editorial-figure figcaption{
  padding:12px 16px 14px;
  color:#687884;
  background:#fff;
  font-size:.84rem;
  line-height:1.55;
}
.blog-article-content .editorial-figure.is-compact{
  max-width:720px;
  margin-inline:auto;
}
.blog-article-content .editorial-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,.82fr);
  gap:30px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(72,34,130,.11);
  border-radius:26px;
  background:linear-gradient(145deg,#fbf9ff,#f2fcfe);
  box-shadow:0 18px 40px rgba(38,20,72,.08);
}
.blog-article-content .editorial-split.image-left .editorial-split-media{order:-1}
.blog-article-content .editorial-split-media{
  overflow:hidden;
  border-radius:20px;
  background:#eaf5f8;
  box-shadow:0 14px 30px rgba(38,20,72,.10);
}
.blog-article-content .editorial-split-media img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.blog-article-content .editorial-callout{
  position:relative;
  padding:23px 24px 23px 28px;
  overflow:hidden;
  border:1px solid rgba(39,212,232,.28);
  border-radius:22px;
  background:linear-gradient(135deg,#f5fdff,#f7f2ff);
  box-shadow:0 14px 34px rgba(38,20,72,.07);
}
.blog-article-content .editorial-callout::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#27d4e8,#6d28d9);
}
.blog-article-content .editorial-callout.warning{
  border-color:rgba(240,158,35,.30);
  background:linear-gradient(135deg,#fffaf0,#fff7f5);
}
.blog-article-content .editorial-callout.warning::before{
  background:linear-gradient(180deg,#f2b134,#e76f51);
}
.blog-article-content .editorial-callout.success{
  border-color:rgba(30,166,117,.25);
  background:linear-gradient(135deg,#f2fff9,#f4fcff);
}
.blog-article-content .editorial-callout.success::before{
  background:linear-gradient(180deg,#31c48d,#27d4e8);
}
.blog-article-content .editorial-callout h3{
  margin:0 0 8px;
  color:#241043;
  font-size:1.1rem;
}
.blog-article-content .editorial-callout > :last-child{margin-bottom:0}
.blog-article-content .editorial-steps{
  padding:26px;
  border-radius:26px;
  background:#241043;
  color:#f5f7fb;
  box-shadow:0 20px 44px rgba(25,10,51,.18);
}
.blog-article-content .editorial-steps h2,
.blog-article-content .editorial-steps h3{
  margin-top:0;
  color:#fff;
}
.blog-article-content .editorial-steps ol{
  display:grid;
  gap:13px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  counter-reset:elci-step;
}
.blog-article-content .editorial-steps li{
  counter-increment:elci-step;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;
  margin:0;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(255,255,255,.07);
}
.blog-article-content .editorial-steps li::before{
  content:counter(elci-step);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,#6d28d9,#27d4e8);
  color:#fff;
  font-weight:850;
}

@media(max-width:760px){
  .blog-article-content .editorial-sections{gap:22px;margin-top:26px}
  .blog-article-content .editorial-split{grid-template-columns:1fr;padding:18px;gap:20px}
  .blog-article-content .editorial-split.image-left .editorial-split-media{order:0}
  .blog-article-content .editorial-callout,
  .blog-article-content .editorial-steps{padding:20px}
  .blog-article-content .editorial-figure{border-radius:19px}
}

/* V5.2 — kontrollü blog blok düzeni */
.blog-article-content .editorial-text{
  max-width:820px;
  margin-inline:auto;
  padding:4px 0;
}
.blog-article-content .editorial-text > :first-child{margin-top:0}
.blog-article-content .editorial-text > :last-child{margin-bottom:0}
.blog-article-content .editorial-split{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
}
.blog-article-content .editorial-split-copy{min-width:0}
.blog-article-content .editorial-split-copy p{font-size:inherit;line-height:1.75}

/* ======================================================================
   V5.3 — ESTETİK BLOG BLOKLARI VE GÖRSEL GALERİ
   ====================================================================== */
body[data-content-mode="visual"] .blog-article{
  width:min(1040px,calc(100% - 32px));
}
body[data-content-mode="visual"] .blog-article-content{
  max-width:920px;
}
.blog-article-content .editorial-sections{
  gap:36px;
}
.blog-article-content .editorial-text{
  max-width:760px;
  font-size:17px;
  line-height:1.86;
}
.blog-article-content .editorial-figure.fit-contain img{
  max-height:none;
  object-fit:contain;
  background:linear-gradient(135deg,#f5f3fa,#eefbfe);
}
.blog-article-content .editorial-figure.fit-cover img{
  aspect-ratio:16/9;
  object-fit:cover;
}
.blog-article-content .editorial-split{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:34px;
  padding:30px;
}
.blog-article-content .editorial-split-copy{
  align-self:center;
}
.blog-article-content .editorial-split-copy > :first-child{margin-top:0!important}
.blog-article-content .editorial-split-copy > :last-child{margin-bottom:0!important}
.blog-article-content .editorial-split.fit-contain .editorial-split-media{
  background:linear-gradient(135deg,#f5f3fa,#eefbfe);
}
.blog-article-content .editorial-split.fit-contain .editorial-split-media img{
  aspect-ratio:auto;
  max-height:560px;
  object-fit:contain;
}
.blog-article-content .editorial-split.fit-cover .editorial-split-media img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.blog-article-content .editorial-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0;
}
.blog-article-content .editorial-gallery.count-3.layout-auto{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.blog-article-content .editorial-gallery.count-3.layout-auto figure:first-child,
.blog-article-content .editorial-gallery.layout-feature figure:first-child{
  grid-row:span 2;
}
.blog-article-content .editorial-gallery.count-4.layout-auto{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.blog-article-content .editorial-gallery.layout-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.blog-article-content .editorial-gallery figure{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(72,34,130,.12);
  border-radius:22px;
  background:#eef7fa;
  box-shadow:0 16px 36px rgba(38,20,72,.09);
}
.blog-article-content .editorial-gallery img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
}
.blog-article-content .editorial-gallery.fit-cover img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.blog-article-content .editorial-gallery.fit-contain img{
  object-fit:contain;
  background:linear-gradient(135deg,#f5f3fa,#eefbfe);
}
.blog-article-content .editorial-gallery figcaption{
  padding:10px 13px 12px;
  color:#667483;
  background:#fff;
  font-size:.8rem;
  line-height:1.45;
}
@media(max-width:820px){
  body[data-content-mode="visual"] .blog-article-content{max-width:720px}
  .blog-article-content .editorial-split{grid-template-columns:1fr;padding:20px;gap:20px}
  .blog-article-content .editorial-split.image-left .editorial-split-media{order:0}
  .blog-article-content .editorial-gallery,
  .blog-article-content .editorial-gallery.count-3.layout-auto,
  .blog-article-content .editorial-gallery.count-4.layout-auto,
  .blog-article-content .editorial-gallery.layout-two{grid-template-columns:1fr 1fr}
  .blog-article-content .editorial-gallery.count-3.layout-auto figure:first-child,
  .blog-article-content .editorial-gallery.layout-feature figure:first-child{grid-row:auto;grid-column:1/-1}
}
@media(max-width:560px){
  .blog-article-content .editorial-gallery,
  .blog-article-content .editorial-gallery.count-3.layout-auto,
  .blog-article-content .editorial-gallery.count-4.layout-auto,
  .blog-article-content .editorial-gallery.layout-two{grid-template-columns:1fr}
  .blog-article-content .editorial-gallery img{min-height:0}
}


/* V5.4 — sıcak, okunaklı sağlık yazısı standardı */
.blog-article-content{color:#34414b;font-size:17px;line-height:1.86}
.blog-article-content>p,.blog-article-content>ul,.blog-article-content>ol,.blog-article-content>blockquote{max-width:760px;margin-left:auto;margin-right:auto}
.blog-article-content>p{margin-top:0;margin-bottom:20px}
.blog-article-content h2{max-width:760px;margin:38px auto 14px;color:#25103f;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.28;letter-spacing:-.025em}
.blog-article-content h3{max-width:760px;margin:29px auto 11px;color:#34165a;font-size:1.2rem;line-height:1.35}
.blog-article-content ul,.blog-article-content ol{padding-left:27px;margin-top:10px;margin-bottom:24px}
.blog-article-content li{margin:8px 0}
.blog-article-content blockquote{padding:17px 20px;border-left:5px solid #28cada;border-radius:0 17px 17px 0;background:linear-gradient(135deg,#f1fbfd,#faf7ff);color:#40545e}
.blog-article-note{max-width:760px;margin:36px auto 0!important;padding:18px 20px!important;border:1px solid #ded5ec!important;border-radius:18px!important;background:linear-gradient(135deg,#faf7ff,#f2fbfd)!important;color:#5f6d79!important;line-height:1.65!important}
.blog-article-note strong{color:#35145e}
@media(max-width:640px){.blog-article-content{font-size:16px;line-height:1.78}.blog-article-content h2{margin-top:31px}.blog-article-note{padding:16px!important}}