body.j-jeomatik-ncz-viewer {
  color: #10233f;
  background:
    radial-gradient(circle at top left, rgba(0, 50, 255, .16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(30, 92, 205, .12), transparent 28%),
    linear-gradient(145deg, var(--bg-a), var(--bg-b) 40%, var(--bg-c));
}

body.j-jeomatik-ncz-viewer::before {
  display: none;
}

body.j-jeomatik-ncz-viewer main {
  color: #10233f;
  background: var(--surface-strong);
}

body.j-jeomatik-ncz-viewer[data-lang="en"] [data-tr],
body.j-jeomatik-ncz-viewer:not([data-lang="en"]) [data-en] {
  display: none;
}

body.j-jeomatik-ncz-viewer .j-context .j-local-links,
body.j-jeomatik-ncz-viewer .j-context #langBtn {
  display: none;
}

body.j-jeomatik-ncz-viewer main .hero h1,
body.j-jeomatik-ncz-viewer main .section-title h2,
body.j-jeomatik-ncz-viewer main .j-viewer-licensing h2,
body.j-jeomatik-ncz-viewer main .j-viewer-notes h3 {
  color: #10233f;
}

body.j-jeomatik-ncz-viewer main .hero h1 {
  font-size: clamp(42px, 5.7vw, 78px);
  line-height: .98;
  letter-spacing: -.06em;
}

body.j-jeomatik-ncz-viewer main .grad {
  background: none;
  color: #1767ba;
}

body.j-jeomatik-ncz-viewer main .hero .eyebrow {
  padding: 0;
  border: 0;
  background: transparent;
  color: #425674;
}

body.j-jeomatik-ncz-viewer main .hero .dot {
  background: #1767ba;
  box-shadow: none;
}

body.j-jeomatik-ncz-viewer main .hero .lead,
body.j-jeomatik-ncz-viewer main .section-title p {
  color: #5f718d;
}

body.j-jeomatik-ncz-viewer main .hero-cta {
  align-items: flex-start;
  gap: 16px 22px;
}

body.j-jeomatik-ncz-viewer main .j-store-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 64px;
  min-height: 64px;
  line-height: 0;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.j-jeomatik-ncz-viewer main .j-store-badge:hover {
  box-shadow: none;
}

/* Match visible artwork heights while preserving Google's transparent margins. */
body.j-jeomatik-ncz-viewer main .j-store-badge img {
  display: block;
  width: auto;
  max-width: none;
  height: 40px;
}
body.j-jeomatik-ncz-viewer main .j-store-google img { height: 52.083333px; }
html[lang="en"] body.j-jeomatik-ncz-viewer main .j-store-google img { height: 59.523810px; }
body.j-jeomatik-ncz-viewer.en main .j-store-badge[data-tr],
body.j-jeomatik-ncz-viewer:not(.en) main .j-store-badge[data-en] { display: none; }
body.j-jeomatik-ncz-viewer main .hero-cta > .btn.ghost { align-self: center; }

body.j-jeomatik-ncz-viewer main .j-store-test {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

body.j-jeomatik-ncz-viewer main .j-store-test-label {
  color: #5f718d;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

body.j-jeomatik-ncz-viewer main .btn.ghost {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #1767ba;
}

body.j-jeomatik-ncz-viewer main .btn.ghost:hover {
  text-decoration: underline;
}

body.j-jeomatik-ncz-viewer main .device {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.j-jeomatik-ncz-viewer main .device img,
body.j-jeomatik-ncz-viewer main .shot-body img {
  display: block;
  width: 100%;
  height: auto;
}

body.j-jeomatik-ncz-viewer main .features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.j-jeomatik-ncz-viewer main .card {
  min-height: 0;
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #e5eaf1;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #10233f;
}

body.j-jeomatik-ncz-viewer main .card h3 {
  color: #10233f;
}

body.j-jeomatik-ncz-viewer main .card p,
body.j-jeomatik-ncz-viewer main .j-viewer-notes li {
  color: #5f718d;
}

body.j-jeomatik-ncz-viewer main .j-viewer-license-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

body.j-jeomatik-ncz-viewer main .j-viewer-licensing,
body.j-jeomatik-ncz-viewer main .j-viewer-notes {
  margin-top: 32px;
}

body.j-jeomatik-ncz-viewer main .j-viewer-notes ul {
  padding-left: 24px;
}

body.j-jeomatik-ncz-viewer main .gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.j-jeomatik-ncz-viewer main .shot {
  grid-row: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.j-jeomatik-ncz-viewer main .shot-head {
  min-height: 0;
  padding: 0 0 12px;
  border: 0;
  background: transparent;
  color: #10233f;
}

body.j-jeomatik-ncz-viewer main .shot-body {
  min-height: 0;
  padding: 0;
  border-radius: 10px;
  background: transparent;
}

body.j-jeomatik-ncz-viewer main .shot-body img {
  border-radius: 10px;
}

@media (max-width: 760px) {
  body.j-jeomatik-ncz-viewer main .features,
  body.j-jeomatik-ncz-viewer main .j-viewer-license-grid,
  body.j-jeomatik-ncz-viewer main .gallery {
    grid-template-columns: 1fr;
  }
}