/* ==========================================================================
   Demurrit komponentai — 1 fazė, suderinta su tokens.css v2 (1.5 fazė)
   Naudoja TIK tokens.css žetonus. Jokio hex čia (žr. patikros komandą
   styleguide.html apačioje).

   1.5 fazės pakeitimai (migrate-design-fix.md):
     - var(--brand)/var(--brand-deep) → var(--accent)/var(--accent-hover)
       (tokens.css v2 pervadino šias reikšmes, "--brand" nebeegzistuoja).
     - .module-grid / .pricing-table nuosavi fiksuoti lūžio taškai PAŠALINTI —
       vietoj jų naudojama tokens.css v2 .grid/.grid--2/.grid--3/
       .grid--center-last sistema TIESIOGIAI HTML žymėjime (žr. "tinkleliai"
       bloką) — ta sistema jau atsižvelgia į elementų SKAIČIŲ, ne tik plotį,
       tad du lygiagretūs tinklelio mechanizmai čia būtų prieštaravę vienas
       kitam. .pricing-plan/.module-card lieka — tai KORTELĖS stilius, ne
       tinklelio konteineris.
     - .module-card/.article-card :focus-visible taisyklės PAŠALINTOS — v2
       jau duoda universalų :where(a, button, ...):focus-visible, o abu šie
       elementai yra <a>, tad taisyklė jau veikė, dubliavimas nereikalingas.
   ========================================================================== */

/* 2026-09-11: paskutinis .container vidaus elementas neturi savo apatinės
   paraštės pridurti prie .section apatinio padding'o -- kitaip du tarpai
   susumuoja ir vertikalus ritmas tarp sekcijų nebėra vienodas. Taikinys
   ".section .container > *:last-child", NE plikas ".section > *:last-child",
   nes kiekviena sekcija turi TIK VIENĄ tiesioginį vaiką (.container), o
   realus "paskutinis elementas" (paskutinis <p>/<div> su margin-bottom)
   yra VIENU LYGMENIU giliau. */
.section .container > *:last-child { margin-block-end: 0; }

/* --- Navigacija: PATIKRINTA esama apps/marketing/index.html struktūra,
   NE perkurta nuo nulio. <details>/<summary> jau veikia be JS ir su
   klaviatūra (browserio native elgesys). Šis blokas prideda tik tai, ko
   trūko: temiškai teisingą :focus-visible (tokens.css jau duoda per
   universalų selektorių), aria-current="page" paramą IR D1 sprendimo
   dvi naujas šakas (/auditas/, /cargo/). ------------------------------- */
.site-nav { display: none; align-items: center; flex-wrap: wrap; gap: var(--sp-5); font: 500 var(--fs-ui)/1 var(--font-ui); }
@media (min-width: 860px) { .site-nav { display: flex; } .mobile-menu { display: none; } }
.site-nav a { color: var(--txt-1); text-decoration: none; padding: 15px 0; border-bottom: 2px solid transparent; transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease; }
.site-nav a:hover { color: var(--accent); }
.site-nav a[aria-current="page"] {
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
}
.site-nav .branch-group {
  display: flex; align-items: center; gap: var(--sp-1);
  padding: 2px; border: 1px solid var(--line-strong); border-radius: 999px;
  background: var(--bg-1);
}
.site-nav .branch-group a {
  padding: 15px var(--sp-4); border-radius: 999px; color: var(--txt-1); border-bottom: none;
}
.site-nav .branch-group a:hover { color: var(--accent); background: var(--bg-2); }
.site-nav .branch-group a[aria-current="page"] {
  background: var(--bg-2); color: var(--accent); border-bottom: none;
}

/* --- Paspaudžiama kortelė · BENDRA BAZĖ ---------------------------------
   2026-09-11: .branch-card/.module-card/.article-card anksčiau kiekviena
   turėjo SAVO apvado/fono/hover elgseną (module-card -- shadow+translateY,
   branch-card -- amber apvadas, article-card -- vien apatinė linija be
   dėžutės apskritai). Vartotojo prašymu suvienodinta į VIENĄ bazę: apvadas
   VISADA 1px (keičiasi tik spalva), fonas var(--bg-1), hover/focus --
   amber apvadas+atspalvis VISUR. Jokio box-shadow, jokio transform --
   puslapis lieka ramus. height:100% + tėvinio grid align-items:stretch
   duoda vienodą aukštį tinklelyje nepriklausomai nuo teksto ilgio. */
.branch-card,
.module-card,
.article-card {
  display: flex; flex-direction: column;
  border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--bg-1); padding: var(--sp-5);
  color: inherit; text-decoration: none; height: 100%;
  transition: border-color 120ms ease-out, background-color 120ms ease-out;
}
@media (hover: hover) {
  .branch-card:hover,
  .module-card:hover,
  .article-card:hover {
    border-color: var(--color-amber);
    background: var(--color-amber-tint);
  }
}
.branch-card:focus-within, .branch-card:focus-visible,
.module-card:focus-within, .module-card:focus-visible,
.article-card:focus-within, .article-card:focus-visible {
  border-color: var(--color-amber);
  background: var(--color-amber-tint);
  outline: 2px solid var(--color-amber);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .branch-card, .module-card, .article-card { transition: none; }
}

/* --- Modulio kortelė -- specifinės dalys (bazė aukščiau) ----------------- */
.module-card { gap: var(--sp-3); }
/* 2026-09-13 (MAIN-RULES §3): text-transform:uppercase pašalintas, tarpai
   sumažinti (buvo suderinti su DIDŽIOSIOMIS raidėmis) -- žymė lieka
   pastebima vien svoriu (600) + spalva, sakinio raidėmis, kaip HTML
   turinys ("CMR", "Kuras", "Konteinerių prastova") jau parašytas. */
.module-card__eyebrow {
  font: 600 var(--fs-small)/1 var(--font-ui); letter-spacing: 0.01em;
  color: var(--accent);
}
.module-card__title { font: 600 var(--fs-h3)/var(--lh-tight) var(--font-display); color: var(--txt-heading); }
.module-card__desc { font: 400 var(--fs-ui)/var(--lh-ui) var(--font-ui); color: var(--txt-1); }
.module-card__meta {
  margin-top: auto; padding-top: var(--sp-3); border-top: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between;
  font: 500 var(--fs-small)/1 var(--font-ui); color: var(--txt-2);
}
.module-card[aria-disabled="true"] {
  opacity: 0.55; pointer-events: none; cursor: not-allowed;
}
.module-card[aria-disabled="true"] .module-card__meta { color: var(--st-pending); }

/* --- Kainos semantinis žymėjimas (2026-09-12) -- BE spalvos, TIK grep'ui
   ir skaičių lygiavimui. Amber lieka rezervuota IŠIMTINAI paspaudžiamoms
   kortelėms (žr. aukščiau) -- kaina niekada nėra veiksmas, tad niekada
   negauna amber. Sąmoningai patalpinta PRIEŠ .pricing-plan__price žemiau:
   ten kainos dydis/svoris jau apibrėžtas savo pačios taisykle (font: 700
   var(--fs-h2)...), ir esant vienodam selektoriaus specifiškumui cascade
   tvarka (šis anksčiau faile) užtikrina, kad TA konkreti taisyklė laimi,
   o .price ten prisideda TIK tabular-nums, vizualiai nieko nekeisdama --
   tiksliai kaip prašyta. Kitur (paprastame tekste, ne .pricing-plan
   viduje) .price savo font-weight:500 realiai pritaikomas. */
.price {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
}

/* --- Kainų plano kortelė (tinklelio KONTEINERIS — žr. tokens.css v2
   .grid/.grid--2, 4 planai = grid--2 2×2, NIEKADA 4 vienoje eilėje) ------ */
.pricing-plan {
  display: flex; flex-direction: column; gap: var(--sp-4); height: 100%;
  padding: var(--sp-6) var(--sp-5); border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-1);
}
.pricing-plan--featured {
  border-color: var(--accent); border-width: 2px;
  background: var(--bg-0);
  position: relative;
}
.pricing-plan--featured::before {
  content: "Populiariausia"; position: absolute; top: -12px; left: var(--sp-5);
  background: var(--accent); color: var(--on-accent); font: 600 var(--fs-small)/1 var(--font-ui);
  padding: 4px var(--sp-3); border-radius: 999px;
}
.pricing-plan__name { font: 600 var(--fs-h3)/1 var(--font-display); color: var(--txt-heading); }
.pricing-plan__price { font: 600 var(--fs-h2)/1 var(--font-display); color: var(--txt-heading); }
.pricing-plan__price .unit { font: 400 var(--fs-ui)/1 var(--font-ui); color: var(--txt-2); }
.pricing-plan__features { display: flex; flex-direction: column; gap: var(--sp-2); font: 400 var(--fs-ui)/var(--lh-ui) var(--font-ui); color: var(--txt-1); }
.pricing-plan__features li { list-style: none; padding-left: var(--sp-5); position: relative; }
.pricing-plan__features li::before { content: "✓"; position: absolute; left: 0; color: var(--st-recovered); font-weight: 700; }
.pricing-plan__cta {
  display: inline-flex; align-items: center; justify-content: center;
  padding: var(--sp-3) var(--sp-5); border-radius: var(--radius);
  background: var(--accent); color: var(--on-accent); font: 600 var(--fs-ui)/1 var(--font-ui);
  text-decoration: none; border: none; cursor: pointer; margin-top: auto;
}
.pricing-plan__cta:hover { background: var(--accent-hover); color: var(--on-accent); }
.pricing-plan--unavailable { opacity: 0.6; }
.pricing-plan--unavailable .pricing-plan__cta {
  background: var(--bg-2); color: var(--txt-2); cursor: not-allowed; pointer-events: none;
}
.pricing-plan__empty { color: var(--txt-2); font-style: italic; font: 400 var(--fs-ui)/var(--lh-ui) var(--font-body); }

/* --- Straipsnio kortelė -- specifinės dalys (bazė aukščiau) --------------
   2026-09-11: buvo sąrašo eilutė (apatinė linija, be dėžutės) -- dabar
   TIKRA kortelė tinklelyje (žr. .article-grid), sakinio raidėmis žyma
   (__tag, ne DIDŽIOSIOS), CTA su judančia rodykle kaip .branch-card.
   Būsenos: numatytoji, ilgas antraštės tekstas (perpildymas -- line-clamp
   2 eilutėms), tuščia sąrašo būsena (kai filtras neduoda rezultatų). --- */
.article-card { gap: var(--sp-2); }
.article-card__tag { font-size: var(--fs-small); color: var(--txt-2); margin-block-end: var(--sp-2); }
.article-card__title {
  font: 600 var(--fs-body)/1.35 var(--font-display); color: var(--txt-heading);
  margin: 0 0 var(--sp-2);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.article-card__excerpt {
  font: 400 var(--fs-ui)/1.5 var(--font-ui); color: var(--txt-2); margin: 0;
  flex: 1 1 auto;   /* stumia CTA į apačią, kad visos kortelės tinklelyje baigtųsi vienodai */
}
/* 2026-09-13 PATAISYTA (žr. §4.3, ne tik §15.6): pirminis Etapo 1
   perskaitymas pašalino translateX(3px) rodyklės šuolį kaip bendrą
   "transform hover metu" pažeidimą (§15.6) -- BET §4.3 ("Veiksmo
   nuoroda... kortelės veiksmas, sekcijos pabaigos nuoroda") PATI duoda
   ŠITĄ konkretų mechanizmą kaip privalomą pavyzdį VIENINTELIAM leidžiamam
   rodyklės atvejui. §15.6 taikoma bendram kortelės/mygtuko pakėlimo
   efektui (translateY/scale), NE šiam vienam, eksplicitiškai įvardytam
   mikro-judesiui -- grąžinta, dabar TIKSLIAI pagal §4.3 kodo pavyzdį,
   IR unifikuota su nauja bendra .link-action klase žemiau. */
.article-card__cta,
.link-action {
  font: 500 var(--fs-ui)/1 var(--font-ui); color: var(--color-amber-strong);
  display: inline-flex; align-items: center; gap: 6px; text-decoration: none;
}
/* margin TIK .article-card__cta -- atskiria nuo excerpt teksto virš jo
   kortelės viduje. .link-action naudojamas laisvai (sakinyje, lentelėje,
   po paragrafu, kuris JAU turi savo tarpą) -- savo margin pridėtų
   antrą, nepageidaujamą tarpą. */
.article-card__cta { margin-block-start: var(--sp-4); }
.article-card__cta::after,
.link-action::after { content: "→"; transition: transform 120ms ease-out; }
@media (hover: hover) {
  .article-card:hover .article-card__cta::after,
  .link-action:hover::after { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .article-card__cta::after, .link-action::after { transition: none; }
  .article-card:hover .article-card__cta::after, .link-action:hover::after { transform: none; }
}

/* Data/skaitymo trukmė -- NEPRIVALOMI metaduomenys, atskirais elementais
   (NE suklijuoti į vieną teksto mazgą), su ::before skyrikliu, ne tekstiniu
   "·". Perkelta į bendrą components.css iš /lt/straipsniai vietinio
   <style> bloko (2026-09-12), kad būtų VIENAS apibrėžimas, jei kada nors
   prireiks rodyti tą patį hub'uose (cargo/auditas "Susiję straipsniai") --
   šiuo metu hub'ų kortelės šio žymens visai neturi, tad "paslėpta"
   tiesiog reiškia nenaudojama ten, ne display:none ant esamo elemento. */
.article-card__meta { display: flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-small); color: var(--txt-2); margin-block: var(--sp-2); }
.article-card__read::before { content: "\00b7"; margin-inline-end: var(--sp-2); color: var(--line); }

.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); align-items: stretch; }
@media (max-width: 1024px) { .article-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .article-grid { grid-template-columns: 1fr; } }

.article-list__empty {
  padding: var(--sp-7) var(--sp-5); text-align: center; border: 1px dashed var(--line-strong);
  border-radius: var(--radius-lg); color: var(--txt-2); font: 400 var(--fs-ui)/var(--lh-ui) var(--font-ui);
}

/* --- SVG schema apvalkalas (3 fazei) -------------------------------------
   max-width čia (vartotojo pastebėjimas "per stambus pavaiksliukas") --
   width:100% be jokio apribojimo tempdavo schemą per visą main plotį
   (860px), kas kartu su 12px CSS teksto dydžiu (nesikeičiančiu nuo
   viewBox mastelio) sukeldavo per didelį, neproporcingą vaizdą ir
   viename konkrečiame atveju (Tuščias grąžinimas žymė) net tikrą teksto
   nukirpimą už paties SVG ribos -- pataisyta ATSKIRAI tame SVG (žr.
   auditas/index.html text-anchor), šis max-width tiesiog neleidžia
   schemai vizualiai dominuoti puslapyje. ------------------------------- */
.diagram { display: flex; flex-direction: column; gap: var(--sp-3); max-width: var(--w-narrow); margin-inline: auto; }
.diagram svg { width: 100%; height: auto; color: var(--txt-1); }
.diagram svg .diagram-accent { color: var(--accent); }
/* 2026-09-13 (MAIN-RULES §3): raw "12px" per font shorthand perkeltas į
   var(--fs-eyebrow) (0.72rem=11.52px, artimiausias esamas tokenas --
   grep'as "font-size:" šito nepagavo, nes tai "font:" shorthand, ta pati
   aklà vieta kaip .site-header__logo Etape 1). */
.diagram svg text { font: 500 var(--fs-eyebrow)/1 var(--font-ui); fill: currentColor; }
.diagram__caption { font: 400 var(--fs-small)/var(--lh-ui) var(--font-ui); color: var(--txt-2); }

/* --- DUK akordeonas (visų puslapio tipų BENDRAS) -------------------------
   2026-09-13: iškelta iš 19 puslapio-lokalių <style> blokų dublikatų
   (identiškos taisyklės, kopijuotos puslapis po puslapio) IR pridėta
   TRŪKUSI naudojimo vieta 8 straipsniuose, kur DUK sekcija buvo
   įgyvendinta kaip visada-atviri <div>'ai be jokios <details>/<summary>
   akordeono funkcijos (vartotojo pastebėta realiu ekrano nuotraukos
   pavyzdžiu -- "Straipsniuose nėra akordeono"). Viena bendra vieta
   užkerta kelią bet kokiam būsimam nuokrypiui tarp puslapių tipų. ------ */
.faq-list { display: flex; flex-direction: column; gap: var(--sp-3); margin: var(--sp-5) 0; }
.faq-list details { background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--sp-4) var(--sp-5); }
.faq-list summary { cursor: pointer; font: 600 var(--fs-ui)/1.3 var(--font-ui); color: var(--txt-heading); list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list p { margin: var(--sp-3) 0 0; font-size: var(--fs-small); }

/* --- Klaidos būsena formos laukui (bendra pakartotinai naudojama) ------- */
.field { display: flex; flex-direction: column; gap: var(--sp-1); }
.field label { font: 500 var(--fs-small)/1 var(--font-ui); color: var(--txt-1); }
.field input, .field select {
  font: 400 var(--fs-ui)/1 var(--font-ui); color: var(--txt-0); background: var(--bg-0);
  border: 1px solid var(--line-strong); border-radius: var(--radius); padding: var(--sp-2) var(--sp-3);
}
.field--error input { border-color: var(--st-discrepancy); }
.field__error { font: 400 var(--fs-small)/var(--lh-ui) var(--font-ui); color: var(--st-discrepancy); }

/* --- Puslapio antraštė/poraštė/kalbos pasirinkimas -----------------------
   2026-09-10: iškelta iš 16 v2 puslapių identiškų vietinių <style> blokų
   -- kiekvienas naujas puslapis (dabar homepage + straipsnių archyvas)
   anksčiau reikštų dar vieną kopiją. VIENINTELIS pakeitimas nuo
   originalo -- .lang-switcher__panel nebeturi max-height/overflow-y
   (vartotojo pastebėjimas: "kalbų pasirinkimo blokas... gaunasi tas
   slide funkcijos diegimas, padaryk, kad atidarius visos kalbos matomos
   iki apačios, be jokio slide" -- dabar sąrašas visada pilnai matomas,
   jei reikia, PUSLAPIS slenka, ne vidinis dropdown'as). --------------- */
.site-header { position: sticky; top: 0; z-index: 20; background: var(--bg-0); border-bottom: 1px solid var(--line); }
.site-header__inner { max-width: 1040px; margin: 0 auto; padding: var(--sp-3) var(--sp-6); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); }
/* 2026-09-11, antra iteracija: vartotojas paprašė didesnio logotipo IR
   spalvos -- amber PALIKTAS rezervuotas TIK .branch-card (vartotojas
   PATVIRTINO per AskUserQuestion, kai priminiau ankstesnę taisyklę),
   vietoj to naudojamas var(--accent) -- bendras svetainės akcentas,
   naudojamas visur (CTA, section-head, branch-group), ne siaurai
   rezervuotas .branch-card amber. 24/22px vis dar telpa be pastebimo
   header'io aukščio pokyčio (24+11+11=46px vs senas 45px maksimumas --
   1px, žemiau bet kokios vizualiai pastebimos ribos). */
.site-header__logo {
  font: 600 var(--fs-logo)/1 var(--font-display);
  letter-spacing: -0.01em;
  color: var(--accent);
  text-decoration: none;
  padding: 11px 0;
  display: inline-block;
  transition: color 120ms ease-out;
}
.site-header__logo:hover { color: var(--accent-hover); }
/* 2026-09-13: fiksuota @media(max-width:768px) 1.375rem override PAŠALINTA --
   var(--fs-logo) dabar pats clamp()'inasi tarp 1.375rem/1.5rem pagal vw,
   tad atskiro lūžio taško nebereikia (žr. tokens.css). */

.lang-switcher { position: relative; }
/* 2026-09-11: spalva/apvadas var(--accent) (NE nauja --color-amber-*,
   tas lieka rezervuotas TIK .branch-card) -- vartotojo pastebėjimas, kad
   kalbos perjungimo mygtukas nesiskyrė nuo likusių nav punktų, tad
   lankytojas jo nepastebėdavo. */
.lang-switcher summary { list-style: none; cursor: pointer; font: 600 var(--fs-small)/1 var(--font-id); padding: 16px var(--sp-3); border: 1px solid var(--accent); border-radius: 999px; color: var(--accent); }
@media (hover: hover) { .lang-switcher summary:hover { background: var(--bg-2); } }
.lang-switcher summary::-webkit-details-marker { display: none; }
/* 2026-09-11: max-height/overflow-y PAŠALINTI (vartotojo pastebėjimas --
   panelė reikalavo vidinio slinkimo). Vietoj vieno stulpelio ×10 -- grid
   2×5, kiekvienas punktas sutankintas (žr. .lang-switcher__item), tad
   visos 10 kalbų telpa be jokio slinkimo (~5×36px + padding). */
/* 2026-09-13: `width` pridėtas eksplicitiškai -- `grid-template-columns:
   repeat(2, minmax(140px, 1fr))` be jokio apibrėžto plačio tėviniame
   `position:absolute` elemente (kuris savaime sudydinamas pagal turinį,
   "shrink-to-fit") yra žinoma CSS Grid riba: `1fr` vienetas intrinsic
   sizing kontekste skirtinguose naršyklės varikliuose gali būti
   apskaičiuojamas nenuosekliai (kai kur elgiasi kaip 0/auto, ne kaip
   proporcinga dalis) -- vartotojo pastebėtas "viskas susilieja" kalbų
   pasirinkimo bloke atitinka TIKSLIAI šį pažeidžiamumo modelį. Eksplicitus
   plotis pašalina dviprasmybę visiškai, nepriklausomai nuo to, kurio
   variklio elgesys buvo tikroji priežastis. */
.lang-switcher__panel {
  position: absolute; right: 0; margin-top: var(--sp-2); z-index: 50;
  width: 300px;
  display: grid; grid-template-columns: repeat(2, minmax(140px, 1fr)); gap: 2px;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: var(--sp-2);
}
/* --inline: tas pats 10-punktų blokas mobiliame meniu, be plūduriuojančio
   apvalkalo (jau yra .mobile-menu__panel viduje, kuris tą apvalkalą duoda). */
.lang-switcher__panel--inline {
  position: static; margin-top: 0; box-shadow: none; border: 0; background: transparent; padding: 0;
  width: auto; /* .mobile-menu__panel jau duoda savo plotį -- 300px fiksuotas plotis čia nereikalingas ir netinkamas */
}
.lang-switcher__item {
  display: flex; align-items: baseline; gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-3); border-radius: var(--radius);
  font: 400 var(--fs-small)/1.3 var(--font-ui); color: var(--txt-1);
  text-decoration: none; white-space: nowrap;
}
@media (hover: hover) { .lang-switcher__item:hover { background: var(--bg-2); } }
/* var(--accent) -- TA PATI spalva, kurią jau naudoja .site-nav
   a[aria-current="page"]/.branch-group a[aria-current="page"] "jūs čia"
   žymėjimui (accent yra gintarinė/auksinė abiem temomis, žr. tokens.css),
   NE nauja --color-amber-* (tas rezervuotas TIK .branch-card). */
.lang-switcher__item[aria-current="true"] { font-weight: 600; color: var(--accent); background: var(--bg-2); }
.lang-switcher__item[aria-current="true"] .lang-code { color: var(--accent); }
.lang-switcher__item.lang-disabled { color: var(--txt-2); opacity: 0.55; cursor: not-allowed; }
.lang-code { font: 500 var(--fs-eyebrow)/1 var(--font-id); color: var(--txt-2); min-width: 1.75em; }

.site-nav__lang { margin-block-start: var(--sp-6); padding-block-start: var(--sp-4); border-block-start: 1px solid var(--line); }
.site-nav__lang-label { font: 500 var(--fs-small)/1 var(--font-ui); color: var(--txt-2); margin-block-end: var(--sp-2); }
.mobile-menu { position: relative; }
.mobile-menu summary { list-style: none; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu summary::before { content: "\2630"; font-size: var(--fs-icon); color: var(--txt-0); }
.mobile-menu__panel { position: absolute; right: 0; top: 100%; margin-top: var(--sp-2); min-width: 220px; max-height: 70vh; overflow-y: auto; background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--sp-2) 0; display: flex; flex-direction: column; }
.mobile-menu__panel a { padding: var(--sp-3) var(--sp-4); min-height: 44px; display: flex; align-items: center; color: var(--txt-1); text-decoration: none; }
.mobile-menu__panel a[aria-current="page"] { color: var(--accent); font-weight: 600; }
.site-footer { border-top: 1px solid var(--line); padding: var(--sp-6) var(--sp-6); text-align: center; font: 400 var(--fs-eyebrow)/1.5 var(--font-ui); letter-spacing: normal; color: var(--txt-2); }
/* 2026-09-11: buvo var(--font-id) (JetBrains Mono) -- vienintelė vieta
   visame puslapyje, kur poraštės nuorodos atrodė kitos šeimos nei likęs
   turinys (--font-ui/Inter visur kitur). --font-id lieka rezervuotas
   dokumentų identifikatoriams (konteinerio nr., sąskaitos nr., SHA-256). */
.site-footer a { text-decoration: none; }
.site-footer p { margin: 0; }
.site-footer p + p { margin-top: var(--sp-1); }
.site-footer__legal {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: var(--sp-2); list-style: none; margin: var(--sp-1) 0 0; padding: 0;
}
.site-footer__legal li { display: flex; align-items: center; gap: var(--sp-2); }
.site-footer__legal li + li::before { content: "·"; color: var(--txt-2); }

/* --- Šakos kortelė -- specifinės dalys (bazė visai paspaudžiamų kortelių
   šeimai — žr. komentarą prie .branch-card/.module-card/.article-card
   bazinės taisyklės failo pradžioje). 2026-09-11, PATAISYTA POLITIKA:
   amber anksčiau buvo rezervuotas TIK .branch-card -- vartotojas ŠIA
   užduotimi eksplicitiškai paprašė TOS PAČIOS amber hover/focus elgsenos
   VISOMS trims paspaudžiamoms kortelėms (.branch-card/.module-card/
   .article-card), tad ši ankstesnė siaura taisyklė ATŠAUKTA ir pakeista
   platesne: amber = "paspaudžiama kortelė", nebe "TIK šakos kortelė".
   Amber tekstas VIS DAR TIK CTA rodyklėms (--color-amber-strong), NE
   įprastam nav/eyebrow tekstui (tas lieka var(--accent)). --------------- */
.branch-card__title { font: 600 var(--fs-h3)/var(--lh-tight) var(--font-display); color: var(--txt-heading); margin-bottom: var(--sp-2); }
.branch-card__question { font: 400 var(--fs-ui)/var(--lh-ui) var(--font-ui); color: var(--txt-0); margin-bottom: var(--sp-2); }
.branch-card__terms { font: 400 var(--fs-small)/var(--lh-ui) var(--font-ui); color: var(--txt-1); }
.branch-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: var(--sp-4);
  font: 500 var(--fs-ui)/1 var(--font-ui);
  color: var(--color-amber-strong);
}
/* 2026-09-13 PATAISYTA -- žr. .article-card__cta aukščiau dėl §4.3 vs
   §15.6 pataisos, ta pati priežastis čia. */
.branch-card__cta::after {
  content: "→";
  transition: transform 120ms ease-out;
}
@media (hover: hover) {
  .branch-card:hover .branch-card__cta::after { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .branch-card__cta::after { transition: none; }
  .branch-card:hover .branch-card__cta::after { transform: none; }
}
.site-footer a { color: var(--txt-2); }
.site-footer a:hover { color: var(--accent); }