/* ===== /kontaktai (v2) =====
   Herojus, pasas, sekcijų karkasas ir CTA — site.v6.css „Ledger page kit“.
   Čia: rekvizitai mono šriftu, kontaktų eilutės ir demo prisijungimo skydelis
   (tas pats pavidalas kaip sprendimų kainos skaičiuoklė .erp-sx-calc). */

/* ====== Rekvizitai herojuje ====== */
.erp-ct-req .erp-sx-pass-row { grid-template-columns: 136px minmax(0, 1fr); }
.erp-ct-req .erp-sx-pass-row + .erp-sx-pass-row dd {
  font: 500 14.5px/1.45 var(--erp-font-mono); font-variant-numeric: tabular-nums; color: var(--erp-maastricht);
}


/* Pašto kodas ir miestas nelaužomi per brūkšnelį. */
.erp-ct-nobr { white-space: nowrap; }


/* ====== Kontaktų kanalai ir demo skydelis ====== */
.erp-ct-grid {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px 72px; align-items: start;
}

.erp-ct-ch { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--erp-maastricht); }

.erp-ct-row {
  display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 8px 32px;
  padding: 28px 0 30px; border-bottom: 1px solid var(--erp-rule);
}

.erp-ct-k {
  margin: 0; padding-top: 14px;
  font: 500 12px/1.3 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-600);
}

.erp-ct-v p { margin: 6px 0 0; font: 400 15.5px/1.5 var(--erp-font-body); color: var(--erp-gray-600); }

.erp-ct-v .erp-ct-big {
  display: inline-block; margin: 0; padding: 5px 0;
  font: 650 clamp(24px, 18px + 0.9vw, 30px)/1.2 var(--erp-font-display); letter-spacing: -0.022em;
  color: var(--erp-maastricht);
}
.erp-ct-v a.erp-ct-big {
  text-decoration: underline 2px; text-decoration-color: transparent; text-underline-offset: 7px;
  transition: color 150ms var(--erp-ease-out), text-decoration-color 150ms var(--erp-ease-out), transform 150ms var(--erp-ease-out);
}
.erp-ct-v a.erp-ct-big:hover { color: var(--erp-freedom-ink); text-decoration-color: currentColor; }
.erp-ct-v a.erp-ct-big:active { transform: scale(0.98); }

.erp-ct-map {
  display: inline-flex; align-items: center; min-height: 32px;
  font: 600 15px/1.3 var(--erp-font-body); color: var(--erp-freedom-ink); text-decoration: none;
  transition: color 150ms var(--erp-ease-out), transform 150ms var(--erp-ease-out);
}
.erp-ct-map .erp-btn-arrow { margin-left: 6px; }
.erp-ct-map:hover { color: var(--erp-freedom-ink-deep); }
.erp-ct-map:hover .erp-btn-arrow { transform: translateX(3px); }
.erp-ct-map:active { transform: scale(0.98); }

.erp-ct-v a:focus-visible { outline: 2px solid var(--erp-freedom); outline-offset: 4px; border-radius: 4px; }


/* Demo skydelis: mono antraštė ant „popieriaus“, tekstas, varnelės, mygtukas apačioje. */
.erp-ct-demo {
  background: #fff; border: 1px solid var(--erp-rule); border-radius: 12px;
  box-shadow: var(--erp-shadow-md); overflow: hidden;
}
.erp-ct-demo-h {
  margin: 0; padding: 14px 24px; background: var(--erp-paper); border-bottom: 1px solid var(--erp-rule);
  font: 500 12px/1 var(--erp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--erp-gray-600);
}
.erp-ct-demo-body { padding: 26px 24px 6px; }
.erp-ct-demo-body h3 {
  margin: 0 0 10px; font: 650 clamp(24px, 20px + 0.5vw, 28px)/1.15 var(--erp-font-display);
  letter-spacing: -0.022em; color: var(--erp-maastricht);
}
.erp-ct-demo-body > p { margin: 0 0 22px; font: 400 16px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-ct-demo .erp-sx-ticks { border-bottom: 0; }
.erp-ct-demo .erp-sx-ticks li { padding: 12px 0; font-size: 15.5px; }
.erp-ct-demo .erp-sx-ticks li:last-child { border-bottom: 0; }
.erp-ct-demo-foot { margin-top: 12px; padding: 22px 24px 20px; background: var(--erp-paper); border-top: 1px solid var(--erp-rule); }
.erp-ct-demo-foot p { margin: 14px 0 0; font: 400 13.5px/1.5 var(--erp-font-body); color: var(--erp-gray-600); text-align: center; }
.erp-ct-demo-foot p a { color: var(--erp-freedom-ink); }


@media (hover: none) {
  .erp-ct-v a.erp-ct-big:hover { color: var(--erp-maastricht); text-decoration-color: transparent; }
  .erp-ct-map:hover .erp-btn-arrow { transform: none; }
}


/* ====== Responsive ====== */
@media (max-width: 1024px) {
  .erp-ct-grid { grid-template-columns: 1fr; gap: 48px; }
  .erp-ct-demo { max-width: 560px; }
}

@media (max-width: 560px) {
  .erp-ct-req .erp-sx-pass-row { grid-template-columns: 112px minmax(0, 1fr); }
  .erp-ct-row { grid-template-columns: 1fr; gap: 4px; padding: 22px 0 24px; }
  .erp-ct-k { padding-top: 0; }
  .erp-ct-v .erp-ct-big { padding: 7px 0; }
  .erp-ct-map { min-height: 44px; }
  .erp-ct-grid { gap: 40px; }
  .erp-ct-demo-h { padding: 12px 16px; }
  .erp-ct-demo-body { padding: 22px 16px 4px; }
  .erp-ct-demo-foot { padding: 18px 16px 16px; }
}