/* =========================================================
   V304 — Hizmet Detay Hero Referans Eşleştirme
   Tam genişlik, sağa dayalı görsel, referans oranları ve
   yumuşak altın kıvrım. Bu dosya tekil hizmet sayfasında
   en son yüklenerek önceki hero override'larını geçersiz kılar.
   ========================================================= */
body.single-detay_hizmet .dt-service-reference-hero{
  width:100%;
  overflow:hidden;
  background:linear-gradient(180deg,#f7fbff 0%,#eef6fd 100%) !important;
}
body.single-detay_hizmet .dt-service-reference-hero > .container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.single-detay_hizmet .dt-service-reference-breadcrumb{
  padding:12px 48px 10px !important;
  margin:0 !important;
  font-size:12px !important;
}
body.single-detay_hizmet .dt-service-reference-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,50%) minmax(0,50%) !important;
  gap:0 !important;
  min-height:260px !important;
  height:260px !important;
  align-items:stretch !important;
}
body.single-detay_hizmet .dt-service-reference-copy{
  min-width:0;
  padding:16px 42px 18px 48px !important;
  justify-content:center !important;
  position:relative;
  z-index:5;
}
body.single-detay_hizmet .dt-service-reference-kicker{
  font-size:11px !important;
  letter-spacing:.15em !important;
}
body.single-detay_hizmet .dt-service-reference-copy h1{
  margin:10px 0 10px !important;
  max-width:730px !important;
  font-size:46px !important;
  line-height:1.02 !important;
  letter-spacing:-.048em !important;
}
body.single-detay_hizmet .dt-service-reference-copy>p{
  max-width:700px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
body.single-detay_hizmet .dt-service-reference-trust{
  gap:18px !important;
  margin-top:16px !important;
}
body.single-detay_hizmet .dt-service-reference-trust-item{
  font-size:13px !important;
}
body.single-detay_hizmet .dt-service-reference-hero-media{
  position:relative;
  min-width:0;
  min-height:260px !important;
  height:260px !important;
  overflow:hidden !important;
  background:#dce9f5 !important;
  z-index:1;
}
body.single-detay_hizmet .dt-service-reference-cover,
body.single-detay_hizmet .dt-service-reference-placeholder{
  width:100% !important;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}
/* Referans görseldeki yumuşak altın kıvrım */
body.single-detay_hizmet .dt-service-reference-hero-media:before{
  content:"" !important;
  position:absolute !important;
  left:-72px !important;
  top:-24px !important;
  bottom:-24px !important;
  width:164px !important;
  z-index:3 !important;
  background:linear-gradient(180deg,#ffda62 0%,#f3b51d 100%) !important;
  clip-path:ellipse(79% 83% at 0% 50%) !important;
  transform:rotate(-2deg) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-media:after{
  content:"" !important;
  position:absolute !important;
  left:-42px !important;
  top:-22px !important;
  bottom:-22px !important;
  width:116px !important;
  z-index:4 !important;
  background:#eef6fd !important;
  clip-path:ellipse(78% 84% at 100% 50%) !important;
  pointer-events:none !important;
}
body.single-detay_hizmet .dt-service-reference-hero-icon{
  top:18px !important;
  right:26px !important;
  width:70px !important;
  height:70px !important;
  border-width:3px !important;
  box-shadow:0 10px 24px rgba(5,35,72,.16) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-icon svg{
  width:37px !important;
  height:37px !important;
}
body.single-detay_hizmet .dt-service-reference-hero-label{
  top:91px !important;
  right:20px !important;
  max-width:110px !important;
  font-size:9px !important;
}

@media (max-width:1180px){
  body.single-detay_hizmet .dt-service-reference-breadcrumb{padding-left:30px !important;}
  body.single-detay_hizmet .dt-service-reference-copy{padding-left:30px !important;padding-right:28px !important;}
  body.single-detay_hizmet .dt-service-reference-copy h1{font-size:42px !important;}
}

@media (max-width:860px){
  body.single-detay_hizmet .dt-service-reference-breadcrumb{
    padding:10px 16px 8px !important;
    font-size:11px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:0 !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:22px 16px 18px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy h1{
    font-size:36px !important;
    line-height:1.04 !important;
    max-width:680px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy>p{
    font-size:15px !important;
    line-height:1.55 !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media:before{
    left:-50px !important;
    width:120px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media:after{
    left:-28px !important;
    width:92px !important;
  }
}

@media (max-width:640px){
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:18px 14px 17px !important;
  }
  body.single-detay_hizmet .dt-service-reference-kicker{
    font-size:9px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy h1{
    font-size:32px !important;
    line-height:1.05 !important;
    margin:8px 0 9px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy>p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  body.single-detay_hizmet .dt-service-reference-trust{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 12px !important;
    margin-top:15px !important;
  }
  body.single-detay_hizmet .dt-service-reference-trust-item{
    min-width:0 !important;
    font-size:11px !important;
    gap:6px !important;
  }
  body.single-detay_hizmet .dt-service-reference-trust-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon{
    top:12px !important;
    right:12px !important;
    width:58px !important;
    height:58px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon svg{
    width:30px !important;
    height:30px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-label{
    top:71px !important;
    right:8px !important;
    max-width:90px !important;
    font-size:8px !important;
  }
}

@media (max-width:390px){
  body.single-detay_hizmet .dt-service-reference-copy h1{font-size:29px !important;}
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
  }
}
/* =========================================================
   V305 — Premium hizmet detay hero görsel alanı
   Tam genişlik DEĞİL: ortalanmış container + premium görsel kartı.
   ========================================================= */
body.single-detay_hizmet .dt-service-reference-hero{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6fd 100%) !important;
  overflow:visible !important;
}
body.single-detay_hizmet .dt-service-reference-hero > .container{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin-inline:auto !important;
  padding:0 !important;
}
body.single-detay_hizmet .dt-service-reference-breadcrumb{
  padding:14px 0 12px !important;
  margin:0 !important;
  font-size:12px !important;
}
body.single-detay_hizmet .dt-service-reference-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr) !important;
  gap:34px !important;
  min-height:350px !important;
  height:auto !important;
  align-items:center !important;
  padding:4px 0 30px !important;
}
body.single-detay_hizmet .dt-service-reference-copy{
  min-width:0 !important;
  padding:26px 0 28px !important;
  justify-content:center !important;
  z-index:5 !important;
}
body.single-detay_hizmet .dt-service-reference-copy h1{
  max-width:680px !important;
  margin:12px 0 14px !important;
  font-size:48px !important;
  line-height:1.02 !important;
  letter-spacing:-.05em !important;
}
body.single-detay_hizmet .dt-service-reference-copy>p{
  max-width:640px !important;
  font-size:15px !important;
  line-height:1.62 !important;
}
body.single-detay_hizmet .dt-service-reference-trust{
  gap:18px !important;
  margin-top:21px !important;
}
body.single-detay_hizmet .dt-service-reference-trust-item{
  font-size:13px !important;
}

/* Premium görsel kartı */
body.single-detay_hizmet .dt-service-reference-hero-media{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  min-height:360px !important;
  height:360px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:26px !important;
  background:#dce9f5 !important;
  box-shadow:
    0 24px 55px rgba(11,47,99,.14),
    0 7px 18px rgba(11,47,99,.08) !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
}
body.single-detay_hizmet .dt-service-reference-cover,
body.single-detay_hizmet .dt-service-reference-placeholder{
  display:block !important;
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:26px !important;
  transform:scale(1.015) !important;
  transition:transform .55s cubic-bezier(.2,.7,.2,1) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-media:hover .dt-service-reference-cover{
  transform:scale(1.045) !important;
}

/* Sol tarafta zarif altın şerit */
body.single-detay_hizmet .dt-service-reference-hero-media:before{
  content:"" !important;
  position:absolute !important;
  left:-30px !important;
  top:-8% !important;
  bottom:-8% !important;
  width:120px !important;
  z-index:2 !important;
  background:linear-gradient(180deg,#ffe37d 0%,#ffd65a 42%,#efaf17 100%) !important;
  clip-path:ellipse(68% 73% at 18% 50%) !important;
  opacity:.96 !important;
  filter:drop-shadow(5px 0 8px rgba(196,145,0,.11)) !important;
  transform:rotate(-4deg) !important;
}
/* Görsel üzerinde hafif kurumsal ışık */
body.single-detay_hizmet .dt-service-reference-hero-media:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.02) 24%,transparent 48%),
    linear-gradient(180deg,rgba(7,38,78,.01) 0%,rgba(7,38,78,.10) 100%) !important;
}

/* Hizmete özel ikon */
body.single-detay_hizmet .dt-service-reference-hero-icon{
  z-index:5 !important;
  top:22px !important;
  right:22px !important;
  width:76px !important;
  height:76px !important;
  border:3px solid var(--dt-gold) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 12px 26px rgba(5,35,72,.20),0 0 0 6px rgba(255,255,255,.18) !important;
  backdrop-filter:blur(6px) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-icon svg{
  width:40px !important;
  height:40px !important;
  color:var(--dt-navy) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-label{
  z-index:5 !important;
  top:106px !important;
  right:16px !important;
  max-width:92px !important;
  color:var(--dt-navy) !important;
  font-size:9px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
}

@media (max-width:1100px){
  body.single-detay_hizmet .dt-service-reference-hero > .container{
    width:min(1040px,calc(100% - 32px)) !important;
    max-width:1040px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(380px,.9fr) !important;
    gap:26px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy h1{font-size:43px !important;}
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }
}

@media (max-width:860px){
  body.single-detay_hizmet .dt-service-reference-hero > .container{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
  body.single-detay_hizmet .dt-service-reference-breadcrumb{
    padding:10px 0 8px !important;
    font-size:11px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
    min-height:0 !important;
    padding:4px 0 24px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:18px 0 4px !important;
    order:1 !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    order:2 !important;
    width:100% !important;
    max-width:760px !important;
    margin-inline:auto !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    border-radius:22px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    border-radius:22px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy h1{
    max-width:720px !important;
    font-size:38px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy>p{font-size:15px !important;}
}

@media (max-width:640px){
  body.single-detay_hizmet .dt-service-reference-hero > .container{
    width:calc(100% - 24px) !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    gap:14px !important;
    padding-bottom:20px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:14px 0 2px !important;
  }
  body.single-detay_hizmet .dt-service-reference-kicker{font-size:9px !important;}
  body.single-detay_hizmet .dt-service-reference-copy h1{
    font-size:32px !important;
    line-height:1.05 !important;
    margin:8px 0 10px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy>p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  body.single-detay_hizmet .dt-service-reference-trust{
    margin-top:14px !important;
    gap:8px 10px !important;
  }
  body.single-detay_hizmet .dt-service-reference-trust-item{font-size:11px !important;}
  body.single-detay_hizmet .dt-service-reference-hero-media{
    height:225px !important;
    min-height:225px !important;
    max-height:225px !important;
    border-radius:18px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:225px !important;
    min-height:225px !important;
    max-height:225px !important;
    border-radius:18px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media:before{
    left:-24px !important;
    width:85px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon{
    top:12px !important;
    right:12px !important;
    width:58px !important;
    height:58px !important;
    border-width:2px !important;
    box-shadow:0 8px 18px rgba(5,35,72,.17),0 0 0 4px rgba(255,255,255,.18) !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon svg{
    width:30px !important;
    height:30px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-label{
    top:71px !important;
    right:7px !important;
    font-size:8px !important;
  }
}

@media (max-width:390px){
  body.single-detay_hizmet .dt-service-reference-copy h1{font-size:29px !important;}
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
  }
}

/* =========================================================
   V306 — Premium Hero Görsel Alanı
   Tam genişlik değil; görsel bağımsız, editorial/premium medya
   kartı olarak tasarlanır. Önceki V304/V305 görsel override'larını
   geçersiz kılar.
   ========================================================= */
body.single-detay_hizmet .dt-service-reference-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr) !important;
  gap:42px !important;
  min-height:400px !important;
  padding:12px 0 34px !important;
}

body.single-detay_hizmet .dt-service-reference-copy{
  padding:30px 0 34px !important;
}

body.single-detay_hizmet .dt-service-reference-hero-media{
  position:relative !important;
  width:100% !important;
  max-width:540px !important;
  height:390px !important;
  min-height:390px !important;
  margin-left:auto !important;
  overflow:hidden !important;
  border:1px solid rgba(214,225,237,.95) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 22px 52px rgba(11,47,99,.13),0 4px 16px rgba(11,47,99,.07) !important;
  isolation:isolate !important;
  transform:none !important;
}

/* Zarif dış çerçeve */
body.single-detay_hizmet .dt-service-reference-hero-media:before{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  z-index:4 !important;
  pointer-events:none !important;
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:15px !important;
  box-shadow:inset 0 0 0 1px rgba(11,47,99,.08) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 35%,rgba(11,47,99,.08)) !important;
}

/* İnce altın mimari vurgu */
body.single-detay_hizmet .dt-service-reference-hero-media:after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:74px !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ffd65a 0%,#f0b21b 100%) !important;
  box-shadow:0 4px 12px rgba(217,166,28,.24) !important;
  z-index:6 !important;
  pointer-events:none !important;
}

body.single-detay_hizmet .dt-service-reference-cover,
body.single-detay_hizmet .dt-service-reference-placeholder{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:20px !important;
  transform:scale(1.01) !important;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease !important;
  filter:saturate(.98) contrast(1.02) !important;
}

body.single-detay_hizmet .dt-service-reference-hero-media:hover .dt-service-reference-cover{
  transform:scale(1.035) !important;
}

/* İkonu görsele entegre eden temiz premium badge */
body.single-detay_hizmet .dt-service-reference-hero-icon{
  z-index:8 !important;
  top:20px !important;
  right:20px !important;
  width:72px !important;
  height:72px !important;
  border:2px solid #e4b52f !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 14px 30px rgba(6,36,72,.18),0 0 0 6px rgba(255,255,255,.28) !important;
  backdrop-filter:blur(5px) !important;
}

body.single-detay_hizmet .dt-service-reference-hero-icon svg{
  width:38px !important;
  height:38px !important;
  color:#0b2f63 !important;
}

/* Logoyu metin gibi değil, küçük kurumsal etiket gibi göster */
body.single-detay_hizmet .dt-service-reference-hero-label{
  top:auto !important;
  right:18px !important;
  bottom:18px !important;
  max-width:170px !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 13px !important;
  color:#0b2f63 !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(11,47,99,.09) !important;
  border-radius:10px !important;
  box-shadow:0 8px 20px rgba(11,47,99,.12) !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-shadow:none !important;
  z-index:8 !important;
}

/* Sol tarafta metni görsel ile aynı görsel ritme getir */
body.single-detay_hizmet .dt-service-reference-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:10px !important;
  letter-spacing:.17em !important;
  color:#d9a617 !important;
  font-weight:900 !important;
}
body.single-detay_hizmet .dt-service-reference-kicker:before{
  content:"" !important;
  width:28px !important;
  height:2px !important;
  border-radius:99px !important;
  background:#ffd65a !important;
}

@media (max-width:1100px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,.94fr) !important;
    gap:30px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    max-width:500px !important;
    height:350px !important;
    min-height:350px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    min-height:350px !important;
  }
}

@media (max-width:860px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
    min-height:0 !important;
    padding:8px 0 26px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:20px 0 4px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    width:100% !important;
    max-width:none !important;
    height:320px !important;
    min-height:320px !important;
    margin:0 !important;
    border-radius:20px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    min-height:320px !important;
    border-radius:18px !important;
  }
}

@media (max-width:640px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    gap:14px !important;
    padding-bottom:20px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:14px 0 2px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    height:245px !important;
    min-height:245px !important;
    border-radius:17px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    min-height:245px !important;
    border-radius:15px !important;
    object-position:center center !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media:before{
    inset:8px !important;
    border-radius:11px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media:after{
    left:14px !important;
    top:14px !important;
    width:52px !important;
    height:3px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon{
    top:13px !important;
    right:13px !important;
    width:58px !important;
    height:58px !important;
    border-width:2px !important;
    box-shadow:0 10px 22px rgba(6,36,72,.17),0 0 0 4px rgba(255,255,255,.25) !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon svg{
    width:29px !important;
    height:29px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-label{
    right:13px !important;
    bottom:13px !important;
    min-height:28px !important;
    padding:0 10px !important;
    border-radius:8px !important;
    font-size:8px !important;
  }
}

@media (max-width:390px){
  body.single-detay_hizmet .dt-service-reference-hero-media{
    height:215px !important;
    min-height:215px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    min-height:215px !important;
  }
}
/* =========================================================
   V307 — Kompakt Premium Hizmet Hero Görseli
   Görsel alanı küçültülür; bağımsız premium medya kartı korunur.
   ========================================================= */
body.single-detay_hizmet .dt-service-reference-hero{
  background:linear-gradient(180deg,#f8fbff 0%,#f1f7fc 100%) !important;
  overflow:visible !important;
}

body.single-detay_hizmet .dt-service-reference-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr) !important;
  gap:36px !important;
  min-height:0 !important;
  padding:8px 0 24px !important;
  align-items:center !important;
}

body.single-detay_hizmet .dt-service-reference-copy{
  padding:18px 0 22px !important;
}

body.single-detay_hizmet .dt-service-reference-copy h1{
  margin:10px 0 12px !important;
}

/* Kompakt görsel kartı */
body.single-detay_hizmet .dt-service-reference-hero-media{
  width:100% !important;
  max-width:500px !important;
  height:292px !important;
  min-height:292px !important;
  max-height:292px !important;
  margin-left:auto !important;
  border-radius:20px !important;
  border:1px solid rgba(207,222,236,.95) !important;
  background:#fff !important;
  box-shadow:0 18px 42px rgba(11,47,99,.12),0 4px 12px rgba(11,47,99,.06) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

body.single-detay_hizmet .dt-service-reference-cover,
body.single-detay_hizmet .dt-service-reference-placeholder{
  width:100% !important;
  height:292px !important;
  min-height:292px !important;
  max-height:292px !important;
  border-radius:20px !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.01) !important;
  filter:saturate(.99) contrast(1.02) !important;
  transition:transform .45s ease,filter .35s ease !important;
}

body.single-detay_hizmet .dt-service-reference-hero-media:hover .dt-service-reference-cover{
  transform:scale(1.03) !important;
  filter:saturate(1.02) contrast(1.03) !important;
}

/* Hafif cam/ışık dokusu */
body.single-detay_hizmet .dt-service-reference-hero-media:after{
  background:
    linear-gradient(115deg,rgba(255,255,255,.19) 0%,rgba(255,255,255,.05) 26%,transparent 48%),
    linear-gradient(180deg,rgba(7,38,78,.00) 55%,rgba(7,38,78,.08) 100%) !important;
}

/* İkon daha kompakt */
body.single-detay_hizmet .dt-service-reference-hero-icon{
  top:16px !important;
  right:16px !important;
  width:66px !important;
  height:66px !important;
  border-width:2px !important;
  box-shadow:0 10px 22px rgba(5,35,72,.16),0 0 0 5px rgba(255,255,255,.22) !important;
}
body.single-detay_hizmet .dt-service-reference-hero-icon svg{
  width:35px !important;
  height:35px !important;
}

body.single-detay_hizmet .dt-service-reference-hero-label{
  top:84px !important;
  right:15px !important;
  font-size:8px !important;
  max-width:78px !important;
}

@media (max-width:1100px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.88fr) !important;
    gap:26px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:265px !important;
    min-height:265px !important;
    max-height:265px !important;
  }
}

@media (max-width:860px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:4px 0 18px !important;
  }
  body.single-detay_hizmet .dt-service-reference-copy{
    padding:14px 0 0 !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    width:100% !important;
    max-width:720px !important;
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    border-radius:18px !important;
  }
}

@media (max-width:640px){
  body.single-detay_hizmet .dt-service-reference-hero-grid{
    gap:12px !important;
    padding-bottom:15px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-media{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
    border-radius:16px !important;
  }
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
    border-radius:16px !important;
    object-position:center center !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon{
    top:11px !important;
    right:11px !important;
    width:54px !important;
    height:54px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-icon svg{
    width:28px !important;
    height:28px !important;
  }
  body.single-detay_hizmet .dt-service-reference-hero-label{
    top:70px !important;
    right:10px !important;
    font-size:7px !important;
  }
}

@media (max-width:390px){
  body.single-detay_hizmet .dt-service-reference-hero-media,
  body.single-detay_hizmet .dt-service-reference-cover,
  body.single-detay_hizmet .dt-service-reference-placeholder{
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
  }
}

/* V312 — Hizmet hero etiket ölçüleri */
body.single-detay_hizmet .dt-service-reference-hero-label{
  top:84px !important;
  right:15px !important;
  font-size:8px !important;
  max-width:78px !important;
}