/* ==========================================================================
   DESTEK A.Ş. — ANASAYFA STILESHEET (REFACTORED)
   Tüm class'lar #destek-home altında izole, dh- prefix'li.
   Hardcoded hex, modifier yok, nested override yok.
   ========================================================================== */

/* Inter sitenin kendisinden (Google Fonts'a istek yok: KVKK + CSP). Değişken font: 300–800 tek dosyada; latin-ext Türkçe harfler için.
   Dosyalar: /Users/work/claude/_ortak/font → media/templates/site/<şablon>/fonts (16 Ekim 2026) */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Cassiopeia site-grid override (bilinmiyorsa bile zararsız) */
.container-component { grid-column: 1 / -1 !important; }
.com-content-article__header { display: none; }
.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {margin-top:0;}


/* ==========================================================================
   ROOT
   ========================================================================== */
#destek-home {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #1a1f2e;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#destek-home,
#destek-home *,
#destek-home *::before,
#destek-home *::after { box-sizing: border-box; }

#destek-home a { color: inherit; text-decoration: none; }
#destek-home a[class] { text-decoration: none; }
#destek-home a[class]:hover { text-decoration: none; }
#destek-home p { margin: 0; }
#destek-home h1, #destek-home h2, #destek-home h3, #destek-home h4 { margin: 0; font-weight: inherit; }
#destek-home ul { margin: 0; padding: 0; list-style: none; }
#destek-home img { max-width: 100%; display: block; }


/* ==========================================================================
   HEADER  (dh-hd-)
   ========================================================================== */
/* Header 8 Ekim'den beri Joomla modülü: mod_custom onu <div class="mod-custom"> içine sarar; sticky, sarmalayıcının boyunu aşamaz.
   Çözüm: sarmalayıcıyı yapışkan yap (:has) — header yine ekranın üstünde kalır, çözüm sayfası atlama çubuğu da altına hizalanır. */
.dh-hd {
  position: relative;   /* 13 Ekim 2026: header yapışkan DEĞİL; yapışkan alt çubuklar (atlama, referans sektörü, yan sütun) top: 0'a göre */
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 2px solid #1a2a4f;   /* tam boy renk şeridi (13 Ekim 2026, son karar) */
}
.dh-hd-row {
  height: 80px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;   /* switch · nav · dil anahtarı · CTA (4 çocuk; 3 sütunda CTA alt satıra düşüyordu) */
  align-items: center;
  gap: 32px;
  padding: 18px 64px;
  width: 100%;
}

/* Sol: ikili logo switch */
.dh-hd-switch {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 28px;
}
.dh-hd-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  padding: 6px 4px;
  transition: opacity .35s ease, filter .35s ease;
}
.dh-hd-brand img {
  flex: 0 1 auto;
  height: 32px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
}
/* Logolar yükseklikle değil görsel ağırlıkla eşitlenir: DESTEK (7,5:1) genişlikten,
   Seri (2,2:1) yükseklikten ölçülenir; soluk (diğer site) bir kademe küçük */
.dh-hd-brand-destek img { width: 208px; height: auto; max-width: none; flex: 0 0 auto; }   /* Destek sitesinde aktif logo: ince çizgili yazı sönük kalıyordu (21 Eylül) */
.dh-hd-brand-seri img { height: 40px; width: auto; max-width: none; flex: 0 0 auto; }   /* iki sitede aynı: DESTEK 180px, Seri 40px (21 Eylül 2026) */
.dh-hd-switch { min-width: max-content; }   /* esnek zincirde (grid auto → flex min-width:0) logolar 0'a çöküyordu */
/* Seri'ye hover yapılınca Destek sönsün */

/* Nav */
.dh-hd-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.dh-hd-nav-link {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #1a2a4f;
  position: relative;
  padding: 9px 13px;
  border-radius: 8px;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease;
}
.dh-hd-nav-link:hover { color: #1a2a4f; background: #eaf0fc; }
.dh-hd-nav-link-active { color: #2c5fcf; background: #eaf0fc; }   /* aktif sayfa: JS ekler; çizgi yok */
#destek-home .dh-hd-drop-link-active { color: #2c5fcf; font-weight: 600; }

.dh-hd-nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.dh-hd-nav-caret {
  display: inline-block;
  width: 0; height: 0;
  margin-left: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #5a6275;
  transition: transform .25s ease, border-top-color .2s ease;
}
.dh-hd-nav-item:hover .dh-hd-nav-caret,
.dh-hd-nav-item-open .dh-hd-nav-caret {
  transform: rotate(180deg);
  border-top-color: #2c5fcf;
}
.dh-hd-drop {
  position: absolute;
  top: 100%;
  left: -16px;
  min-width: 268px;
  padding: 8px;
  margin-top: 14px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  box-shadow: 0 24px 48px -20px rgba(15, 26, 53, 0.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.dh-hd-drop::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -14px;
  height: 14px;
}
.dh-hd-nav-item:hover .dh-hd-drop,
.dh-hd-nav-item-open .dh-hd-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#destek-home .dh-hd-drop-link {
  display: block;
  padding: 11px 14px;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: #1a2a4f;
  border-radius: 6px;
  transition: background .2s ease, color .2s ease;
}
#destek-home .dh-hd-drop-link:hover {
  background: #eaf0fc;
  color: #2c5fcf;
}

.dh-hd-nav-img {
  display: inline-flex;
  align-items: center;
  padding: 0;
  flex: 0 0 auto;
}
.dh-hd-nav-img img {
  flex: 0 0 auto;
  height: 40px;
  width: auto;
  display: block;
  opacity: 0.7;
  transition: opacity .2s ease;
  max-width: none;
}
.dh-hd-nav-img:hover img { opacity: 1; }

.dh-hd-burger { display: none; }
.dh-hd-mobile { display: none; }

/* Header CTA butonu */
#destek-home .dh-hd-cta {
  display: inline-flex;
  align-items: center;
  padding: 11px 22px;
  border: 0;               /* <button>: tarayıcı varsayılanı 2px outset çiziyordu */
  font-family: inherit;
  cursor: pointer;
  background: #1a2a4f;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  transition: background .25s ease;
}
#destek-home .dh-hd-cta:hover { background: #2c5fcf; color: #ffffff; }
/* Dil anahtarı: küre ikonu + kod, açılır menü (Türkçe / English); nav dropdown'la aynı dil */
.dh-hd-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: -18px;     /* sütun boşluğu 32px → CTA ile arası 14px */
}
#destek-home .dh-hd-lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #5a6275;
  cursor: pointer;
  border-radius: 4px;
  transition: color .2s ease, background .2s ease;
}
.dh-hd-lang:hover .dh-hd-lang-btn,
.dh-hd-lang-open .dh-hd-lang-btn { color: #1a2a4f; background: #eaf0fc; }
.dh-hd-lang-ikon { width: 17px; height: 17px; flex: 0 0 auto; }
.dh-hd-lang-caret {
  display: inline-block;
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #5a6275;
  transition: transform .25s ease, border-top-color .2s ease;
}
.dh-hd-lang:hover .dh-hd-lang-caret,
.dh-hd-lang-open .dh-hd-lang-caret { transform: rotate(180deg); border-top-color: #2c5fcf; }
.dh-hd-lang-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 156px;
  padding: 8px;
  margin-top: 14px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  box-shadow: 0 24px 48px -20px rgba(15, 26, 53, 0.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 5;
}
.dh-hd-lang-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.dh-hd-lang:hover .dh-hd-lang-menu,
.dh-hd-lang-open .dh-hd-lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
#destek-home .dh-hd-lang-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
  color: #1a1f2e;
  text-decoration: none;
  border-radius: 6px;
  transition: background .2s ease, color .2s ease;
}
#destek-home .dh-hd-lang-opt:hover { background: #eaf0fc; color: #2c5fcf; }
#destek-home .dh-hd-lang-opt.dh-hd-lang-on { color: #2c5fcf; font-weight: 600; }
#destek-home .dh-hd-lang-opt.dh-hd-lang-on::after { content: "•"; font-size: 18px; line-height: 1; }
/* mobil menü: iki bağlantılık satır */
.dh-hd-mobile-lang { display: none; }
#destek-home .dh-hd-mobile-lang-opt {
  flex: 1 1 0;
  padding: 11px 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #5a6275;
  background: #f7f8fa;
  border-radius: 6px;
  text-decoration: none;
}
#destek-home .dh-hd-mobile-lang-opt.dh-hd-lang-on { background: #eaf0fc; color: #2c5fcf; }
#destek-home .dh-hd-mobile-link { border: 0; font-family: inherit; background: transparent; }   /* <button> sürümü outset kenarlık çiziyordu */

@media (max-width: 1440px) {   /* sıkışık header: D-Stack logosu + 4 madde + dil anahtarı + CTA 1440 altında taşıyordu */
  .dh-hd-row { gap: 24px; padding: 18px 40px; }
  .dh-hd-nav { gap: 2px; }
  .dh-hd-nav-img img { height: 34px; }
  .dh-hd-nav-link { font-size: 14.5px; padding: 8px 10px; }
  .dh-hd-brand-destek img { width: 180px; }
  .dh-hd-brand-seri img { height: 36px; }
  #destek-home .dh-hd-lang { margin-right: -10px; }
}
@media (max-width: 1299px) {   /* hamburger eşiği 1024 → 1300: nav bu genişlikte sığmıyor */
  .dh-hd-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 16px; }   /* logo · dil anahtarı · hamburger */
  .dh-hd-nav { display: none; }
  .dh-hd-brand img { height: 28px; }
  .dh-hd-brand-destek img { width: 176px; }
  .dh-hd-brand-seri img { height: 35px; }
  #destek-home .dh-hd-cta { display: none; }
  #destek-home .dh-hd-lang { margin-right: 0; }

  .dh-hd-burger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    background: none;
    border: none;
    cursor: pointer;
  }
  .dh-hd-burger span {
    width: 22px;
    height: 2px;
    background: #1a2a4f;
    border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease;
  }
  .dh-hd-burger-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .dh-hd-burger-open span:nth-child(2) { opacity: 0; }
  .dh-hd-burger-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .dh-hd-mobile-open {
    display: flex;
    flex-direction: column;
    padding: 8px 40px 20px;
    background: #ffffff;
    border-top: 1px solid #e4e7ed;
    max-height: calc(100vh - 80px);   /* yapışkan başlığın içinde: menü ekrandan uzunsa kendi içinde kaydırılır (22 Eylül) */
    max-height: calc(100dvh - 80px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .dh-hd-mobile-img {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e4e7ed;
  }
  .dh-hd-mobile-img img {
    flex: 0 0 auto;
    height: 34px;
    width: auto;
    max-width: none;
    display: block;
    opacity: 0.8;
    transition: opacity .2s ease;
  }
  .dh-hd-mobile-img:hover img { opacity: 1; }
  .dh-hd-mobile-link {
    padding: 14px 0;
    font-size: 15.5px;
    font-weight: 600;
    color: #1a1f2e;
    border-bottom: 1px solid #e4e7ed;
    transition: color .2s ease;
  }
  #destek-home .dh-hd-mobile-link:hover { color: #2c5fcf; }
  .dh-hd-mobile-sub {
    padding: 11px 0 11px 16px;
    font-size: 14.5px;
    font-weight: 500;
    color: #5a6275;
    border-bottom: 1px solid #e4e7ed;
    transition: color .2s ease;
  }
  #destek-home .dh-hd-mobile-sub:hover { color: #2c5fcf; }
}


/* ==========================================================================
   HERO  (dh-hr-)  — beyaz zemin, sol metin + sağ hikâye kartı, altında sayı bandı (13 Ekim 2026; metinler özel alanlardan, destek-hero.php)
   ========================================================================== */
.dh-hr { position: relative; overflow: hidden; background: #ffffff; color: #1a1f2e; border-bottom: 2px solid #1a2a4f; }   /* hero altı: header'daki şeridin aynısı; relative: filigran alanı 1520 kutuya değil hero'nun tamamına yayılsın (kablo sol kenardan girer) */
.dh-hr:has(+ .dh-hr-sayilar) { border-bottom: 0; }   /* sayı bandı varsa şerit bandın altına iner */
.dh-hr-inner { position: relative; max-width: 1520px; margin: 0 auto; padding: 56px 64px 48px; min-height: calc(90vh - 190px); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 96px; align-items: center; }   /* ortalı 1520 px: logo hizası ile sayfa ortası arası */   /* header (80) + sayı bandı (~110) ile birlikte alt çizgi ekranın %90'ında */
#destek-home .dh-hr-ust { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #2c5fcf; margin: 0 0 34px; }
#destek-home .dh-hr-title { font-size: 50px; line-height: 1.1; letter-spacing: -0.025em; font-weight: 800; color: #1a2a4f; margin: 0 0 34px; max-width: 720px; }
#destek-home .dh-hr-lead { font-size: 17px; line-height: 1.7; color: #5a6275; margin: 0 0 52px; max-width: 600px; }
#destek-home .dh-hr-btn { display: inline-flex; align-items: center; padding: 14px 24px; border-radius: 8px; background: #1a2a4f; color: #ffffff; font-weight: 700; font-size: 15px; text-decoration: none; transition: background .2s ease; }
#destek-home .dh-hr-btn:hover { background: #2c5fcf; color: #ffffff; }
.dh-hr-kart { justify-self: end; width: 100%; max-width: 440px; position: relative; display: grid; grid-template-columns: 1fr; }
/* Seri: kartın arkasında soluk saat kadranı (destek-hero.php yalnız Seri'de basar; ibreler aktif hikâyenin ilk saatine döner) */
.dh-hr-filigran-alan { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }   /* hero'nun tamamı: iki sütunun da arkasında, dengeli */
.dh-hr-filigran { position: absolute; fill: none; stroke: #1a2a4f; }
.dh-hr-filigran-kablo { left: 0; top: 0; width: 100%; height: 100%; opacity: .07; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.dh-hr-filigran-kablo .dh-hr-fis { stroke-width: 3.5; }
.dh-hr-filigran-saat { left: calc(50% + 213px); top: 50%; height: 100%; width: auto; transform: translate(-50%, -50%); opacity: .05; }   /* hero boyunda; merkez sayfa ortasının 213px sağında (eski 1520 kutudaki %64 ile aynı yer): sol metne değmez, kartın arkasından sağa uzanır */
.dh-hr-filigran .dh-hr-kadran { stroke-width: 2; } .dh-hr-filigran .dh-hr-cizgi { stroke-width: 1.5; } .dh-hr-filigran .dh-hr-buyuk { stroke-width: 3; }
.dh-hr-filigran .dh-hr-ibre { stroke-width: 6; stroke-linecap: round; transform-origin: 250px 250px; transition: transform .6s ease; } .dh-hr-filigran .dh-hr-merkez { fill: #1a2a4f; stroke: none; }
.dh-hr-metin, .dh-hr-kart { position: relative; z-index: 1; }   /* hikâyeler aynı hücreye biner: kart yüksekliği en uzun hikâye kadar, döngüde sayfa zıplamaz */
#destek-home .dh-hr-kart-ust { grid-row: 1; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5a6275; margin: 0 0 16px; }
.dh-hr-hikaye { grid-row: 2; grid-column: 1; visibility: hidden; opacity: 0; transition: opacity .3s ease; }
.dh-hr-hikaye-on { visibility: visible; opacity: 1; }
.dh-hr-hikaye.dh-hr-gecis { opacity: 0; }
#destek-home .dh-hr-hikaye-ad { font-size: 17px; line-height: 1.45; font-weight: 600; color: #1a1f2e; margin: 0 0 24px; }
.dh-hr-akis { list-style: none; margin: 0; padding: 0; }
.dh-hr-akis li { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #e4e7ed; font-size: 15px; line-height: 1.45; }
.dh-hr-akis b { font-size: 26px; line-height: 1; letter-spacing: -0.03em; font-weight: 800; color: #1a2a4f; font-variant-numeric: tabular-nums; }
.dh-hr-akis small { display: block; font-size: 13px; color: #5a6275; }
#destek-home .dh-hr-toplam { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 28px 0 0; }
.dh-hr-toplam b { font-size: 30px; line-height: 1; letter-spacing: -0.03em; font-weight: 800; color: #1a2a4f; font-variant-numeric: tabular-nums; }
.dh-hr-toplam span { font-size: 13px; color: #5a6275; }
.dh-hr-toplam em { font-style: normal; font-size: 13px; color: #5a6275; margin-left: auto; }
#destek-home .dh-hr-nokta { grid-row: 3; display: flex; justify-content: center; gap: 8px; margin: 28px 0 0; }
.dh-hr-nokta i { width: 7px; height: 7px; border-radius: 50%; background: #d7dce6; }
.dh-hr-nokta i.dh-hr-on { background: #1a2a4f; }
.dh-hr-sayilar { background: #f5f7fb; border-top: 1px solid #e4e7ed; border-bottom: 2px solid #1a2a4f; }
.dh-hr-sayilar-inner { max-width: 1520px; margin: 0 auto; padding: 26px 64px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.dh-hr-sayi { display: flex; flex-direction: column; gap: 4px; padding: 0 24px; border-right: 1px solid #e4e7ed; }
.dh-hr-sayi:first-child { padding-left: 0; } .dh-hr-sayi:last-child { border-right: 0; }
.dh-hr-sayi b { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: #1a2a4f; }
.dh-hr-sayi span { font-size: 13px; color: #5a6275; letter-spacing: 0.02em; }
@media (max-width: 900px) {
  .dh-hr-inner { grid-template-columns: 1fr; gap: 48px; padding: 64px 20px; min-height: 0; }
  #destek-home .dh-hr-title { font-size: 36px; }
  .dh-hr-kart { justify-self: start; }
  .dh-hr-sayilar-inner { padding: 20px; grid-template-columns: repeat(2, 1fr); gap: 16px 0; }
  .dh-hr-sayi { padding: 0 16px; } .dh-hr-sayi:nth-child(odd) { padding-left: 0; } .dh-hr-sayi:nth-child(even) { border-right: 0; }
}

/* ==========================================================================
   INTRO / HAKKIMIZDA  (dh-in-)
   ========================================================================== */
.dh-in {
  padding: 120px 64px;
  background: #ffffff;
}
.dh-in-row {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 96px;
  align-items: start;
}
.dh-in-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
.dh-in-title {
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #1a2a4f;
}
#destek-home .dh-in-text {
  font-size: 17px;
  line-height: 1.75;
  color: #5a6275;
  margin-bottom: 20px;
}
.dh-in-text strong { color: #1a2a4f; font-weight: 700; }
.dh-in-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #2c5fcf;
  font-weight: 600;
  font-size: 15px;
  transition: gap .25s ease;
}
.dh-in-link:hover { gap: 14px; }


/* ==========================================================================
   ÇÖZÜM ALANLARI  (dh-cz-)
   ========================================================================== */
.dh-cz {
  padding: 120px 64px;
  background: #f7f8fa;
}
.dh-cz-head {
  margin-bottom: 64px;
  max-width: 720px;
}
.dh-cz-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-cz-title {
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 20px;
}
.dh-cz-lead {
  font-size: 17px;
  color: #5a6275;
  line-height: 1.6;
}

.dh-cz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.dh-cz-card {
  position: relative;
  padding: 40px 36px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s ease, box-shadow .35s ease;
  display: flex;
  flex-direction: column;
}
.dh-cz-card:hover {
  transform: translateY(-4px);
  border-color: #2c5fcf;
  box-shadow: 0 24px 48px -16px rgba(44, 95, 207, 0.18);
}
.dh-cz-card-icon {
  width: 64px;
  height: 64px;
  background: #eaf0fc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2c5fcf;
  margin-bottom: 28px;
  transition: background .35s ease, color .35s ease;
}
.dh-cz-card:hover .dh-cz-card-icon {
  background: #2c5fcf;
  color: #ffffff;
}
#destek-home .dh-cz-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a2a4f;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
}
#destek-home .dh-cz-card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 24px;
  flex: 1;
}
.dh-cz-card-arrow {
  font-size: 22px;
  color: #2c5fcf;
  transition: transform .3s ease;
}
.dh-cz-card:hover .dh-cz-card-arrow { transform: translateX(8px); }


/* ==========================================================================
   NEDEN DESTEK  (dh-nd-)
   ========================================================================== */
.dh-nd {
  padding: 120px 64px;
  background: #ffffff;
}
.dh-nd-row {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
}
.dh-nd-image {
  position: relative;
  aspect-ratio: 4 / 5;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(44, 95, 207, 0.18) 0%, transparent 60%),
    linear-gradient(135deg, #0f1a35 0%, #1a2a4f 100%);
  border-radius: 12px;
  overflow: hidden;
}
.dh-nd-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 40px 40px;
}
.dh-nd-image::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 60%; height: 60%;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 50%;
  box-shadow:
    inset 0 0 80px rgba(44, 95, 207, 0.3),
    0 0 80px rgba(44, 95, 207, 0.2);
}
.dh-nd-image-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 48px;
  z-index: 2;
}
.dh-nd-stat {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dh-nd-stat-num {
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}
.dh-nd-stat-label {
  font-size: 16px;
  color: rgba(255,255,255,0.75);
}

.dh-nd-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-nd-title {
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 32px;
}
.dh-nd-list {
  display: flex;
  flex-direction: column;
}
.dh-nd-list-item {
  padding: 24px 0 24px 36px;
  border-top: 1px solid #e4e7ed;
  font-size: 16px;
  line-height: 1.6;
  color: #5a6275;
  position: relative;
}
.dh-nd-list-item:last-child { border-bottom: 1px solid #e4e7ed; }
.dh-nd-list-item::before {
  content: "✓";
  position: absolute;
  left: 0; top: 26px;
  width: 22px; height: 22px;
  background: #2c5fcf;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.dh-nd-list-item strong {
  display: block;
  color: #1a2a4f;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 4px;
}


/* ==========================================================================
   GRUP ŞİRKETLERİ  (dh-gr-)
   ========================================================================== */
.dh-gr {
  padding: 120px 64px;
  background: #f7f8fa;
}
.dh-gr-head {
  margin-bottom: 64px;
  max-width: 760px;
}
.dh-gr-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-gr-title {
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 20px;
}
.dh-gr-lead {
  font-size: 17px;
  color: #5a6275;
  line-height: 1.6;
}

.dh-gr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.dh-gr-card {
  display: block;
  padding: 48px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  transition: transform .35s ease, box-shadow .35s ease;
  position: relative;
  overflow: hidden;
}
.dh-gr-card::before {   /* 13 Ekim 2026: üst şerit yerine hover'da dört kenarı saran 2 px çerçeve */
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  border: 2px solid transparent;
  pointer-events: none;
  transition: border-color .3s ease;
}
.dh-gr-card-dstack:hover::before { border-color: #2c5fcf; }
.dh-gr-card-seri:hover::before   { border-color: #e8312e; }
.dh-gr-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 64px -24px rgba(44, 95, 207, 0.2);
}


.dh-gr-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e4e7ed;
}
.dh-gr-card-logo-img {
  display: flex;
  align-items: center;
  height: 58px;
}
.dh-gr-card-logo-img img {
  flex: 0 0 auto;
  height: 46px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
}
.dh-gr-card-logo {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #1a2a4f;
  line-height: 1;
}
.dh-gr-card-logo-seri {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1;
}
.dh-gr-card-logo-r { color: #e8312e; }
.dh-gr-card-logo-b { color: #2d6cdf; }
.dh-gr-card-logo-dstack {
  display: flex;
  align-items: center;
  height: 58px;
}
.dh-gr-card-logo-dstack img {
  flex: 0 0 auto;
  height: 58px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
}
.dh-gr-card-domain {
  font-size: 13px;
  color: #5a6275;
  font-weight: 500;
}
#destek-home .dh-gr-card-title {
  font-size: 24px;
  font-weight: 700;
  color: #1a2a4f;
  letter-spacing: -0.015em;
  margin-bottom: 16px;
  line-height: 1.25;
}
#destek-home .dh-gr-card-text {
  font-size: 15.5px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 28px;
}
.dh-gr-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.dh-gr-card-tag {
  font-size: 12.5px;
  font-weight: 500;
  padding: 6px 12px;
  background: #eaf0fc;
  color: #2c5fcf;
  border-radius: 6px;
}
.dh-gr-card-tag-seri {
  font-size: 12.5px;
  font-weight: 500;
  padding: 6px 12px;
  background: #fdecec;
  color: #e8312e;
  border-radius: 6px;
}
.dh-gr-card-go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #2c5fcf;
  transition: gap .25s ease;
}
.dh-gr-card-go-seri {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #e8312e;
  transition: gap .25s ease;
}
.dh-gr-card:hover .dh-gr-card-go,
.dh-gr-card:hover .dh-gr-card-go-seri { gap: 14px; }


/* ==========================================================================
   PARTNERLER  (dh-pr-)
   ========================================================================== */
.dh-pr {
  padding: 120px 64px;
  background: #ffffff;
  border-top: 1px solid #e4e7ed;
}
.dh-pr-head {
  text-align: center;
  margin: 0 auto 32px;
  max-width: 720px;
}
.dh-pr-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
.dh-pr-title {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #1a2a4f;
}
.dh-pr-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-left: 1px solid #e4e7ed;
  border-top: 1px solid #e4e7ed;
}
.dh-pr-item {
  overflow: hidden;
  padding: 28px 18px;
  border-right: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #5a6275;
  letter-spacing: -0.01em;
  min-height: 100px;
}


/* ==========================================================================
   İLETİŞİM CTA  (dh-il-)
   ========================================================================== */
.dh-il {
  padding: 120px 64px;
  background: #0f1a35;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dh-il::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 80% 50%, rgba(44, 95, 207, 0.4) 0%, transparent 50%),
    radial-gradient(ellipse at 0% 100%, rgba(44, 95, 207, 0.2) 0%, transparent 50%);
  pointer-events: none;
}
.dh-il-row {
  position: relative;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 80px;
  align-items: center;
}
.dh-il-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #ffffff;
  padding: 6px 14px;
  background: rgba(255,255,255,0.15);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-il-title {
  font-size: clamp(36px, 4.5vw, 60px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 24px;
}
#destek-home .dh-il-text {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,0.78);
  margin-bottom: 36px;
  max-width: 560px;
}
.dh-il-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

#destek-home .dh-il-btn-primary {
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.005em;
  border-radius: 4px;
  background: #ffffff;
  color: #1a2a4f;
  border: 1.5px solid #ffffff;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
  cursor: pointer;
}
#destek-home .dh-il-btn-primary:hover { background: #eaf0fc; color: #1a2a4f; border-color: #eaf0fc; }

#destek-home .dh-il-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.005em;
  border-radius: 4px;
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255,255,255,0.3);
  transition: background .25s ease, border-color .25s ease;
  cursor: pointer;
}
#destek-home .dh-il-btn-outline:hover { background: rgba(255,255,255,0.08); border-color: #ffffff; color: #ffffff; }

.dh-il-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dh-il-info {
  padding: 28px 32px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#destek-home .dh-il-info-title {
  font-size: 14px;
  font-weight: 600;
  color: #87b3ff;
  margin-bottom: 12px;
  letter-spacing: 0.02em;
}
#destek-home .dh-il-info-text {
  font-size: 15px;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  margin-bottom: 12px;
}
.dh-il-info-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  transition: gap .25s ease;
}
.dh-il-info-link:hover { gap: 14px; }


/* ==========================================================================
   FOOTER  (dh-ft-)
   ========================================================================== */
.dh-ft {
  background: #0a1226;
  color: rgba(255,255,255,0.6);
  padding: 80px 64px 32px;
}
.dh-ft-top {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 3.4fr);
  gap: 64px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 32px;
}
.dh-ft-brand-logo {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 20px;
}
.dh-ft-brand-logo img {
  flex: 0 0 auto;
  height: 34px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
  filter: brightness(0) invert(1);
}
.dh-ft-brand-text {
  font-size: 15px;
  line-height: 1.65;
  max-width: 320px;
}
.dh-ft-cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));   /* Destek Grup · Şirket · Çözümler ve Hizmetler · Politikalar (tek sıra) */
  gap: 28px;
}
#destek-home .dh-ft-col-title {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
  margin-bottom: 18px;
}
.dh-ft-col-list li { margin-bottom: 10px; }
.dh-ft-col-link {
  font-size: 14px;
  color: rgba(255,255,255,0.65);
  transition: color .25s ease;
}
.dh-ft-col-link:hover { color: #ffffff; }
.dh-ft-bottom {
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  text-align: left;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1180px) {
  .dh-hd-row { padding: 18px 40px; gap: 24px; }
  #destek-home .dh-hd-lang { margin-right: -10px; }   /* boşluk 24px → CTA ile arası 14px kalsın */
  .dh-hd-nav-img img { height: 34px; }
  .dh-hd-nav-link { font-size: 14px; }
  .dh-hr-content { padding: 120px 40px 80px; }
  .dh-hr-bottom { padding: 32px 40px; }
  .dh-in, .dh-cz, .dh-nd, .dh-gr, .dh-pr, .dh-il { padding: 100px 40px; }
  .dh-ft { padding: 80px 40px 32px; }

  .dh-cz-grid { grid-template-columns: repeat(2, 1fr); }
  .dh-pr-grid { grid-template-columns: repeat(4, 1fr); }
  .dh-in-row, .dh-nd-row { grid-template-columns: 1fr; gap: 56px; }
  .dh-il-row { grid-template-columns: 1fr; gap: 56px; }
  .dh-ft-top { grid-template-columns: 1fr; gap: 48px; }

  .dh-hr-stats { grid-template-columns: repeat(3, 1fr); gap: 24px 0; }
  .dh-hr-stat:nth-child(3) { border-right: none; }
  .dh-hr-stat:nth-child(4) { padding-left: 0; border-right: 1px solid rgba(255,255,255,0.12); }
}

@media (max-width: 820px) {
  .dh-hd-row { padding: 14px 24px; }
  .dh-hd-switch { gap: 14px; }
  .dh-hd-brand img { height: 24px; }
  .dh-hd-brand-destek img { width: 132px; }
  .dh-hd-brand-seri img { height: 30px; }
  .dh-hd-mobile-open { padding: 8px 24px 20px; }

  .dh-hr-content { padding: 80px 24px 60px; }
  .dh-hr-bottom { padding: 32px 24px; }
  .dh-hr-stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .dh-hr-stat { padding: 0; border-right: none !important; }

  .dh-in, .dh-cz, .dh-nd, .dh-gr, .dh-pr, .dh-il { padding: 80px 24px; }
  .dh-cz-grid, .dh-gr-grid { grid-template-columns: 1fr; }
  .dh-pr-grid { grid-template-columns: repeat(3, 1fr); }
  .dh-cz-card { padding: 32px 24px; }
  .dh-gr-card { padding: 32px 24px; }
  .dh-nd-image { aspect-ratio: 16 / 10; }
  .dh-nd-stat-num { font-size: 48px; }

  .dh-ft { padding: 60px 24px 24px; }
  .dh-ft-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}

/* ==========================================================================
   İÇ SAYFA  (dh-pg-)  — alt sayfalarda kullanılır, anasayfada yer almaz
   ========================================================================== */

/* --- Sayfa başlığı bandı --- */
.dh-pg-head {
  padding: 72px 64px 80px;
  background: #0f1a35;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dh-pg-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 85% 0%, rgba(44, 95, 207, 0.38) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 100%, rgba(44, 95, 207, 0.18) 0%, transparent 50%);
  pointer-events: none;
}
.dh-pg-head-inner {
  position: relative;
  max-width: 900px;
}
.dh-pg-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 28px;
}
#destek-home .dh-pg-crumb-link {
  color: rgba(255,255,255,0.75);
  transition: color .2s ease;
}
#destek-home .dh-pg-crumb-link:hover { color: #ffffff; }
.dh-pg-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-pg-crumb-current { color: #87b3ff; }
.dh-pg-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #ffffff;
  padding: 6px 14px;
  background: rgba(255,255,255,0.15);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-pg-title {
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 22px;
}
#destek-home .dh-pg-lead {
  font-size: 17.5px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  max-width: 720px;
}

/* --- İçerik gövdesi --- */
.dh-pg-body {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-pg-row {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 80px;
  align-items: start;
}
.dh-pg-main {
  min-width: 0;
  max-width: 780px;
}
.dh-pg-row-wide {
  display: block;
}
.dh-pg-main-wide {
  min-width: 0;
  max-width: 1000px;
  margin: 0 auto;
}
#destek-home .dh-pg-h2 {
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-bottom: 20px;
}
#destek-home .dh-pg-h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 14px;
}
#destek-home .dh-pg-p {
  font-size: 17px;
  line-height: 1.75;
  color: #5a6275;
  margin-bottom: 22px;
}
.dh-pg-p strong { color: #1a2a4f; font-weight: 700; }
#destek-home .dh-pg-p-lead {
  font-size: 19px;
  line-height: 1.7;
  color: #1a2a4f;
  font-weight: 500;
  margin-bottom: 28px;
}
.dh-pg-block {
  margin-bottom: 56px;
}
.dh-pg-block-last {
  margin-bottom: 0;
}
.dh-pg-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.dh-pg-list-item {
  position: relative;
  padding: 18px 0 18px 34px;
  border-top: 1px solid #e4e7ed;
  font-size: 16px;
  line-height: 1.65;
  color: #5a6275;
}
.dh-pg-list-item:last-child { border-bottom: 1px solid #e4e7ed; }
.dh-pg-list-item::before {
  content: "✓";
  position: absolute;
  left: 0; top: 20px;
  width: 22px; height: 22px;
  background: #2c5fcf;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.dh-pg-list-item strong {
  display: block;
  color: #1a2a4f;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 4px;
}
.dh-pg-note {
  padding: 28px 32px;
  background: #f7f8fa;
  border-left: 3px solid #2c5fcf;
  border-radius: 0 8px 8px 0;
  margin-bottom: 32px;
}
#destek-home .dh-pg-note-text {
  font-size: 16.5px;
  line-height: 1.7;
  color: #1a2a4f;
  margin-bottom: 0;
}
.dh-pg-figure {
  margin-bottom: 32px;
}
.dh-pg-figure img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid #e4e7ed;
}
#destek-home .dh-pg-figure-caption {
  font-size: 13.5px;
  color: #5a6275;
  margin-top: 10px;
  margin-bottom: 0;
}
.dh-pg-table-wrap {
  overflow-x: auto;
  margin-bottom: 32px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
}
.dh-pg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 480px;
}
.dh-pg-table th {
  text-align: left;
  padding: 16px 20px;
  background: #f7f8fa;
  color: #1a2a4f;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
  border-bottom: 1px solid #e4e7ed;
}
.dh-pg-table td {
  padding: 16px 20px;
  color: #5a6275;
  line-height: 1.6;
  border-bottom: 1px solid #e4e7ed;
}
.dh-pg-table tr:last-child td { border-bottom: none; }
.dh-pg-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-family: inherit;
  background: none;
  border: none;
  cursor: pointer;
  color: #2c5fcf;
  font-weight: 600;
  font-size: 15px;
  transition: gap .25s ease;
}
.dh-pg-link:hover { gap: 14px; }

/* --- Yan sütun --- */
.dh-pg-side {
  min-width: 0;
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dh-pg-side-box {
  padding: 32px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
}
.dh-pg-side-box-dark {
  padding: 32px;
  background: #1a2a4f;
  border-radius: 8px;
}
#destek-home .dh-pg-side-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  margin-bottom: 20px;
}
#destek-home .dh-pg-side-title-dark {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #87b3ff;
  margin-bottom: 16px;
}
#destek-home .dh-pg-side-text {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin-bottom: 20px;
}
.dh-pg-side-list li { margin-bottom: 12px; }
.dh-pg-side-list li:last-child { margin-bottom: 0; }
#destek-home .dh-pg-side-link {
  font-size: 15px;
  color: #1a2a4f;
  font-weight: 500;
  transition: color .2s ease;
}
#destek-home .dh-pg-side-link:hover { color: #2c5fcf; }
#destek-home .dh-pg-side-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 13px 22px;
  background: #ffffff;
  color: #1a2a4f;
  font-size: 14.5px;
  font-weight: 600;
  border-radius: 4px;
  transition: background .25s ease;
}
#destek-home .dh-pg-side-btn:hover { background: #eaf0fc; color: #1a2a4f; }

/* --- Alt sayfa / hizmet kartları --- */
.dh-pg-cards {
  padding: 100px 64px;
  background: #f7f8fa;
  border-top: 1px solid #e4e7ed;
}
.dh-pg-cards-head {
  margin-bottom: 56px;
  max-width: 760px;
}
.dh-pg-cards-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-pg-cards-title {
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 18px;
}
#destek-home .dh-pg-cards-lead {
  font-size: 17px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 0;
}
.dh-pg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.dh-pg-card {
  display: flex;
  flex-direction: column;
  padding: 40px 36px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s ease, box-shadow .35s ease;
}
.dh-pg-card:hover {
  transform: translateY(-4px);
  border-color: #2c5fcf;
  box-shadow: 0 24px 48px -16px rgba(44, 95, 207, 0.18);
}
.dh-pg-card-icon {
  width: 56px;
  height: 56px;
  background: #eaf0fc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2c5fcf;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
  transition: background .35s ease, color .35s ease;
}
.dh-pg-card:hover .dh-pg-card-icon {
  background: #2c5fcf;
  color: #ffffff;
}
#destek-home .dh-pg-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #1a2a4f;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
}
#destek-home .dh-pg-card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 24px;
  flex: 1;
}
.dh-pg-card-arrow {
  font-size: 22px;
  color: #2c5fcf;
  transition: transform .3s ease;
}
.dh-pg-card:hover .dh-pg-card-arrow { transform: translateX(8px); }

/* --- İç sayfa responsive --- */
@media (max-width: 1180px) {
  .dh-pg-head { padding: 56px 40px 64px; }
  .dh-pg-body, .dh-pg-cards { padding: 80px 40px; }
  .dh-pg-row { grid-template-columns: 1fr; gap: 56px; }
  .dh-pg-main { max-width: none; }
  .dh-pg-side { position: static; }
  .dh-pg-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .dh-pg-head { padding: 40px 24px 52px; }
  .dh-pg-body, .dh-pg-cards { padding: 64px 24px; }
  .dh-pg-grid { grid-template-columns: 1fr; }
  .dh-pg-card { padding: 32px 24px; }
  .dh-pg-side-box, .dh-pg-side-box-dark { padding: 24px; }
  .dh-pg-note { padding: 22px 24px; }
}


/* ==========================================================================
   ÇÖZÜM SAYFASI  (dh-cs-)  — kurumsal çözümler / güvenlik sayfalarında
   ========================================================================== */

/* --- Bölünmüş hero --- */
.dh-cs-hero {
  padding: 64px 64px 72px;
  background: #0f1a35;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dh-cs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.dh-cs-hero::after {
  content: "";
  position: absolute;
  top: -20%; right: -10%;
  width: 60%; height: 140%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.35) 0%, transparent 65%);
  pointer-events: none;
}
.dh-cs-hero-row {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 72px;
  align-items: center;
}
.dh-cs-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 26px;
}
#destek-home .dh-cs-crumb-link {
  color: rgba(255,255,255,0.75);
  transition: color .2s ease;
}
#destek-home .dh-cs-crumb-link:hover { color: #ffffff; }
.dh-cs-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-cs-crumb-current { color: #87b3ff; }
.dh-cs-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #87b3ff;
  padding: 6px 14px;
  border: 1px solid rgba(135, 179, 255, 0.35);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-cs-title {
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.028em;
  color: #ffffff;
  margin-bottom: 22px;
}
#destek-home .dh-cs-lead {
  font-size: 17.5px;
  line-height: 1.68;
  color: rgba(255,255,255,0.8);
  margin-bottom: 34px;
  max-width: 620px;
}
.dh-cs-hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
#destek-home .dh-cs-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
  background: #ffffff;
  color: #1a2a4f;
  border: 1.5px solid #ffffff;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-cs-btn-primary:hover { background: #eaf0fc; border-color: #eaf0fc; color: #1a2a4f; }
#destek-home .dh-cs-btn-ghost {
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255,255,255,0.3);
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-cs-btn-ghost:hover { background: rgba(255,255,255,0.08); border-color: #ffffff; color: #ffffff; }

/* Hero sağ panel */
.dh-cs-panel {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}
#destek-home .dh-cs-panel-title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #87b3ff;
  padding: 20px 28px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  margin-bottom: 0;
}
.dh-cs-panel-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 28px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.dh-cs-panel-row:last-child { border-bottom: none; }
.dh-cs-panel-label {
  font-size: 14.5px;
  color: rgba(255,255,255,0.7);
}
.dh-cs-panel-value {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  text-align: right;
}

/* --- Giriş --- */
.dh-cs-intro {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-cs-intro-row {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 80px;
  align-items: start;
}
.dh-cs-intro-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-cs-intro-title {
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-cs-intro-text {
  font-size: 17px;
  line-height: 1.75;
  color: #5a6275;
  margin-bottom: 22px;
}
.dh-cs-intro-text strong { color: #1a2a4f; font-weight: 700; }
#destek-home .dh-cs-intro-text-last { margin-bottom: 0; }

/* --- Sekmeli yetkinlik bölümü --- */
.dh-cs-tabs {
  scroll-margin-top: 20px;
  padding: 100px 64px;
  background: #f7f8fa;
  border-top: 1px solid #e4e7ed;
}
.dh-cs-head {
  max-width: 760px;
  margin-bottom: 48px;
}
.dh-cs-head-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-cs-head-title {
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 18px;
}
#destek-home .dh-cs-head-lead {
  font-size: 17px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 0;
}
.dh-cs-tab-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.dh-cs-tab-btn {
  padding: 12px 22px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: #5a6275;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 999px;
  cursor: pointer;
  transition: color .25s ease, background .25s ease, border-color .25s ease;
}
.dh-cs-tab-btn:hover {
  color: #2c5fcf;
  border-color: #2c5fcf;
}
.dh-cs-tab-btn-active {
  color: #ffffff;
  background: #1a2a4f;
  border-color: #1a2a4f;
}
.dh-cs-tab-btn-active:hover {
  color: #ffffff;
  background: #2c5fcf;
  border-color: #2c5fcf;
}
.dh-cs-tab-panel { display: none; }
.dh-cs-tab-panel-active {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  padding: 48px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}
#destek-home .dh-cs-tab-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-bottom: 16px;
}
#destek-home .dh-cs-tab-text {
  font-size: 16px;
  line-height: 1.7;
  color: #5a6275;
  margin-bottom: 0;
}
.dh-cs-tab-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  align-content: start;
}
.dh-cs-tab-list-item {
  position: relative;
  padding: 12px 0 12px 30px;
  font-size: 15.5px;
  line-height: 1.55;
  color: #1a1f2e;
  border-bottom: 1px solid #e4e7ed;
}
.dh-cs-tab-list-item::before {
  content: "";
  position: absolute;
  left: 0; top: 19px;
  width: 8px; height: 8px;
  background: #2c5fcf;
  border-radius: 2px;
  transform: rotate(45deg);
}

/* --- Süreç adımları --- */
.dh-cs-flow {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-cs-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid #e4e7ed;
}
.dh-cs-flow-step {
  position: relative;
  padding: 36px 32px 36px 32px;
  border-right: 1px solid #e4e7ed;
}
.dh-cs-flow-step:first-child { padding-left: 0; }
.dh-cs-flow-step:last-child { border-right: none; }
.dh-cs-flow-num {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2c5fcf;
  margin-bottom: 18px;
}
#destek-home .dh-cs-flow-title {
  font-size: 19px;
  font-weight: 700;
  color: #1a2a4f;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
}
#destek-home .dh-cs-flow-text {
  font-size: 15px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 0;
}

/* --- SSS akordiyonu --- */
.dh-cs-faq {
  padding: 100px 64px;
  background: #f7f8fa;
  border-top: 1px solid #e4e7ed;
}
.dh-cs-faq-list {
  border-top: 1px solid #e4e7ed;
}
.dh-cs-faq-item {
  border-bottom: 1px solid #e4e7ed;
}
.dh-cs-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 26px 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  transition: color .2s ease;
}
.dh-cs-faq-q:hover { color: #2c5fcf; }
.dh-cs-faq-icon {
  flex: 0 0 auto;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #e4e7ed;
  border-radius: 50%;
  background: #ffffff;
  transition: background .25s ease, border-color .25s ease, transform .3s ease;
}
.dh-cs-faq-icon::before,
.dh-cs-faq-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  background: #2c5fcf;
  transform: translate(-50%, -50%);
  transition: opacity .25s ease, background .25s ease;
}
.dh-cs-faq-icon::before { width: 11px; height: 2px; }
.dh-cs-faq-icon::after  { width: 2px; height: 11px; }
.dh-cs-faq-item-open .dh-cs-faq-icon {
  background: #2c5fcf;
  border-color: #2c5fcf;
  transform: rotate(180deg);
}
.dh-cs-faq-item-open .dh-cs-faq-icon::before { background: #ffffff; }
.dh-cs-faq-item-open .dh-cs-faq-icon::after { opacity: 0; }
.dh-cs-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(.4,0,.2,1);
}
.dh-cs-faq-item-open .dh-cs-faq-a { max-height: 420px; }
#destek-home .dh-cs-faq-text {
  font-size: 16.5px;
  line-height: 1.75;
  color: #5a6275;
  padding: 0 64px 28px 0;
  margin-bottom: 0;
}

/* --- Alt çözüm kartları --- */
.dh-cs-cards {
  scroll-margin-top: 20px;
  padding: 100px 64px;
  background: #ffffff;
  border-top: 1px solid #e4e7ed;
}
.dh-cs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.dh-cs-card {
  display: flex;
  flex-direction: column;
  padding: 40px 36px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s ease, box-shadow .35s ease;
}
.dh-cs-card:hover {
  transform: translateY(-4px);
  border-color: #2c5fcf;
  box-shadow: 0 24px 48px -16px rgba(44, 95, 207, 0.18);
}
.dh-cs-card-icon {
  width: 56px;
  height: 56px;
  background: #eaf0fc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2c5fcf;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  transition: background .35s ease, color .35s ease;
}
.dh-cs-card:hover .dh-cs-card-icon { background: #2c5fcf; color: #ffffff; }
#destek-home .dh-cs-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #1a2a4f;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
}
#destek-home .dh-cs-card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 24px;
  flex: 1;
}
.dh-cs-card-arrow {
  font-size: 22px;
  color: #2c5fcf;
  transition: transform .3s ease;
}
.dh-cs-card:hover .dh-cs-card-arrow { transform: translateX(8px); }

/* --- Çözüm sayfası responsive --- */
@media (max-width: 1180px) {
  .dh-cs-hero { padding: 48px 40px 56px; }
  .dh-cs-intro, .dh-cs-tabs, .dh-cs-flow, .dh-cs-faq, .dh-cs-cards { padding: 80px 40px; }
  .dh-cs-hero-row { grid-template-columns: 1fr; gap: 48px; }
  .dh-cs-intro-row { grid-template-columns: 1fr; gap: 40px; }
  .dh-cs-tab-panel-active { grid-template-columns: 1fr; gap: 32px; padding: 36px; }
  .dh-cs-flow-grid { grid-template-columns: repeat(2, 1fr); }
  .dh-cs-flow-step { padding: 32px 24px 32px 24px; border-bottom: 1px solid #e4e7ed; }
  .dh-cs-flow-step:first-child { padding-left: 24px; }
  .dh-cs-flow-step:nth-child(2n) { border-right: none; }
  .dh-cs-grid { grid-template-columns: repeat(2, 1fr); }
  #destek-home .dh-cs-faq-text { padding-right: 32px; }
}

@media (max-width: 820px) {
  .dh-cs-hero { padding: 36px 24px 48px; }
  .dh-cs-intro, .dh-cs-tabs, .dh-cs-flow, .dh-cs-faq, .dh-cs-cards { padding: 64px 24px; }
  .dh-cs-tab-panel-active { padding: 28px 24px; }
  .dh-cs-tab-list { grid-template-columns: 1fr; gap: 0; }
  .dh-cs-tab-btn { padding: 11px 18px; font-size: 14px; }
  .dh-cs-flow-grid { grid-template-columns: 1fr; }
  .dh-cs-flow-step { padding: 28px 0; border-right: none; }
  .dh-cs-flow-step:first-child { padding-left: 0; }
  .dh-cs-grid { grid-template-columns: 1fr; }
  .dh-cs-card { padding: 32px 24px; }
  .dh-cs-panel-row { padding: 16px 20px; }
  #destek-home .dh-cs-panel-title { padding: 16px 20px; }
  .dh-cs-faq-q { font-size: 16.5px; padding: 22px 0; }
  #destek-home .dh-cs-faq-text { padding: 0 0 24px 0; font-size: 15.5px; }
  .dh-cs-faq-item-open .dh-cs-faq-a { max-height: 600px; }
}


/* ==========================================================================
   SADE ÇÖZÜM SAYFASI  (dh-sc-)  — alt çözüm sayfaları
   ========================================================================== */
.dh-sc-head {
  position: relative;
  overflow: hidden;
  padding: 52px 64px 56px;
  background: #0f1a35;
}
.dh-sc-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.dh-sc-head::after {
  content: "";
  position: absolute;
  top: -30%; right: -6%;
  width: 42%; height: 160%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.22) 0%, transparent 66%);
  pointer-events: none;
}
.dh-sc-head-inner {
  position: relative;
  z-index: 2;
  max-width: 880px;
}
.dh-sc-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 24px;
}
#destek-home .dh-sc-crumb-link {
  color: rgba(255,255,255,0.75);
  transition: color .2s ease;
}
#destek-home .dh-sc-crumb-link:hover { color: #ffffff; }
.dh-sc-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-sc-crumb-current { color: #87b3ff; }
.dh-sc-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #87b3ff;
  padding: 6px 14px;
  border: 1px solid rgba(135, 179, 255, 0.35);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-sc-title {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 20px;
}
#destek-home .dh-sc-lead {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin-bottom: 0;
  max-width: 780px;
}

.dh-sc-body {
  padding: 20px 64px 88px;
  background: #f7f8fa;
}
.dh-sc-block {
  position: relative;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 56px;
  scroll-margin-top: 88px;
  margin-bottom: 20px;
  padding: 40px 44px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  overflow: hidden;
}
.dh-sc-block-side {
  position: relative;
}
.dh-sc-block-num {
  display: block;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #1a2a4f;
  margin-bottom: 12px;
}
#destek-home .dh-sc-block-title {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-sc-block-text {
  font-size: 16.5px;
  line-height: 1.75;
  color: #5a6275;
  margin-bottom: 20px;
}
.dh-sc-block-text strong { color: #1a2a4f; font-weight: 700; }
#destek-home .dh-sc-block-text-last { margin-bottom: 0; }
.dh-sc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.dh-sc-chip {
  position: relative;
  font-size: 13.5px;
  font-weight: 500;
  color: #5a6275;
  padding: 6px 12px 6px 22px;
  background: transparent;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.dh-sc-chip::before {
  content: "";
  position: absolute;
  left: 10px; top: 50%;
  width: 5px; height: 5px;
  margin-top: -2px;
  background: #2c5fcf;
  border-radius: 1px;
  transform: rotate(45deg);
}
.dh-sc-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding: 32px 36px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
}
#destek-home .dh-sc-foot-text {
  font-size: 16.5px;
  line-height: 1.6;
  color: #1a2a4f;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 620px;
}
#destek-home .dh-sc-foot-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 26px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #1a2a4f;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease;
}
#destek-home .dh-sc-foot-btn:hover { background: #2c5fcf; color: #ffffff; }

@media (max-width: 1180px) {
  .dh-sc-head { padding: 44px 40px 48px; }
  .dh-sc-body { padding: 20px 40px 72px; }
  .dh-sc-block { grid-template-columns: 220px 1fr; gap: 36px; }
}

@media (max-width: 820px) {
  .dh-sc-head { padding: 36px 24px 40px; }
  .dh-sc-head-inner { padding-left: 20px; }
  .dh-sc-body { padding: 20px 24px 56px; }
  .dh-sc-block { grid-template-columns: 1fr; gap: 20px; }
  .dh-sc-foot { padding: 24px; }
}


/* ==========================================================================
   İLETİŞİM FORMU  (dh-mf-)  — açılır pencere ve sayfa içi kullanım
   ========================================================================== */
.dh-mf { display: none; }
.dh-mf-open {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 200;
}
.dh-mf-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 18, 38, 0.6);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.dh-mf-dialog {
  position: relative;
  width: calc(100% - 32px);
  max-width: 640px;
  max-height: calc(100vh - 48px);
  margin: 24px auto;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 40px 80px -24px rgba(10, 18, 38, 0.5);
}
.dh-mf-inner { padding: 40px; }
.dh-mf-close {
  position: absolute;
  top: 16px; right: 16px;
  width: 36px;
  height: 36px;
  font-family: inherit;
  font-size: 22px;
  line-height: 1;
  color: #5a6275;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 50%;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.dh-mf-close:hover { background: #eaf0fc; color: #2c5fcf; }
.dh-mf-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 18px;
}
#destek-home .dh-mf-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-bottom: 12px;
}
#destek-home .dh-mf-text {
  font-size: 15.5px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 28px;
}

/* Sayfa içi (açılır pencere değil) kullanım */
.dh-mf-panel {
  padding: 40px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}

.dh-mf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.dh-mf-field {
  display: flex;
  flex-direction: column;
}
.dh-mf-field-wide { grid-column: 1 / -1; }
.dh-mf-label {
  font-size: 13.5px;
  font-weight: 600;
  color: #1a2a4f;
  margin-bottom: 7px;
}
.dh-mf-opt {
  font-size: 12.5px;
  font-weight: 500;
  color: #5a6275;
}
.dh-mf-input {
  width: 100%;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 15px;
  color: #1a1f2e;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.dh-mf-area {
  min-height: 108px;
  line-height: 1.6;
  resize: vertical;
}
.dh-mf-input:focus {
  outline: none;
  border-color: #2c5fcf;
  box-shadow: 0 0 0 3px rgba(44, 95, 207, 0.14);
}
.dh-mf-input-error {
  border-color: #c0392b;
  background: #fdf3f2;
}
.dh-mf-error {
  display: none;
  font-size: 12.5px;
  color: #c0392b;
  margin-top: 6px;
}
.dh-mf-error-on { display: block; }
.dh-mf-onay { margin: 4px 0 18px; }
.dh-mf-onay-etiket { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.55; color: #3d4658; cursor: pointer; }
.dh-mf-onay-kutu { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #1a2a4f; }
.dh-mf-onay-etiket a { color: #2c5fcf; font-weight: 600; }
.dh-mf-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 26px;
}
#destek-home .dh-mf-submit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #1a2a4f;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease;
}
#destek-home .dh-mf-submit:hover { background: #2c5fcf; color: #ffffff; }
.dh-mf-hint {
  font-size: 13px;
  line-height: 1.5;
  color: #5a6275;
}
.dh-mf-done {
  display: none;
  margin-top: 20px;
  padding: 16px 18px;
  background: #eaf0fc;
  border-left: 3px solid #2c5fcf;
  border-radius: 0 6px 6px 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #1a2a4f;
}
.dh-mf-done-on { display: block; }

@media (max-width: 820px) {
  .dh-mf-inner, .dh-mf-panel { padding: 28px 24px; }
  .dh-mf-grid { grid-template-columns: 1fr; }
  .dh-mf-dialog { margin: 12px auto; max-height: calc(100vh - 24px); }
}


/* ==========================================================================
   BÖLÜM ATLAMA ÇUBUĞU  (dh-sc-jump-)
   ========================================================================== */
#destek-home .dh-sc-jump {
  position: sticky;
  top: 0;   /* header yapışkan değil: çubuk en üste yapışır */
  z-index: 90;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 18px -12px rgba(15, 26, 53, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #e4e7ed;
}
.dh-sc-jump-inner {
  display: flex;
  gap: 6px;
  padding: 12px 64px;
  overflow-x: auto;
  scrollbar-width: none;
}
.dh-sc-jump-inner::-webkit-scrollbar { display: none; }
#destek-home .dh-sc-jump-link {
  flex: 0 0 auto;
  padding: 9px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #5a6275;
  border-radius: 999px;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease;
}
#destek-home .dh-sc-jump-link:hover { color: #2c5fcf; background: #eaf0fc; }
#destek-home .dh-sc-jump-link-active { color: #ffffff; background: #1a2a4f; }
#destek-home .dh-sc-jump-link-active:hover { color: #ffffff; background: #2c5fcf; }


/* ==========================================================================
   OKUMA İLERLEMESİ  (dh-pb)  — JS tarafından eklenir
   ========================================================================== */
.dh-pb {
  position: fixed;
  top: 0; left: 0;
  z-index: 300;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #2c5fcf 0%, #87b3ff 100%);
  transition: width .1s linear;
  pointer-events: none;
}


/* ==========================================================================
   GÖRÜNÜME GİRİŞ ANİMASYONU  (dh-rv)  — JS tarafından eklenir
   ========================================================================== */
.dh-rv {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);
}
.dh-rv-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .dh-rv { opacity: 1; transform: none; transition: none; }
  .dh-pb { transition: none; }
}

@media (max-width: 1180px) {
  .dh-sc-jump-inner { padding: 12px 40px; }
  .dh-sc-block { padding: 36px; scroll-margin-top: 76px; }
}

@media (max-width: 820px) {
  .dh-sc-jump-inner { padding: 10px 24px; }
  .dh-sc-block { padding: 28px 24px; scroll-margin-top: 60px; }
  .dh-sc-block-num { font-size: 38px; }
}


/* ==========================================================================
   MEDYA GALERİSİ  (dh-gl-)
   ========================================================================== */
.dh-gl-head {
  padding: 76px 64px 64px;
  background: #ffffff;
  border-bottom: 1px solid #e4e7ed;
}
.dh-gl-head-inner { max-width: 820px; }
.dh-gl-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #5a6275;
  margin-bottom: 22px;
}
#destek-home .dh-gl-crumb-link { color: #5a6275; transition: color .2s ease; }
#destek-home .dh-gl-crumb-link:hover { color: #2c5fcf; }
.dh-gl-crumb-sep { color: #b6bcc8; }
.dh-gl-crumb-current { color: #1a2a4f; font-weight: 600; }
.dh-gl-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 22px;
}
#destek-home .dh-gl-title {
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.028em;
  color: #1a2a4f;
  margin-bottom: 20px;
}
#destek-home .dh-gl-lead {
  font-size: 17.5px;
  line-height: 1.7;
  color: #5a6275;
  margin-bottom: 0;
  max-width: 720px;
}

.dh-gl-body {
  padding: 56px 64px 100px;
  background: #f7f8fa;
}
.dh-gl-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 36px;
}
.dh-gl-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.dh-gl-filter {
  padding: 10px 20px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #5a6275;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 999px;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.dh-gl-filter:hover { color: #2c5fcf; border-color: #2c5fcf; }
.dh-gl-filter-active {
  color: #ffffff;
  background: #1a2a4f;
  border-color: #1a2a4f;
}
.dh-gl-filter-active:hover { color: #ffffff; background: #2c5fcf; border-color: #2c5fcf; }
.dh-gl-count {
  font-size: 13.5px;
  font-weight: 500;
  color: #5a6275;
}

.dh-gl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.dh-gl-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s ease, box-shadow .35s ease;
}
.dh-gl-card:hover {
  transform: translateY(-4px);
  border-color: #2c5fcf;
  box-shadow: 0 24px 48px -18px rgba(44, 95, 207, 0.2);
}
.dh-gl-card-hidden { display: none; }
.dh-gl-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(ellipse at 25% 25%, rgba(44, 95, 207, 0.35) 0%, transparent 60%),
    linear-gradient(135deg, #0f1a35 0%, #1a2a4f 100%);
  overflow: hidden;
}
.dh-gl-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
}
.dh-gl-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dh-gl-play {
  position: absolute;
  top: 50%; left: 50%;
  width: 58px; height: 58px;
  margin: -29px 0 0 -29px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  transition: transform .3s ease, background .3s ease;
}
.dh-gl-play::after {
  content: "";
  position: absolute;
  top: 50%; left: 54%;
  width: 0; height: 0;
  transform: translate(-50%, -50%);
  border-left: 15px solid #1a2a4f;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}
.dh-gl-card:hover .dh-gl-play { transform: scale(1.08); background: #ffffff; }
.dh-gl-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 26px 28px 28px;
}
.dh-gl-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.dh-gl-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2c5fcf;
  padding: 5px 10px;
  background: #eaf0fc;
  border-radius: 4px;
}
.dh-gl-badge-video {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ffffff;
  padding: 5px 10px;
  background: #1a2a4f;
  border-radius: 4px;
}
.dh-gl-source {
  font-size: 12.5px;
  color: #5a6275;
}
#destek-home .dh-gl-card-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.015em;
  color: #1a2a4f;
  margin-bottom: 12px;
}
#destek-home .dh-gl-card-text {
  font-size: 14.5px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 22px;
  flex: 1;
}
.dh-gl-card-go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #2c5fcf;
  transition: gap .25s ease;
}
.dh-gl-card:hover .dh-gl-card-go { gap: 14px; }
.dh-gl-empty {
  display: none;
  padding: 48px;
  text-align: center;
  font-size: 16px;
  color: #5a6275;
  background: #ffffff;
  border: 1px dashed #e4e7ed;
  border-radius: 12px;
}
.dh-gl-empty-on { display: block; }

@media (max-width: 1180px) {
  .dh-gl-head { padding: 56px 40px 48px; }
  .dh-gl-body { padding: 44px 40px 80px; }
  .dh-gl-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .dh-gl-head { padding: 44px 24px 36px; }
  .dh-gl-body { padding: 32px 24px 64px; }
  .dh-gl-grid { grid-template-columns: 1fr; }
  .dh-gl-card-body { padding: 22px 22px 24px; }
}


/* ==========================================================================
   HAKKIMIZDA  (dh-ab-)
   ========================================================================== */
.dh-ab-hero {
  position: relative;
  overflow: hidden;
  padding: 88px 64px 72px;
  background: #0f1a35;
  color: #ffffff;
}
.dh-ab-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 52px 52px;
}
.dh-ab-hero::after {
  content: "";
  position: absolute;
  top: -30%; left: 55%;
  width: 60%; height: 190%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.36) 0%, transparent 62%);
}
.dh-ab-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
}
.dh-ab-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 30px;
}
#destek-home .dh-ab-crumb-link { color: rgba(255,255,255,0.75); transition: color .2s ease; }
#destek-home .dh-ab-crumb-link:hover { color: #ffffff; }
.dh-ab-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-ab-crumb-current { color: #87b3ff; }
.dh-ab-years {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #87b3ff;
  margin-bottom: 26px;
}
.dh-ab-years-line {
  display: block;
  width: 64px;
  height: 1px;
  background: rgba(135, 179, 255, 0.5);
}
#destek-home .dh-ab-title {
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin-bottom: 24px;
}
#destek-home .dh-ab-lead {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
  margin-bottom: 0;
  max-width: 700px;
}

/* Rakam bandı */
.dh-ab-stats {
  padding: 0 64px 72px;
  background: #0f1a35;
}
.dh-ab-stats-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid rgba(255,255,255,0.14);
}
.dh-ab-stat {
  padding: 32px 24px 0 0;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.dh-ab-stat:last-child { border-right: none; }
.dh-ab-stat-num {
  display: block;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin-bottom: 10px;
}
.dh-ab-stat-label {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.7);
}

/* Vizyon ve misyon */
.dh-ab-vm {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-ab-vm-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.dh-ab-vm-card {
  padding: 48px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}
.dh-ab-vm-card-dark {
  padding: 48px;
  background: #1a2a4f;
  border-radius: 12px;
}
.dh-ab-vm-tag {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2c5fcf;
  margin-bottom: 20px;
}
.dh-ab-vm-tag-light {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #87b3ff;
  margin-bottom: 20px;
}
#destek-home .dh-ab-vm-text {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-ab-vm-text-light {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #ffffff;
  margin-bottom: 0;
}

/* Ortak bölüm başlığı */
.dh-ab-head {
  max-width: 760px;
  margin-bottom: 48px;
}
.dh-ab-head-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 22px;
}
#destek-home .dh-ab-head-title {
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 16px;
}
#destek-home .dh-ab-head-lead {
  font-size: 17px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 0;
}

/* Servis ağı */
.dh-ab-net {
  padding: 100px 64px;
  background: #f7f8fa;
  border-top: 1px solid #e4e7ed;
}
.dh-ab-net-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0;
  margin-bottom: 24px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  overflow: hidden;
}
.dh-ab-net-col {
  padding: 32px 36px 36px;
  border-right: 1px solid #e4e7ed;
}
.dh-ab-net-col:last-child { border-right: none; }
.dh-ab-net-top {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 8px;
  border-bottom: 2px solid #1a2a4f;
}
.dh-ab-net-num {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #1a2a4f;
}
#destek-home .dh-ab-net-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2c5fcf;
  margin-bottom: 0;
}
.dh-ab-cities {
  display: block;
}
.dh-ab-cities-split {
  display: block;
  column-count: 2;
  column-gap: 32px;
}
.dh-ab-city {
  display: block;
  padding: 11px 0;
  font-size: 15px;
  line-height: 1.4;
  color: #1a1f2e;
  border-bottom: 1px solid #e4e7ed;
  break-inside: avoid;
}
.dh-ab-net-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 26px 32px;
  background: #1a2a4f;
  border-radius: 12px;
}
.dh-ab-net-note-num {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #87b3ff;
}
#destek-home .dh-ab-net-note-text {
  font-size: 16.5px;
  line-height: 1.55;
  color: #ffffff;
  margin-bottom: 0;
}

/* Odak alanları */
.dh-ab-focus {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-ab-focus-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.dh-ab-focus-item {
  padding: 30px 20px 26px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 12px;
  transition: background .25s ease, transform .25s ease;
}
.dh-ab-focus-item:hover { background: #eaf0fc; transform: translateY(-3px); }
.dh-ab-focus-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  margin-bottom: 16px;
  color: #2c5fcf;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 8px 18px -12px rgba(15, 26, 53, 0.35);
}
.dh-ab-focus-ikon svg { width: 26px; height: 26px; }
.dh-ab-focus-name {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 6px;
}
.dh-ab-focus-sub {
  display: block;
  font-size: 12.5px;
  color: #5a6275;
}

/* Satış organizasyonu: koyu bant; solda başlık, sağda numaralı segment listesi */
.dh-ab-org {
  padding: 100px 64px;
  background: #1a2a4f;
}
.dh-ab-org-inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 64px;
  align-items: start;
}
.dh-ab-org-side { position: sticky; top: 32px; }
#destek-home .dh-ab-org .dh-ab-head { margin-bottom: 0; }
#destek-home .dh-ab-org .dh-ab-head-tag { color: #8fb0f5; }
#destek-home .dh-ab-org .dh-ab-head-title { color: #ffffff; }
#destek-home .dh-ab-org .dh-ab-head-lead { color: #c9d2e6; }
.dh-ab-org-side-num {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-top: 36px;
}
.dh-ab-org-side-big {
  font-size: 64px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: transparent;
  -webkit-text-stroke: 2px #8fb0f5;
}
#destek-home .dh-ab-org-side-text { font-size: 15px; line-height: 1.55; color: #c9d2e6; max-width: 260px; margin: 0; }
.dh-ab-org-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 40px;
}
.dh-ab-org-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.dh-ab-org-num {
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: transparent;
  -webkit-text-stroke: 1.5px #8fb0f5;
  padding-top: 2px;
}
#destek-home .dh-ab-org-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #ffffff;
  margin-bottom: 8px;
}
#destek-home .dh-ab-org-text {
  font-size: 15px;
  line-height: 1.65;
  color: #c9d2e6;
  margin-bottom: 0;
}

/* Sertifikalar: ISO rozeti (images/iso/*.svg) + kod + ad */
.dh-ab-cert {
  padding: 100px 64px;
  background: #ffffff;
}
.dh-ab-cert-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
#destek-home .dh-ab-cert-item {
  flex: 0 0 calc(25% - 15px);
  display: block;
  padding: 30px 24px 28px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 12px;
  text-decoration: none;
  transition: background .25s ease, transform .25s ease;
}
#destek-home .dh-ab-cert-item:hover { background: #eaf0fc; transform: translateY(-3px); }
.dh-ab-cert-img {
  display: block;
  width: 124px;
  height: 124px;
  margin: 0 auto 14px;
}
.dh-ab-cert-code {
  display: block;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 4px;
}
.dh-ab-cert-name {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6275;
}

@media (max-width: 1180px) {
  .dh-ab-hero { padding: 64px 40px 56px; }
  .dh-ab-stats { padding: 0 40px 56px; }
  .dh-ab-vm, .dh-ab-net, .dh-ab-focus, .dh-ab-org, .dh-ab-cert { padding: 80px 40px; }
  .dh-ab-stats-grid { grid-template-columns: repeat(3, 1fr); }
  .dh-ab-stat:nth-child(3) { border-right: none; }
  .dh-ab-vm-grid { grid-template-columns: 1fr; }
  .dh-ab-net-grid { grid-template-columns: 1fr 1fr; }
  .dh-ab-net-col { border-bottom: 1px solid #e4e7ed; }
  .dh-ab-net-col:nth-child(2n) { border-right: none; }
  .dh-ab-net-col:last-child { grid-column: 1 / -1; border-bottom: none; }
  .dh-ab-focus-grid { grid-template-columns: repeat(3, 1fr); }
  .dh-ab-org-inner { grid-template-columns: 1fr; gap: 40px; }
  .dh-ab-org-side { position: static; }
  .dh-ab-cert-item { flex-basis: calc(33.333% - 14px); }
  .dh-ab-vm-card, .dh-ab-vm-card-dark { padding: 36px; }
}

@media (max-width: 820px) {
  .dh-ab-hero { padding: 48px 24px 40px; }
  .dh-ab-stats { padding: 0 24px 48px; }
  .dh-ab-vm, .dh-ab-net, .dh-ab-focus, .dh-ab-org, .dh-ab-cert { padding: 64px 24px; }
  .dh-ab-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .dh-ab-stat { padding: 24px 16px 0 0; }
  .dh-ab-stat:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.1); }
  .dh-ab-stat:nth-child(2n) { border-right: none; }
  .dh-ab-focus-grid { grid-template-columns: repeat(2, 1fr); }
  .dh-ab-org-list { grid-template-columns: 1fr; gap: 28px; }
  .dh-ab-cert-item { flex-basis: calc(50% - 10px); }
  .dh-ab-cert-img { width: 104px; height: 104px; }
  .dh-ab-vm-card, .dh-ab-vm-card-dark { padding: 28px 24px; }
  .dh-ab-net-grid { grid-template-columns: 1fr; }
  .dh-ab-net-col { padding: 24px; border-right: none; }
  .dh-ab-net-col:last-child { grid-column: auto; }
  .dh-ab-cities-split { column-count: 1; }
}


/* ==========================================================================
   HABER / YAZI DETAYI  (dh-nw-)
   ========================================================================== */
.dh-nw-top {
  padding: 28px 64px;
  background: #f7f8fa;
  border-bottom: 1px solid #e4e7ed;
}
.dh-nw-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 940px;
  margin: 0 auto;
  font-size: 13.5px;
  color: #5a6275;
}
#destek-home .dh-nw-crumb-link { color: #5a6275; transition: color .2s ease; }
#destek-home .dh-nw-crumb-link:hover { color: #2c5fcf; }
.dh-nw-crumb-sep { color: #b6bcc8; }
.dh-nw-crumb-current { color: #1a2a4f; font-weight: 600; }

.dh-nw {
  padding: 56px 64px 100px;
  background: #ffffff;
}
.dh-nw-inner {
  max-width: 940px;
  margin: 0 auto;
}
.dh-nw-figure {
  margin: 0 0 44px;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f8fa;
}
.dh-nw-figure img {
  width: 100%;
  height: auto;
  display: block;
}
.dh-nw-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.dh-nw-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2c5fcf;
  padding: 6px 12px;
  background: #eaf0fc;
  border-radius: 4px;
}
#destek-home .dh-nw-title {
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 32px;
}
#destek-home .dh-nw-p {
  font-size: 17.5px;
  line-height: 1.85;
  color: #3d4658;
  margin-bottom: 24px;
}
.dh-nw-p strong { color: #1a2a4f; font-weight: 700; }
#destek-home .dh-nw-h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-top: 40px;
  margin-bottom: 18px;
}
.dh-nw-list {
  margin-bottom: 28px;
  padding-left: 0;
}
.dh-nw-list-item {
  position: relative;
  padding: 10px 0 10px 26px;
  font-size: 17px;
  line-height: 1.7;
  color: #3d4658;
}
.dh-nw-list-item::before {
  content: "";
  position: absolute;
  left: 2px; top: 21px;
  width: 7px; height: 7px;
  background: #2c5fcf;
  border-radius: 2px;
  transform: rotate(45deg);
}
.dh-nw-note {
  padding: 26px 30px;
  margin-bottom: 28px;
  background: #f7f8fa;
  border-left: 3px solid #2c5fcf;
  border-radius: 0 8px 8px 0;
}
#destek-home .dh-nw-note-text {
  font-size: 16px;
  line-height: 1.75;
  color: #1a2a4f;
  margin-bottom: 0;
}
.dh-nw-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid #e4e7ed;
}
#destek-home .dh-nw-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #2c5fcf;
  transition: gap .25s ease;
}
#destek-home .dh-nw-back:hover { gap: 14px; }
#destek-home .dh-nw-cta {
  display: inline-flex;
  align-items: center;
  padding: 13px 26px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #1a2a4f;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease;
}
#destek-home .dh-nw-cta:hover { background: #2c5fcf; color: #ffffff; }

@media (max-width: 1180px) {
  .dh-nw-top { padding: 24px 40px; }
  .dh-nw { padding: 44px 40px 80px; }
}

@media (max-width: 820px) {
  .dh-nw-top { padding: 18px 24px; }
  .dh-nw { padding: 32px 24px 64px; }
  .dh-nw-figure { margin-bottom: 32px; }
  #destek-home .dh-nw-p { font-size: 16.5px; line-height: 1.8; }
}


/* ==========================================================================
   MEDYA MERKEZİ — PODCAST HERO  (dh-pc-)
   ========================================================================== */
.dh-pc {
  position: relative;
  overflow: hidden;
  padding: 64px 64px 68px;
  background: #0f1a35;
  color: #ffffff;
}
.dh-pc::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 52px 52px;
}
.dh-pc::after {
  content: "";
  position: absolute;
  top: -40%; right: 4%;
  width: 46%; height: 200%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.4) 0%, transparent 62%);
}
.dh-pc-row {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.dh-pc-player {
  min-width: 0;
}
.dh-pc-frame {
  width: 100%;
  height: 352px;
  display: block;
  border: 0;
  border-radius: 12px;
}
.dh-pc-live {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #87b3ff;
  margin-bottom: 20px;
}
.dh-pc-dot {
  width: 8px;
  height: 8px;
  background: #87b3ff;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(135, 179, 255, 0.7);
  animation: dh-pc-pulse 2.2s infinite;
}
@keyframes dh-pc-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(135, 179, 255, 0.6); }
  70%  { box-shadow: 0 0 0 12px rgba(135, 179, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(135, 179, 255, 0); }
}
#destek-home .dh-pc-title {
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.028em;
  color: #ffffff;
  margin-bottom: 18px;
}
#destek-home .dh-pc-text {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin-bottom: 28px;
  max-width: 620px;
}
.dh-pc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#destek-home .dh-pc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #1a2a4f;
  background: #ffffff;
  border: 1.5px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-pc-btn:hover { background: #eaf0fc; border-color: #eaf0fc; color: #1a2a4f; }
#destek-home .dh-pc-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-pc-btn-ghost:hover { background: rgba(255,255,255,0.08); border-color: #ffffff; color: #ffffff; }
.dh-pc-art {
  position: relative;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(44,95,207,0.45) 0%, rgba(15,26,53,0.9) 100%);
  border: 1px solid rgba(255,255,255,0.18);
}
.dh-pc-art::after {
  content: "";
  position: absolute;
  top: 50%; left: 54%;
  width: 0; height: 0;
  transform: translate(-50%, -50%);
  border-left: 26px solid #ffffff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

@media (max-width: 1180px) {
  .dh-pc { padding: 48px 40px 52px; }
  .dh-pc-row { gap: 40px; }
  .dh-pc-art { width: 150px; height: 150px; }
}
@media (max-width: 980px) {
  .dh-pc-row { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 820px) {
  .dh-pc { padding: 40px 24px 44px; }
  .dh-pc-art { display: none; }
  .dh-pc-frame { height: 232px; }
}


/* ==========================================================================
   OFİS HARİTASI  (dh-mp-)
   ========================================================================== */
.dh-mp {
  padding: 72px 64px 40px;
  background: #ffffff;
}
.dh-mp-frame {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 16px;
}
.dh-mp-canvas {
  position: relative;
  width: 100%;
}
.dh-mp-img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(1) brightness(1.06) contrast(0.92) opacity(0.55);
}
.dh-mp-item {
  position: absolute;
  width: 0;
  height: 0;
}
.dh-mp-pin {
  position: absolute;
  top: -9px; left: -9px;
  width: 18px;
  height: 18px;
  padding: 0;
  background: #2c5fcf;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(15, 26, 53, 0.35);
  cursor: pointer;
  transition: transform .25s ease, background .25s ease;
}
.dh-mp-pin-hq {
  position: absolute;
  top: -12px; left: -12px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: #1a2a4f;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 6px 16px rgba(15, 26, 53, 0.45);
  cursor: pointer;
  transition: transform .25s ease, background .25s ease;
}
.dh-mp-item:hover .dh-mp-pin,
.dh-mp-item:hover .dh-mp-pin-hq,
.dh-mp-item-open .dh-mp-pin,
.dh-mp-item-open .dh-mp-pin-hq {
  transform: scale(1.25);
  background: #2c5fcf;
}
.dh-mp-label {
  position: absolute;
  top: 14px; left: 50%;
  transform: translateX(-50%);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  color: #1a2a4f;
  pointer-events: none;
}
.dh-mp-card {
  position: absolute;
  bottom: 22px; left: 50%;
  z-index: 5;
  width: 264px;
  padding: 20px 22px;
  transform: translate(-50%, 8px);
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  box-shadow: 0 24px 48px -18px rgba(15, 26, 53, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.dh-mp-item:hover .dh-mp-card,
.dh-mp-item-open .dh-mp-card {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.dh-mp-card-tag {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2c5fcf;
  margin-bottom: 8px;
}
#destek-home .dh-mp-card-title {
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 8px;
}
#destek-home .dh-mp-card-text {
  font-size: 13.5px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 10px;
}
#destek-home .dh-mp-card-link {
  display: inline-flex;
  align-items: center;
  font-size: 13.5px;
  font-weight: 600;
  color: #2c5fcf;
}
.dh-mp-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1100px;
  margin: 24px auto 0;
}
.dh-mp-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #5a6275;
}
.dh-mp-legend-dot {
  width: 12px;
  height: 12px;
  background: #2c5fcf;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #e4e7ed;
}
.dh-mp-legend-dot-hq {
  width: 16px;
  height: 16px;
  background: #1a2a4f;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #e4e7ed;
}

/* Şehir konumları */
.dh-mp-item-istanbul    { left: 17.9%; top: 18.7%; }
.dh-mp-item-ankara      { left: 37.8%; top: 35.3%; }
.dh-mp-item-izmir       { left: 8.4%; top: 55.5%; }
.dh-mp-item-samsun      { left: 55.6%; top: 14.4%; }
.dh-mp-item-adana       { left: 52.4%; top: 79.0%; }
.dh-mp-item-malatya     { left: 65.7%; top: 59.5%; }
.dh-mp-item-diyarbakir  { left: 75.6%; top: 66.3%; }

@media (max-width: 1180px) {
  .dh-mp { padding: 56px 40px 32px; }
  .dh-mp-frame { padding: 16px; }
}
@media (max-width: 820px) {
  .dh-mp { padding: 40px 24px 24px; }
  .dh-mp-frame { padding: 12px; }
  .dh-mp-label { display: none; }
  .dh-mp-card { width: 220px; padding: 16px 18px; }
}


/* ==========================================================================
   İNSAN KAYNAKLARI  (dh-ik-)
   ========================================================================== */
.dh-ik-hero {
  position: relative;
  overflow: hidden;
  padding: 84px 64px 76px;
  background: #0f1a35;
  color: #ffffff;
}
.dh-ik-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 52px 52px;
}
.dh-ik-hero::after {
  content: "";
  position: absolute;
  bottom: -60%; left: 40%;
  width: 55%; height: 190%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.4) 0%, transparent 62%);
}
.dh-ik-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 820px;
}
.dh-ik-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 28px;
}
#destek-home .dh-ik-crumb-link { color: rgba(255,255,255,0.75); transition: color .2s ease; }
#destek-home .dh-ik-crumb-link:hover { color: #ffffff; }
.dh-ik-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-ik-crumb-current { color: #87b3ff; }
.dh-ik-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #87b3ff;
  padding: 6px 14px;
  border: 1px solid rgba(135, 179, 255, 0.35);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-ik-title {
  font-size: clamp(36px, 4.6vw, 58px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin-bottom: 22px;
}
#destek-home .dh-ik-lead {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
  margin-bottom: 32px;
  max-width: 660px;
}
.dh-ik-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#destek-home .dh-ik-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 600;
  color: #1a2a4f;
  background: #ffffff;
  border: 1.5px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-ik-btn:hover { background: #eaf0fc; border-color: #eaf0fc; color: #1a2a4f; }
#destek-home .dh-ik-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  font-size: 15.5px;
  font-weight: 600;
  color: #ffffff;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-ik-btn-ghost:hover { background: rgba(255,255,255,0.08); border-color: #ffffff; color: #ffffff; }

/* Ortak bölüm başlığı */
.dh-ik-head {
  max-width: 760px;
  margin-bottom: 44px;
}
.dh-ik-head-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 20px;
}
#destek-home .dh-ik-head-title {
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 16px;
}
#destek-home .dh-ik-head-lead {
  font-size: 17px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 0;
}

/* Neden biz */
.dh-ik-why {
  padding: 96px 64px;
  background: #ffffff;
}
.dh-ik-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.dh-ik-why-card {
  padding: 32px 28px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}
.dh-ik-why-num {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #2c5fcf;
  margin-bottom: 14px;
}
#destek-home .dh-ik-why-title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 10px;
}
#destek-home .dh-ik-why-text {
  font-size: 14.5px;
  line-height: 1.65;
  color: #5a6275;
  margin-bottom: 0;
}

/* Kültür / ilkeler */
.dh-ik-culture {
  padding: 96px 64px;
  background: #f7f8fa;
  border-top: 1px solid #e4e7ed;
}
.dh-ik-culture-row {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 72px;
  align-items: start;
}
.dh-ik-list {
  display: flex;
  flex-direction: column;
}
.dh-ik-list-item {
  position: relative;
  padding: 22px 0 22px 38px;
  border-top: 1px solid #e4e7ed;
  font-size: 16px;
  line-height: 1.65;
  color: #5a6275;
}
.dh-ik-list-item:last-child { border-bottom: 1px solid #e4e7ed; }
.dh-ik-list-item::before {
  content: "";
  position: absolute;
  left: 0; top: 28px;
  width: 20px; height: 20px;
  background: #2c5fcf;
  border-radius: 5px;
}
.dh-ik-list-item strong {
  display: block;
  color: #1a2a4f;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}

/* Roller */
.dh-ik-roles {
  padding: 96px 64px;
  background: #ffffff;
}
.dh-ik-roles-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.dh-ik-role {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 28px 30px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}
.dh-ik-role-icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  color: #2c5fcf;
  background: #eaf0fc;
  border-radius: 8px;
}
#destek-home .dh-ik-role-title {
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 8px;
}
#destek-home .dh-ik-role-text {
  font-size: 14.5px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 0;
}

/* Başvuru bandı */
.dh-ik-apply {
  padding: 0 64px 96px;
  background: #ffffff;
}
.dh-ik-apply-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 52px 56px;
  background: #1a2a4f;
  border-radius: 16px;
}
#destek-home .dh-ik-apply-title {
  font-size: clamp(26px, 2.8vw, 36px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 14px;
}
#destek-home .dh-ik-apply-text {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin-bottom: 0;
}
.dh-ik-apply-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}
#destek-home .dh-ik-apply-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 34px;
  white-space: nowrap;
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 600;
  color: #1a2a4f;
  background: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease;
}
#destek-home .dh-ik-apply-btn:hover { background: #eaf0fc; color: #1a2a4f; }
#destek-home .dh-ik-apply-mail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 28px;
  font-size: 15.5px;
  font-weight: 600;
  color: #ffffff;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  transition: background .25s ease, border-color .25s ease;
}
#destek-home .dh-ik-apply-mail:hover { background: rgba(255,255,255,0.08); border-color: #ffffff; color: #ffffff; }

@media (max-width: 1180px) {
  .dh-ik-hero { padding: 64px 40px 60px; }
  .dh-ik-why, .dh-ik-culture, .dh-ik-roles { padding: 76px 40px; }
  .dh-ik-apply { padding: 0 40px 76px; }
  .dh-ik-why-grid { grid-template-columns: repeat(2, 1fr); }
  .dh-ik-culture-row { grid-template-columns: 1fr; gap: 40px; }
  .dh-ik-apply-inner { grid-template-columns: 1fr; gap: 28px; padding: 40px; }
  .dh-ik-apply-actions { justify-content: flex-start; }
}

@media (max-width: 820px) {
  .dh-ik-hero { padding: 48px 24px 44px; }
  .dh-ik-why, .dh-ik-culture, .dh-ik-roles { padding: 60px 24px; }
  .dh-ik-apply { padding: 0 24px 60px; }
  .dh-ik-why-grid { grid-template-columns: 1fr; }
  .dh-ik-roles-grid { grid-template-columns: 1fr; }
  .dh-ik-apply-inner { padding: 32px 24px; }
  .dh-ik-role { padding: 24px; }
}


/* ==========================================================================
   OFİS HARİTASI — İL BAZLI SVG  (dh-mp-svg / dh-mp-il)
   ========================================================================== */
.dh-mp-svg {
  width: 100%;
  height: auto;
  display: block;
}
.dh-mp-il {
  fill: #e1e5ec;
  stroke: #ffffff;
  stroke-width: 1.1;
  transition: fill-opacity .3s ease, fill .3s ease;
}
.dh-mp-il-hq {
  fill: #1a2a4f;
  fill-opacity: 0.62;
  cursor: pointer;
}
.dh-mp-il-ro {
  fill: #2c5fcf;
  fill-opacity: 0.58;
  cursor: pointer;
}
.dh-mp-il-so {
  fill: #87b3ff;
  fill-opacity: 0.62;
  cursor: pointer;
}
.dh-mp-il-hq:hover, .dh-mp-il-ro:hover, .dh-mp-il-so:hover,
.dh-mp-il-hq:focus, .dh-mp-il-ro:focus, .dh-mp-il-so:focus,
.dh-mp-il-on {
  fill-opacity: 1;
  outline: none;
}
.dh-mp-tip {
  position: absolute;
  z-index: 6;
  width: 300px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  box-shadow: 0 24px 48px -18px rgba(15, 26, 53, 0.4);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -100%);
  transition: opacity .18s ease, visibility .18s ease;
  pointer-events: none;
}
.dh-mp-tip-on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;   /* kart açıkken üstüne gelinebilir, bağlantılar tıklanabilir */
}
#destek-home .dh-mp-tip-close { position: absolute; right: 8px; top: 6px; width: 28px; height: 28px; border: 0; background: transparent; font-size: 20px; line-height: 1; color: #5a6275; cursor: pointer; display: none; }
.dh-mp-tip-sabit .dh-mp-tip-close { display: block; }
.dh-mp-tip-list { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 10px; max-height: 240px; overflow-y: auto; padding-right: 4px; }   /* İstanbul gibi çok adresli iller: kart içinde kaydır */
.dh-mp-tip-adres { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; background: #f7f8fa; border-radius: 8px; }
.dh-mp-tip-ilce { font-size: 13px; font-weight: 700; color: #1a2a4f; }
.dh-mp-tip-metin { font-size: 12.5px; line-height: 1.5; color: #5a6275; }
#destek-home .dh-mp-tip-link { align-self: flex-start; margin-top: 4px; font-size: 12.5px; font-weight: 700; color: #2c5fcf; text-decoration: none; }
#destek-home .dh-mp-tip-link:hover { color: #1a2a4f; }
/* Ofislerimiz sayfası: adres listesi */
/* Size en yakın ofis kartı (Ofislerimiz; 13 Ekim 2026) */
.dh-mp-yakin { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 28px; align-items: start; max-width: 1100px; margin: 0 auto 28px; padding: 24px 28px; background: #f5f7fb; border-radius: 12px; }   /* harita çerçevesinin üstünde, aynı genişlikte */
.dh-mp-yakin-tahmin { margin: 10px 0 0; font-size: 12.5px; color: #5a6275; }
.dh-mp-yakin-ust { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5a6275; margin-bottom: 14px; }
.dh-mp-yakin-etiket { display: block; font-size: 13px; font-weight: 600; color: #1a2a4f; margin-bottom: 6px; }
.dh-mp-yakin-select { width: 100%; padding: 11px 36px 11px 14px; font: inherit; font-size: 15px; color: #1a1f2e; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6275' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center / 12px; border: 1px solid #e4e7ed; border-radius: 8px; appearance: none; -webkit-appearance: none; }
.dh-mp-yakin-sonuc { padding-top: 30px; }
#destek-home .dh-mp-yakin-ad { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: #1a2a4f; margin: 0 0 6px; }
.dh-mp-yakin-not { font-size: 14.5px; color: #3d4658; margin: 0 0 12px; }
.dh-mp-yakin-adres { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #5a6275; }
.dh-mp-yakin-tel { font-weight: 600; color: #1a2a4f; }
#destek-home .dh-mp-yakin-link { color: #2c5fcf; font-weight: 600; }
.dh-mp-il-hedef { fill: #1a2a4f !important; fill-opacity: 1 !important; stroke: #ffffff; stroke-width: 2.5; }   /* en yakın ofis ili: marka rengi, tam opak */
.dh-mp-il-secili { fill: #1a9e5c !important; fill-opacity: 1 !important; stroke: #ffffff; stroke-width: 2.5; }   /* ziyaretçinin ili: zümrüt yeşili (lacivert ve kırmızının tamamlayıcısı), tam opak; hedef kuralından sonra gelir, aynı ilse yeşil kazanır */
@media (max-width: 720px) { .dh-mp-yakin { grid-template-columns: 1fr; gap: 16px; padding: 20px; } .dh-mp-yakin-sonuc { padding-top: 0; } }
.dh-mp-adresler { column-count: 2; column-gap: 28px; margin-bottom: 28px; }   /* iki sütun, bloklar kendi yüksekliğinde (boşluk kalmaz) */
.dh-mp-il-blok { break-inside: avoid; margin-bottom: 18px; padding: 22px 24px; background: #f7f8fa; border-radius: 12px; }
#destek-home .dh-mp-il-ad { display: flex; align-items: baseline; gap: 10px; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; color: #1a2a4f; margin-bottom: 12px; }
.dh-mp-il-say { font-size: 12.5px; font-weight: 600; color: #2c5fcf; }
.dh-mp-adres { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; padding: 10px 0; align-items: center; }
.dh-mp-adres-ilce { grid-column: 1; font-size: 13.5px; font-weight: 700; color: #1a2a4f; }
.dh-mp-adres-metin { grid-column: 1; font-size: 14px; line-height: 1.55; color: #5a6275; }
.dh-mp-adres-tel { grid-column: 1; font-size: 13px; font-weight: 600; color: #2c5fcf; }
#destek-home .dh-mp-adres-link { grid-column: 2; grid-row: 1 / span 3; align-self: center; padding: 9px 14px; font-size: 13px; font-weight: 700; color: #ffffff; background: #1a2a4f; border-radius: 6px; text-decoration: none; white-space: nowrap; transition: background .2s ease; }
#destek-home .dh-mp-adres-link:hover { background: #2c5fcf; }
@media (max-width: 820px) {
  .dh-mp-adresler { column-count: 1; }
  .dh-mp-adres { grid-template-columns: 1fr; }
  #destek-home .dh-mp-adres-link { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 6px; }
}
.dh-mp-tip-alt {
  transform: translate(-50%, 0);
}
.dh-mp-tip-imlec { transform: none; }   /* fareyle açılan kart: sol üst köşe imlecin yanında (px konum) */
.dh-mp-tip-tag {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2c5fcf;
  margin-bottom: 7px;
}
#destek-home .dh-mp-tip-title {
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 7px;
}
#destek-home .dh-mp-tip-text {
  font-size: 13.5px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 8px;
}
.dh-mp-tip-tel {
  font-size: 13.5px;
  font-weight: 600;
  color: #2c5fcf;
}
.dh-mp-legend-dot-so {
  width: 12px;
  height: 12px;
  background: #87b3ff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #e4e7ed;
}


/* ==========================================================================
   REFERANSLAR — AKIŞ  (dh-rf-)
   ========================================================================== */
.dh-rf-body {
  padding: 88px 64px 100px;
  background: #ffffff;
}
.dh-rf-sector {
  margin-bottom: 0;
}
.dh-rf-sector:last-child { margin-bottom: 0; }
.dh-rf-sector-head {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 16px;
  padding: 14px 0;
  margin-bottom: 28px;
  background: #ffffff;
  border-bottom: 2px solid #1a2a4f;
}
#destek-home .dh-rf-sector-title {
  font-size: clamp(24px, 2.6vw, 34px);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 0;
}
.dh-rf-sector-count {
  font-size: 13.5px;
  font-weight: 600;
  color: #2c5fcf;
  padding: 5px 12px;
  background: #eaf0fc;
  border-radius: 999px;
}
#destek-home .dh-rf-sector-text {
  font-size: 16.5px;
  line-height: 1.7;
  color: #5a6275;
  margin-bottom: 32px;
  max-width: 720px;
}
.dh-rf-feed {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dh-rf-post {
  display: grid;
  grid-template-columns: 200px 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 22px 28px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.dh-rf-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  padding: 10px 14px;
  background: #f7f8fa;
  border-radius: 8px;
}
.dh-rf-logo img {
  max-width: 100%;
  max-height: 48px;
  width: auto;
  object-fit: contain;
  display: block;
}
#destek-home .dh-rf-name {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-rf-desc {
  font-size: 14.5px;
  line-height: 1.6;
  color: #5a6275;
  margin-bottom: 0;
}
.dh-rf-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #2c5fcf;
  padding: 7px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  white-space: nowrap;
}
.dh-rf-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 64px;
  padding: 34px 40px;
  background: #1a2a4f;
  border-radius: 12px;
}
#destek-home .dh-rf-note-text {
  font-size: 17px;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 0;
  max-width: 620px;
}
#destek-home .dh-rf-note-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #1a2a4f;
  background: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease;
}
#destek-home .dh-rf-note-btn:hover { background: #eaf0fc; color: #1a2a4f; }

@media (max-width: 1180px) {
  .dh-rf-body { padding: 72px 40px 80px; }
  .dh-rf-post { grid-template-columns: 160px 1fr; gap: 24px; }
  .dh-rf-badge { grid-column: 2; justify-self: start; }
}

@media (max-width: 820px) {
  .dh-rf-body { padding: 56px 24px 64px; }
  .dh-rf-sector-head { top: 81px; }
  .dh-rf-post { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .dh-rf-badge { grid-column: auto; }
  .dh-rf-logo { height: 60px; }
  .dh-rf-note { padding: 26px 24px; }
}


/* ==========================================================================
   ANASAYFA — DESTEK'TEN HABERLER KARUSELİ  (dh-hb-)
   ========================================================================== */
.dh-hb {
  padding: 120px 64px;
  background: #ffffff;
}
.dh-hb-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
}
.dh-hb-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #2c5fcf;
  padding: 6px 14px;
  background: #eaf0fc;
  border-radius: 999px;
  margin-bottom: 20px;
}
#destek-home .dh-hb-title {
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-hb-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #2c5fcf;
  transition: gap .25s ease;
}
#destek-home .dh-hb-all:hover { gap: 14px; }

.dh-hb-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid #e4e7ed;
  border-radius: 16px;
  background: #f7f8fa;
}
.dh-hb-track {
  display: flex;
  transition: transform .55s cubic-bezier(.4,0,.2,1);
}
.dh-hb-slide {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  align-items: stretch;
}
.dh-hb-media {
  position: relative;
  min-height: 420px;
  background: #0f1a35;
  overflow: hidden;
}
.dh-hb-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dh-hb-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 52px;
  background: #ffffff;
}
.dh-hb-badge {
  align-self: flex-start;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2c5fcf;
  padding: 6px 12px;
  background: #eaf0fc;
  border-radius: 4px;
  margin-bottom: 18px;
}
#destek-home .dh-hb-slide-title {
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-bottom: 14px;
}
#destek-home .dh-hb-text {
  font-size: 16px;
  line-height: 1.7;
  color: #5a6275;
  margin-bottom: 26px;
}
#destek-home .dh-hb-link {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 26px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #1a2a4f;
  border-radius: 4px;
  transition: background .25s ease;
}
#destek-home .dh-hb-link:hover { background: #2c5fcf; color: #ffffff; }

.dh-hb-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.dh-hb-btn {
  position: relative;
  width: 44px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}
.dh-hb-btn:hover { border-color: #2c5fcf; background: #eaf0fc; }
.dh-hb-btn::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 9px; height: 9px;
  border-top: 2px solid #1a2a4f;
  border-right: 2px solid #1a2a4f;
}
.dh-hb-btn-prev::after { transform: translate(-40%, -50%) rotate(-135deg); }
.dh-hb-btn-next::after { transform: translate(-60%, -50%) rotate(45deg); }
.dh-hb-dots {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.dh-hb-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  background: #d4d9e2;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background .25s ease, width .25s ease;
}
.dh-hb-dot-active {
  width: 24px;
  border-radius: 999px;
  background: #2c5fcf;
}

@media (max-width: 1180px) {
  .dh-hb { padding: 100px 40px; }
  .dh-hb-body { padding: 36px 40px; }
  .dh-hb-media { min-height: 320px; }
}
@media (max-width: 820px) {
  .dh-hb { padding: 80px 24px; }
  .dh-hb-slide { grid-template-columns: 1fr; }
  .dh-hb-media { min-height: 220px; }
  .dh-hb-body { padding: 28px 24px; }
}


/* ==========================================================================
   TEKNOLOJİ ORTAKLARI — LOGO DUVARI
   ========================================================================== */


/* ==========================================================================
   FOOTER — SOSYAL MEDYA
   ========================================================================== */
.dh-ft-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
#destek-home .dh-ft-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: rgba(255,255,255,0.8);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.dh-ft-social-link svg { width: 17px; height: 17px; display: block; }
#destek-home .dh-ft-social-link:hover {
  color: #ffffff;
  border-color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.08);
  transform: translateY(-2px);
}
/* Medya Merkezi başlığı altındaki ikon satırı */
.dh-gl-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
#destek-home .dh-gl-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #1a2a4f;
  background: #eaf0fc;
  border-radius: 50%;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.dh-gl-social-link svg { width: 18px; height: 18px; display: block; }
#destek-home .dh-gl-social-link:hover { color: #ffffff; background: #2c5fcf; transform: translateY(-2px); }

/* ==========================================================================
   ÇEREZ BİLDİRİMİ  (dh-ck-)  — JS ile eklenir
   ========================================================================== */
.dh-ck {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 26, 53, 0.58);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
.dh-ck-on { opacity: 1; visibility: visible; }
.dh-ck-card {
  width: 100%;
  max-width: 540px;
  padding: 36px 36px 30px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 40px 80px -30px rgba(15, 26, 53, 0.6);
  text-align: center;
  transform: translateY(14px);
  transition: transform .35s ease;
}
.dh-ck-on .dh-ck-card { transform: none; }
.dh-ck-text { font-size: 15.5px; line-height: 1.6; color: #1a2a4f; margin: 0 0 18px; }
.dh-ck-link { margin-left: 6px; }
.dh-ck-ayar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 22px; margin-bottom: 22px; padding: 14px 16px; background: #f7f8fa; border-radius: 10px; }
.dh-ck-ayar-baslik { font-size: 13px; font-weight: 600; color: #5a6275; }
.dh-ck-switch { position: relative; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: #1a2a4f; }
.dh-ck-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.dh-ck-knob { position: relative; width: 40px; height: 22px; border-radius: 11px; background: #c9d2e6; transition: background .2s ease; flex: 0 0 auto; }
.dh-ck-knob::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #ffffff; transition: transform .2s ease; }
.dh-ck-switch input:checked + .dh-ck-knob { background: #2c5fcf; }
.dh-ck-switch input:checked + .dh-ck-knob::after { transform: translateX(18px); }
.dh-ck-switch-kilit { cursor: default; }
.dh-ck-switch-kilit .dh-ck-knob { background: #8fb0f5; }
.dh-ck-switch input:focus-visible + .dh-ck-knob { box-shadow: 0 0 0 3px #eaf0fc; }
.dh-ck-link { color: #2c5fcf; font-weight: 600; }
.dh-ck-actions { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.dh-ck-btn {
  width: 100%;
  padding: 16px 24px;
  border: 0;
  border-radius: 8px;
  background: #1a2a4f;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .25s ease, transform .2s ease;
}
.dh-ck-btn:hover { background: #2c5fcf; transform: translateY(-1px); }
.dh-ck-btn-ghost {
  width: 100%;
  padding: 13px 24px;
  border: 1.5px solid #c9d2e6;
  border-radius: 8px;
  background: transparent;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #1a2a4f;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease;
}
.dh-ck-btn-ghost:hover { border-color: #2c5fcf; color: #2c5fcf; }
/* Reddet ve Tümüne izin ver eşit boyda yan yana (denetim, 15 Ekim 2026); seçim kaydı altta metin düğmesi */
.dh-ck-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; }
.dh-ck-ikili .dh-ck-btn, .dh-ck-ikili .dh-ck-btn-ghost { padding: 15px 18px; font-size: 15.5px; font-weight: 700; border-width: 1.5px; }
.dh-ck-ikili .dh-ck-btn-ghost { border-color: #1a2a4f; }
.dh-ck-btn-metin { padding: 8px 12px; border: 0; background: transparent; font-family: inherit; font-size: 14.5px; font-weight: 600; color: #2c5fcf; cursor: pointer; }
.dh-ck-btn:focus-visible, .dh-ck-btn-ghost:focus-visible, .dh-ck-btn-metin:focus-visible, .dh-ck-link:focus-visible { outline: 3px solid #2c5fcf; outline-offset: 2px; }
.dh-ck-switch input:focus-visible + .dh-ck-knob { box-shadow: 0 0 0 3px #2c5fcf; }
@media (max-width: 820px) {
  .dh-ck { padding: 16px; align-items: flex-end; }
  .dh-ck-card { padding: 28px 22px 22px; }
}
#destek-home .dh-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 400;
  padding: 12px 20px;
  font-size: 14.5px;
  font-weight: 600;
  color: #ffffff;
  background: #1a2a4f;
  border-radius: 0 0 6px 0;
}
#destek-home .dh-skip:focus {
  left: 0;
  color: #ffffff;
}
.dh-mf-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==========================================================================
   İÇ SAYFA — İKİ SÜTUNLU LİSTE VE BİLGİ SATIRI
   ========================================================================== */
.dh-pg-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-bottom: 32px;
}
.dh-pg-two-col {
  min-width: 0;
}
.dh-pg-info-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
  padding: 26px 0;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
}
#destek-home .dh-pg-info-title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #2c5fcf;
  margin-bottom: 8px;
}
#destek-home .dh-pg-info-text {
  font-size: 15.5px;
  line-height: 1.5;
  color: #1a2a4f;
  margin-bottom: 0;
}
#destek-home .dh-pg-info-link {
  font-weight: 600;
  color: #1a2a4f;
  transition: color .2s ease;
}
#destek-home .dh-pg-info-link:hover { color: #2c5fcf; }

@media (max-width: 1180px) {
  .dh-pg-two { grid-template-columns: 1fr; gap: 8px; }
  .dh-pg-info-row { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media (max-width: 820px) {
  .dh-pg-info-row { grid-template-columns: 1fr; gap: 20px; }
}



/* ==========================================================================
   ÜRETİCİ LOGOLARI — görsel denge (her logonun iç boşluğu farklı)
   ========================================================================== */
.dh-pr-item img {
  max-width: 136px;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.dh-pr-logo-allot            { max-height: 62px; max-width: 126px; }
.dh-pr-logo-aruba            { max-height: 56px; max-width: 116px; }
.dh-pr-logo-broadcom         { max-height: 34px; max-width: 146px; }
.dh-pr-logo-cisco            { max-height: 62px; max-width: 104px;  transform: scale(1.25); }
.dh-pr-logo-commvault        { max-height: 80px; max-width: 120px;  transform: scale(1.3); }
.dh-pr-logo-dece             { max-height: 34px; max-width: 120px; }
.dh-pr-logo-deepmanage       { max-height: 48px; max-width: 132px; }
.dh-pr-logo-dell-emc         { max-height: 38px; max-width: 140px; }
.dh-pr-logo-easystack        { max-height: 70px; max-width: 156px;  transform: scale(1.2); }
.dh-pr-logo-epson            { max-height: 122px; max-width: 190px;  transform: scale(2.5); }
.dh-pr-logo-f5               { max-height: 56px; max-width: 72px;  transform: scale(1.2); }
.dh-pr-logo-fortinet         { max-height: 30px; max-width: 132px; }
.dh-pr-logo-hpe              { max-height: 54px; max-width: 120px; }
.dh-pr-logo-hitachi-vantara  { max-height: 92px; max-width: 168px;  transform: scale(1.4); }
.dh-pr-logo-huawei           { max-height: 96px; max-width: 120px;  transform: scale(1.55); }
.dh-pr-logo-ibm              { max-height: 46px; max-width: 104px; }
.dh-pr-logo-karmasis         { max-height: 40px; max-width: 132px; }
.dh-pr-logo-kaytus           { max-height: 40px; max-width: 132px; }
.dh-pr-logo-lenovo           { max-height: 44px; max-width: 124px; }
.dh-pr-logo-manageengine     { max-height: 76px; max-width: 164px;  transform: scale(1.3); }
.dh-pr-logo-microsoft        { max-height: 64px; max-width: 150px;  transform: scale(1.2); }
.dh-pr-logo-netscout         { max-height: 40px; max-width: 142px; }
.dh-pr-logo-nextcloud        { max-height: 92px; max-width: 124px;  transform: scale(1.35); }
.dh-pr-logo-oracle           { max-height: 78px; max-width: 156px;  transform: scale(1.4); }
.dh-pr-logo-paloalto         { max-height: 40px; max-width: 146px; }
.dh-pr-logo-picus            { max-height: 42px; max-width: 132px; }
.dh-pr-logo-sechard          { max-height: 54px; max-width: 146px; }
.dh-pr-logo-solarwinds       { max-height: 40px; max-width: 146px; }
.dh-pr-logo-symantec         { max-height: 46px; max-width: 140px; }
.dh-pr-logo-tenable          { max-height: 46px; max-width: 132px; }
.dh-pr-logo-tr7              { max-height: 44px; max-width: 116px; }
.dh-pr-logo-trellix          { max-height: 36px; max-width: 124px; }
.dh-pr-logo-veeam            { max-height: 42px; max-width: 112px; }
.dh-pr-logo-xfusion          { max-height: 34px; max-width: 146px; }

@media (max-width: 1180px) {
  .dh-pr-item img { transform: scale(1.12); }
}

@media (max-width: 820px) {
  .dh-pr-item img { max-width: 108px; max-height: 44px; transform: none; }
}


/* ==========================================================================
   ÇÖZÜM KARTLARI — ALT BAŞLIK ÇİPLERİ
   ========================================================================== */
.dh-cs-card-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 26px;
}
.dh-cs-card-chip {
  font-size: 12.5px;
  font-weight: 500;
  color: #5a6275;
  padding: 5px 10px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.dh-cs-card {
  padding: 40px 34px 34px;
}
.dh-cs-grid {
  grid-template-columns: repeat(3, 1fr);
}

/* ==========================================================================
   HATA SAYFASI (404 / 403 / diğer) — dh-er
   ========================================================================== */
.dh-er {
  padding: 110px 64px 120px;
  background: #0f1a35;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dh-er::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 85% 0%, rgba(44, 95, 207, 0.38) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 100%, rgba(44, 95, 207, 0.18) 0%, transparent 50%);
  pointer-events: none;
}
.dh-er-inner {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}
.dh-er-code {
  display: block;
  font-size: clamp(72px, 12vw, 132px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.045em;
  color: #87b3ff;
  margin-bottom: 18px;
}
#destek-home .dh-er-title {
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 18px;
}
#destek-home .dh-er-text {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,0.78);
  max-width: 640px;
  margin: 0 auto 38px;
}
.dh-er-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 0;
}
#destek-home .dh-er-btn-primary {
  display: inline-block;
  padding: 14px 30px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #2c5fcf;
  border-radius: 6px;
  text-decoration: none;
  transition: background .2s ease;
}
#destek-home .dh-er-btn-primary:hover { background: #3f74e6; }
#destek-home .dh-er-btn-outline {
  display: inline-block;
  padding: 13px 29px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 6px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}
#destek-home .dh-er-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.6);
}
.dh-er-detail {
  margin-top: 56px;
  font-size: 13px;
  color: rgba(255,255,255,0.4);
}
.dh-er-debug {
  padding: 24px 64px 48px;
  background: #f7f8fa;
  font-size: 13px;
  color: #3d4658;
  overflow-x: auto;
}

@media (max-width: 1180px) {
  .dh-er { padding: 76px 40px 88px; }
}
@media (max-width: 820px) {
  .dh-er { padding: 56px 24px 68px; }
  .dh-er-detail { margin-top: 40px; }
  .dh-er-debug { padding: 20px 24px 36px; }
}

/* ==========================================================================
   ANASAYFA — HAKKIMIZDA BÖLÜMÜ SERVİS AĞI GÖRSELİ (dh-in-map)
   Etkileşimsiz, sade Türkiye haritası; etkileşimlisi Ofislerimiz sayfasında.
   ========================================================================== */
.dh-in-map {
  margin-top: 44px;
}
.dh-in-map-svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.dh-in-map-il {
  fill: #eef1f6;
  stroke: #ffffff;
  stroke-width: 1.1;
}
.dh-in-map-il-hq { fill: #1a2a4f; }
.dh-in-map-il-ro { fill: #2c5fcf; }
.dh-in-map-il-so { fill: #a8c8ff; }
.dh-in-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 18px;
}
.dh-in-map-key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #3d4658;
}
.dh-in-map-dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.dh-in-map-dot-hq { background: #1a2a4f; }
.dh-in-map-dot-ro { background: #2c5fcf; }
.dh-in-map-dot-so { background: #a8c8ff; }
#destek-home .dh-in-map-note {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e4e7ed;
  font-size: 14.5px;
  color: #5a6275;
}
#destek-home .dh-in-map-link {
  color: #2c5fcf;
  font-weight: 600;
  transition: color .2s ease;
}
#destek-home .dh-in-map-link:hover { color: #1a2a4f; }

@media (max-width: 1180px) {
  .dh-in-map { margin-top: 36px; }
}

/* Çözüm kartı ikonu — satır içi SVG */
.dh-cz-card-svg {
  width: 28px;
  height: 28px;
  display: block;
}

/* Politika sayfalarındaki belge kartı — bağlantı değil, alt satırda alınma yılı */
.dh-pg-card-meta {
  margin-top: auto;
  padding-top: 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2c5fcf;
}
.dh-pg-card-text strong { color: #1a2a4f; font-weight: 700; }
/* Belge kartı tıklanabilir değil — bağlantı kartlarındaki hover hareketi kapatılır */
#destek-home .dh-pg-card-belge:hover {
  transform: none;
  border-color: #e4e7ed;
  box-shadow: none;
}
#destek-home .dh-pg-card-belge:hover .dh-pg-card-icon {
  background: #eaf0fc;
  color: #2c5fcf;
}
.dh-pg-card-belge .dh-pg-card-svg {
  width: 26px;
  height: 26px;
  display: block;
}

/* ==========================================================================
   POLİTİKA SAYFALARI — ISO ROZETİ ve POLİTİKA KARTLARI
   ========================================================================== */
.dh-pg-iso {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  padding: 14px 22px 14px 16px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 10px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.dh-pg-iso-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: rgba(135,179,255,0.16);
  color: #87b3ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dh-pg-iso-svg { width: 22px; height: 22px; display: block; }
.dh-pg-iso-text { display: flex; flex-direction: column; gap: 3px; }
.dh-pg-iso-code {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.dh-pg-iso-name {
  font-size: 13.5px;
  color: rgba(255,255,255,0.7);
}

/* Diğer politikalar kart ızgarası */
.dh-pg-grid-pol { grid-template-columns: repeat(3, 1fr); }
#destek-home .dh-pg-card-pol {
  padding: 28px 26px 24px;
}
.dh-pg-card-code {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2c5fcf;
  margin-bottom: 8px;
}
#destek-home .dh-pg-card-pol .dh-pg-card-title {
  font-size: 17.5px;
  margin-bottom: 18px;
}
.dh-pg-card-svg { width: 24px; height: 24px; display: block; }
#destek-home .dh-pg-card-pol .dh-pg-card-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
}
.dh-pg-card-rozet { width: 92px; height: 92px; margin-bottom: 14px; }
.dh-pg-card-rozet img { display: block; width: 100%; height: 100%; }

@media (max-width: 1180px) {
  .dh-pg-grid-pol { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
  .dh-pg-grid-pol { grid-template-columns: 1fr; }
  .dh-pg-iso { margin-top: 24px; }
}

/* ==========================================================================
   BİZE ULAŞIN — SEÇİM PENCERESİ (dh-bu)
   Solda iletişim ve şikayet formu, sağda insan kaynakları başvurusu.
   ========================================================================== */
.dh-bu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
}
.dh-bu-open { display: block; }
.dh-bu-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 18, 38, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.dh-bu-dialog {
  position: relative;
  max-width: 760px;
  margin: 10vh auto 0;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 40px 90px -30px rgba(10, 18, 38, 0.6);
}
.dh-bu-close {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  font-size: 22px;
  line-height: 1;
  color: rgba(255,255,255,0.7);
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.dh-bu-close:hover { background: rgba(255,255,255,0.14); color: #ffffff; }
@media (max-width: 820px) {
  /* tek kolona inince kapatma tuşu beyaz panelin üstünde kalır */
  .dh-bu-close { color: #5a6275; }
  .dh-bu-close:hover { background: #f7f8fa; color: #1a2a4f; }
}
.dh-bu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.dh-bu-pane { padding: 44px 36px 40px; }
.dh-bu-pane-ik {
  background: #0f1a35;
  position: relative;
  overflow: hidden;
}
.dh-bu-pane-ik::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 90% 0%, rgba(44, 95, 207, 0.42) 0%, transparent 60%);
  pointer-events: none;
}
.dh-bu-tag,
.dh-bu-tag-ik {
  display: inline-block;
  position: relative;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 13px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.dh-bu-tag { color: #2c5fcf; background: #eaf0fc; }
.dh-bu-tag-ik { color: #ffffff; background: rgba(255,255,255,0.14); }
#destek-home .dh-bu-title,
#destek-home .dh-bu-title-ik {
  position: relative;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
#destek-home .dh-bu-title { color: #1a2a4f; }
#destek-home .dh-bu-title-ik { color: #ffffff; }
#destek-home .dh-bu-text,
#destek-home .dh-bu-text-ik {
  position: relative;
  font-size: 14.5px;
  line-height: 1.6;
  margin-bottom: 26px;
}
#destek-home .dh-bu-text { color: #5a6275; }
#destek-home .dh-bu-text-ik { color: rgba(255,255,255,0.75); }
#destek-home .dh-bu-btn-primary,
#destek-home .dh-bu-btn-outline,
#destek-home .dh-bu-btn-ik {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 22px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
#destek-home .dh-bu-btn-primary {
  color: #ffffff;
  background: #2c5fcf;
  border: 1.5px solid #2c5fcf;
  margin-bottom: 12px;
}
#destek-home .dh-bu-btn-primary:hover { background: #3f74e6; border-color: #3f74e6; }
#destek-home .dh-bu-btn-outline {
  color: #1a2a4f;
  background: #ffffff;
  border: 1.5px solid #e4e7ed;
}
#destek-home .dh-bu-btn-outline:hover { border-color: #2c5fcf; color: #2c5fcf; }
#destek-home .dh-bu-btn-ik {
  color: #1a2a4f;
  background: #ffffff;
  border: 1.5px solid #ffffff;
}
#destek-home .dh-bu-btn-ik:hover { background: #eaf0fc; border-color: #eaf0fc; }

@media (max-width: 820px) {
  .dh-bu-dialog { margin: 6vh 16px 0; max-height: 88vh; overflow-y: auto; }
  .dh-bu-grid { grid-template-columns: 1fr; }
  .dh-bu-pane { padding: 34px 26px 30px; }
}

/* Tablo başlığındaki dönem etiketi (çevre politikası tüketim tabloları) */
.dh-pg-table-donem {
  font-size: 14px;
  font-weight: 500;
  color: #5a6275;
  letter-spacing: 0;
  margin-left: 8px;
}
/* Sayı sütunları sağa yaslı okunur */
.dh-pg-table td:nth-child(2),
.dh-pg-table td:nth-child(4),
.dh-pg-table td:nth-child(6) { text-align: right; white-space: nowrap; }
.dh-pg-table td:nth-child(3),
.dh-pg-table td:nth-child(5) { color: #5a6275; font-size: 13.5px; white-space: nowrap; }
.dh-pg-table td:first-child { color: #1a2a4f; font-weight: 600; }
.dh-pg-table th:nth-child(2),
.dh-pg-table th:nth-child(3) { text-align: center; }
.dh-pg-table th:nth-child(4) { text-align: right; }

/* ==========================================================================
   İÇ SAYFA BAŞLIK ARALIKLARI
   Başlıklarda yalnız margin-bottom vardı; bir paragraf/listeden sonra gelen
   başlık önceki konuya yapışıyordu. Aşağıdaki kurallar yalnızca kendinden
   önce bir kardeş varsa devreye girer, blok başındaki başlığa boşluk eklemez.
   ========================================================================== */
#destek-home * + .dh-pg-h2 { margin-top: 56px; }
#destek-home * + .dh-pg-h3 { margin-top: 36px; }
#destek-home .dh-pg-h2 + .dh-pg-h3 { margin-top: 0; }
#destek-home * + .dh-nw-h3 { margin-top: 32px; }

@media (max-width: 820px) {
  #destek-home * + .dh-pg-h2 { margin-top: 44px; }
  #destek-home * + .dh-pg-h3 { margin-top: 30px; }
  #destek-home .dh-pg-h2 + .dh-pg-h3 { margin-top: 0; }
}

/* ==========================================================================
   YÖNETİM VE İCRA KURULU  (dh-yk-)
   Kart değil, editoryal profil: ince çizgilerle ayrılmış geniş profil
   satırları (portre · görev satırı · ad · özgeçmiş). Kutu/gölge yok.
   ========================================================================== */
.dh-yk {
  padding: 24px 64px 110px;
  background: #ffffff;
}
.dh-yk-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.dh-yk-profile {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 56px;
  align-items: start;
  padding: 64px 0;
  border-top: 1px solid #e4e7ed;
  scroll-margin-top: 30px;
}
.dh-yk-profile:first-child { border-top: 0; }
.dh-yk-profile:last-child { border-bottom: 1px solid #e4e7ed; }
.dh-yk-photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-radius: 14px;
  background: linear-gradient(165deg, #eef2fa 0%, #e0e7f6 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dh-yk-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.dh-yk-initials {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(26, 42, 79, 0.28);
}
.dh-yk-body { max-width: 680px; }
#destek-home .dh-yk-roles {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2c5fcf;
  margin-bottom: 14px;
}
.dh-yk-sep { color: #a8b3c7; margin: 0 2px; }
#destek-home .dh-yk-name {
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #1a2a4f;
  margin-bottom: 22px;
}
#destek-home .dh-yk-bio {
  font-size: 16px;
  line-height: 1.75;
  color: #3d4658;
  margin-bottom: 16px;
}
#destek-home .dh-yk-bio:last-child { margin-bottom: 0; }

@media (max-width: 1180px) {
  .dh-yk { padding: 16px 40px 80px; }
  .dh-yk-profile { grid-template-columns: 220px minmax(0, 1fr); gap: 36px; padding: 48px 0; }
}
@media (max-width: 820px) {
  .dh-yk { padding: 8px 24px 64px; }
  .dh-yk-profile { grid-template-columns: 1fr; gap: 22px; padding: 40px 0; }
  .dh-yk-photo { width: 160px; }
}


/* ==========================================================================
   ÇÖZÜM DETAY SAYFASI  (dh-cd-)  — Güvenlik · Veri Merkezi · Altyapı ve Ağ
   + Kurumsal Çözümler merkezi. Kaynak: websitesi/Çözümler Destek.docx.
   Kategori = numara + başlık + giriş + fayda/sunar sütunları + açılır öğeler.
   Öğeler <details>: içerik HTML'de tam, kapalı gelir. Atlama çubuğu dh-sc-jump.
   ========================================================================== */
.dh-cd-head {
  position: relative;
  overflow: hidden;
  padding: 52px 64px 52px;
  background: #0f1a35;
}
.dh-cd-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.dh-cd-head::after {
  content: "";
  position: absolute;
  top: -40%; right: -10%;
  width: 46%; height: 180%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.24) 0%, transparent 64%);
  pointer-events: none;
}
.dh-cd-head-inner {
  position: relative;
  z-index: 2;
  max-width: 920px;
}
.dh-cd-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 24px;
}
#destek-home .dh-cd-crumb-link { color: rgba(255,255,255,0.75); transition: color .2s ease; }
#destek-home .dh-cd-crumb-link:hover { color: #ffffff; }
.dh-cd-crumb-sep { color: rgba(255,255,255,0.3); }
.dh-cd-crumb-current { color: #87b3ff; }
.dh-cd-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #87b3ff;
  padding: 6px 14px;
  border: 1px solid rgba(135, 179, 255, 0.35);
  border-radius: 999px;
  margin-bottom: 24px;
}
#destek-home .dh-cd-title {
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin-bottom: 18px;
}
#destek-home .dh-cd-lead {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin-bottom: 0;
  max-width: 800px;
}
.dh-cd-head-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,0.14);
}
.dh-cd-head-stat {
  font-size: 14px;
  color: rgba(255,255,255,0.62);
}
.dh-cd-head-stat strong {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-right: 6px;
}

.dh-cd-body {
  padding: 40px 64px 96px;
  background: #ffffff;
}
#destek-home .dh-cd-p {
  font-size: 16.5px;
  line-height: 1.72;
  color: #3d4658;
  margin-bottom: 14px;
}
#destek-home .dh-cd-p:last-child { margin-bottom: 0; }
.dh-cd-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dh-cd-li {
  position: relative;
  padding-left: 20px;
  font-size: 15.5px;
  line-height: 1.6;
  color: #3d4658;
  margin-bottom: 9px;
}
.dh-cd-li:last-child { margin-bottom: 0; }
.dh-cd-li::before {
  content: "";
  position: absolute;
  left: 2px; top: 10px;
  width: 6px; height: 6px;
  background: #2c5fcf;
  border-radius: 1px;
  transform: rotate(45deg);
}

/* genel bakış (alan seviyesi) */
.dh-cd-over {
  max-width: 1120px;
  margin: 0 auto 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e7ed;
}
.dh-cd-over:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }   /* Seri hizmet sayfası: altında kart yok */
.dh-cd-over-text {
  max-width: 800px;
  margin-bottom: 32px;
}

/* fayda / sunar kartları — kategori, alan ve öğe seviyesinde aynı bileşen */
.dh-cd-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.dh-cd-list {
  position: relative;
  overflow: hidden;
  padding: 20px 22px 22px;
  background: #f7f8fa;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
}
.dh-cd-list-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.dh-cd-list-ikon {
  flex: 0 0 auto;
  width: 30px; height: 30px;
  border-radius: 8px;
  background: #eaf0fc;
  position: relative;
}
.dh-cd-list-ikon::before {
  content: "";
  position: absolute;
  inset: 7px;
  background-color: #2c5fcf;
  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
  mask-repeat: no-repeat; mask-position: center; mask-size: contain;
}
.dh-cd-list-faydalar .dh-cd-list-ikon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.3 2 3-.4 1 2.9 2.7 1.4-.9 2.9.9 2.9-2.7 1.4-1 2.9-3-.4-2.3 2-2.3-2-3 .4-1-2.9L3 12.7l.9-2.9L3 6.9l2.7-1.4 1-2.9 3 .4z'/%3E%3Cpath d='M8.5 12.2l2.3 2.3 4.7-4.8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.3 2 3-.4 1 2.9 2.7 1.4-.9 2.9.9 2.9-2.7 1.4-1 2.9-3-.4-2.3 2-2.3-2-3 .4-1-2.9L3 12.7l.9-2.9L3 6.9l2.7-1.4 1-2.9 3 .4z'/%3E%3Cpath d='M8.5 12.2l2.3 2.3 4.7-4.8'/%3E%3C/svg%3E");
}
.dh-cd-list-sunar .dh-cd-list-ikon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E");
}
#destek-home .dh-cd-list-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a2a4f;
  margin-bottom: 0;
}
.dh-cd-list .dh-cd-li { margin-bottom: 8px; padding-left: 24px; font-size: 14.5px; line-height: 1.55; }
/* fayda maddeleri: onay işareti */
.dh-cd-list-faydalar .dh-cd-li::before {
  left: 0; top: 4px;
  width: 16px; height: 16px;
  background-color: #2c5fcf;
  border-radius: 0;
  transform: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
  mask-repeat: no-repeat; mask-position: center; mask-size: contain;
}
/* sunar kartı: koyu, ışıltılı */
.dh-cd-list-sunar {
  background: #0f1a35;
  border-color: #0f1a35;
}
.dh-cd-list-sunar::after {
  content: "";
  position: absolute;
  top: -40%; right: -20%;
  width: 70%; height: 120%;
  background: radial-gradient(ellipse at center, rgba(44, 95, 207, 0.28) 0%, transparent 65%);
  pointer-events: none;
}
.dh-cd-list-sunar > * { position: relative; z-index: 1; }
.dh-cd-list-sunar .dh-cd-list-ikon { background: rgba(135, 179, 255, 0.16); }
.dh-cd-list-sunar .dh-cd-list-ikon::before { background-color: #87b3ff; }
#destek-home .dh-cd-list-sunar .dh-cd-list-title { color: #ffffff; }
.dh-cd-list-sunar .dh-cd-li { color: rgba(255,255,255,0.9); }
.dh-cd-list-sunar .dh-cd-li::before { background: #87b3ff; }
#destek-home .dh-cd-list-sunar .dh-cd-p { color: rgba(255,255,255,0.88); }

#destek-home .dh-cd-cat-headtext .dh-cd-p { font-size: 15.5px; color: #5a6275; }

/* alan seviyesi (genel bakış): kompakt fayda listesi */
.dh-cd-brief { max-width: 900px; margin: 0 0 28px; }
#destek-home .dh-cd-brief-title {
  font-size: 13px;
  font-weight: 700;
  color: #1a2a4f;
  margin-bottom: 10px;
}
.dh-cd-brief .dh-cd-ul {
  columns: 2;
  column-gap: 28px;
}
.dh-cd-brief .dh-cd-li { font-size: 14.5px; line-height: 1.5; color: #3d4658; margin-bottom: 6px; break-inside: avoid; }
.dh-cd-over-text + .dh-cd-brief { padding-top: 22px; border-top: 1px solid #e4e7ed; }
.dh-cd-over > :last-child { margin-bottom: 0; }

/* alan seviyesi (genel bakış): ürün şeridi */
.dh-cd-ribbon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 14px 18px;
  margin-bottom: 22px;
  background: #0f1a35;
  border-radius: 10px;
}
.dh-cd-ribbon-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: #ffffff;
  margin-right: 8px;
  white-space: nowrap;
}
.dh-cd-ribbon-ikon {
  width: 18px; height: 18px;
  background-color: #87b3ff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E") no-repeat center / contain;
}
.dh-cd-ribbon-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.dh-cd-ribbon-chip {
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  padding: 6px 11px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(135, 179, 255, 0.35);
  border-radius: 6px;
}
#destek-home .dh-cd-ribbon .dh-cd-p { flex: 1 0 100%; font-size: 14.5px; color: rgba(255,255,255,0.88); margin-top: 6px; }
.dh-cd-over .dh-cd-ribbon { margin-bottom: 0; }

/* kategori */
.dh-cd-cat {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 56px 0 48px;
  scroll-margin-top: 70px;
}
/* dönüşümlü bant: çift kategoriler açık gri, tam genişlik (kutu gölgesiyle taşırma) */
.dh-cd-cat-cift {
  background: #f7f8fa;
  box-shadow: 0 0 0 100vmax #f7f8fa;
  clip-path: inset(0 -100vmax);
}
.dh-cd-cat-cift .dh-cd-item { background: #ffffff; }
/* kategori filigranı: yarı saydam lacivert ikon, sağ üst */
.dh-cd-cat-ikon {
  position: absolute;
  top: -8px; right: 0;
  width: 136px; height: 136px;
  background-color: #2c5fcf;   /* lacivert saydam griye dönüyordu; mavi tonda okunur */
  opacity: 0.3;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
  mask-repeat: no-repeat; mask-position: center; mask-size: contain;
}
.dh-cd-cat-ikon-iletisim,
.dh-cd-area-ikon-iletisim {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-kalkan,
.dh-cd-area-ikon-kalkan {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-dizustu,
.dh-cd-area-ikon-dizustu {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='11' rx='2'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='11' rx='2'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-veritabani,
.dh-cd-area-ikon-veritabani {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='8' ry='3'/%3E%3Cpath d='M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6'/%3E%3Cpath d='M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='8' ry='3'/%3E%3Cpath d='M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6'/%3E%3Cpath d='M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-anahtar,
.dh-cd-area-ikon-anahtar {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.8 12.2L20 3M17 6l3 3M14 9l2.5 2.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.8 12.2L20 3M17 6l3 3M14 9l2.5 2.5'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-hedef,
.dh-cd-area-ikon-hedef {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-ekran,
.dh-cd-area-ikon-ekran {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-bulut,
.dh-cd-area-ikon-bulut {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h11a4 4 0 0 0 .5-8A6 6 0 0 0 7 9.5 4.5 4.5 0 0 0 7 18z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h11a4 4 0 0 0 .5-8A6 6 0 0 0 7 9.5 4.5 4.5 0 0 0 7 18z'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-sunucu,
.dh-cd-area-ikon-sunucu {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-katman,
.dh-cd-area-ikon-katman {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-yenile,
.dh-cd-area-ikon-yenile {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.7'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.7'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-ag,
.dh-cd-area-ikon-ag {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3Cpath d='M12 7v5M12 12l-6 5.5M12 12l6 5.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3Cpath d='M12 7v5M12 12l-6 5.5M12 12l6 5.5'/%3E%3C/svg%3E");
}
.dh-cd-cat-ikon-arsiv,
.dh-cd-area-ikon-arsiv {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='4' rx='1'/%3E%3Cpath d='M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='4' rx='1'/%3E%3Cpath d='M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
}
.dh-cd-cat-head {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  min-height: 112px;
  margin-bottom: 24px;
}
.dh-cd-cat-num {
  font-size: 54px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: #eaf0fc;
  -webkit-text-stroke: 2px #2c5fcf;
  paint-order: stroke fill;   /* dolgu konturun üstüne: '4'ün iç hatları görünmez, dışta 1px kontur kalır */
}
.dh-cd-cat-headtext { max-width: 820px; }
#destek-home .dh-cd-cat-title {
  font-size: clamp(24px, 2.4vw, 31px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #1a2a4f;
  margin-bottom: 6px;
}
.dh-cd-cat-en {
  display: inline-block;
  font-size: 13.5px;
  font-weight: 500;
  color: #5a6275;
  margin: 0 14px 18px 0;
}

/* açılır öğeler */
.dh-cd-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dh-cd-item {
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.dh-cd-item:hover { border-color: #c9d4ea; }
.dh-cd-item[open] {
  border-color: #2c5fcf;
  box-shadow: 0 18px 40px -30px rgba(15, 26, 53, 0.35);
}
.dh-cd-item-sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 24px;
  cursor: pointer;
  list-style: none;
}
.dh-cd-item-sum::-webkit-details-marker { display: none; }
.dh-cd-item-name {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: #1a2a4f;
}
.dh-cd-item[open] .dh-cd-item-name { color: #2c5fcf; }
.dh-cd-item-chev {
  flex: 0 0 auto;
  width: 10px; height: 10px;
  border-right: 2px solid #5a6275;
  border-bottom: 2px solid #5a6275;
  transform: rotate(45deg);
  margin-right: 4px;
  transition: transform .25s ease, border-color .25s ease;
}
.dh-cd-item[open] .dh-cd-item-chev {
  transform: rotate(-135deg);
  border-color: #2c5fcf;
  margin-top: 6px;
}
.dh-cd-item-body {
  padding: 24px 28px 28px;
  border-top: 1px solid #eef1f6;
}
.dh-cd-item-intro {
  max-width: 900px;
  margin-bottom: 18px;
}
.dh-cd-item-intro + .dh-cd-cols { margin-top: 22px; }
.dh-cd-item-intro .dh-cd-li { font-size: 15.5px; }
#destek-home .dh-cd-item-intro .dh-cd-p {
  font-size: 17px;
  line-height: 1.65;
  color: #1a2a4f;
}
.dh-cd-item-body .dh-cd-cols { gap: 16px; }

/* Kurumsal Çözümler merkezi — seçilebilir alan kartları (yatay satır) */
.dh-cd-areas {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
#destek-home .dh-cd-area {
  display: grid;
  grid-template-columns: 64px minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 24px 28px;
  align-items: start;
  padding: 30px 34px;
  background: linear-gradient(135deg, #ffffff 0%, #f3f6fd 100%);
  border: 1px solid #e4e7ed;
  border-radius: 14px;
  text-decoration: none;
  color: #1a1f2e;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
#destek-home .dh-cd-area:hover {
  border-color: #b9c9ee;
  transform: translateY(-2px);
  box-shadow: 0 24px 44px -32px rgba(15, 26, 53, 0.45);
}
.dh-cd-area-ikon {
  position: relative;
  width: 56px; height: 56px;
  border-radius: 14px;
  background: #0f1a35;
  background-image: none;
}
.dh-cd-area-ikon::before {
  content: "";
  position: absolute;
  inset: 14px;
  background-color: #87b3ff;
  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
  mask-repeat: no-repeat; mask-position: center; mask-size: contain;
  -webkit-mask-image: inherit;
  mask-image: inherit;
}
#destek-home .dh-cd-area-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1a2a4f;
  margin-bottom: 10px;
}
#destek-home .dh-cd-area .dh-cd-p { font-size: 15px; line-height: 1.65; margin-bottom: 0; }
.dh-cd-area-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 28px;
  border-left: 1px solid #e4e7ed;
  min-height: 100%;
}
.dh-cd-area-list { font-size: 13.5px; line-height: 1.7; color: #5a6275; }
.dh-cd-area-more { font-size: 14.5px; font-weight: 600; color: #2c5fcf; }
#destek-home .dh-cd-area:hover .dh-cd-area-more { text-decoration: underline; }

/* tek başlıklı hizmet sayfası (Seri): giriş + iki kart */
.dh-cd-single { max-width: 1120px; margin: 0 auto; }
.dh-cd-single .dh-cd-over-text { max-width: 860px; margin-bottom: 26px; }
#destek-home .dh-cd-single .dh-cd-over-text .dh-cd-p { font-size: 17px; line-height: 1.65; color: #1a1f2e; }   /* palet eşlemesine girmeyen metin rengi: Seri'de kırmızıya dönmesin */

/* öğe içi alt başlıklar (Veri Merkezi) */
.dh-cd-subs {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px dashed #e4e7ed;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 32px;
}
#destek-home .dh-cd-sub-title {
  font-size: 15px;
  font-weight: 700;
  color: #1a2a4f;
  margin-bottom: 6px;
}
#destek-home .dh-cd-sub .dh-cd-p { font-size: 14.5px; line-height: 1.6; color: #5a6275; margin-bottom: 8px; }
#destek-home .dh-cd-sub-label { font-size: 12.5px; font-weight: 700; color: #2c5fcf; margin: 8px 0 6px; }
.dh-cd-sub .dh-cd-li { font-size: 14px; margin-bottom: 5px; }

/* kapanış */
.dh-cd-foot {
  max-width: 1120px;
  margin: 56px auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 36px;
  background: #0f1a35;
  border-radius: 10px;
}
#destek-home .dh-cd-foot-text {
  font-size: 17px;
  line-height: 1.55;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
  max-width: 640px;
}
#destek-home .dh-cd-foot-btn {
  display: inline-flex;
  align-items: center;
  padding: 13px 26px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #0f1a35;
  background: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .25s ease, color .25s ease;
}
#destek-home .dh-cd-foot-btn:hover { background: #87b3ff; color: #0f1a35; }

@media (max-width: 1180px) {
  .dh-cd-head { padding: 44px 40px 44px; }
  .dh-cd-body { padding: 32px 40px 80px; }
  .dh-cd-cat { scroll-margin-top: 60px; }
  .dh-cd-cat-ikon { width: 110px; height: 110px; }
  .dh-cd-cat-head { grid-template-columns: 72px minmax(0, 1fr); gap: 18px; }
  .dh-cd-cat-num { font-size: 44px; }
  #destek-home .dh-cd-area { grid-template-columns: 56px minmax(0, 1fr); }
  .dh-cd-area-side { grid-column: 2; padding-left: 0; border-left: 0; padding-top: 14px; border-top: 1px solid #e4e7ed; }
}
@media (max-width: 820px) {
  .dh-cd-head { padding: 36px 24px 36px; }
  .dh-cd-body { padding: 24px 24px 64px; }
  .dh-cd-cols { grid-template-columns: 1fr; }
  .dh-cd-subs { grid-template-columns: 1fr; }
  .dh-cd-brief .dh-cd-ul { columns: 1; }
  .dh-cd-cat { padding: 40px 0 36px; scroll-margin-top: 48px; }
  .dh-cd-cat-ikon { display: none; }
  .dh-cd-cat-head { min-height: 0; }
  .dh-cd-cat-head { grid-template-columns: 1fr; gap: 8px; }
  .dh-cd-item-sum { padding: 16px 18px; }
  .dh-cd-item-body { padding: 18px 18px 22px; }
  .dh-cd-list { padding: 22px 20px; }
  .dh-cd-foot { padding: 24px; }
  .dh-cd-head-stat strong { font-size: 20px; }
}

/* ==========================================================================
   RAKAMLAR (dh-rk) — kaydırınca canlanan istatistik bantları (17 Eylül 2026)
   Her sahne ayrı, tam genişlikte bir bant (D-Stack post bantları gibi): açık / beyaz / koyu / buzlu.
   Sahne görünür olunca JS .dh-rk-on ekler: sayaçlar, harita dalgası, ekip ızgarası,
   yolda giden servis aracı, fiş basan POS, dolan çubuklar. İlk kullanım: Seri anasayfa.
   ========================================================================== */
.dh-rk { background: #ffffff; }
.dh-rk-head { max-width: 760px; margin: 0 auto; padding: 110px 64px 72px; text-align: center; }
.dh-rk-tag { display: inline-block; font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; color: #2c5fcf; margin-bottom: 14px; }
#destek-home .dh-rk-title { font-size: clamp(30px, 3.4vw, 44px); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; color: #1a2a4f; margin-bottom: 16px; }
#destek-home .dh-rk-lead { font-size: 17px; line-height: 1.65; color: #5a6275; margin: 0; }
.dh-rk-sahne { padding: 150px 64px; }
.dh-rk-sahne-harita { background: #f7f8fa; }
.dh-rk-sahne-ekip { background: #ffffff; }
.dh-rk-sahne-saha { background: #0f1a35; }
.dh-rk-sahne-hacim { background: #eaf0fc; }
.dh-rk-ic {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 56px 120px;
  align-items: center;
}
.dh-rk-sahne-ters .dh-rk-metin { order: 2; }
.dh-rk-sahne-ters .dh-rk-gorsel { order: 1; }
.dh-rk-metin { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.dh-rk-gorsel { min-width: 0; }
.dh-rk-kicker { display: flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; color: #5a6275; }
.dh-rk-kicker-no { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; color: #2c5fcf; }
.dh-rk-stat { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.dh-rk-on .dh-rk-stat { opacity: 1; transform: none; }
.dh-rk-on .dh-rk-stat:nth-child(3) { transition-delay: .25s; }
.dh-rk-buyuk {
  display: block;
  font-size: clamp(64px, 7.4vw, 112px);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
  color: #1a2a4f;
  font-variant-numeric: tabular-nums;
}
.dh-rk-etiket { display: block; margin-top: 10px; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; color: #2c5fcf; }
#destek-home .dh-rk-aciklama { margin: 12px 0 0; font-size: 17px; line-height: 1.6; color: #5a6275; max-width: 440px; }
/* koyu bant (saha) */
.dh-rk-sahne-saha .dh-rk-kicker { color: #c9d2e6; }
.dh-rk-sahne-saha .dh-rk-kicker-no { color: #87b3ff; }
.dh-rk-sahne-saha .dh-rk-buyuk { color: #ffffff; }
.dh-rk-sahne-saha .dh-rk-etiket { color: #87b3ff; }
#destek-home .dh-rk-sahne-saha .dh-rk-aciklama { color: #c9d2e6; }
/* halka gösterge (30 yıl, %80) */
.dh-rk-stat-halka { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 24px; align-items: center; position: relative; }
.dh-rk-halka { width: 136px; height: 136px; transform: rotate(-90deg); }
.dh-rk-halka-zemin { fill: none; stroke: #eaf0fc; stroke-width: 8; }
.dh-rk-halka-yay { fill: none; stroke: #2c5fcf; stroke-width: 8; stroke-linecap: round; stroke-dasharray: 276.5; stroke-dashoffset: 276.5; transition: stroke-dashoffset 2.2s cubic-bezier(.2, .7, .2, 1); }
.dh-rk-halka-ic { position: absolute; left: 0; top: 0; width: 136px; height: 136px; display: flex; align-items: center; justify-content: center; }
.dh-rk-halka-ic .dh-rk-sayi { font-size: 36px; font-weight: 800; letter-spacing: -0.03em; color: #1a2a4f; font-variant-numeric: tabular-nums; }
.dh-rk-halka-yazi .dh-rk-etiket { margin-top: 0; }
.dh-rk-yillar { display: flex; gap: 10px; margin-top: 6px; font-size: 14px; font-weight: 600; letter-spacing: 0.04em; color: #5a6275; }
.dh-rk-lejant { display: flex; gap: 16px; margin-top: 10px; font-size: 14px; color: #5a6275; }
.dh-rk-lejant span::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: -1px; }
.dh-rk-lejant-teknik::before { background: #2c5fcf; }
.dh-rk-lejant-diger::before { background: #c9d2e6; }
/* 01 harita: batıdan doğuya dalga (gecikme JS'ten, il merkezinin x'i) */
.dh-rk-harita { width: 100%; height: auto; display: block; }
.dh-rk-il { fill: #e4e8ef; stroke: #ffffff; stroke-width: 1; transition: fill .9s ease; }
.dh-rk-on .dh-rk-il { fill: #eaf0fc; }
.dh-rk-on .dh-rk-il-so { fill: #87b3ff; }
.dh-rk-on .dh-rk-il-ro { fill: #3f74e6; }
.dh-rk-on .dh-rk-il-hq { fill: #2c5fcf; }
.dh-rk-pin { fill: #2c5fcf; stroke: #ffffff; stroke-width: 1.5; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.dh-rk-pin-hq { fill: #1a2a4f; }
.dh-rk-pin-so { fill: #87b3ff; }
.dh-rk-on .dh-rk-pin { transform: scale(1); }
/* 02 ekip: 10×8 kişi simgesi (her simge 10 çalışan) alttan çapraz dalgayla belirir;
   ikinci dalgada (dh-rk-on2) her 5'te 4'ü teknik renge döner ve rozet alır */
.dh-rk-sahne-ekip .dh-rk-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }   /* ızgara ile metin eşit genişlikte, ızgara ortada */
.dh-rk-sahne-ekip .dh-rk-gorsel { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dh-rk-ekip { display: grid; grid-template-columns: repeat(5, 72px); gap: 36px 40px; justify-content: center; }   /* 5×4: her sırada 4 teknik + 1 diğer */
.dh-rk-kisi {
  position: relative;
  display: block;
  color: #c9d2e6;
  opacity: 0;
  transform: translateY(26px) scale(.7);
  transform-origin: 50% 100%;
  transition: opacity .45s ease, transform .6s cubic-bezier(.34, 1.56, .64, 1), color .6s ease;
}
.dh-rk-kisi svg { display: block; width: 100%; height: auto; fill: currentColor; }
.dh-rk-on .dh-rk-kisi { opacity: 1; transform: none; }
.dh-rk-on2 .dh-rk-kisi-teknik { color: #2c5fcf; }
.dh-rk-on2 .dh-rk-kisi-teknik /* 03 yol + servis aracı (koyu bant); duraklar araç geçerken belirir */
.dh-rk-yol { width: 100%; height: auto; display: block; overflow: visible; }
.dh-rk-yol-zemin { fill: #233870; }
.dh-rk-yol-serit { fill: none; stroke: #ffffff; stroke-width: 3; stroke-dasharray: 22 18; opacity: .8; }
.dh-rk-on .dh-rk-yol-serit { animation: dh-rk-yol 1s linear infinite; }
@keyframes dh-rk-yol { to { stroke-dashoffset: -40; } }
.dh-rk-van { transform: translateX(-170px); }
.dh-rk-on .dh-rk-van { animation: dh-rk-van 2.6s cubic-bezier(.45, .05, .3, 1) forwards; }
@keyframes dh-rk-van { from { transform: translateX(-170px); } to { transform: translateX(380px); } }
.dh-rk-van-govde { fill: #ffffff; }
.dh-rk-van-cam { fill: #87b3ff; }
.dh-rk-van-logo { fill: #2c5fcf; }
.dh-rk-teker { transform-box: fill-box; transform-origin: center; }
.dh-rk-teker circle { fill: #0f1a35; }
.dh-rk-teker .dh-rk-teker-ic { fill: #c9d2e6; }
.dh-rk-on .dh-rk-teker { animation: dh-rk-teker .7s linear 4; }
@keyframes dh-rk-teker { to { transform: rotate(360deg); } }
.dh-rk-durak { fill: #87b3ff; transform-box: fill-box; transform-origin: 50% 100%; transform: scale(0); transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.dh-rk-durak circle { fill: #0f1a35; }
.dh-rk-on .dh-rk-durak[data-dh-sira="1"] { transform: scale(1); transition-delay: .9s; }
.dh-rk-on .dh-rk-durak[data-dh-sira="2"] { transform: scale(1); transition-delay: 1.6s; }
.dh-rk-on .dh-rk-durak[data-dh-sira="3"] { transform: scale(1); transition-delay: 2.3s; }
/* 04 cihaz parkı: fiş basan POS + iki sütun cihaz kartı */
.dh-rk-pos { width: 100%; max-width: 400px; height: auto; display: block; margin: 0 auto; }
.dh-rk-pos-govde { fill: #1a2a4f; }
.dh-rk-pos-ekran { fill: #ffffff; }
.dh-rk-pos-ekran-satir { fill: #2c5fcf; opacity: .7; }
.dh-rk-pos-tus rect { fill: #ffffff; opacity: .9; }
.dh-rk-pos-tus-ok { fill: #2c5fcf; }
.dh-rk-fis { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); }
.dh-rk-on .dh-rk-fis { animation: dh-rk-fis-kopar 2.6s cubic-bezier(.2, .7, .2, 1) 1, dh-rk-fis-bas 2.2s cubic-bezier(.2, .7, .2, 1) 2.6s 1 forwards; }   /* ilk fiş basılır ve koparılır, ikincisi basılı kalır */
@keyframes dh-rk-fis-kopar { 0% { transform: scaleY(0); opacity: 1; } 70% { transform: scaleY(1); opacity: 1; } 88% { transform: scaleY(1) translateY(-14px); opacity: 1; } 100% { transform: scaleY(1) translateY(-44px); opacity: 0; } }
@keyframes dh-rk-fis-bas { from { transform: scaleY(0); opacity: 1; } to { transform: scaleY(1); opacity: 1; } }
.dh-rk-fis-kagit { fill: #ffffff; stroke: #c9d2e6; stroke-width: 2; }
.dh-rk-fis-satir { fill: #c9d2e6; }
.dh-rk-cubuk-baslik { display: block; font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; color: #5a6275; margin-bottom: 14px; }
.dh-rk-cihazlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.dh-rk-cihaz {
  display: flex;
  flex-direction: column;
  padding: 26px 26px 24px;
  background: #ffffff;
  border-radius: 14px;
}
.dh-rk-cihaz-ikon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; margin-bottom: 14px; color: #2c5fcf; background: #eaf0fc; border-radius: 10px; }
.dh-rk-cihaz-ikon svg { width: 22px; height: 22px; }
.dh-rk-cihaz-sayi { font-size: 32px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: #1a2a4f; font-variant-numeric: tabular-nums; }
.dh-rk-cihaz-birim { font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: #5a6275; margin-top: 4px; }
.dh-rk-cihaz-ad { font-size: 15px; font-weight: 700; color: #2c5fcf; margin-top: 10px; }
#destek-home .dh-rk-cihaz-aciklama { font-size: 13.5px; line-height: 1.55; color: #5a6275; margin: 6px 0 14px; flex: 1 1 auto; }
.dh-rk-cubuk-zemin { display: block; height: 10px; border-radius: 5px; background: #eaf0fc; overflow: hidden; }
.dh-rk-cubuk-dolgu { display: block; height: 100%; width: 0; border-radius: 5px; background: #2c5fcf; transition: width 2.2s cubic-bezier(.2, .7, .2, 1); }
@media (max-width: 1180px) {
  .dh-rk-head { padding: 90px 40px 56px; }
  .dh-rk-sahne { padding: 110px 40px; }
  .dh-rk-ic { gap: 48px; }
}
@media (max-width: 820px) {
  .dh-rk-head { padding: 72px 24px 40px; }
  .dh-rk-sahne { padding: 72px 24px; }
  .dh-rk-ic { grid-template-columns: 1fr; gap: 40px; }
  .dh-rk-sahne-ters .dh-rk-metin { order: 1; }
  .dh-rk-sahne-ters .dh-rk-gorsel { order: 2; }
  .dh-rk-ekip { grid-template-columns: repeat(5, minmax(0, 52px)); gap: 24px 20px; }
  .dh-rk-cihazlar { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .dh-rk-stat, .dh-rk-kisi, .dh-rk-pin, .dh-rk-durak { transition: none; opacity: 1; transform: none; }
  .dh-rk-on .dh-rk-fis { animation: none; transform: scaleY(1); }
  .dh-rk-on .dh-rk-van { animation: none; transform: translateX(380px); }
  .dh-rk-on .dh-rk-yol-serit, .dh-rk-on .dh-rk-teker { animation: none; }
}

/* ==========================================================================
   KESİT (dh-ks) — anasayfa: kaydırdıkça temelden buluta kurulan kurum binası (21 Eylül 2026)
   Solda adım kartları (eski "Çözüm Alanlarımız" kartlarının yerine), sağda sabit (sticky) SVG.
   JS etkin karta kadar olan katlar için bölüme dh-ks-k1…k8 ekler, data-dh-aktif etkin adımı tutar
   (kat vurgusu). Üretici: uretici/kesit-uret.py
   ========================================================================== */
.dh-ks { background: #f7f8fa; padding: 0; overflow-x: clip; }
/* başlık ekranı: kendi durağı; büyük başlık + cevap + aç/kapat düğmesi + kaydırma ipucu.
   Bölüm varsayılan kapalı (dh-ks-kapali): sahne gizli, başlık bandı kısa; düğme açar. */
.dh-ks-head { min-height: calc(100vh - 80px); display: flex; align-items: center; padding: 60px 64px; }
.dh-ks-kapali .dh-ks-head { min-height: 78vh; padding: 160px 64px; }   /* kapalıyken de belirgin bir gri bant (13 Ekim: yükseltildi) */
.dh-ks-kapali .dh-ks-sahne, .dh-ks-kapali .dh-ks-head-ipucu { display: none; }
#destek-home .dh-ks-ac {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  padding: 16px 26px;
  border: 0;
  border-radius: 8px;
  background: #1a2a4f;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease;
}
#destek-home .dh-ks-ac:hover { background: #2c5fcf; transform: translateY(-2px); }
.dh-ks-ac-kapat { display: none; }
.dh-ks-acik .dh-ks-ac-metin { display: none; }
.dh-ks-acik .dh-ks-ac-kapat { display: inline; }
.dh-ks-ac-ok { display: inline-block; width: 9px; height: 9px; border-right: 2.5px solid #ffffff; border-bottom: 2.5px solid #ffffff; transform: translateY(-2px) rotate(45deg); transition: transform .25s ease; }
.dh-ks-acik .dh-ks-ac-ok { transform: translateY(3px) rotate(225deg); }
.dh-ks-head-ic { width: 100%; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0 48px; align-items: center; }   /* başlık tek satır; ipucu sağda, çizimin belireceği tarafta */
.dh-ks-head-yazi { min-width: 0; }
.dh-ks-head-ipucu { display: flex; justify-content: center; }
#destek-home .dh-ks-title { white-space: nowrap; font-size: clamp(52px, 7.4vw, 124px); font-weight: 800; letter-spacing: -0.05em; line-height: .95; color: #1a2a4f; margin: 0 0 28px; }
.dh-ks-title span { color: #2c5fcf; }
#destek-home .dh-ks-cevap { font-size: clamp(22px, 2.6vw, 38px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: #5a6275; margin: 0; max-width: 900px; }
.dh-ks-ipucu { display: block; width: 84px; height: 136px; border: 5px solid #c9d2e6; border-radius: 44px; position: relative; }
.dh-ks-ipucu::after { content: ""; position: absolute; left: 50%; top: 24px; width: 12px; height: 28px; margin-left: -6px; border-radius: 6px; background: #2c5fcf; animation: dh-ks-ipucu 1.8s ease-in-out infinite; }
@keyframes dh-ks-ipucu { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(52px); } }
.dh-ks-sahne { max-width: 1528px; margin: 0 auto; padding: 0 64px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 0 88px; align-items: start; }
.dh-ks-adim { min-height: 78vh; display: flex; align-items: center; }
.dh-ks-adimlar { padding-bottom: 16vh; }   /* son kart ortadayken sahne ekranın altına kadar uzansın: yapışkan çizim yerinde kalır, alttaki bölüm görünmez */
.dh-ks-kart {
  width: 100%;
  max-width: 540px;
  padding: 40px 40px 36px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 30px 60px -36px rgba(15, 26, 53, 0.35);
  opacity: .3;
  transform: scale(.96);
  transform-origin: 0 50%;
  transition: opacity .5s ease, transform .5s ease, box-shadow .5s ease;
}
.dh-ks-adim-on .dh-ks-kart { opacity: 1; transform: none; }
.dh-ks-kart-ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 22px; color: #ffffff; background: #2c5fcf; border-radius: 16px; }
.dh-ks-kart-ikon svg { width: 27px; height: 27px; }
#destek-home .dh-ks-adim-title { font-size: clamp(28px, 2.6vw, 38px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; color: #1a2a4f; margin-bottom: 14px; }
#destek-home .dh-ks-adim-text { font-size: 17px; line-height: 1.65; color: #5a6275; margin: 0 0 20px; }
#destek-home .dh-ks-etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; padding: 0; list-style: none; }
#destek-home .dh-ks-etiket { padding: 7px 13px; font-size: 13.5px; font-weight: 600; color: #1a2a4f; background: #eaf0fc; border-radius: 999px; }
.dh-ks-baglar { display: flex; flex-wrap: wrap; gap: 10px 22px; }
#destek-home .dh-ks-adim-link { font-size: 15px; font-weight: 700; color: #2c5fcf; text-decoration: none; }
#destek-home .dh-ks-adim-link:hover { color: #1a2a4f; }
.dh-ks-gorsel { position: sticky; top: 16px; height: calc(100vh - 36px); display: flex; align-items: center; justify-content: center; }
.dh-ks-svg { width: 100%; height: 100%; max-height: 800px; overflow: visible; }
/* Katı kaydırma: bölüm ekranın ortasındayken JS <html>'e dh-ks-yakala ekler; her adım bir durak.
   Duraklar: başlık ekranı, 8 kart (her biri ekran ortasında); çıkışlar hero başı ve haberler başı.
   Bölümden çıkınca sınıf kalkar, sayfanın geri kalanı serbest kayar. Dar/alçak ekranda kapalı. */
html.dh-ks-yakala { scroll-snap-type: y mandatory; }
.dh-ks-head { scroll-snap-align: start; scroll-margin-top: 0; }
.dh-ks-adim { scroll-snap-align: center; scroll-snap-stop: always; }
#destek-home .dh-hr { scroll-snap-align: start; }
#destek-home .dh-hb { scroll-snap-align: start; scroll-margin-top: 0px; }   /* alt çıkış: son karttan sonraki durak haberler bölümünün başı */
/* çizim */
.dh-ks-g { opacity: 0; transition: opacity .6s ease; }
.dh-ks-k1 .dh-ks-g1, .dh-ks-k2 .dh-ks-g2, .dh-ks-k3 .dh-ks-g3, .dh-ks-k4 .dh-ks-g4,
.dh-ks-k5 .dh-ks-g5, .dh-ks-k6 .dh-ks-g6, .dh-ks-k7 .dh-ks-g7, .dh-ks-k8 .dh-ks-g8 { opacity: 1; }
.dh-ks-ciz { fill: none; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s ease; }
/* 1 tasarım: zemin, dış hat, döşemeler, ölçü çizgileri sırayla çizilir */
.dh-ks-zemin { stroke: #c9d2e6; stroke-width: 2; stroke-linecap: round; transition-duration: .7s; }
.dh-ks-cizim { stroke: #2c5fcf; stroke-width: 2.5; stroke-linejoin: round; transition-duration: 1.6s; transition-delay: .3s; }
.dh-ks-cizim-kat { transition-duration: 1s; transition-delay: 1.5s; }
.dh-ks-k1 .dh-ks-zemin, .dh-ks-k1 .dh-ks-cizim { stroke-dashoffset: 0; }
.dh-ks-olcu { opacity: 0; transition: opacity .5s ease 2.1s; }
.dh-ks-olcu path { fill: none; stroke: #87b3ff; stroke-width: 1.5; stroke-linecap: round; }
.dh-ks-k1 .dh-ks-olcu { opacity: 1; }
.dh-ks-k2 .dh-ks-olcu { opacity: 0; transition-delay: 0s; }
.dh-ks-govde { fill: #ffffff; opacity: 0; transition: opacity .7s ease 2.1s, fill .8s ease; }
.dh-ks-k1 .dh-ks-govde { opacity: 1; }
.dh-ks-k8 .dh-ks-govde { fill: #f4f7fe; }
.dh-ks-vurgu { fill: #eaf0fc; opacity: 0; transition: opacity .5s ease; }
.dh-ks[data-dh-aktif="2"] .dh-ks-vurgu-2, .dh-ks[data-dh-aktif="3"] .dh-ks-vurgu-3,
.dh-ks[data-dh-aktif="4"] .dh-ks-vurgu-4, .dh-ks[data-dh-aktif="5"] .dh-ks-vurgu-5 { opacity: 1; }
/* 2 enerji + kablolama */
.dh-ks-jen { fill: #1a2a4f; }
.dh-ks-fan { transform-box: fill-box; transform-origin: center; }
.dh-ks-fan circle { fill: #233870; }
.dh-ks-fan path { fill: none; stroke: #eaf0fc; stroke-width: 2.4; stroke-linecap: round; }
.dh-ks-k2 .dh-ks-fan { animation: dh-ks-don 1.6s linear infinite; }
@keyframes dh-ks-don { to { transform: rotate(360deg); } }
.dh-ks-jen-izgara { fill: none; stroke: #eaf0fc; stroke-width: 2.5; stroke-linecap: round; opacity: .55; }
.dh-ks-ups { fill: #ffffff; stroke: #1a2a4f; stroke-width: 2; }
.dh-ks-ups-dolgu { fill: #2c5fcf; transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform .9s ease; }
.dh-ks-k2 .dh-ks-ups-dolgu { transform: scaleY(1); }
.dh-ks-guc { stroke: #f5a524; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; transition-duration: 1.2s; transition-delay: .5s; }
.dh-ks-k2 .dh-ks-guc { stroke-dashoffset: 0; }
.dh-ks-simsek { fill: #f5a524; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .45s cubic-bezier(.34, 1.56, .64, 1) 1.3s; }
.dh-ks-k2 .dh-ks-simsek { transform: scale(1); }
.dh-ks-kablo { stroke: #2c5fcf; stroke-width: 3; stroke-linecap: round; transition-duration: 1.2s; transition-delay: 1s; }
.dh-ks-kablo-dal { transition-duration: .9s; transition-delay: 1.9s; }
.dh-ks-k2 .dh-ks-kablo { stroke-dashoffset: 0; }
.dh-ks-priz { fill: #ffffff; stroke: #2c5fcf; stroke-width: 3; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .4s cubic-bezier(.34, 1.56, .64, 1); }
.dh-ks-k2 .dh-ks-priz { transform: scale(1); }
/* 3 veri merkezi */
.dh-ks-kabin-govde { fill: #1a2a4f; }
.dh-ks-led { fill: #87b3ff; opacity: .25; }
.dh-ks-k3 .dh-ks-led { animation: dh-ks-led 1.8s ease-in-out infinite; }
@keyframes dh-ks-led { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
.dh-ks-tasinan { opacity: 0; transform: translateX(46px); transition: transform 1.5s cubic-bezier(.3, .8, .3, 1) .5s, opacity .5s ease .5s; }
.dh-ks-k3 .dh-ks-tasinan { opacity: 1; transform: none; }
.dh-ks-tekerlek { fill: #5a6275; }
/* 4 ağ ve güvenlik */
.dh-ks-cevre { stroke: #87b3ff; stroke-width: 3; stroke-linecap: round; transition-duration: 2.4s; }
.dh-ks-k4 .dh-ks-cevre { stroke-dashoffset: 0; }
.dh-ks-anahtar { fill: #1a2a4f; }
.dh-ks-port { fill: #87b3ff; }
.dh-ks-bag { fill: none; stroke: #c9d2e6; stroke-width: 2.5; stroke-linecap: round; }
.dh-ks-ap circle { fill: #2c5fcf; }
.dh-ks-ap path { fill: none; stroke: #2c5fcf; stroke-width: 2.5; stroke-linecap: round; }
.dh-ks-kalkan { fill: #eaf0fc; stroke: #2c5fcf; stroke-width: 2.5; stroke-linejoin: round; }
.dh-ks-kalkan-tik { fill: none; stroke: #2c5fcf; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.dh-ks-paket { fill: #2c5fcf; opacity: 0; }
.dh-ks-k4 .dh-ks-paket-1 { animation: dh-ks-p-asagi 1.6s ease-in-out infinite; }
.dh-ks-k4 .dh-ks-paket-2 { animation: dh-ks-p-sol 1.6s ease-in-out .4s infinite; }
.dh-ks-k4 .dh-ks-paket-3 { animation: dh-ks-p-sag 1.6s ease-in-out .8s infinite; }
@keyframes dh-ks-p-asagi { 0% { opacity: 0; transform: translateY(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(34px); } }
@keyframes dh-ks-p-sol { 0% { opacity: 0; transform: translateX(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(-32px); } }
@keyframes dh-ks-p-sag { 0% { opacity: 0; transform: translateX(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(32px); } }
/* 5 yazılım */
.dh-ks-ekran { fill: #1a2a4f; }
.dh-ks-ayak, .dh-ks-masa { fill: none; stroke: #1a2a4f; stroke-width: 3; stroke-linecap: round; }
.dh-ks-uyg { fill: #87b3ff; opacity: 0; transform: translateY(-12px); transition: opacity .4s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.dh-ks-k5 .dh-ks-uyg { opacity: 1; transform: none; }
.dh-ks-kod { fill: #87b3ff; transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(0); transition: transform .5s ease; }
.dh-ks-k5 .dh-ks-kod { transform: scaleX(1); }
.dh-ks-grafik { fill: #87b3ff; transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform .6s ease; }
.dh-ks-k5 .dh-ks-grafik { transform: scaleY(1); }
/* 6 bulut */
.dh-ks-uplink { stroke: #2c5fcf; stroke-width: 2.5; stroke-linecap: round; }
.dh-ks-k6 .dh-ks-uplink { stroke-dashoffset: 0; }
.dh-ks-bulut { transform-box: fill-box; transform-origin: 50% 100%; opacity: 0; transform: translateY(14px) scale(.7); transition: opacity .6s ease .6s, transform .9s cubic-bezier(.34, 1.56, .64, 1) .6s; }
.dh-ks-k6 .dh-ks-bulut { opacity: 1; transform: none; }
.dh-ks-bulut path { fill: #2c5fcf; }
.dh-ks-bulut .dh-ks-bulut-ic { fill: #3f74e6; }
.dh-ks-veri { fill: #2c5fcf; opacity: 0; }
.dh-ks-k6 .dh-ks-veri-1 { animation: dh-ks-veri 1.8s ease-in 1.2s infinite; }
.dh-ks-k6 .dh-ks-veri-2 { animation: dh-ks-veri 1.8s ease-in 2.1s infinite; }
@keyframes dh-ks-veri { 0% { opacity: 0; transform: translateY(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(-56px); } }
/* 7 yapay zekâ ve veri */
.dh-ks-yz-bag { stroke: #2c5fcf; stroke-width: 2.5; stroke-linecap: round; }
.dh-ks-yz-ag { stroke: #87b3ff; stroke-width: 1.6; transition-duration: 2.2s; transition-delay: .5s; }
.dh-ks-k7 .dh-ks-yz-bag, .dh-ks-k7 .dh-ks-yz-ag { stroke-dashoffset: 0; }
.dh-ks-dugum { fill: #ffffff; stroke: #2c5fcf; stroke-width: 3; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), fill .4s ease; }
.dh-ks-k7 .dh-ks-dugum { transform: scale(1); animation: dh-ks-dugum 2.4s ease-in-out 2s infinite; }
@keyframes dh-ks-dugum { 0%, 100% { fill: #ffffff; } 50% { fill: #2c5fcf; } }
.dh-ks-depo path, .dh-ks-depo ellipse { fill: #ffffff; stroke: #1a2a4f; stroke-width: 2.5; stroke-linejoin: round; }
.dh-ks-depo { transform-box: fill-box; transform-origin: 50% 100%; opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease; }
.dh-ks-k7 .dh-ks-depo { opacity: 1; transform: none; }
.dh-ks-akis { fill: #2c5fcf; opacity: 0; }
.dh-ks-k7 .dh-ks-akis-1 { animation: dh-ks-akis-sag 1.8s ease-in-out 1s infinite; }
.dh-ks-k7 .dh-ks-akis-2 { animation: dh-ks-akis-sag2 1.8s ease-in-out 1.6s infinite; }
@keyframes dh-ks-akis-sag { 0% { opacity: 0; transform: translateX(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(72px); } }
@keyframes dh-ks-akis-sag2 { 0% { opacity: 0; transform: translateX(0); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(46px); } }
/* 8 işletim */
.dh-ks-arac { opacity: 0; transform: translateX(70px); transition: transform 1.5s cubic-bezier(.3, .8, .3, 1), opacity .5s ease; }
.dh-ks-k8 .dh-ks-arac { opacity: 1; transform: none; }
.dh-ks-arac-govde { fill: #2c5fcf; }
.dh-ks-arac-cam { fill: #eaf0fc; }
.dh-ks-arac-teker { fill: #1a2a4f; }
.dh-ks-rozet { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1) .9s; }
.dh-ks-k8 .dh-ks-rozet { transform: scale(1); }
.dh-ks-rozet circle { fill: #1a2a4f; }
.dh-ks-rozet path { fill: none; stroke: #ffffff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.dh-ks-k2 .dh-ks-ups-dolgu[data-dh-i="0"] { transition-delay: 0.15s; }
.dh-ks-k2 .dh-ks-ups-dolgu[data-dh-i="1"] { transition-delay: 0.35s; }
.dh-ks-k2 .dh-ks-ups-dolgu[data-dh-i="2"] { transition-delay: 0.55s; }
.dh-ks-k2 .dh-ks-priz[data-dh-i="0"] { transition-delay: 2.50s; }
.dh-ks-k2 .dh-ks-priz[data-dh-i="1"] { transition-delay: 2.65s; }
.dh-ks-k2 .dh-ks-priz[data-dh-i="2"] { transition-delay: 2.80s; }
.dh-ks-k3 .dh-ks-led[data-dh-i="0"] { animation-delay: 0.00s; }
.dh-ks-k3 .dh-ks-led[data-dh-i="1"] { animation-delay: 0.25s; }
.dh-ks-k3 .dh-ks-led[data-dh-i="2"] { animation-delay: 0.50s; }
.dh-ks-k3 .dh-ks-led[data-dh-i="3"] { animation-delay: 0.75s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="0"] { transition-delay: 0.20s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="1"] { transition-delay: 0.32s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="2"] { transition-delay: 0.44s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="3"] { transition-delay: 0.56s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="4"] { transition-delay: 0.68s; }
.dh-ks-k5 .dh-ks-uyg[data-dh-i="5"] { transition-delay: 0.80s; }
.dh-ks-k5 .dh-ks-kod[data-dh-i="0"] { transition-delay: 0.40s; }
.dh-ks-k5 .dh-ks-kod[data-dh-i="1"] { transition-delay: 0.75s; }
.dh-ks-k5 .dh-ks-kod[data-dh-i="2"] { transition-delay: 1.10s; }
.dh-ks-k5 .dh-ks-kod[data-dh-i="3"] { transition-delay: 1.45s; }
.dh-ks-k5 .dh-ks-grafik[data-dh-i="0"] { transition-delay: 0.60s; }
.dh-ks-k5 .dh-ks-grafik[data-dh-i="1"] { transition-delay: 0.78s; }
.dh-ks-k5 .dh-ks-grafik[data-dh-i="2"] { transition-delay: 0.96s; }
.dh-ks-k5 .dh-ks-grafik[data-dh-i="3"] { transition-delay: 1.14s; }
.dh-ks-k7 .dh-ks-dugum[data-dh-i="0"] { transition-delay: 0.80s; animation-delay: 2.40s; }
.dh-ks-k7 .dh-ks-dugum[data-dh-i="1"] { transition-delay: 1.15s; animation-delay: 2.70s; }
.dh-ks-k7 .dh-ks-dugum[data-dh-i="2"] { transition-delay: 1.50s; animation-delay: 3.00s; }
.dh-ks-k7 .dh-ks-dugum[data-dh-i="3"] { transition-delay: 1.85s; animation-delay: 3.30s; }
@media (max-width: 1180px) {
  .dh-ks-head { padding-left: 40px; padding-right: 40px; }
  .dh-ks-sahne { gap: 0 48px; padding: 0 40px; }
  .dh-ks-kart { padding: 32px 30px 30px; }
}
@media (max-height: 520px) {
  html.dh-ks-yakala { scroll-snap-type: none; }
}
@media (max-width: 900px) {
  .dh-ks-head { min-height: 0; padding: 72px 24px 32px; }
  .dh-ks-kapali .dh-ks-head { padding: 72px 24px; }
  #destek-home .dh-ks-ac { margin-top: 24px; padding: 14px 20px; font-size: 15px; }
  .dh-ks-head-ic { grid-template-columns: 1fr; gap: 40px 0; }
  #destek-home .dh-ks-title { white-space: normal; }
  .dh-ks-head-ipucu { justify-content: center; }
  .dh-ks-ipucu { width: 52px; height: 84px; border-width: 4px; border-radius: 28px; }
  .dh-ks-ipucu::after { top: 15px; width: 8px; height: 18px; margin-left: -4px; border-radius: 4px; }
  .dh-ks-sahne { grid-template-columns: 1fr; padding: 0 24px; }
  .dh-ks-gorsel { order: -1; top: 64px; height: 38vh; z-index: 2; background: #f7f8fa; }
  .dh-ks-adim { min-height: 0; padding: 18px 0; align-items: flex-start; scroll-snap-align: start; scroll-margin-top: calc(64px + 38vh); }
  .dh-ks-adimlar { padding-bottom: 8vh; }
  .dh-ks-head { scroll-margin-top: 0px; }
  .dh-ks-kart { max-width: none; padding: 20px 20px 20px; border-radius: 16px; }   /* kart, çizimin altındaki alana sığsın */
  .dh-ks-kart-ikon { width: 44px; height: 44px; margin-bottom: 12px; border-radius: 12px; }
  .dh-ks-kart-ikon svg { width: 22px; height: 22px; }
  #destek-home .dh-ks-adim-title { font-size: 24px; margin-bottom: 8px; }
  #destek-home .dh-ks-adim-text { font-size: 15px; line-height: 1.55; margin-bottom: 12px; }
  #destek-home .dh-ks-etiketler { gap: 6px; margin-bottom: 14px; }
  #destek-home .dh-ks-etiket { padding: 5px 10px; font-size: 12.5px; }
  #destek-home .dh-ks-adim-link { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html.dh-ks-yakala { scroll-snap-type: none; }
  .dh-ks-g, .dh-ks-ciz, .dh-ks-govde, .dh-ks-kart, .dh-ks-svg * { transition: none; animation: none; }
}

/* =====================================================================
   PORTAL (2 Ekim 2026): kullanıcı şeridi, giriş, haber formu, dinamik haber sayfası
   Override'lar: templates/cassiopeia/html/{com_content,com_users,mod_articles}; yardımcı destek-sayfa.php
   ===================================================================== */
/* Kullanıcı şeridi (girişli): header'ın hemen altında; statik sayfalarda #destek-home dışında durur */
.dh-ub { background: #0f1a35; color: #ffffff; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
.dh-ub-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 9px 64px; font-size: 13.5px; }
.dh-ub-ad { color: rgba(255, 255, 255, 0.72); }
.dh-ub-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.dh-ub-link { color: #ffffff; font-weight: 600; text-decoration: none; transition: color .2s ease, background .2s ease; }
.dh-ub-link:hover { color: #87b3ff; }
.dh-ub-link-birincil { padding: 6px 13px; background: #2c5fcf; border-radius: 6px; }
.dh-ub-link-birincil:hover { background: #3f74e6; color: #ffffff; }
.dh-ub-cikis-form { display: inline; margin: 0; }
.dh-ub-cikis { padding: 0; border: 0; background: transparent; font-family: inherit; font-size: inherit; color: rgba(255, 255, 255, 0.62); font-weight: 500; cursor: pointer; }
/* Sayfa başlığı: kısa biçim + açıklama satırı */
.dh-pg-head-kisa { padding-bottom: 56px; }
#destek-home .dh-pg-lead { font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.72); max-width: 640px; margin: 14px 0 0; }
/* Giriş */
.dh-lg { padding: 64px; background: #f7f8fa; }
.dh-lg-card { max-width: 440px; margin: 0 auto; padding: 36px; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 12px; }
.dh-lg-form { display: flex; flex-direction: column; gap: 18px; }
.dh-lg-remember { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #5a6275; cursor: pointer; }
.dh-lg-remember input { width: 16px; height: 16px; accent-color: #2c5fcf; }
.dh-lg-btn { width: 100%; }
#destek-home .dh-lg-reset { display: block; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: #2c5fcf; text-align: center; text-decoration: none; }
#destek-home .dh-lg-reset:hover { color: #1a2a4f; }
/* Haber formu */
.dh-ed { padding: 56px 64px 100px; background: #ffffff; }
.dh-ed-inner { max-width: 940px; margin: 0 auto; }
.dh-ed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; }
.dh-ed-field { display: flex; flex-direction: column; min-width: 0; }
.dh-ed-field-genis { grid-column: 1 / -1; }
.dh-ed-label { font-size: 13.5px; font-weight: 700; color: #1a2a4f; margin-bottom: 7px; }
#destek-home .dh-ed-ipucu { font-size: 13px; line-height: 1.5; color: #5a6275; margin: -2px 0 8px; }
.dh-ed .form-control, .dh-ed .form-select, .dh-ed input[type="text"], .dh-ed textarea, .dh-ed select {
  width: 100%; padding: 12px 14px; font-family: inherit; font-size: 15px; line-height: 1.5; color: #1a1f2e;
  background: #ffffff; border: 1px solid #e4e7ed; border-radius: 6px; box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.dh-ed .form-control:focus, .dh-ed .form-select:focus, .dh-ed input[type="text"]:focus, .dh-ed textarea:focus, .dh-ed select:focus {
  outline: none; border-color: #2c5fcf; box-shadow: 0 0 0 3px rgba(44, 95, 207, 0.14);
}
.dh-ed textarea { min-height: 108px; line-height: 1.6; resize: vertical; }
.dh-ed .form-select, .dh-ed select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6275' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; }
.dh-ed .invalid, .dh-ed .form-control.invalid { border-color: #c0392b; background: #fdf3f2; }
.dh-ed .tox-tinymce { border: 1px solid #e4e7ed; border-radius: 6px; }
.dh-ed joomla-field-media .field-media-wrapper { display: block; }
.dh-ed .field-media-preview { margin-bottom: 10px; }
.dh-ed .field-media-preview img { max-width: 100%; max-height: 260px; height: auto; border-radius: 8px; border: 1px solid #e4e7ed; }
.dh-ed .input-group { display: flex; gap: 8px; align-items: stretch; }
.dh-ed .input-group .form-control { flex: 1 1 auto; min-width: 0; }
.dh-ed .btn { padding: 0 16px; border: 0; border-radius: 6px; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; background: #eaf0fc; color: #1a2a4f; display: inline-flex; align-items: center; gap: 6px; }
.dh-ed .btn:hover { background: #d9e4fa; }
.dh-ed .btn-danger { background: transparent; color: #8a92a6; }
.dh-ed .btn-danger:hover { background: #f0f2f6; color: #c0392b; }
.dh-ed-en { margin-top: 36px; padding: 22px 26px; background: #f7f8fa; border-radius: 12px; }
.dh-ed-en-baslik { cursor: pointer; display: flex; flex-direction: column; gap: 4px; font-size: 17px; font-weight: 700; color: #1a2a4f; list-style: none; }
.dh-ed-en-baslik::-webkit-details-marker { display: none; }
.dh-ed-en-baslik::before { content: "+ İngilizce"; font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: #2c5fcf; }
.dh-ed-en[open] .dh-ed-en-baslik::before { content: "– İngilizce"; }
html[lang^="en"] .dh-ed-en-baslik::before { content: "+ English"; }
html[lang^="en"] .dh-ed-en[open] .dh-ed-en-baslik::before { content: "– English"; }
.dh-ed-en-ipucu { font-size: 13.5px; font-weight: 500; line-height: 1.5; color: #5a6275; }
.dh-ed-en[open] .dh-ed-en-baslik { margin-bottom: 22px; }
.dh-ed-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 36px; }
.dh-ed-btn { padding: 14px 26px; border: 0; border-radius: 8px; background: #1a2a4f; color: #ffffff; font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .2s ease; }
.dh-ed-btn:hover { background: #2c5fcf; }
.dh-ed-btn-ikincil { background: #eaf0fc; color: #1a2a4f; }
.dh-ed-btn-ikincil:hover { background: #d9e4fa; }
.dh-ed-btn-iptal { background: transparent; color: #5a6275; }
.dh-ed-btn-iptal:hover { background: #f0f2f6; }
/* Dinamik haber sayfası: editörün yazdığı serbest HTML, dh-nw ile aynı tipografi */
#destek-home .dh-nw-body p { font-size: 17.5px; line-height: 1.85; color: #3d4658; margin-bottom: 24px; }
#destek-home .dh-nw-body p:last-child { margin-bottom: 0; }
#destek-home .dh-nw-body h2 { font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #1a2a4f; margin: 40px 0 18px; }
#destek-home .dh-nw-body h3 { font-size: 20px; font-weight: 700; line-height: 1.35; color: #1a2a4f; margin: 32px 0 14px; }
.dh-nw-body ul, .dh-nw-body ol { margin: 0 0 28px; padding-left: 0; list-style: none; }
.dh-nw-body li { position: relative; padding: 10px 0 10px 26px; font-size: 17px; line-height: 1.7; color: #3d4658; }
.dh-nw-body ul li::before { content: ""; position: absolute; left: 2px; top: 21px; width: 7px; height: 7px; background: #2c5fcf; border-radius: 2px; transform: rotate(45deg); }
.dh-nw-body ol { counter-reset: dh-sira; }
.dh-nw-body ol li::before { counter-increment: dh-sira; content: counter(dh-sira) "."; position: absolute; left: 0; top: 10px; font-weight: 700; color: #2c5fcf; }
.dh-nw-body blockquote { padding: 26px 30px; margin: 0 0 28px; background: #f7f8fa; border-left: 3px solid #2c5fcf; border-radius: 0 8px 8px 0; }
#destek-home .dh-nw-body blockquote p { font-size: 16px; line-height: 1.75; color: #1a2a4f; margin-bottom: 0; }
.dh-nw-body img { max-width: 100%; height: auto; border-radius: 8px; }
.dh-nw-body figure { margin: 0 0 28px; }
#destek-home .dh-nw-body a { color: #2c5fcf; font-weight: 600; }
.dh-nw-body strong { color: #1a2a4f; font-weight: 700; }
.dh-nw-date { font-size: 13px; color: #5a6275; }
#destek-home .dh-nw-edit { margin-left: auto; font-size: 13px; font-weight: 700; color: #2c5fcf; text-decoration: none; }
#destek-home .dh-nw-edit:hover { color: #1a2a4f; }
.dh-gl-date { font-size: 12.5px; color: #8a92a6; }
#destek-home .dh-gl-yeni { padding: 9px 14px; background: #1a2a4f; color: #ffffff; border-radius: 6px; font-size: 13.5px; font-weight: 700; text-decoration: none; transition: background .2s ease; }
#destek-home .dh-gl-yeni:hover { background: #2c5fcf; }
/* Joomla görünümleri sarmalı (MFA, profil, şifre): Cassiopeia bileşenleri site tipografisinde */
.dh-jm { padding: 48px 64px 96px; background: #f7f8fa; }
.dh-jm-inner { max-width: 940px; margin: 0 auto; font-family: inherit; font-size: 15px; line-height: 1.6; color: #1a1f2e; }
.dh-jm-inner .card { border: 1px solid #e4e7ed; border-radius: 12px; background: #ffffff; margin-bottom: 20px; }
.dh-jm-inner .card-header { background: #ffffff; border-bottom: 1px solid #e4e7ed; padding: 16px 22px; font-weight: 700; color: #1a2a4f; border-radius: 12px 12px 0 0; }
.dh-jm-inner .card-body { padding: 22px; }
.dh-jm-inner h2, .dh-jm-inner h3, .dh-jm-inner h4 { color: #1a2a4f; letter-spacing: -0.01em; }
.dh-jm-inner .btn { font-family: inherit; font-weight: 700; border-radius: 8px; padding: 10px 18px; }
.dh-jm-inner .btn-primary { background: #1a2a4f; border-color: #1a2a4f; } .dh-jm-inner .btn-primary:hover { background: #2c5fcf; border-color: #2c5fcf; }
.dh-jm-inner .btn-danger { background: transparent; border-color: #e4e7ed; color: #c0392b; } .dh-jm-inner .btn-danger:hover { background: #fdf3f2; }
.dh-jm-inner .form-control, .dh-jm-inner .form-select { padding: 12px 14px; font-family: inherit; font-size: 15px; border: 1px solid #e4e7ed; border-radius: 6px; box-shadow: none; }
.dh-jm-inner .form-control:focus { border-color: #2c5fcf; box-shadow: 0 0 0 3px rgba(44, 95, 207, 0.14); }
.dh-jm-inner .table { font-size: 14.5px; } .dh-jm-inner .alert { border-radius: 8px; }
.dh-jm-inner .com-users-login__options, .dh-jm-inner .list-group-item { background: transparent; border: 0; padding: 6px 0; color: #2c5fcf; font-weight: 600; }
/* TinyMCE içi (haber formu): editör gövdesi sitedeki haber tipografisiyle — TinyMCE set 1 content_css_custom=user.css */
body.mce-content-body { margin: 0; padding: 18px 22px; max-width: 940px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 17.5px; line-height: 1.85; color: #3d4658; background: #ffffff; -webkit-font-smoothing: antialiased; }
body.mce-content-body p { margin: 0 0 24px; }
body.mce-content-body h2 { font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #1a2a4f; margin: 40px 0 18px; }
body.mce-content-body h3 { font-size: 20px; font-weight: 700; line-height: 1.35; color: #1a2a4f; margin: 32px 0 14px; }
body.mce-content-body h1, body.mce-content-body h4 { color: #1a2a4f; }
body.mce-content-body ul, body.mce-content-body ol { margin: 0 0 28px; padding-left: 26px; }
body.mce-content-body li { padding: 4px 0; font-size: 17px; line-height: 1.7; }
body.mce-content-body ul li::marker { color: #2c5fcf; }
body.mce-content-body ol li::marker { color: #2c5fcf; font-weight: 700; }
body.mce-content-body blockquote { margin: 0 0 28px; padding: 26px 30px; background: #f7f8fa; border-left: 3px solid #2c5fcf; border-radius: 0 8px 8px 0; }
body.mce-content-body blockquote p { font-size: 16px; line-height: 1.75; color: #1a2a4f; margin-bottom: 0; }
body.mce-content-body img { max-width: 100%; height: auto; border-radius: 8px; }
body.mce-content-body a { color: #2c5fcf; font-weight: 600; }
body.mce-content-body strong { color: #1a2a4f; font-weight: 700; }
/* Taslak: form kutusu, önizle düğmesi, liste şeridi, rozet */
.dh-ed-durum-not { margin: 30px 0 0; padding: 12px 16px; background: #f7f8fa; border-radius: 10px; font-size: 13.5px; font-weight: 500; color: #5a6275; }
.dh-ed-durum-not + .dh-ed-actions { margin-top: 16px; }
#destek-home .dh-ed-btn-onizle { background: transparent; color: #2c5fcf; text-decoration: none; display: inline-flex; align-items: center; }
#destek-home .dh-ed-btn-onizle:hover { background: #eaf0fc; }
.dh-gl-taslak { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-bottom: 28px; padding: 14px 18px; background: #fff6e5; border-radius: 10px; font-size: 14px; color: #7a4b00; }
.dh-gl-taslak-baslik { font-weight: 700; }
.dh-gl-taslak-bos { color: #8a6a3a; }
.dh-gl-taslak-oge { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 10px; background: #ffffff; border-radius: 6px; color: #1a2a4f; }
#destek-home .dh-gl-taslak-link { font-weight: 700; color: #2c5fcf; text-decoration: none; }
#destek-home .dh-gl-taslak-link:hover { color: #1a2a4f; }
.dh-nw-badge-taslak { color: #7a4b00; background: #fff6e5; }
/* Bağlantı görünümlü düğmeler: #destek-home a {color:inherit} kuralını ez */
#destek-home a.dh-ed-btn, #destek-home .dh-cg-yeni { color: #ffffff; }
#destek-home a.dh-ed-btn-iptal { color: #5a6275; }
#destek-home a.dh-ed-btn-ikincil { color: #1a2a4f; }
/* Kapak odağı seçici (haber formu) */
.dh-ed-odak-row { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 20px; align-items: start; }
.dh-ed-odak-grid { display: grid; grid-template-columns: repeat(3, 40px); grid-auto-rows: 40px; gap: 6px; padding: 6px; background: #f7f8fa; border-radius: 10px; }
.dh-ed-odak-btn { border: 1px solid #e4e7ed; border-radius: 6px; background: #ffffff; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.dh-ed-odak-btn:hover { border-color: #2c5fcf; }
.dh-ed-odak-on { background: #2c5fcf; border-color: #2c5fcf; box-shadow: 0 0 0 3px rgba(44, 95, 207, 0.18); }
.dh-ed-odak-onizle { display: flex; flex-direction: column; gap: 6px; max-width: 360px; }
.dh-ed-odak-etiket { font-size: 12.5px; font-weight: 600; color: #5a6275; }
.dh-ed-odak-kart { border-radius: 8px; border: 1px solid #e4e7ed; }
.dh-ed-odak-kart img { transition: object-position .2s ease; }
.dh-ed-odak-bos .dh-ed-odak-kart img { display: none; }
/* Editör kart işlemleri (Medya Merkezi) */
.dh-gl-card-sarma { position: relative; display: flex; flex-direction: column; }
.dh-gl-card-sarma > .dh-gl-card { flex: 1; }
.dh-gl-card-islem { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; gap: 6px; }
#destek-home .dh-gl-card-islem-btn, .dh-sil-btn { padding: 6px 11px; border: 0; border-radius: 6px; background: rgba(255, 255, 255, 0.94); color: #1a2a4f; font-family: inherit; font-size: 12.5px; font-weight: 700; text-decoration: none; cursor: pointer; box-shadow: 0 4px 12px -6px rgba(15, 26, 53, 0.5); }
#destek-home .dh-gl-card-islem-btn:hover { background: #ffffff; color: #2c5fcf; }
.dh-sil-form { display: inline; margin: 0; }
.dh-sil-btn { color: #c0392b; }
.dh-sil-btn:hover { background: #fdf3f2; }
.dh-gl-card-taslak { padding: 6px 10px; border-radius: 6px; background: #fff6e5; color: #7a4b00; font-size: 12px; font-weight: 700; }
.dh-nw-islem { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; }
#destek-home .dh-nw-islem .dh-nw-edit { margin-left: 0; }
.dh-nw-islem .dh-sil-btn { background: transparent; box-shadow: none; padding: 0; font-size: 13px; }
/* Çağrı sistemi (müşteri portalı): liste, form, detay, yazışma */
.dh-cg-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 24px; }
#destek-home .dh-cg-lead { font-size: 16px; color: #5a6275; margin: 0; }
.dh-cg-filtre { display: flex; flex-wrap: wrap; gap: 6px; }
#destek-home .dh-cg-filtre-oge { padding: 8px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: #1a2a4f; background: #f0f2f6; text-decoration: none; }
#destek-home .dh-cg-filtre-on { background: #1a2a4f; color: #ffffff; }
#destek-home .dh-cg-yeni { text-decoration: none; display: inline-flex; align-items: center; }
.dh-cg-bos { font-size: 15px; color: #5a6275; padding: 24px; background: #f7f8fa; border-radius: 10px; }
.dh-cg-liste { display: flex; flex-direction: column; gap: 8px; }
#destek-home .dh-cg-satir { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto auto 92px; align-items: center; gap: 14px; padding: 14px 18px; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 10px; color: #1a2a4f; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease; }
#destek-home .dh-cg-satir:hover { border-color: #2c5fcf; box-shadow: 0 10px 24px -18px rgba(15, 26, 53, 0.4); }
.dh-cg-no { font-size: 13px; font-weight: 700; color: #8a92a6; }
.dh-cg-konu { font-size: 15.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dh-cg-konu small { display: block; font-size: 12.5px; font-weight: 500; color: #5a6275; }
.dh-cg-tarih { font-size: 13px; color: #8a92a6; text-align: right; }
.dh-cg-rozet { display: inline-block; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; white-space: nowrap; }
.dh-cg-derece-dusuk { background: #f0f2f6; color: #5a6275; } .dh-cg-derece-normal { background: #eaf0fc; color: #2c5fcf; }
.dh-cg-derece-yuksek { background: #fff6e5; color: #7a4b00; } .dh-cg-derece-kritik { background: #fdf3f2; color: #8c2a20; }
.dh-cg-durum-acik { background: #eaf0fc; color: #1a2a4f; } .dh-cg-durum-islemde { background: #fff6e5; color: #7a4b00; }
.dh-cg-durum-cozuldu { background: #e9f7ef; color: #1e6b3a; } .dh-cg-durum-kapali { background: #f0f2f6; color: #5a6275; }
.dh-cg-yerinde-isaret { font-size: 12px; font-weight: 700; color: #2c5fcf; white-space: nowrap; }
.dh-cg-form { margin-top: 8px; }
#destek-home .dh-cg-geri { display: inline-block; margin-bottom: 18px; font-size: 14px; font-weight: 600; color: #2c5fcf; text-decoration: none; }
.dh-cg-kart { padding: 24px 26px; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 12px; margin-bottom: 32px; }
.dh-cg-kart-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 10px; }
#destek-home .dh-cg-baslik { font-size: 22px; font-weight: 700; letter-spacing: -0.015em; color: #1a2a4f; margin: 0; flex: 1 1 auto; min-width: 0; }
.dh-cg-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: #8a92a6; margin-bottom: 16px; }
#destek-home .dh-cg-metin { font-size: 15.5px; line-height: 1.7; color: #3d4658; }
.dh-cg-adres-kutu { margin-top: 16px; padding: 14px 16px; background: #f7f8fa; border-radius: 8px; font-size: 14.5px; line-height: 1.6; color: #3d4658; }
#destek-home .dh-cg-alt { font-size: 17px; font-weight: 700; color: #1a2a4f; margin: 0 0 14px; }
.dh-cg-not { padding: 16px 20px; border-radius: 10px; margin-bottom: 10px; }
.dh-cg-not-musteri { background: #f7f8fa; }
.dh-cg-not-yetkili { background: #eaf0fc; }
.dh-cg-not-bas { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: #5a6275; margin-bottom: 6px; }
.dh-cg-not-bas strong { color: #1a2a4f; }
.dh-cg-yorum-form { margin-top: 22px; padding-top: 22px; border-top: 1px solid #e4e7ed; }
@media (max-width: 820px) {
  #destek-home .dh-cg-satir { grid-template-columns: 1fr auto; }
  .dh-cg-no, .dh-cg-tarih { display: none; }
}
/* Çağrı formu: kart, derece seçimi, yerinde destek anahtarı, adres bölümü */
.dh-cg-form-kart { padding: 30px 32px; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 14px; }
.dh-cg-bolum { display: flex; flex-direction: column; gap: 22px; }
.dh-cg-bolum + .dh-cg-bolum { margin-top: 22px; padding-top: 22px; border-top: 1px solid #eef0f4; }
.dh-cg-derece-alan { max-width: 420px; }
.dh-cg-derece-sec { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6275' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; }
.dh-cg-anahtar { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; font-size: 15px; font-weight: 700; color: #1a2a4f; }
.dh-cg-anahtar input { position: absolute; opacity: 0; width: 0; height: 0; }
.dh-cg-anahtar-knob { position: relative; width: 44px; height: 24px; border-radius: 12px; background: #c9d2e6; transition: background .2s ease; flex: 0 0 auto; }
.dh-cg-anahtar-knob::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #ffffff; transition: transform .2s ease; }
.dh-cg-anahtar input:checked + .dh-cg-anahtar-knob { background: #2c5fcf; }
.dh-cg-anahtar input:checked + .dh-cg-anahtar-knob::after { transform: translateX(20px); }
.dh-cg-adres[hidden] { display: none; }
.dh-cg-adres-alan { min-height: 84px; }
.dh-cg-adres-dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 16px; margin: 8px 0 0; }
.dh-cg-adres-dl dt { font-size: 13px; font-weight: 700; color: #1a2a4f; }
.dh-cg-adres-dl dd { margin: 0; font-size: 14.5px; color: #3d4658; }
#destek-home .dh-cg-adres-dl a { color: #2c5fcf; font-weight: 600; }
@media (max-width: 820px) {
  .dh-cg-form-kart { padding: 22px 18px; }
  .dh-ed-odak-row { grid-template-columns: 1fr; }
}
/* Müşteri portalı sayfası */
.dh-po-govde { padding: 56px 64px 100px; background: #ffffff; }
.dh-po-inner { max-width: 940px; margin: 0 auto; }
#destek-home .dh-po-body p { font-size: 17.5px; line-height: 1.85; color: #3d4658; margin-bottom: 24px; }
#destek-home .dh-po-body a { color: #2c5fcf; font-weight: 600; }
/* MFA: doğrulama kodu kurulumu ve girişte kod */
.dh-mfa-card { max-width: 520px; }
.dh-mfa-adimlar { margin: 0 0 6px; padding-left: 0; list-style: none; counter-reset: dh-mfa; display: flex; flex-direction: column; gap: 10px; }
.dh-mfa-adimlar li { position: relative; padding-left: 36px; font-size: 14.5px; line-height: 1.6; color: #3d4658; }
.dh-mfa-adimlar li::before { counter-increment: dh-mfa; content: counter(dh-mfa); position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border-radius: 50%; background: #1a2a4f; color: #ffffff; font-size: 12.5px; font-weight: 700; display: grid; place-items: center; }
.dh-mfa-qr { display: flex; justify-content: center; padding: 20px; background: #f7f8fa; border-radius: 12px; }
.dh-mfa-qr img { width: 224px; height: 224px; image-rendering: pixelated; border-radius: 6px; }
.dh-mfa-anahtar { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.dh-mfa-anahtar-etiket { font-size: 13px; color: #5a6275; }
.dh-mfa-anahtar-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 15px; letter-spacing: 0.08em; padding: 8px 14px; background: #eaf0fc; border-radius: 6px; color: #1a2a4f; user-select: all; }
.dh-mfa-kod { text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 0.3em; }
/* Footer alt satırı: telif + giriş bağlantısı */
.dh-ft-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
#destek-home .dh-ft-giris { color: inherit; opacity: 0.75; text-decoration: none; transition: opacity .2s ease; }
#destek-home .dh-ft-giris:hover { opacity: 1; }
.dh-ft-alt { display: inline-flex; align-items: center; gap: 20px; }
#destek-home .dh-ft-cerez, .dh-ft-cerez { padding: 0; border: 0; background: none; font: inherit; color: inherit; opacity: 0.75; cursor: pointer; }
#destek-home .dh-ft-cerez:hover { opacity: 1; }
/* Sistem mesajları: DestekSayfa::mesajlar() ile sayfanın içinde (giriş kartı, form başı, içerik başı) */
.dh-msg { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.dh-msg-item { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; font-size: 14px; line-height: 1.5; background: #eaf0fc; color: #1a2a4f; }
.dh-msg-hata { background: #fdf3f2; color: #8c2a20; }
.dh-msg-uyari { background: #fff6e5; color: #7a4b00; }
.dh-msg-ikon { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: currentColor; color: inherit; position: relative; }
.dh-msg-ikon::after { content: "!"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; font-weight: 800; color: #ffffff; }
.dh-msg-metin { flex: 1 1 auto; }
body > .dh-msg, main > .dh-msg { margin: 0; padding: 10px 64px; background: #f7f8fa; }   /* statik sayfalarda (çıkış onayı) header altı şerit */
#system-message-container:empty { display: none; }
@media (max-width: 1299px) { .dh-ub-inner { padding: 9px 24px; } }
@media (max-width: 820px) {
  .dh-ub-inner { padding: 9px 16px; }
  .dh-ed, .dh-lg, .dh-po-govde, .dh-jm { padding: 40px 16px 64px; }
  .dh-ed-grid { grid-template-columns: 1fr; }
  .dh-lg-card { padding: 26px 20px; }
  body > .dh-msg, main > .dh-msg { padding: 10px 16px; }
}

/* ==========================================================================
   KOYU BANTLAR — tek kural (13 Ekim 2026, taslak "Hafif gradyan"): tek yönlü, iki lacivert tonu arasında yumuşak geçiş;
   radyal parıltı ve ızgara katmanları kapalı. Sayfa başlığı, CTA, çözüm/hizmet/İK/hakkımızda/politika başlıkları, hata sayfası.
   ========================================================================== */
#destek-home .dh-pg-head, #destek-home .dh-il, #destek-home .dh-sc-head, #destek-home .dh-cd-head, #destek-home .dh-cs-hero,
#destek-home .dh-ab-hero, #destek-home .dh-ik-hero, #destek-home .dh-pc, #destek-home .dh-er, #destek-home .dh-bu-pane-ik {
  background: linear-gradient(100deg, #0f1a35 0%, #1a2a4f 100%);
}
.dh-pg-head::before, .dh-il::before, .dh-sc-head::before, .dh-sc-head::after, .dh-cd-head::before, .dh-cd-head::after,
.dh-cs-hero::before, .dh-cs-hero::after, .dh-ab-hero::before, .dh-ab-hero::after, .dh-ik-hero::before, .dh-ik-hero::after,
.dh-pc::before, .dh-pc::after, .dh-er::before, .dh-bu-pane-ik::before { display: none; }
#destek-home .dh-pg-head { padding: 48px 64px 52px; }   /* bant alçaldı: başlık + bir satır */
#destek-home .dh-pg-tag, #destek-home .dh-cd-tag { display: none; }   /* kapsül etiket yok (sayfa ve çözüm/hizmet başlıkları); bilgi kırıntıda */
.dh-ub + .dh-pg-head, .dh-ub + * .dh-pg-head { margin-top: 0; }   /* giriş yapılmış sayfada kullanıcı şeridi bandın üst kenarına gömülü (aynı başlangıç tonu) */
@media (max-width: 820px) { #destek-home .dh-pg-head { padding: 36px 24px 40px; } }

/* ==========================================================================
   DENETİM DÜZELTMELERİ (15 Ekim 2026) — dosyanın sonunda: önceki kuralları ezer
   ========================================================================== */
@media (max-width: 900px) {
  .dh-ks-kapali .dh-ks-head { min-height: 0; }   /* kapalı Kesit bandı mobilde düğmenin altında ~400px boşluk bırakıyordu */
  .dh-hr-sayi:last-child:nth-child(odd) { grid-column: 1 / -1; }   /* 5 rakam iki sütunda: sonuncusu tek başına yarım satırda kalmasın */
}
/* Klavye odağı görünür olsun (denetim: harita illerinde ve form alanlarında odak neredeyse görünmüyordu) */
.dh-mp-svg path:focus-visible { stroke: #0f1a35; stroke-width: 2.5; fill-opacity: 1; }
.dh-mf-input:focus-visible { box-shadow: 0 0 0 3px rgba(44, 95, 207, 0.35); }
@media (prefers-reduced-motion: reduce) {
  .dh-pc-dot { animation: none; }
}

/* Teknoloji ortakları başlığı diğer anasayfa bölümleriyle aynı kalıpta (denetim: ortalı ve ince kalıyordu) */
.dh-pr-head { text-align: left; margin: 0 0 48px; max-width: 760px; }
#destek-home .dh-pr-title { font-size: clamp(36px, 4vw, 52px); font-weight: 700; line-height: 1.1; letter-spacing: -0.025em; color: #1a2a4f; margin: 0; }
/* Anasayfa hero zemini: logodaki E'lerin mavisinin (#0068b8; Seri'nin "i"siyle aynı mavi) çok açık tonu (16 Ekim 2026, kullanıcı seçimi).
   Rakam bandı beyaz kalır; kablo filigranı açık zeminde silikleşmesin diye bir tık koyulaştı. */
.dh-hr { background: #e3edf8; }   /* 16 Ekim 2026: bir tık daha tok (önce #eff6fb; Seri #eff6fb'de kalır, kendi EK_CSS'i ezer) */
.dh-hr-sayilar { background: #ffffff; }
.dh-hr-filigran-kablo { opacity: .09; }

/* ==========================================================================
   ORTAK KENAR (16 Ekim 2026): geniş ekranda içerik 1500px'lik alanda ortalanır, her bölüm aynı sol kenardan başlar.
   1628px'e kadar hiçbir şey değişmez (64px kenar); üstünde kenar = (ekran − 1500) / 2. Header, hero, bantlar, iç sayfalar ve
   footer aynı hizada. Ortalı iç kutular (hero 1520, kesit 1400/1528, rakamlar 1400) bu genişlikte kendi sınırını bırakır.
   Seri ve D-Stack'e dönüştürücüyle geçer.
   ========================================================================== */
@media (min-width: 1629px) {
  #destek-home .dh-hd-row,
  #destek-home .dh-hr-inner,
  #destek-home .dh-hr-sayilar-inner,
  #destek-home .dh-ks-head,
  #destek-home .dh-ks-sahne,
  #destek-home .dh-rk-head,
  #destek-home .dh-rk-sahne,
  #destek-home .dh-hb,
  #destek-home .dh-gr,
  #destek-home .dh-pr,
  #destek-home .dh-il,
  #destek-home .dh-ft,
  #destek-home .dh-cz,
  #destek-home .dh-pg-head,
  #destek-home .dh-pg-body,
  #destek-home .dh-pg-cards,
  #destek-home .dh-cd-head,
  #destek-home .dh-cd-body,
  #destek-home .dh-cs-hero,
  #destek-home .dh-cs-intro,
  #destek-home .dh-cs-tabs,
  #destek-home .dh-cs-flow,
  #destek-home .dh-cs-cards,
  #destek-home .dh-cs-faq,
  #destek-home .dh-ab-hero,
  #destek-home .dh-ab-stats,
  #destek-home .dh-ab-vm,
  #destek-home .dh-ab-focus,
  #destek-home .dh-ab-org,
  #destek-home .dh-ab-net,
  #destek-home .dh-ab-cert,
  #destek-home .dh-ik-hero,
  #destek-home .dh-ik-why,
  #destek-home .dh-ik-culture,
  #destek-home .dh-ik-roles,
  #destek-home .dh-ik-apply,
  #destek-home .dh-gl-head,
  #destek-home .dh-gl-body,
  #destek-home .dh-mp,
  #destek-home .dh-nw,
  #destek-home .dh-nw-top,
  #destek-home .dh-nd,
  #destek-home .dh-in,
  #destek-home .dh-jm,
  #destek-home .dh-lg,
  #destek-home .dh-ed,
  #destek-home .dh-er,
  #destek-home .dh-pc,
  #destek-home .dh-po-govde,
  #destek-home .dh-rf-body,
  #destek-home .dh-sc-head,
  #destek-home .dh-sc-body,
  #destek-home .dh-sc-jump-inner,
  #destek-home .dh-ub-inner,
  #destek-home .dh-yk,
  #destek-home .dh-yk-profile { padding-left: calc((100vw - 1500px) / 2); padding-right: calc((100vw - 1500px) / 2); }
  #destek-home .dh-hr-inner, #destek-home .dh-hr-sayilar-inner, #destek-home .dh-ks-sahne,
  #destek-home .dh-ks-head-ic, #destek-home .dh-rk-ic { max-width: none; }
}

/* İK rol rozetinde baş harf yerine ikon (19 Ekim 2026); Seri'ye de geçer */
.dh-ik-role-icon svg { width: 24px; height: 24px; display: block; }

/* @@YALNIZ-DESTEK — bu blok Seri ve D-Stack dönüştürücülerinde atlanır (varlik-cevir.py) */
/* ==========================================================================
   TASARIM REVİZYONLARI (16 Ekim 2026, taslaktan onaylandı)
   ========================================================================== */
/* Hero: iki etiket aynı hizadan başlar, üstten nefes alır (tam orta değil); kanıt rakamları iddiayla aynı ağırlıkta */
@media (min-width: 901px) {
  .dh-hr-inner { align-items: start; padding-top: 104px; }
  .dh-hr-kart-ust { font-size: 13px; letter-spacing: .14em; color: #2a63b8; font-weight: 700; margin-bottom: 18px; }
  .dh-hr-hikaye-ad { font-size: 22px; line-height: 1.32; font-weight: 700; color: #14213d; letter-spacing: -0.01em; }
  .dh-hr-akis li { grid-template-columns: 150px minmax(0, 1fr); padding: 14px 0; align-items: baseline; }
  .dh-hr-akis b { font-size: 42px; line-height: 1; letter-spacing: -0.02em; color: #14213d; }
  .dh-hr-akis li > :not(b) { font-size: 16px; color: #2b3447; }
}
@media (min-width: 1100px) { .dh-hr-inner { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); } }
/* Marka duvarı: tek renkli sakin yüzey, renk yalnız ilgi gösterilen logoda; logolar bir tık küçük */
.dh-pr-logo { filter: grayscale(1) contrast(.9); opacity: .55; transform: scale(.8); transition: filter .3s ease, opacity .3s ease; }
.dh-pr-grid > *:hover .dh-pr-logo { filter: none; opacity: 1; }
/* İç sayfalar: gövde metni ortalı kutu ile başlık kenarının arasından başlar */
.dh-pg-main-wide { margin-left: max(0px, calc((100% - 1000px) / 4)); margin-right: auto; }
/* Hizmet kartları: kısaltma yerine anasayfa çözüm kartlarındaki çizgi ikonlar */
.dh-pg-card-icon svg { width: 24px; height: 24px; display: block; }
/* ==========================================================================
   NELER YAPIYORUZ? — TEK KARE (20 Ekim 2026)
   Kullanıcı: kartlar ve gri zemin hero'dan sonra kopuk duruyordu, çok aşağı kaydırmak gerekiyordu. Artık tek ekran:
   başlık üstte, bina ortada; görünür olunca kendiliğinden kat kat kurulur (JS dh-ks-k1…k8), her katın adı kendi hizasında
   belirir ve o katın sayfasına bağlanır. Kart, aç/kapat, kaydırmaya bağlı oynatma yok. Zemin hero'nun tonunun devamı.
   ========================================================================== */
#destek-home .dh-ks-tek { background: var(--dh-zemin); }   /* tek kaynak: bölüm zemini değişkeni */
.dh-ks-tek-ic { box-sizing: border-box; min-height: calc(100svh - 80px); max-width: 1528px; margin: 0 auto; padding: clamp(40px, 6vh, 72px) 64px clamp(32px, 5vh, 56px);
  display: flex; flex-direction: column; gap: clamp(16px, 3vh, 32px); }
.dh-ks-tek-bas { text-align: center; }
#destek-home .dh-ks-tek .dh-ks-title { white-space: normal; font-size: clamp(40px, 4.6vw, 76px); margin: 0 0 12px; }
#destek-home .dh-ks-tek .dh-ks-cevap { font-size: clamp(18px, 1.7vw, 26px); margin: 0 auto; }
.dh-ks-tek-sahne { flex: 1 1 auto; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 0 clamp(16px, 2.4vw, 40px); align-items: stretch; min-height: 0; }
.dh-ks-tek-gorsel { height: min(64vh, 660px); aspect-ratio: 600 / 770; }
.dh-ks-tek-gorsel .dh-ks-svg { width: 100%; height: 100%; max-height: none; }
#destek-home .dh-ks-adlar { position: relative; list-style: none; margin: 0; padding: 0; height: min(64vh, 660px); overflow: visible; }
#destek-home .dh-ks-ad { position: absolute; left: 0; right: 0; transform: translateY(-50%); opacity: 0; transition: opacity .6s ease, transform .6s ease; }
#destek-home .dh-ks-adlar-sol .dh-ks-ad { text-align: right; transform: translate(-14px, -50%); }
#destek-home .dh-ks-adlar-sag .dh-ks-ad { transform: translate(14px, -50%); }
#destek-home .dh-ks-k1 .dh-ks-ad[data-dh-k="1"], #destek-home .dh-ks-k2 .dh-ks-ad[data-dh-k="2"], #destek-home .dh-ks-k3 .dh-ks-ad[data-dh-k="3"], #destek-home .dh-ks-k4 .dh-ks-ad[data-dh-k="4"],
#destek-home .dh-ks-k5 .dh-ks-ad[data-dh-k="5"], #destek-home .dh-ks-k6 .dh-ks-ad[data-dh-k="6"], #destek-home .dh-ks-k7 .dh-ks-ad[data-dh-k="7"], #destek-home .dh-ks-k8 .dh-ks-ad[data-dh-k="8"] { opacity: 1; }
#destek-home .dh-ks-k1 .dh-ks-adlar .dh-ks-ad[data-dh-k="1"], #destek-home .dh-ks-k2 .dh-ks-adlar .dh-ks-ad[data-dh-k="2"],
#destek-home .dh-ks-k3 .dh-ks-adlar .dh-ks-ad[data-dh-k="3"], #destek-home .dh-ks-k4 .dh-ks-adlar .dh-ks-ad[data-dh-k="4"],
#destek-home .dh-ks-k5 .dh-ks-adlar .dh-ks-ad[data-dh-k="5"], #destek-home .dh-ks-k6 .dh-ks-adlar .dh-ks-ad[data-dh-k="6"],
#destek-home .dh-ks-k7 .dh-ks-adlar .dh-ks-ad[data-dh-k="7"], #destek-home .dh-ks-k8 .dh-ks-adlar .dh-ks-ad[data-dh-k="8"] { transform: translate(0, -50%); }
#destek-home .dh-ks-ad a { display: inline-block; padding: 6px 4px; font-size: clamp(15px, 1.2vw, 19px); font-weight: 750; letter-spacing: -0.01em; line-height: 1.25; color: #1a2a4f; text-decoration: none; transition: color .25s ease; }
#destek-home .dh-ks-ad a span { color: #2c5fcf; opacity: 0; transition: opacity .25s ease; }
#destek-home .dh-ks-ad a:hover, #destek-home .dh-ks-ad a:focus-visible { color: #2c5fcf; }
#destek-home .dh-ks-ad a:hover span, #destek-home .dh-ks-ad a:focus-visible span { opacity: 1; }
/* oynarken en son kurulan katın adı mavi */
#destek-home .dh-ks-tek[data-dh-aktif="1"] .dh-ks-ad[data-dh-k="1"] a, #destek-home .dh-ks-tek[data-dh-aktif="2"] .dh-ks-ad[data-dh-k="2"] a, #destek-home .dh-ks-tek[data-dh-aktif="3"] .dh-ks-ad[data-dh-k="3"] a,
#destek-home .dh-ks-tek[data-dh-aktif="4"] .dh-ks-ad[data-dh-k="4"] a, #destek-home .dh-ks-tek[data-dh-aktif="5"] .dh-ks-ad[data-dh-k="5"] a, #destek-home .dh-ks-tek[data-dh-aktif="6"] .dh-ks-ad[data-dh-k="6"] a,
#destek-home .dh-ks-tek[data-dh-aktif="7"] .dh-ks-ad[data-dh-k="7"] a, #destek-home .dh-ks-tek[data-dh-aktif="8"] .dh-ks-ad[data-dh-k="8"] a { color: #2c5fcf; }
@media (max-width: 1100px) { .dh-ks-tek-ic { padding-left: 40px; padding-right: 40px; } }
/* Dar ekran: bina üstte, adlar altında iki sütun liste (konumlar mutlak değil), yine sırayla belirir */
@media (max-width: 900px) {
  .dh-ks-tek-ic { min-height: 0; padding: 64px 24px 48px; }
  .dh-ks-tek-sahne { grid-template-columns: 1fr 1fr; gap: 4px 16px; }
  .dh-ks-tek-gorsel { grid-column: 1 / -1; grid-row: 1; justify-self: center; height: min(52vh, 460px); margin-bottom: 20px; }
  #destek-home .dh-ks-adlar { height: auto; display: grid; gap: 2px; align-content: start; }
  #destek-home .dh-ks-adlar-sol, #destek-home .dh-ks-adlar-sag { grid-row: 2; }
  #destek-home .dh-ks-ad, #destek-home .dh-ks-adlar-sol .dh-ks-ad, #destek-home .dh-ks-adlar-sag .dh-ks-ad { position: static; transform: translateY(8px); text-align: left; }
  #destek-home .dh-ks-tek .dh-ks-adlar .dh-ks-ad[data-dh-k] { transform: none; }
  #destek-home .dh-ks-ad a { font-size: 15.5px; }
  #destek-home .dh-ks-ad a span { display: none; }   /* ok yalnız üzerine gelince görünür; dokunmatikte görünmeden yer kaplayıp satır kaydırıyordu */
}
@media (prefers-reduced-motion: reduce) { #destek-home .dh-ks-ad { transition: none; } }
/* Neler yapıyoruz — kalite (21 Ekim 2026, kullanıcı: "başlık tipi ve siyah yazı blokları genel tasarıma uymuyor"):
   başlık sitenin bölüm kalıbında (mavi hap etiket + lacivert başlık, dh-gr ile aynı); kat adları ikon + başlık + etiket satırı */
#destek-home .dh-ks-tek-bas { text-align: center; }
.dh-ks-tag { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: #2c5fcf; padding: 6px 14px; background: #eaf0fc; border-radius: 999px; margin-bottom: 20px; }
#destek-home .dh-ks-tek .dh-ks-title { font-size: clamp(32px, 3.2vw, 46px); font-weight: 700; line-height: 1.12; letter-spacing: -0.025em; color: #1a2a4f; margin: 0; }
#destek-home .dh-ks-ad a { display: inline-grid; grid-template-columns: 42px auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 3px; align-items: center; padding: 6px; text-align: left; }
#destek-home .dh-ks-adlar-sol .dh-ks-ad a { grid-template-columns: auto 42px; text-align: right; }
#destek-home .dh-ks-ad-ik { grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #eaf0fc; color: #2c5fcf; transition: background .25s ease, color .25s ease, box-shadow .25s ease; }
#destek-home .dh-ks-adlar-sol .dh-ks-ad-ik { grid-column: 2; grid-row: 1 / span 2; }
#destek-home .dh-ks-ad-ik svg { width: 21px; height: 21px; }
#destek-home .dh-ks-ad a b { align-self: end; font-size: clamp(15px, 1.1vw, 17px); font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; color: #1a2a4f; transition: color .25s ease; }
#destek-home .dh-ks-ad a small { align-self: start; font-size: 13px; font-weight: 500; line-height: 1.4; color: #5a6275; }
#destek-home .dh-ks-adlar-sol .dh-ks-ad a b, #destek-home .dh-ks-adlar-sol .dh-ks-ad a small { grid-column: 1; }
#destek-home .dh-ks-ad a:hover b, #destek-home .dh-ks-ad a:focus-visible b { color: #2c5fcf; }
#destek-home .dh-ks-ad a:hover .dh-ks-ad-ik, #destek-home .dh-ks-ad a:focus-visible .dh-ks-ad-ik { background: #2c5fcf; color: #ffffff; box-shadow: 0 10px 22px -10px rgba(44, 95, 207, .6); }
#destek-home .dh-ks-tek[data-dh-aktif="1"] .dh-ks-ad[data-dh-k="1"] .dh-ks-ad-ik, #destek-home .dh-ks-tek[data-dh-aktif="2"] .dh-ks-ad[data-dh-k="2"] .dh-ks-ad-ik,
#destek-home .dh-ks-tek[data-dh-aktif="3"] .dh-ks-ad[data-dh-k="3"] .dh-ks-ad-ik, #destek-home .dh-ks-tek[data-dh-aktif="4"] .dh-ks-ad[data-dh-k="4"] .dh-ks-ad-ik,
#destek-home .dh-ks-tek[data-dh-aktif="5"] .dh-ks-ad[data-dh-k="5"] .dh-ks-ad-ik, #destek-home .dh-ks-tek[data-dh-aktif="6"] .dh-ks-ad[data-dh-k="6"] .dh-ks-ad-ik,
#destek-home .dh-ks-tek[data-dh-aktif="7"] .dh-ks-ad[data-dh-k="7"] .dh-ks-ad-ik, #destek-home .dh-ks-tek[data-dh-aktif="8"] .dh-ks-ad[data-dh-k="8"] .dh-ks-ad-ik { background: #2c5fcf; color: #ffffff; }
@media (max-width: 900px) {
  #destek-home .dh-ks-ad a, #destek-home .dh-ks-adlar-sol .dh-ks-ad a { grid-template-columns: 36px auto; text-align: left; column-gap: 10px; }
  #destek-home .dh-ks-adlar-sol .dh-ks-ad-ik { grid-column: 1; }
  #destek-home .dh-ks-adlar-sol .dh-ks-ad a b, #destek-home .dh-ks-adlar-sol .dh-ks-ad a small { grid-column: 2; }
  #destek-home .dh-ks-ad-ik { width: 36px; height: 36px; border-radius: 10px; }
  #destek-home .dh-ks-ad-ik svg { width: 18px; height: 18px; }
  #destek-home .dh-ks-ad a small { display: none; }   /* dar iki sütunda etiket satırı üç satıra kırılıp kalabalıklaşıyordu */
  #destek-home .dh-ks-ad a b { align-self: center; }
}
/* Bölüm zemini (21 Ekim 2026, kullanıcı: "animasyonun hafif mavi arka planını diğer gri zeminlerde de kullanalım, sayfalar arası tutarlılık"):
   "Neler yapıyoruz?" sahnesinin zemini bölüm düzeyindeki gri bantların (#f7f8fa) yerine geçer; küçük kutular (alıntı, çerez ayarı, adres) gri kalır. */
#destek-home { --dh-zemin: radial-gradient(ellipse 50% 60% at 50% 55%, #ffffff 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(180deg, #e3edf8 0%, #f1f6fc 100%); }
#destek-home .dh-cz, #destek-home .dh-gr, #destek-home .dh-pg-cards, #destek-home .dh-cs-tabs, #destek-home .dh-cs-faq,
#destek-home .dh-sc-body, #destek-home .dh-gl-body, #destek-home .dh-ab-net, #destek-home .dh-ik-culture,
#destek-home .dh-nw-top, #destek-home .dh-lg, #destek-home .dh-jm, #destek-home .dh-cd-cat-cift { background: var(--dh-zemin); }
/* @@/YALNIZ-DESTEK */

/* ==========================================================================
   KONTRAST (20 Ekim 2026, teknik denetim — WCAG 4,5:1) — Seri ve D-Stack dönüştürücülerinden de geçer
   ========================================================================== */
/* footer alt satırı: %40 beyaz 3,8:1'di; "Giriş"/"Çerez tercihleri" üstüne %75 opaklıkla daha da düşüktü */
.dh-ft-bottom { color: rgba(255, 255, 255, 0.68); }
#destek-home .dh-ft-giris { opacity: 1; }
#destek-home .dh-ft-giris:hover { color: #ffffff; }
/* anasayfa Seri kartı: kırmızı etiket ve bağlantı açık zeminde 3,7–4,3:1'di */
.dh-gr-card-tag-seri { color: #b91c1c; }
.dh-gr-card-go-seri { color: #c0262d; }
/* medya merkezi tarihleri 3,1:1'di */
.dh-gl-date { color: #5f677b; }
/* hakkımızda / organizasyon (koyu bölüm): etiket açık hap üstünde açık yazıydı (1,9:1) */
#destek-home .dh-ab-org .dh-ab-head-tag { background: rgba(255, 255, 255, 0.12); color: #c7d8ff; }