/*! FUL SERVIS CENTER FIX v54
   1) Hizmet detay sayfası "service-detail-hero" çifte grid bug fix
      → service-detail-hero artık block, içindeki .container.service-detail-grid 2 kolon
   2) "Neden Ful Servis?" trust-grid içeriği ortalı
   3) Genel ortalama düzeltmeleri */

:root{
  --primary:#1B2A4E;--primary-mid:#2A3F6B;--primary-dark:#0F1A33;
  --beige:#C9A876;--beige-soft:#DFC79E;--beige-bg:#FAF6EE;--beige-200:#E5D4B0;--beige-darker:#6E532A;
  --text:#1F2A44;--text-strong:#0F1A33;--muted:#6B7588;
  --border:#E2E6EC;--surface:#FFFFFF;--surface-2:#F5F7FA;
}

/* =============================================================
   1) HİZMET DETAY HERO — Çifte grid fix
   HTML yapısı:
   <section class="service-detail-hero">
     <div class="container service-detail-grid">  ← ASIL GRID BURDA
       <div class="service-detail-copy">  ← SOL METİN
       <div class="service-detail-media"> ← SAĞ GÖRSEL
   ============================================================= */
html body section.service-detail-hero{
  display:block!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  padding:0!important;  /* container içinde padding olacak */
  margin:24px auto!important;
  max-width:1320px!important;
  box-shadow:0 4px 14px rgba(15,26,51,.04)!important;
  width:calc(100% - 48px)!important;
}

html body .service-detail-hero > .container.service-detail-grid,
html body .service-detail-hero > .container,
html body .service-detail-grid{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:40px!important;
  align-items:center!important;
  padding:36px!important;
  margin:0 auto!important;
  max-width:none!important;
  width:100%!important;
}

html body .service-detail-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
html body .service-detail-copy h1{
  color:var(--text-strong)!important;
  font-size:clamp(26px,3.2vw,34px)!important;
  margin:0!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:-.5px!important;
}
html body .service-detail-copy > p{
  color:var(--muted)!important;
  font-size:15.5px!important;
  line-height:1.7!important;
  margin:0!important;
  font-weight:400!important;
}
html body .service-detail-copy .hero-buttons{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:6px!important;
}
html body .service-detail-copy .hero-checks{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
html body .service-detail-copy .hero-checks span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 11px!important;
  background:var(--beige-bg)!important;
  border:1px solid var(--beige-200)!important;
  border-radius:999px!important;
  color:var(--beige-darker)!important;
  font-weight:500!important;
  font-size:13px!important;
}

/* SAĞ GÖRSEL */
html body .service-detail-media{
  position:relative!important;
  display:block!important;
  min-width:0!important;
}
html body .service-detail-media img{
  width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid var(--border)!important;
  box-shadow:0 12px 28px rgba(15,26,51,.12)!important;
  display:block!important;
}
html body .service-detail-media .service-floating-card{
  position:absolute!important;
  left:24px!important;bottom:18px!important;
  right:auto!important;top:auto!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  display:inline-flex!important;
  flex-direction:column!important;
  gap:2px!important;
  box-shadow:0 8px 20px rgba(15,26,51,.18)!important;
  margin:0!important;
  max-width:calc(100% - 48px)!important;
  z-index:2!important;
}
html body .service-detail-media .service-floating-card b{
  color:var(--text-strong)!important;
  font-weight:700!important;
  display:block!important;
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .service-detail-media .service-floating-card span{
  color:var(--muted)!important;
  font-size:12.5px!important;
  display:block!important;
  font-weight:400!important;
}

/* Mobil — tek kolon, görsel önce */
@media(max-width:900px){
  html body .service-detail-hero > .container.service-detail-grid,
  html body .service-detail-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:24px!important;
  }
  html body .service-detail-media{order:-1!important}
  html body section.service-detail-hero{
    width:calc(100% - 28px)!important;
    margin:18px auto!important;
    border-radius:14px!important;
  }
}

/* =============================================================
   2) "NEDEN FUL SERVİS?" trust-grid ORTALI
   HTML: <div class="container trust-grid">
           <div class="trust-copy">  ← sol uzun metin
           <div class="trust-stats"> ← sağ 4 kart
   ============================================================= */
html body section.seo-trust,
html body .seo-trust{
  padding:60px 0!important;
}
html body .container.trust-grid,
html body .trust-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:48px!important;
  align-items:center!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

/* SOL: trust-copy — başlık + paragraf + checklist artık ortalı */
html body .trust-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
  text-align:left!important;
  background:transparent!important;
  padding:0!important;
}
html body .trust-copy .kicker,
html body .trust-copy span.kicker{
  display:inline-block!important;
  align-self:flex-start!important;
  color:var(--beige-darker)!important;
  background:var(--beige-bg)!important;
  border:1px solid var(--beige-200)!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:2.4px!important;
  text-transform:uppercase!important;
  margin:0!important;
}
html body .trust-copy h2{
  color:var(--text-strong)!important;
  margin:0!important;
  font-size:clamp(22px,2.8vw,30px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:-.5px!important;
}
html body .trust-copy p{
  color:var(--muted)!important;
  line-height:1.75!important;
  font-size:15px!important;
  margin:0!important;
  font-weight:400!important;
}
html body .trust-copy ul{
  padding:0!important;
  list-style:none!important;
  margin:8px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
}
html body .trust-copy li{
  position:relative!important;
  padding:10px 0 10px 36px!important;
  color:var(--text)!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  font-weight:400!important;
}
html body .trust-copy li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;top:11px!important;
  width:24px!important;height:24px!important;
  border-radius:50%!important;
  background:var(--beige)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* SAĞ: trust-stats — 4 kart 2x2 ortalı */
html body .trust-stats{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-self:center!important;
  width:100%!important;
}
html body .trust-stats > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:24px 18px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:0 4px 12px rgba(15,26,51,.06)!important;
  min-height:170px!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
html body .trust-stats > div:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 28px rgba(15,26,51,.10)!important;
}
html body .trust-stats > div > b{
  width:50px!important;height:50px!important;
  border-radius:50%!important;
  background:var(--beige-bg)!important;
  color:var(--beige-darker)!important;
  display:grid!important;place-items:center!important;
  font-size:20px!important;font-weight:700!important;
  border:1px solid var(--beige-200)!important;
  flex-shrink:0!important;
  margin:0!important;
}
html body .trust-stats > div > span{
  font-weight:700!important;color:var(--text-strong)!important;
  font-size:15.5px!important;line-height:1.3!important;
  display:block!important;margin:0!important;
}
html body .trust-stats > div > small{
  color:var(--muted)!important;font-size:13px!important;
  line-height:1.5!important;font-weight:400!important;
  display:block!important;margin:0 auto!important;max-width:90%!important;
}

@media(max-width:1024px){
  html body .container.trust-grid,
  html body .trust-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  html body .trust-copy{align-items:center!important;text-align:center!important;max-width:680px!important;margin:0 auto!important}
  html body .trust-copy ul{align-items:flex-start!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
  html body .trust-stats{max-width:520px!important;margin:0 auto!important}
}
@media(max-width:560px){
  html body .trust-stats{grid-template-columns:1fr!important}
}

/* =============================================================
   3) GENEL — section-title.center daha iyi ortalı
   ============================================================= */
html body .section-title.center{
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  max-width:760px!important;
  margin:0 auto 32px!important;
}
html body .section-title.center span{
  align-self:center!important;
  margin:0!important;
}
html body .section-title.center h2{
  margin:0!important;
}
html body .section-title.center p{
  margin:0!important;
  max-width:680px!important;
}

/* SEO landing card — kicker daha doğru hizada */
html body .seo-hero-card,
html body .public-hero{
  text-align:left!important;
}
html body .seo-hero-card .kicker,
html body .public-hero .kicker{
  display:inline-block!important;
  align-self:flex-start!important;
}

/* SEO content grid (4 metin kartı) — başlıklar düzgün hizada */
html body .seo-content-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:18px!important;
  max-width:1320px!important;
  margin:0 auto 28px!important;
  padding:0 24px!important;
}
@media(max-width:1024px){
  html body .seo-content-grid{grid-template-columns:1fr!important}
}

/* SEO detail grid (01,02,03 numaralı kartlar) — ortalı */
html body .seo-detail-grid{
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 24px!important;
}

/* CTA box ortalama */
html body .cta-box{
  display:grid!important;
  grid-template-columns:1.5fr 1fr!important;
  gap:32px!important;
  align-items:center!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
@media(max-width:900px){
  html body .cta-box{grid-template-columns:1fr!important;text-align:center!important}
  html body .cta-actions{justify-content:center!important}
}

/* =============================================================
   Hizmet detay alt bölümler (info-grid, long-text)
   ============================================================= */
html body .service-detail-content,
html body section.service-detail-content{
  padding:60px 0!important;
}
html body .service-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:16px!important;
  margin:24px auto!important;
  max-width:1180px!important;
}
html body .service-info-grid > article{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:22px!important;
  position:static!important;
}
html body .service-info-grid > article h3{
  color:var(--text-strong)!important;
  font-size:17px!important;
  margin:0 0 8px!important;
  font-weight:700!important;
}
html body .service-info-grid > article p{
  color:var(--muted)!important;
  font-size:14.5px!important;
  line-height:1.7!important;
  margin:0!important;
  font-weight:400!important;
}
html body .service-long-text{
  max-width:980px!important;
  margin:32px auto 0!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:32px!important;
}
html body .service-long-text h2{
  color:var(--text-strong)!important;
  font-size:22px!important;
  margin:0 0 14px!important;
  font-weight:700!important;
}
html body .service-long-text p{
  color:var(--text)!important;
  line-height:1.75!important;
  margin:0 0 14px!important;
  font-size:14.5px!important;
  font-weight:400!important;
}
html body .service-long-text p:last-child{margin-bottom:0!important}

@media(max-width:760px){
  html body .service-info-grid{grid-template-columns:1fr!important}
  html body .service-long-text{padding:22px!important;margin:20px 14px 0!important}
}

/* Service related (Diğer Hizmetler) */
html body section.service-related{
  background:transparent!important;
  border:0!important;
  padding:60px 0!important;
  margin-top:0!important;
}