/* ═══════════════════════════════════════════════════════
   PRICELIO — turinio puslapių karkasas (apie-mus, blog, privacy, terms…).
   Klasės su `pc-` priešdėliu — kaip poraštės `pf-`, nepriklausomos nuo
   Tailwind dump'o, todėl neišnyksta, kai klasės jame nėra.

   Kodėl reikėjo: šie puslapiai buvo automatiškai perkelti į 2026 dizainą ir
   virto viena 760 px pastraipų juosta. Dideliame ekrane – po 800 px tuštumos
   iš šonų, jokios navigacijos, jokio ritmo. Pagrindinis puslapis atrodė kaip
   kitas produktas nei „Apie mus".
   ═══════════════════════════════════════════════════════ */

.pc-shell {
  --pc-line: rgb(255 255 255 / .12);
  --pc-dim:  rgb(255 255 255 / .55);
  margin: 0 auto;
  width: 100%;
  max-width: min(1240px, 94vw);
  display: grid;
  gap: 56px;
  align-items: start;
}
:root[data-theme="light"] .pc-shell { --pc-line: rgb(23 23 26 / .14); --pc-dim: rgb(23 23 26 / .62); }

/* Turinys neplečiamas iki viso lango — virš ~80 ženklų eilutėje skaityti sunku.
 * Šoninę vietą užima turinys apie turinį (rodyklė), ne ilgesnės eilutės. */
.pc-main { min-width: 0; max-width: 760px; }

@media (width >= 64rem) {
  .pc-shell { grid-template-columns: minmax(0, 760px) 240px; }
  .pc-aside { position: sticky; top: 32px; }
}
@media (width < 64rem) {
  .pc-aside { order: -1; }
}

/* ── Turinio rodyklė ─────────────────────────────────────────────── */
.pc-toc {
  border: 1px solid var(--pc-line);
  border-radius: 18px;
  padding: 18px 18px 14px;
}
.pc-toc-t {
  font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: var(--pc-dim); margin-bottom: 10px;
}
.pc-toc a {
  display: block; padding: 6px 0; font-size: 13px; line-height: 1.45;
  text-decoration: none; color: var(--pc-dim); border-left: 2px solid transparent;
  padding-left: 10px; margin-left: -10px; transition: color .16s ease, border-color .16s ease;
}
.pc-toc a:hover { color: inherit; }
.pc-toc a.is-here { color: inherit; border-left-color: #7c3aed; font-weight: 700; }

/* ── Įvadinė pastraipa ───────────────────────────────────────────── */
.pc-lead { font-size: 19px; line-height: 1.65; }

/* ── Skaičių juosta („13 prekybos tinklų") ───────────────────────── */
.pc-stats {
  display: grid; gap: 14px; margin-top: 28px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.pc-stat {
  border: 1px solid var(--pc-line); border-radius: 16px; padding: 18px 18px 16px;
}
.pc-stat b { display: block; font-family: 'DM Serif Display', Georgia, serif; font-size: 34px; line-height: 1; }
.pc-stat span { display: block; margin-top: 7px; font-size: 12.5px; color: var(--pc-dim); }
:root[data-theme="light"] .pc-stat { background: #fff; box-shadow: 0 1px 2px rgb(17 19 28 / .05), 0 10px 26px rgb(17 19 28 / .06); }

/* ── „Ką dar pažiūrėti" ──────────────────────────────────────────────
 * Turinio puslapiai baigdavosi paskutine pastraipa ir porašte — žmogus,
 * perskaitęs „Apie mus", neturėjo kur eiti toliau. Trys kortelės veda į tai,
 * kas iš tikrųjų naudinga: paiešką, dienos kritimus ir duomenų būklę. */
.pc-next { margin-top: 64px; padding-top: 32px; border-top: 1px solid var(--pc-line); }
.pc-next-t { font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--pc-dim); }
.pc-next-grid { display: grid; gap: 12px; margin-top: 16px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.pc-next-grid a {
  display: block; text-decoration: none; color: inherit;
  border: 1px solid var(--pc-line); border-radius: 16px; padding: 18px;
  transition: border-color .16s ease, transform .16s ease;
}
.pc-next-grid a:hover { border-color: #7c3aed; transform: translateY(-2px); }
.pc-next-grid b { display: block; font-size: 15px; font-weight: 800; }
.pc-next-grid span { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.5; color: var(--pc-dim); }
.pc-next-grid em { display: block; margin-top: 12px; font-style: normal; font-size: 12px; font-weight: 800; color: #a78bfa; }
:root[data-theme="light"] .pc-next-grid a { background: #fff; box-shadow: 0 1px 2px rgb(17 19 28 / .05), 0 10px 26px rgb(17 19 28 / .06); }
:root[data-theme="light"] .pc-next-grid em { color: #5b21b6; }

/* ── Duomenų lentelės (BDAR/sąlygų skyriai) ──────────────────────────
 * Automatinis 2026 perkėlimas markdown lenteles suplokštino į eilę
 * vienodų <p> — antraštė nebesiskyrė nuo duomenų, stulpeliai dingo.
 * Realios <table> vietoj to. */
.pc-table-wrap { margin-top: 16px; overflow-x: auto; border: 1px solid var(--pc-line); border-radius: 16px; }
.pc-table { width: 100%; border-collapse: collapse; font-size: 13.5px; line-height: 1.5; }
.pc-table th, .pc-table td { padding: 12px 16px; text-align: left; vertical-align: top; white-space: normal; }
.pc-table th {
  font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--pc-dim); background: rgb(255 255 255 / .04); border-bottom: 1px solid var(--pc-line);
}
.pc-table td { color: rgb(255 255 255 / .72); border-bottom: 1px solid var(--pc-line); }
.pc-table tr:last-child td { border-bottom: none; }
:root[data-theme="light"] .pc-table th { background: rgb(23 23 26 / .035); }
:root[data-theme="light"] .pc-table td { color: rgb(23 23 26 / .72); }