/* ══════════════════════════════════════════════════════════
   [va_process] — pirkimo žingsniai (M13-W1a, v2.42.0)
   Pagal patvirtintą `mockups/m13-home-v2.html` (.steps / .step).

   SAVARANKIŠKAS: nesiremia `va-frontend.css` kintamaisiais, nes blokas
   skirtas ir tituliniam puslapiui, kur tas failas nekraunamas. Reikšmės
   perimtos iš maketo tiesiogiai.
   ══════════════════════════════════════════════════════════ */

.va-process {
    --vap-ink: #0A172A;
    --vap-muted: #6B7280;
    --vap-line: #E5E7EB;
    --vap-card: #fff;
    --vap-accent: #E8833A;
    --vap-serif: 'Playfair Display', Georgia, serif;
    --vap-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    font-family: var(--vap-sans);
    color: var(--vap-ink);
}

/* ── Antraštė ── */
.va-process-head { margin-bottom: 26px; }

.va-process-eyebrow {
    margin: 0 0 6px;
    font-size: 12px; font-weight: 600; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--vap-muted);
}

.va-process-title {
    margin: 0 0 8px;
    font-family: var(--vap-serif);
    font-size: 30px; font-weight: 700; line-height: 1.2; color: var(--vap-ink);
}

.va-process-intro {
    margin: 0; max-width: 62ch;
    font-size: 15px; line-height: 1.6; color: var(--vap-muted);
}

/* ── Žingsniai ──
   Keturios kolonos su vidiniais skirtukais, be tarpų — kaip makete. */
.va-process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: var(--vap-card);
    border: 1px solid var(--vap-line);
    border-radius: 12px;
    overflow: hidden;
}

.va-process-step {
    padding: 34px 28px;
    border-right: 1px solid var(--vap-line);
}
.va-process-step:last-child { border-right: 0; }

.va-process-num {
    width: 34px; height: 34px; border-radius: 50%;
    background: var(--vap-ink); color: #fff;
    font-family: var(--vap-sans); font-size: 14px; font-weight: 600;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
}

.va-process-step-title {
    margin: 0 0 7px;
    font-family: var(--vap-serif);
    font-size: 16.5px; font-weight: 700; line-height: 1.3; color: var(--vap-ink);
}

.va-process-step-text {
    margin: 0;
    font-size: 14.2px; line-height: 1.6; color: var(--vap-muted);
}

/* ── Planšetė: 2×2 ──
   Keturios kolonos po 700 px nebeturi vietos tekstui; skirtukai persuka
   į tinklelį, todėl dešinįjį kraštą tvarko `nth-child`, ne `last-child`. */
@media (max-width: 900px) {
    .va-process-steps { grid-template-columns: repeat(2, 1fr); }
    .va-process-step:nth-child(2n) { border-right: 0; }
    .va-process-step:nth-child(-n+2) { border-bottom: 1px solid var(--vap-line); }
    .va-process-title { font-size: 26px; }
}

/* ── Telefonas: vienas stulpelis ── */
@media (max-width: 560px) {
    .va-process-steps { grid-template-columns: 1fr; }
    .va-process-step { border-right: 0; border-bottom: 1px solid var(--vap-line); padding: 26px 22px; }
    .va-process-step:last-child { border-bottom: 0; }
    .va-process-title { font-size: 23px; }
}