/* Paylaşımlı tk-service*.css header.php üzerinden yüklenir. */

/* ── 5651 Network — sektör, yasal, başvuru kartları ── */

body.og-page-tk-service--network {
  --nw-accent: var(--tk-accent, #2563eb);
  --nw-accent-2: #0ea5e9;
}
body.og-page-tk-service--network .og-nw-sectors {
  position: relative;
}

body.og-page-tk-service--network .og-nw-sectors__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
}

@media (min-width: 640px) {
  body.og-page-tk-service--network .og-nw-sectors__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .875rem;
  }
}

@media (min-width: 1024px) {
  body.og-page-tk-service--network .og-nw-sectors__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}

body.og-page-tk-service--network .og-nw-sector {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .625rem;
  padding: 1.125rem 1rem 1rem;
  border-radius: .875rem;
  border: 1px solid var(--pg-border);
  background: var(--pg-surface);
  overflow: hidden;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .35s ease;
}

body.og-page-tk-service--network .og-nw-sector__glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--nw-accent) 14%, transparent) 0%, transparent 55%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

body.og-page-tk-service--network .og-nw-sector:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--nw-accent) 28%, var(--pg-border));
  box-shadow:
    0 4px 12px rgba(15, 23, 42, .04),
    0 16px 40px color-mix(in srgb, var(--nw-accent) 12%, transparent);
}

body.og-page-tk-service--network .og-nw-sector:hover .og-nw-sector__glow { opacity: 1; }

body.og-page-tk-service--network .og-nw-sector__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

body.og-page-tk-service--network .og-nw-sector__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: .625rem;
  background: color-mix(in srgb, var(--nw-accent) 12%, transparent);
  color: var(--nw-accent);
  font-size: 1rem;
  transition: transform .35s ease, background .35s ease;
}

body.og-page-tk-service--network .og-nw-sector:hover .og-nw-sector__icon {
  transform: scale(1.06);
  background: color-mix(in srgb, var(--nw-accent) 18%, transparent);
}

body.og-page-tk-service--network .og-nw-sector__num {
  font-family: var(--og-font-mono);
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--pg-dim);
}

body.og-page-tk-service--network .og-nw-sector__title {
  margin: 0;
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--pg-text);
  line-height: 1.35;
}

body.og-page-tk-service--network .og-nw-sector__desc {
  margin: 0;
  font-size: .8125rem;
  line-height: 1.55;
  color: var(--pg-muted);
}

body.og-page-tk-service--network .og-nw-sector__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .3125rem;
  margin-top: .125rem;
}

body.og-page-tk-service--network .og-nw-sector__tags span {
  padding: .1875rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: color-mix(in srgb, var(--nw-accent) 78%, #0f172a);
  background: color-mix(in srgb, var(--nw-accent) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--nw-accent) 14%, transparent);
  border-radius: 999px;
}

/* Yasal bilgi kartları */
body.og-page-tk-service--network .og-nw-legal {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, var(--nw-accent) 6%, transparent) 0%, transparent 70%),
    var(--pg-bg);
}

body.og-page-tk-service--network .og-nw-legal__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
}

@media (min-width: 640px) {
  body.og-page-tk-service--network .og-nw-legal__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  body.og-page-tk-service--network .og-nw-legal__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .875rem;
  }
}

body.og-page-tk-service--network .og-nw-legal__card {
  padding: 1rem .9375rem;
  border-radius: .75rem;
  border: 1px solid var(--pg-border);
  background: var(--pg-surface);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

body.og-page-tk-service--network .og-nw-legal__card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--nw-accent) 22%, var(--pg-border));
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

body.og-page-tk-service--network .og-nw-legal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: .625rem;
  border-radius: .5rem;
  background: color-mix(in srgb, var(--nw-accent) 10%, transparent);
  color: var(--nw-accent);
  font-size: .875rem;
}

body.og-page-tk-service--network .og-nw-legal__title {
  margin: 0 0 .375rem;
  font-size: .875rem;
  font-weight: 700;
  color: var(--pg-text);
}

body.og-page-tk-service--network .og-nw-legal__desc {
  margin: 0;
  font-size: .78125rem;
  line-height: 1.55;
  color: var(--pg-muted);
}

/* Scroll reveal stagger */
body.og-page-tk-service--network .og-nw-sector[data-nw-index="0"],
body.og-page-tk-service--network .og-nw-legal__card[data-nw-index="0"],
body.og-page-tk-service--network .og-nw-apply__card[data-nw-index="0"] { transition-delay: 0ms; }
body.og-page-tk-service--network .og-nw-sector[data-nw-index="1"],
body.og-page-tk-service--network .og-nw-legal__card[data-nw-index="1"],
body.og-page-tk-service--network .og-nw-apply__card[data-nw-index="1"] { transition-delay: 60ms; }
body.og-page-tk-service--network .og-nw-sector[data-nw-index="2"],
body.og-page-tk-service--network .og-nw-legal__card[data-nw-index="2"],
body.og-page-tk-service--network .og-nw-apply__card[data-nw-index="2"] { transition-delay: 120ms; }
body.og-page-tk-service--network .og-nw-sector[data-nw-index="3"],
body.og-page-tk-service--network .og-nw-legal__card[data-nw-index="3"],
body.og-page-tk-service--network .og-nw-apply__card[data-nw-index="3"] { transition-delay: 180ms; }
body.og-page-tk-service--network .og-nw-sector[data-nw-index="4"] { transition-delay: 240ms; }
body.og-page-tk-service--network .og-nw-sector[data-nw-index="5"] { transition-delay: 300ms; }

@media (prefers-reduced-motion: reduce) {
  body.og-page-tk-service--network .og-nw-sector,
  body.og-page-tk-service--network .og-nw-apply__card,
  body.og-page-tk-service--network .og-nw-legal__card,
  body.og-page-tk-service--network .og-nw-finale__action {
    transition: none;
  }
  body.og-page-tk-service--network .og-nw-sector:hover,
  body.og-page-tk-service--network .og-nw-apply__card:hover {
    transform: none;
  }
}