/* Digger sayfasına özel parçalar: indirme kartları, kurulum adımları.
   Renk ve köşe değişkenleri hekzen-ust.css (zk-) ve hekzen-home.css (zh-) dosyalarından gelir. */

/* Windows, Mac, Android: geniş ekranda üçü yan yana, dar ekranda alt alta. */
.dg-indir { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dg-kart {
  display: flex; flex-direction: column; gap: 14px; padding: 24px;
  background: #fff; border: 1px solid var(--zk-line); border-radius: 12px;
  transition: transform .2s ease-out, border-color .2s ease-out;
}
.dg-kart:hover { transform: translateY(-2px); border-color: var(--zk-blue-edge); }
.dg-kart-bas { display: flex; align-items: center; gap: 14px; }
.dg-kart-ikon {
  width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center;
  border-radius: var(--zk-r); background: var(--zk-soft); border: 1px solid var(--zk-line);
  color: var(--zk-ink); font-size: 22px;
}
.dg-kart h3 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -.36px; color: var(--zk-ink); }
.dg-kart-alt { margin: 2px 0 0; font-size: 13.5px; line-height: 20px; color: var(--zk-muted); }
.dg-kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.dg-kart li { display: flex; gap: 8px; font-size: 14px; line-height: 21px; color: var(--zh-ink-soft); }
.dg-kart li::before { content: ""; width: 6px; height: 6px; margin-top: 7px; border-radius: 50%; background: var(--zk-blue); flex: 0 0 auto; }
.dg-kart .zh-contact-primary { width: 100%; margin-top: auto; }
.dg-not { margin: 18px 0 0; font-size: 14px; line-height: 22px; color: var(--zh-ink-soft); }
.dg-not a { color: var(--zk-blue); font-weight: 600; text-decoration: none; }
.dg-not a:hover { text-decoration: underline; }

.dg-kurulum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dg-adim { padding: 24px; background: #fff; border: 1px solid var(--zk-line); border-radius: 12px; }
.dg-adim h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 17px; line-height: 24px; font-weight: 600; color: var(--zk-ink); }
.dg-adim ol { margin: 0; padding: 0; list-style: none; counter-reset: dg; display: grid; gap: 12px; }
.dg-adim li { counter-increment: dg; display: grid; grid-template-columns: 28px 1fr; gap: 10px; font-size: 14.5px; line-height: 22px; color: var(--zh-ink-soft); }
.dg-adim li::before {
  content: counter(dg); width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 50%; background: var(--zk-blue-soft); color: var(--zk-blue-d); font-size: 13px; font-weight: 600;
}
.dg-adim b { color: var(--zk-ink); font-weight: 600; }

@media (max-width: 980px) {
  .dg-kart, .dg-adim { padding: 20px; }
}
@media (max-width: 860px) {
  .dg-indir, .dg-kurulum { grid-template-columns: 1fr; }
  .dg-kart, .dg-adim { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .dg-kart { transition: none; }
  .dg-kart:hover { transform: none; }
}