/* ============================================================
   KOGNEV — SEO ir kokybės auditas
   Scoped to body.kg2, loaded alongside home.css, which supplies
   the tokens, the shared component treatments (buttons, nav,
   footer, reviews, the kg-faq disclosure), the .kg-ps-hero /
   kg-ps-wrap anatomy and the .kg-tx-wrap text-row list this page
   shares with Paslaugos and DI mokymai, and the .kg-flow process
   component this page reuses verbatim for "Kaip vyksta auditas"
   — a genuine three-step sequence (submit domain, analysis,
   report), unlike the two other pairings on this site that had
   their numerals removed.

   This is a rebuild, not a retint: the old .audit-* component
   library (styles.css) is gone from the markup entirely. Two
   things are new here that no other page needed yet:

   .kg-check — a rail heading beside a plain vertical list of
   heading+body items (no numeral, no evidence panel). Used for
   "Ką vertiname" (4 items), "Audito rezultatas" (3) and "Kada
   auditas naudingiausias" (3).

   .kg-audit-price — the pricing panel. This page sells a real,
   fixed-price product (Stripe checkout is wired to the button via
   [data-stripe], untouched from the original build), so the price
   gets the same large-numeral treatment already used sitewide for
   a genuine payoff figure (Paslaugos' 99,3%), not card chrome.
   ============================================================ */

/* ---------- Hero ---------- */
.kg2 .kg-ps-hero__lead2 { margin-top: var(--s-3); max-width: 58ch; color: var(--slate); }
/* A real discount, shown as a plain price pair rather than a filled
   tag: the struck-through old price sits at reading size, the new
   price is the one thing here that's large and bold. The note beside
   it repeats the same meaning in words, so nothing depends on the
   strikethrough or the accent colour alone. */
.kg2 .kg-audit-teaser {
  margin-top: var(--s-4);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: var(--s-3);
  row-gap: var(--s-1);
  font-size: var(--t-micro);
  color: var(--slate);
}
.kg2 .kg-audit-teaser__price {
  display: inline-flex;
  align-items: baseline;
  gap: var(--s-2);
}
.kg2 .kg-audit-teaser__price s {
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--slate);
  text-decoration-color: var(--rule-strong);
}
.kg2 .kg-audit-teaser__price strong {
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--signal-ink);
}
.kg2 .kg-audit-teaser__note { color: var(--signal-ink); }

/* ============================================================
   CHECKLIST — rail heading + plain vertical list
   ============================================================ */
.kg2 .kg-check { border-top: 1px solid var(--rule); }
.kg2 .kg-check__item {
  padding: var(--s-4) 0;
  border-bottom: 1px solid var(--rule);
}
.kg2 .kg-check__item h3 { margin: 0; font-size: var(--t-body); }
.kg2 .kg-check__item p { margin-top: var(--s-2); max-width: 62ch; }

/* ============================================================
   PRICING
   ============================================================ */
.kg2 .kg-audit-price {
  display: grid;
  grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
  column-gap: clamp(2rem, 1.4rem + 3.4vw, 4.5rem);
  align-items: start;
}
.kg2 .kg-audit-price__aside { display: grid; gap: var(--s-1); }
.kg2 .kg-audit-price__label { margin: 0; font-size: var(--t-micro); color: var(--slate); }
/* The discount is never carried by strikethrough or colour alone —
   "Anksčiau" and "ribotas pasiūlymas" say the same thing in words,
   so it still reads correctly without style (a screen reader that
   doesn't announce <s>, a printed page, a colour-blind visitor). */
.kg2 .kg-audit-price__was { margin: 0; font-size: var(--t-micro); color: var(--slate); }
.kg2 .kg-audit-price__was s { text-decoration-color: var(--rule-strong); }
.kg2 .kg-audit-price__figure {
  margin: 0;
  font-size: clamp(2.5rem, 1.9rem + 2.2vw, 3.25rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--signal-ink);
}
.kg2 .kg-audit-price__unit { margin: 0; font-size: var(--t-micro); color: var(--ink); }

.kg2 .kg-audit-price__body { display: grid; gap: var(--s-3); }
.kg2 .kg-audit-price__body p { margin: 0; max-width: 62ch; }
.kg2 .kg-audit-price__actions { margin-top: var(--s-1); }
.kg2 .kg-audit-price__scope { color: var(--slate); font-size: var(--t-micro); }

/* ---------- Responsive ---------- */
@media (max-width: 1023px) {
  .kg2 .kg-audit-price { grid-template-columns: 1fr; }
  .kg2 .kg-audit-price__aside { margin-bottom: var(--s-4); }
}