/* ===== Modulių puslapiai (v2) =====
   Tik tai, kas būdinga /moduliai/<slug> ir /moduliai katalogui: modulio
   logotipas herojaus etiketėje, funkcijų sąrašas, žingsnių stulpeliai, susiję
   moduliai ir katalogo eilutės. Bendri blokai (herojus, pasas, gidas, „Kam
   tinka“, D.U.K.) — site.v6.css skyriuje „Ledger page kit“. */

/* Modulio logotipas prie paieškos frazės (H1 dalis). */
.erp-mx-kicker-logo {
  display: inline-block; width: 22px; height: 22px; margin: 0 10px 0 0;
  object-fit: contain; vertical-align: -6px;
}


/* ====== Funkcijos: dvi skiltys eilučių su varnele ====== */
.erp-mx-feats {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px;
  border-top: 2px solid var(--erp-maastricht);
}
.erp-mx-feat {
  display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 16px;
  align-items: start; padding: 22px 0 24px; border-bottom: 1px solid var(--erp-rule);
}
.erp-mx-feat > .erp-sx-check { transform: translateY(9px) rotate(-45deg); }
.erp-mx-feat h3 { margin: 0; font: 650 18.5px/1.3 var(--erp-font-display); letter-spacing: -0.012em; color: var(--erp-maastricht); }
.erp-mx-feat p { margin: 6px 0 0; font: 400 15.5px/1.55 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }


/* ====== Eiga: tiek stulpelių, kiek žingsnių ====== */
@media (min-width: 1025px) {
  .erp-mx-steps .erp-sx-roll { grid-template-columns: repeat(var(--steps, 4), minmax(0, 1fr)); }
}


/* ====== Susiję moduliai: logotipas, pavadinimas, kas sieja ====== */
.erp-mx-works { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--erp-maastricht); }
.erp-mx-works > li { border-bottom: 1px solid var(--erp-rule); }
.erp-mx-works a {
  display: grid; grid-template-columns: 36px minmax(0, 4fr) minmax(0, 7fr) 92px 24px;
  gap: 24px; align-items: center;
  margin: 0 -16px; padding: 22px 16px; border-radius: 8px; color: inherit; text-decoration: none;
  transition: background-color 200ms var(--erp-ease-out), transform 150ms var(--erp-ease-out);
}
.erp-lsec-paper .erp-mx-works a:hover { background: #fff; }
.erp-mx-works a:active { transform: scale(0.98); }
.erp-mx-works a:focus-visible { outline: 2px solid var(--erp-freedom); outline-offset: -2px; }
.erp-mx-works img { width: 36px; height: 36px; object-fit: contain; }
.erp-mx-works h3 { margin: 0; font: 650 20px/1.25 var(--erp-font-display); letter-spacing: -0.015em; color: var(--erp-maastricht); }
.erp-mx-works p { margin: 0; font: 400 15.5px/1.5 var(--erp-font-body); color: var(--erp-gray-600); text-wrap: pretty; }
.erp-mx-works .erp-sx-tag { justify-self: start; align-self: center; margin: 0; }
.erp-mx-go {
  grid-column: 5; justify-self: end; font: 400 20px/1 var(--erp-font-body); color: var(--erp-gray-400);
  transition: transform 200ms var(--erp-ease-out), color 200ms var(--erp-ease-out);
}
.erp-mx-works a:hover .erp-mx-go { color: var(--erp-freedom-ink); transform: translateX(4px); }


/* ====== /moduliai katalogas ======
   Kiekviena sritis — eilutė: pavadinimas kairėje (prilimpa), moduliai
   dešinėje hairline eilutėmis su logotipu, aprašymu ir papildoma kaina. */
.erp-mxi-group {
  display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 12px 48px;
  padding: 24px 0 48px; border-top: 2px solid var(--erp-maastricht);
}
.erp-mxi-h { position: sticky; top: 88px; align-self: start; padding-top: 14px; }
.erp-mxi-h h2 { margin: 0; font: 650 24px/1.2 var(--erp-font-display); letter-spacing: -0.02em; color: var(--erp-maastricht); }
.erp-mxi-h span { display: block; margin-top: 8px; font: 500 12px/1 var(--erp-font-mono); color: var(--erp-gray-600); }
.erp-mxi-group ul { list-style: none; margin: 0; padding: 0; }
.erp-mxi-group li { border-bottom: 1px solid var(--erp-rule); }
.erp-mxi-row {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) auto 84px; gap: 18px; align-items: center;
  margin: 0 -12px; padding: 16px 12px; border-radius: 8px; color: inherit; text-decoration: none;
  transition: background-color 200ms var(--erp-ease-out), transform 150ms var(--erp-ease-out);
}
.erp-mxi-row:hover { background: var(--erp-paper); }
.erp-mxi-row:active { transform: scale(0.98); }
.erp-mxi-row:focus-visible { outline: 2px solid var(--erp-freedom); outline-offset: -2px; }
.erp-mxi-row img { width: 32px; height: 32px; object-fit: contain; }
.erp-mxi-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; min-width: 0; }
.erp-mxi-t h3 { margin: 0; font: 600 17px/1.3 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-mxi-t p { margin: 0; font: 400 15px/1.45 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-mxi-row .erp-sx-tag { align-self: center; margin: 0; }
.erp-mxi-go {
  grid-column: 4; justify-self: end; white-space: nowrap;
  font: 600 14px/1 var(--erp-font-body); color: var(--erp-freedom-ink);
}
.erp-mxi-go > span { display: inline-block; margin-left: 5px; transition: transform 200ms var(--erp-ease-out); }
.erp-mxi-go.is-quiet { color: var(--erp-gray-400); }
.erp-mxi-row:hover .erp-mxi-go > span { transform: translateX(3px); }


@media (hover: none) {
  .erp-lsec-paper .erp-mx-works a:hover, .erp-mxi-row:hover { background: none; }
  .erp-mx-works a:hover .erp-mx-go, .erp-mxi-row:hover .erp-mxi-go > span { transform: none; }
}


/* ====== Responsive ====== */
@media (max-width: 1024px) {
  .erp-mx-works a { grid-template-columns: 36px minmax(0, 1fr) auto 24px; gap: 4px 20px; }
  .erp-mx-works img { grid-row: 1 / 3; align-self: start; margin-top: 2px; }
  .erp-mx-works h3 { grid-column: 2; }
  .erp-mx-works p { grid-column: 2; grid-row: 2; }
  .erp-mx-works .erp-sx-tag { grid-column: 3; grid-row: 1; }
  .erp-mx-go { grid-column: 4; grid-row: 1 / 3; }
}
@media (max-width: 860px) {
  .erp-mx-feats { grid-template-columns: 1fr; }
  .erp-mxi-group { grid-template-columns: 1fr; padding-bottom: 32px; }
  .erp-mxi-h { position: static; padding-top: 0; }
}
@media (max-width: 560px) {
  .erp-mx-kicker-logo { width: 20px; height: 20px; margin-right: 8px; vertical-align: -5px; }
  .erp-mx-feat { grid-template-columns: 16px minmax(0, 1fr); padding: 18px 0 20px; gap: 14px; }
  .erp-mx-feat > .erp-sx-tag { grid-column: 2; justify-self: start; }
  .erp-mx-feat h3 { font-size: 17.5px; }
  .erp-mx-feat p { font-size: 15px; }
  .erp-mx-works a { grid-template-columns: 32px minmax(0, 1fr) 20px; gap: 4px 16px; margin: 0; padding: 18px 0; border-radius: 0; }
  .erp-mx-works img { width: 32px; height: 32px; }
  .erp-mx-works h3 { font-size: 18px; }
  .erp-mx-works p { font-size: 15px; }
  .erp-mx-works .erp-sx-tag { grid-column: 2; grid-row: 3; margin-top: 8px; justify-self: start; }
  .erp-mx-go { grid-column: 3; }
  .erp-mxi-row { grid-template-columns: 28px minmax(0, 1fr) 20px; gap: 4px 14px; margin: 0; padding: 14px 0; border-radius: 0; align-items: start; }
  .erp-mxi-row img { width: 28px; height: 28px; grid-row: 1 / 3; margin-top: 1px; }
  .erp-mxi-t { grid-column: 2; flex-direction: column; gap: 2px; }
  .erp-mxi-row .erp-sx-tag { grid-column: 2; grid-row: 2; justify-self: start; margin-top: 6px; }
  .erp-mxi-go { grid-column: 3; grid-row: 1 / 3; align-self: center; font-size: 0; }
  .erp-mxi-go > span { margin: 0; font-size: 18px; font-weight: 400; }
  .erp-mxi-row:active { transform: none; background: var(--erp-paper); }
}