/* ================================================================
   DEMURRIT — VIENAS STILIŲ FAILAS VISAI SVETAINEI
   2026-10-17 · Pakeičia tokens.css, components.css, kainos.css,
                article-compat.css, contract-pages.css
                ir visus vietinius puslapių stilius.

   KODĖL VIENAS FAILAS
   Kainų puslapis buvo izoliuotas po #kainos, kad nesusidurtų klasės.
   Izoliacija pavyko, bet kartu atkirto jį ir nuo svetainės išvaizdos —
   todėl jis atrodė kaip kita svetainė. Teisingas sprendimas yra
   priešingas: viena sistema visiems puslapiams, be išimčių.

   KODĖL PLANŠETĖJE NEBESILAUŽO
   Visi kortelių tinkleliai yra 12 takelių, o kortelė užima jų dalį
   (4, 6 arba 3). Paskutinės eilutės našlaitės išsiplečia, todėl apatinė
   kraštinė visada lygi. auto-fit čia netinka: jame neįmanoma nth-child
   matematika, o be jos nelyginė kortelė palieka skylę.

   TRYS PLOČIAI IR NIEKO DAUGIAU
   Visas (1280) — eilutės, lentelės, tinkleliai, formos, grafika.
   Pora (.split) — tekstas + faktų skiltis, kad dešinė nebūtų tuščia.
   Siauras (700) — tik tipografija: p, .prose, sąrašai, h1-h3.
   Sąrašas siaurų elementų yra baigtinis; visa kita plati pagal nutylėjimą.
   ================================================================ */

/* ---------- 0. ŠRIFTAI ----------
   Source Sans 3 + Source Code Pro. Talpinama pas save, ne iš Google Fonts:
   Fonts CDN perduoda lankytojo IP Google, o pagrindinė rinka yra DACH.
   Kiekvienai šeimai krauname ABU poaibius — latin ir latin-ext. Lietuviškos
   raidės yra latin-ext, o paprastos — latin; įkėlus tik vieną, viename
   žodyje atsiranda dvi skirtingos raidžių formos.
   ---------------------------------------------------------------- */
@font-face{font-family:"Demurrit Sans";font-weight:400;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-sans-400-latin.woff2") format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Demurrit Sans";font-weight:400;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-sans-400-latin-ext.woff2") format("woff2");
 unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Demurrit Sans";font-weight:600;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-sans-600-latin.woff2") format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Demurrit Sans";font-weight:600;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-sans-600-latin-ext.woff2") format("woff2");
 unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Demurrit Mono";font-weight:400;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-mono-400-latin.woff2") format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Demurrit Mono";font-weight:400;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-mono-400-latin-ext.woff2") format("woff2");
 unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Demurrit Mono";font-weight:500;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-mono-500-latin.woff2") format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Demurrit Mono";font-weight:500;font-style:normal;font-display:swap;
 src:url("fonts/demurrit-mono-500-latin-ext.woff2") format("woff2");
 unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Atsarginis veidas su suderintomis metrikomis — kol krenta tikrasis
   šriftas, tekstas užima tiek pat vietos, todėl puslapis nešokteli (CLS 0).
   Skaičiai paimti iš pačių failų: hhea ascent 1024/1000, descent 400/1000,
   o plotis išmatuotas naršyklėje — Source Sans yra 9,5 % siauresnis už Arial. */
@font-face{font-family:"Demurrit Sans Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");
 size-adjust:90.5%;ascent-override:102.4%;descent-override:40%;line-gap-override:0%}
@font-face{font-family:"Demurrit Mono Fallback";src:local("Consolas"),local("DejaVu Sans Mono"),local("Menlo");
 size-adjust:100%;ascent-override:98.4%;descent-override:27.3%;line-gap-override:0%}

/* ---------- 1. TOKENAI ---------- */
:root{
  /* Tarpai — vienintelis leidžiamas šaltinis */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;

  /* Plotis */
  --w-page:1280px;                       /* konteineris — viskas telpa į jį */
  --w-wide:var(--w-page);                /* senas vardas, kad nelūžtų */
  --w-text:900px;                        /* teksto juosta — VIENAS plotis visam projektui
                                            (savininko sprendimas 2026-10-18: 700 px ir 68ch
                                            buvo „ryškiai per siauri") */
  --rail:minmax(320px,1fr);              /* dešinė antgalvio skiltis -- ne siauresnė nei 320 px:
                                            su 900 px teksto juosta ji likdavo ~270 px, ir
                                            rekvizitų .kv vertės nebetilpdavo (2026-10-18) */
  --toc:300px;                           /* lipni turinio juosta dokumentuose */
  --gutter:clamp(16px,2.4vw,32px);

  /* Šriftai */
  --f-sans:"Demurrit Sans","Demurrit Sans Fallback",system-ui,-apple-system,sans-serif;
  --f-mono:"Demurrit Mono","Demurrit Mono Fallback",ui-monospace,SFMono-Regular,monospace;

  /* Tipografijos skalė */
  --t-h1:clamp(28px,4.2vw,40px);
  --t-h2:clamp(21px,2.6vw,27px);
  --t-h3:20px;
  --t-card:17.5px;
  --t-body:16px;
  --t-small:14px;
  --t-micro:12.5px;

  /* Spalvos */
  --bg:#0f1419; --bg-2:#161c23;
  --fg:#e8ecf1; --fg-2:#aab4c0; --fg-3:#7d8794;
  --line:#242c36; --line-2:#1b222a;
  --amber:#f2b74f; --bad:#d4796a; --good:#64ad86;

  --radius:10px; --radius-sm:6px;
  --hd-h:62px;

  /* Valdiklių aukščiai — vienodi visoje svetainėje */
  --ctrl-h:44px;                         /* mygtukas, laukas, pasirinkimas */
  --ctrl-h-sm:36px;                      /* antrinis, filtruose */
  --ctrl-h-lg:52px;                      /* pagrindinis CTA antgalvyje */

  /* Linija valdikliams — 3:1 kontrastas, kaip reikalauja WCAG 1.4.11.
     --line ir --line-2 lieka dekoratyviniams skirtukams. */
  --line-ui:#61676f;

  /* Grafika — trys duomenų spalvos ir vienas ryškumas visoje svetainėje */
  --viz-1:var(--amber);                  /* mūsų vertė, pagrindinis dydis */
  --viz-2:#5a9e7a;                       /* greitas, teigiamas rezultatas */
  --viz-3:#c76a5a;                       /* kaina, trukmė, rizika */
  --viz-dim:.32;                         /* pritildyta dalis — žemiau neleidžiama */
  --viz-bar:14px;                        /* juostos storis */
  --viz-stroke:1.5px;                    /* duomenų linijos storis */
  --amber-2:#ffcb5e;                     /* gintaras užvedus */
  --amber-dim:#2a2218;                   /* šiltas fonas — ne permatomas gintaras
                                            ant mėlyno, nes tas derinys atrodo purvinas */

  /* Vertikalus ritmas — vienas kontraktas visai svetainei */
  --pad-top:clamp(28px,3.6vw,44px);      /* nuo antraštės iki pirmo elemento */
  --pad-lead:clamp(22px,3vw,34px);       /* nuo antgalvio iki pirmo turinio */
  --gap-sec:clamp(56px,7vw,96px);        /* VISAS tarpas tarp sekcijų */
  --pad-sec:calc(var(--gap-sec) / 2);    /* po pusę iš abiejų pusių */
  --pad-foot:clamp(48px,6vw,80px);       /* iki poraštės */
  --eyebrow-h:17px;                      /* 12px x 1.4 — rezervuota eilutė */

  /* Antraštės priemonės (19–20 skyriai) */
  --search-w:clamp(160px,26vw,280px);    /* atidarytas paieškos laukas */
  --search-out:420px;                    /* paieškos rezultatų dėžė */
  --slide:.28s;                          /* skydelis, kuris įslenka */
  color-scheme:dark;
}

/* ---------- 2. PAGRINDAS ---------- */
html,body{overflow-x:clip}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font:400 var(--t-body)/1.65 var(--f-sans);
  -webkit-font-smoothing:antialiased;
}
img,svg,video,canvas{max-width:100%;height:auto}
pre,code{overflow-wrap:anywhere}
a{color:inherit}
/* `hidden` atributas laimi prieš bet kurio komponento `display`: JS
   slepia laukus atributu, o `.field{display:flex}` jį perrašytų. */
[hidden]{display:none!important}

/* ---------- 3. MAKETAS: vienas konteineris, dvi juostos ----------
   Numatytasis blokas užima VISĄ konteinerio plotį. Siaura skaitymo juosta
   taikoma tik tipografiniams elementams — taip naujas komponentas niekada
   netyčia nelieka siauras su tuštuma dešinėje. */
.wrap{
  width:100%;max-width:var(--w-page);margin-inline:auto;
  padding-left:max(var(--gutter),env(safe-area-inset-left,0px));
  padding-right:max(var(--gutter),env(safe-area-inset-right,0px));
}
.wrap>*{min-width:0}

/* Siauri (tipografiniai) elementai — baigtinis sąrašas */
.wrap>p,.sec>p,.sec__body>p,.hero__main>p,
.wrap>.prose,.sec>.prose,.sec__body>.prose,.hero__main>.prose,
.wrap>ul,.wrap>ol,.sec>ul,.sec>ol,.sec__body>ul,.sec__body>ol,
.wrap>.note,.sec>.note,.sec__body>.note,.hero__main>.note,
.wrap>.fine,.sec>.fine,.sec__body>.fine,
.wrap>h1,.wrap>h2,.wrap>h3,.sec>h1,.sec>h2,.sec>h3,.hero__main>h1,
.sec__head,.prose,.note{max-width:var(--w-text)}

/* Tekstas eilutėje ir kortelėje taip pat neperžengia skaitymo ribos */
.row__sum,.card p,.grp__h>span:last-child,
.mod__sum,.dsec p,.dsec li,.fine,.rempty,.faq p,.terms p,.plan-card p,
.formbox__h p,.fact span,.depmap__lead,.depmap__foot{max-width:var(--w-text)}
.note{max-width:var(--w-text)}

/* Pora „tekstas + šoninė skiltis" — kai tekstas lieka vienas plačiame
   konteineryje, dešinėje atsiranda tuštuma. .split tą tuštumą panaikina. */
.split{display:grid;grid-template-columns:minmax(0,var(--w-text)) var(--rail);
 gap:var(--s5) var(--s6);align-items:start;max-width:none;width:100%}
.split>*{min-width:0}
/* Antgalvio vaikai irgi: tinklelio elemento min-width:auto lygus ilgiausiam
   žodžiui (FI „Polttoaineenkulutuksen" 36 px šriftu -- 379 px), ir tada
   overflow-wrap net neįsijungia. */
.hero__main>*{min-width:0}
.split__rail{display:grid;gap:var(--s4);align-content:start;
 border-left:1px solid var(--line);padding-left:var(--s5)}
@media(max-width:900px){
  .split{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .split__rail{border-left:0;border-top:1px solid var(--line);
   padding-left:0;padding-top:var(--s4)}
}

.center{margin-inline:auto;text-align:center}
.bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.bleed>.wrap{margin-inline:auto}

/* ---------- 4. SEKCIJŲ RITMAS ----------
   Puslapio pradžios aukštis nepriklauso nuo to, kuo puslapis prasideda:
   antgalviu, sekcija ar turinio bloku. Visi variantai gauna --pad-top. */
.sec{padding-block:var(--pad-sec)}
.sec+.sec{border-top:1px solid var(--line-2)}
/* Blokai sekcijos viduje (lentelė, pastaba, tekstas, tinklelis) --
   vienodas tarpas. Antgalviui netaikoma: jo eilučių aukščiai yra
   vertikalaus ritmo kontraktas (B4), o .sec__head tarpą duoda pats.
   Specifiškumas (0,1,0) ir vieta failo pradžioje: vėliau aprašyto
   komponento paraštė (.fig, .grp) laimi, o bazinis p{margin:0} -- ne. */
:where(.sec:not(.hero))>:not(.sec__head)+*{margin-top:var(--s5)}
/* Tekstas tiesiai sekcijoje ar grupėje (be .prose apvalkalo) -- ta pati
   tipografija: paslaugų puslapiuose pastraipos negrupuojamos, kad
   grandinės blokas tarp jų nepadalintų teksto (convert_components.py). */
:where(.sec,.grp)>:is(p,ul,ol):not([class]){font-size:19px;line-height:1.7;color:var(--fg-2);max-width:var(--w-text)}
:where(.sec,.grp)>:is(p,ul,ol,h3):not([class])+:is(p,ul,ol):not([class]){margin-top:var(--s4)}
:where(.sec,.grp)>:is(ul,ol):not([class]){padding-left:1.2em;display:grid;gap:var(--s2)}
:where(.sec,.grp)>h3:not([class]){font:600 var(--t-h3)/1.35 var(--f-sans);color:var(--fg)}
li{min-width:0}
.sec:first-child{border-top:0}

/* Pirmas blokas po antraštės — vienodas atstumas visuose puslapiuose.
   Veikia nepriklausomai nuo to, ar puslapis prasideda .hero, .sec, ar
   paprastu turinio bloku (pvz., straipsnio .prose). */
main>.sec:first-child,main>.hero:first-child,
main>.wrap:first-child>.sec:first-child,main>.wrap:first-child>.hero:first-child
{padding-top:var(--pad-top)}

main>:first-child:not(.sec):not(.hero):not(.bleed):not(.toc):not(.wrap),
main>.wrap:first-child>:first-child:not(.sec):not(.hero):not(.bleed):not(.toc)
{margin-top:var(--pad-top)}

/* Pirmo vaiko viršutinė paraštė niekada nepridedama prie sekcijos vidinio tarpo.
   Antgalvis (.hero) čia neįtraukiamas — jo tarpus valdo 12 skyrius. */
.sec:not(.hero):not(:has(>h1))>:first-child,.sec__body>:first-child{margin-top:0}

.sec__head{margin-bottom:clamp(20px,3vw,32px);max-width:var(--w-text)}
.sec__head h2{font:600 var(--t-h2)/1.3 var(--f-sans);margin-bottom:var(--s3)}
.sec__head p{color:var(--fg-2)}

/* ---------- 5. TIPOGRAFIJA ---------- */
/* Ilgi sudurtiniai žodžiai (DE, NL, FI: „Kraftstoffverbrauchsanomalien")
   telefone lūžta, o ne stumia puslapį už ekrano. break-word veikia TIK
   tada, kai žodis netelpa -- įprastas tekstas neskiemenuojamas. */
h1,h2,h3,p,li,dd,dt{overflow-wrap:break-word}
h1{font:600 var(--t-h1)/1.15 var(--f-sans)}
h2{font:600 var(--t-h2)/1.3 var(--f-sans)}
h3{font:600 var(--t-h3)/1.3 var(--f-sans)}
.eyebrow{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.1em;
 text-transform:uppercase;color:var(--amber)}
.prose{max-width:var(--w-text);color:var(--fg-2);font-size:19px;line-height:1.7}
.prose>*+*{margin-top:var(--s4)}
/* .page-meta -- straipsnių sąrašo „Puslapis N iš M" (repaginate_articles.py kabliukas) */
.fine,.page-meta{font-size:var(--t-micro);line-height:1.6;color:var(--fg-3)}
.note{border-left:2px solid var(--amber);padding:var(--s2) 0 var(--s2) var(--s4);
 color:var(--fg-2);font-size:var(--t-small);line-height:1.7;max-width:var(--w-text)}

/* ---------- 6. LENTELĖS ---------- */
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
 border:1px solid var(--line);border-radius:var(--radius)}
.tblwrap>table{width:max-content;min-width:100%;border-collapse:collapse}
.tblwrap--narrow>table{min-width:0}
/* Teksto lentelė (titulinio „Trys šakos"): langeliai laužomi ir lentelė
   telpa į visą plotį be slinkties juostos. Žemiau 640 px -- slenka, nes
   keturi stulpeliai telefone į vieną ekraną sutalpinti negali. */
.tblwrap--fit>table{width:100%;min-width:640px}

/* Vienodas lentelės vidus visoje svetainėje */
.tblwrap th,.tblwrap td{text-align:left;vertical-align:top;
 padding:var(--s3) var(--s4);font-size:var(--t-small);line-height:1.55;
 border-bottom:1px solid var(--line-2)}
.tblwrap thead th{background:var(--bg-2);color:var(--fg-3);
 font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;
 white-space:nowrap;border-bottom:1px solid var(--line)}
.tblwrap tbody th[scope="row"]{color:var(--fg);font-weight:600;
 background:var(--bg);white-space:nowrap}
.tblwrap td{color:var(--fg-2)}
.tblwrap tbody tr:last-child th,.tblwrap tbody tr:last-child td{border-bottom:0}
.tblwrap tbody tr:hover td,.tblwrap tbody tr:hover th{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}
.tblwrap .m-price{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}
.tblwrap .m-name{color:var(--fg);font-weight:500}
.tblwrap::-webkit-scrollbar{height:8px}
.tblwrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}

/* ---------- 7. UNIVERSALŪS TINKLELIAI ----------
   12 takelių. Kortelė užima dalį jų, o likusios eilutės „našlaitės"
   išsiplečia taip, kad apatinė kraštinė VISADA būtų lygi:
   3 kortelės → 3; 4 → 3+1 per visą plotį; 5 → 3+2 per pusę; 7 → 3+3+1.
   Tas pats galioja 2 ir 4 stulpelių tinkleliams. */
.grid,.princ,.plans{display:grid;gap:var(--s5);align-items:stretch;
 grid-template-columns:repeat(12,minmax(0,1fr))}
.grid>*,.princ>*,.plans>*{grid-column:span 12}

/* Planšetė: du stulpeliai (tik iki 999px — kitaip našlaitės taisyklė
   dėl didesnio specifiškumo persvertų trijų stulpelių variantą) */
@media(min-width:640px){
  .grid-2>*,.grid-3>*,.grid-4>*,.princ>*,.plans>*{grid-column:span 6}
}
@media(min-width:640px) and (max-width:999.98px){
  .grid-2>*,.grid-3>*,.grid-4>*,.princ>*,.plans>*{grid-column:span 6}
  .grid-2>:last-child:nth-child(odd),
  .grid-3>:last-child:nth-child(odd),
  .grid-4>:last-child:nth-child(odd),
  .princ>:last-child:nth-child(odd),
  .plans>:last-child:nth-child(odd){grid-column:span 12}
}

/* Stalinis: trys arba keturi stulpeliai */
@media(min-width:1000px){
  .grid-3>*,.princ>*{grid-column:span 4}
  .grid-3>:last-child:nth-child(3n+1),
  .princ>:last-child:nth-child(3n+1){grid-column:span 12}
  .grid-3>:nth-last-child(2):nth-child(3n+1),
  .grid-3>:nth-last-child(2):nth-child(3n+1)~*,
  .princ>:nth-last-child(2):nth-child(3n+1),
  .princ>:nth-last-child(2):nth-child(3n+1)~*{grid-column:span 6}

  .grid-4>*,.plans>*{grid-column:span 3}
  .grid-4>:last-child:nth-child(4n+1),
  .plans>:last-child:nth-child(4n+1){grid-column:span 12}
  .grid-4>:nth-last-child(2):nth-child(4n+1),
  .grid-4>:nth-last-child(2):nth-child(4n+1)~*,
  .plans>:nth-last-child(2):nth-child(4n+1),
  .plans>:nth-last-child(2):nth-child(4n+1)~*{grid-column:span 6}
  .grid-4>:nth-last-child(3):nth-child(4n+1),
  .grid-4>:nth-last-child(3):nth-child(4n+1)~*,
  .plans>:nth-last-child(3):nth-child(4n+1),
  .plans>:nth-last-child(3):nth-child(4n+1)~*{grid-column:span 4}
}

/* Kortelė, kuri visada per visą plotį */
.grid>.span-all,.princ>.span-all,.plans>.span-all{grid-column:span 12}
@media(max-width:560px){.grid,.princ,.plans{gap:var(--s4)}}

/* ---------- 8. SVETAINĖS VIRŠUS IR APAČIA ---------- */
.hd{border-bottom:1px solid var(--line);background:var(--bg)}
/* VIRŠUTINĖ JUOSTA — tik tekstas. Jokių mygtukų: paieška, kalba ir
   prisijungimas yra paslaugos, ne veiksmai, dėl kurių atėjo lankytojas.
   Vienintelis mygtukas antraštėje lieka „Nemokama peržiūra". */
.hd-top{border-bottom:1px solid var(--line-2)}
.hd-top__in{display:flex;justify-content:flex-end;align-items:center;gap:var(--s3);
 min-height:32px;font-size:var(--t-micro);color:var(--fg-3)}
.hd-link{color:var(--fg-3);text-decoration:none;white-space:nowrap;
 border-bottom:1px solid transparent;transition:color .15s}
.hd-link:hover{color:var(--amber);border-bottom-color:var(--amber)}
.hd-link--em{color:var(--fg-2)}
.hd-link--em:hover{color:var(--amber);border-bottom-color:var(--amber)}
.hd-sep{width:1px;height:11px;background:var(--line);flex:0 0 auto}

/* Kalba ir paieška — atidaro ŠONINĮ skydelį, ne išskleidžiamąjį meniu.
   Dešimt kodų eilėje arba iššokantis sąrašas yra triukšmas; šoninis
   skydelis yra tas pats komponentas, kurį puslapis jau naudoja. */
.hd-link--act{cursor:pointer;background:none;border:0;font:inherit;
 color:var(--fg-3);padding:4px 0;min-height:24px}
.hd-link--act:hover{color:var(--amber)}

/* Šoninis skydelis kalbai ir paieškai */
.side{position:fixed;top:0;right:0;bottom:0;width:min(380px,100%);background:var(--bg);
 border-left:1px solid var(--line);transform:translateX(100%);
 transition:transform .28s cubic-bezier(.2,.7,.3,1);z-index:60;overflow-y:auto;
 padding:var(--s6) max(var(--s5),env(safe-area-inset-right,0px)) var(--s7) var(--s5);
 display:flex;flex-direction:column;gap:var(--s4)}
.side.is-open{transform:translateX(0)}
.side[hidden]{display:none}
.side__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3)}
.side__langs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.side__langs a{display:flex;align-items:center;gap:var(--s3);min-height:var(--ctrl-h-sm);
 padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);
 color:var(--fg-2);text-decoration:none;font-size:var(--t-small)}
.side__langs a:hover{border-color:var(--amber);color:var(--amber)}
.side__langs a[aria-current="true"]{border-color:var(--amber);color:var(--amber);background:var(--bg-2)}
.side__langs b{font:500 var(--t-micro)/1 var(--f-mono);color:var(--fg-3);min-width:22px}
.side__langs a[aria-current="true"] b{color:var(--amber)}

.hd-main{display:flex;align-items:center;gap:var(--s5);flex-wrap:nowrap;
 height:var(--hd-h);max-width:var(--w-page);margin-inline:auto;padding-inline:var(--gutter)}
.hd-brand{flex:0 0 auto;white-space:nowrap;font-weight:600;letter-spacing:.06em;text-decoration:none}
.hd-nav{flex:1 1 auto;min-width:0;display:flex;gap:var(--s5);flex-wrap:nowrap}
.hd-nav a{white-space:nowrap;color:var(--fg-2);text-decoration:none;font-size:14px;
 border-bottom:2px solid transparent;padding-bottom:3px;transition:color .15s}
.hd-nav a:hover{color:var(--amber);border-bottom-color:var(--amber)}
.hd-nav a[aria-current],.hd-nav a.cur{color:var(--fg);border-bottom-color:var(--line-2)}
.hd-cta{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;
 min-height:var(--ctrl-h-sm);padding:0 var(--s4);border:1px solid var(--amber);
 background:var(--amber);color:#120d04;border-radius:var(--radius-sm);text-decoration:none;
 font:500 var(--t-small)/1.2 var(--f-sans);transition:background .15s,border-color .15s}
.hd-cta:hover{background:var(--amber-2);border-color:var(--amber-2);color:#120d04}
.hd-burger{display:none;border:1px solid var(--line);border-radius:var(--radius-sm);
 background:none;color:var(--fg-2);padding:8px var(--s3);font-size:var(--t-small);cursor:pointer}
@media(max-width:1000px){
  /* Slepiamas tik pagrindinis meniu — jis keliauja į „Meniu".
     Viršutinė juosta lieka: paieška, kalba ir prisijungimas yra
     pasiekiami visuose įrenginiuose, o ji užima 32 px. */
  .hd-nav{display:none}
  .hd-burger{display:inline-block}
  /* Logotipas kairėje, CTA ir „Meniu" -- greta dešinėje (v6, savininko
     tvarka). Viršutinė juosta lieka dešinėje kaip kompiuteryje: išskleista
     per visą plotį ji atrodė kaip trys pasimetę žodžiai. */
  .hd-main{justify-content:flex-start;gap:var(--s3)}
  .hd-brand{margin-right:auto}
  .hd-cta{padding:0 var(--s3)}
}
@media(max-width:420px){
  .hd-brand{font-size:var(--t-small)}
  .hd-cta{font-size:var(--t-micro);padding:0 var(--s3)}
}
/* ≤380 px ilgiausi CTA (FI „Maksuton esitarkastus", 21 ženklas) šalia
   logotipo ir „Meniu" nebetelpa ir būtų nukirpti. Pagal C7 mygtukas
   nusileidžia į savo eilutę per visą plotį; nuo 390 px — kaip demo. */
@media(max-width:380px){
  .hd-main{flex-wrap:wrap;height:auto;min-height:var(--hd-h);row-gap:var(--s2);
   padding-block:var(--s3)}
  .hd-cta{order:3;flex:1 0 100%;justify-content:center}
}
/* PORAŠTĖ — vienoda visuose puslapiuose, įskaitant teisinius.
   Nuorodų rinkinys yra vienas: šešios nuorodos, tarp jų Apie. */
.ft{border-top:1px solid var(--line-2);margin-top:var(--pad-foot);padding-block:var(--s6);
 font-size:var(--t-micro);color:var(--fg-3)}
.ft__in{display:grid;gap:2px;justify-items:center;text-align:center}
.ft__links{display:flex;flex-wrap:wrap;justify-content:center;
 gap:2px var(--s4);max-width:none}
/* Eilutės kas 15 px (2026-10-18, savininko sprendimas): 13 px eilutė +
   2 px tarpas. Pabraukimas -- text-decoration, ne border-bottom: rėmelis
   pridėdavo pikselį prie kiekvienos eilutės. */
.ft__links a{color:var(--fg-2);text-decoration:none;line-height:13px}
.ft__links a:hover{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
/* Visos poraštės eilutės kas 15 px -- ir nuorodos, ir šūkis, ir autorių
   teisės (2026-10-18, savininko sprendimas: kompiuteryje tarpai tarp
   trijų eilučių buvo ~30 px). */
.ft__rekv{color:var(--fg-3);margin:0;line-height:13px}
.ft a{color:var(--fg-3);text-decoration:none}
.ft a:hover{color:var(--amber)}

/* ---------- 9. KOMPONENTAI ----------
   Žemiau — visos kortelės, moduliai, planai, formos, skydelis ir
   konfigūratorius. Tie patys vardai veikia kiekviename puslapyje. */

*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,p,
dl,dd,dt,ul,ol{margin:0}
/* pretty, ne balance: viršutinė eilutė užpildoma kiek telpa (balance
   dalydavo antraštę per pusę -- savininko pastaba 2026-10-18) */
h1,h2,h3{text-wrap:pretty}
button{font:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:3px}

.toc{position:sticky;top:0;z-index:35;display:flex;gap:var(--s5);padding-block:var(--s3);
 background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc a{white-space:nowrap;color:var(--fg-2);text-decoration:none;font-size:var(--t-small);
 padding-bottom:5px;border-bottom:2px solid transparent;transition:color .15s}
.toc a:hover,.toc a[aria-current="true"]{color:var(--amber);border-bottom-color:var(--amber)}
.princ>div{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);display:grid;gap:var(--s2)}
.princ h3{font:600 var(--t-card)/1.3 var(--f-sans)}
.princ p{font-size:var(--t-small);color:var(--fg-2);line-height:1.6}
.princ .pay{font:500 var(--t-micro)/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.cfg{display:grid;gap:var(--s6);align-items:start}
@media(min-width:1100px){
.cfg{grid-template-columns:minmax(0,1fr) 330px}}
.grp{margin-top:var(--s6)}
.grp:first-child{margin-top:0}
.grp__h{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}
.grp__h h3{font:600 var(--t-h3)/1.3 var(--f-sans)}
.grp__h span{font-size:var(--t-small);color:var(--fg-3)}
.mods{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
/* MODULIO BŪSENOS — trys, ir kiekviena atpažįstama iš pirmo žvilgsnio.
   1 laisvas · 2 pasirinktas · 3 negalimas (trūksta pagrindo) */
.mod{border-bottom:1px solid var(--line-2);background:var(--bg);
 border-left:3px solid transparent;transition:background .15s,border-color .15s,opacity .15s}
.mod:last-child{border-bottom:0}
.mod:hover{background:color-mix(in srgb,var(--bg-2) 45%,transparent)}

/* 2 · PASIRINKTAS — gintarinė juosta kairėje, kaina gintarinė */
.mod.is-sel{background:var(--bg-2);border-left-color:var(--amber)}
.mod.is-sel .mod__name{color:var(--fg)}
.mod.is-sel .mod__price{color:var(--amber)}
.mod.is-sel .add{background:transparent;color:var(--fg-2);border-color:var(--line-ui);min-width:116px}
.mod.is-sel .add:hover{background:transparent;color:var(--amber);border-color:var(--amber)}
.mod.is-sel .mod__name::before{content:"✓";color:var(--amber);font-weight:600;margin-right:2px}

/* 3 · NEGALIMAS — pritildytas, be gintaro, su priežastimi */
.mod.is-locked{opacity:.45}
.mod.is-locked:hover{opacity:.62;background:var(--bg)}
.mod.is-locked .mod__price{color:var(--fg-3)}
.mod.is-locked .add{color:var(--fg-2);border-color:var(--line-ui)}
.mod.is-locked .add:hover{background:transparent;color:var(--amber);border-color:var(--amber)}
.mod--info{opacity:.9}
.mod__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s3) var(--s4);
 align-items:center;padding:var(--s4)}
/* Ilgi sudurtiniai žodžiai (FI „Polttoaineenkulutuksen", DE, LV) su
   Source Sans telefone platesni už stulpelį; be šito pavadinimas,
   aprašymas ir „Reikia: …" eilutė išlįsdavo už kortelės (iki 67 px). */
.mod__main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
/* Vaikams tiesiogiai: bendra `p{overflow-wrap:break-word}` perrašytų
   paveldėtą reikšmę, o `break-word` nemažina tinklelio elemento
   min-content -- pastraipa liktų ilgiausio žodžio pločio. */
.mod__main>*{min-width:0;hyphens:auto;overflow-wrap:anywhere}
.mod__name{font:600 var(--t-body)/1.35 var(--f-sans);color:var(--fg);display:flex;
 align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.mod__tag{font:500 var(--t-micro)/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;
 border:1px solid var(--line);border-radius:4px;padding:0 6px;color:var(--fg-3);white-space:nowrap}
.mod__sum{font-size:var(--t-small);color:var(--fg-2);line-height:1.5}
.mod__price{font:500 var(--t-body)/1.2 var(--f-mono);font-variant-numeric:tabular-nums;
 white-space:nowrap;color:var(--fg);text-align:right}
.mod__price small{display:block;font:400 var(--t-micro)/1.4 var(--f-sans);color:var(--fg-3);margin-top:2px}
.mod__act{display:flex;gap:var(--s2);align-items:center}
@media(max-width:760px){
.mod__row{grid-template-columns:minmax(0,1fr) auto}
.mod__act{grid-column:1/-1;justify-content:space-between}
.mod__price{text-align:left}
}
/* Modulio mygtukai — ta pati sistema kaip visur, tik mažas dydis.
   .add = 2 lygis (gintarinis kontūras), .more = 3 lygis (tylus). */
.more,.add{appearance:none;display:inline-flex;align-items:center;justify-content:center;
 min-height:var(--ctrl-h-sm);padding:0 var(--s4);border-radius:var(--radius-sm);
 border:1px solid transparent;cursor:pointer;white-space:nowrap;
 font:500 var(--t-small)/1.2 var(--f-sans);
 transition:background .15s,color .15s,border-color .15s}
.more{background:transparent;color:var(--fg-2);border-color:var(--line-ui)}
.more:hover{color:var(--amber);border-color:var(--amber)}
.add{background:transparent;color:var(--amber);border-color:var(--amber);min-width:116px}
.add:hover{background:var(--amber);border-color:var(--amber);color:#120d04}
.add--talk{border-color:var(--line-ui);color:var(--fg-2);min-width:0}
.add--talk:hover{background:transparent;color:var(--amber);border-color:var(--amber)}
.mod__det{padding:0 var(--s4) var(--s4);display:grid;gap:var(--s4)}
.mod__det[hidden]{display:none}
.dsec{display:grid;gap:var(--s2)}
.dsec h4{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3)}
.dsec p,.dsec li{font-size:var(--t-small);line-height:1.65;color:var(--fg-2)}
.dsec ul{margin:0;padding-left:1.1em;display:grid;gap:4px}
.plans{gap:var(--s3);margin-bottom:var(--s5)}







.alert{border:1px solid var(--bad);border-radius:var(--radius);padding:var(--s3) var(--s4);
 font-size:var(--t-small);line-height:1.6;color:var(--fg-2);display:flex;gap:var(--s4);
 align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--s4)}
.alert[hidden]{display:none}
/* Užsakymo būsenos juosta — .alert forma, trys būsenos */
.ostat{margin-top:var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--line);
 border-radius:var(--radius-sm);font-size:var(--t-small);line-height:1.55}
.ostat.is-ok{border-color:var(--good)}
.ostat.is-err{border-color:var(--bad)}
.ostat ul{margin:var(--s2) 0 0;padding-left:var(--s5)}
.ostat a{color:var(--amber)}
.rail{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg);
 border-top:1px solid var(--amber);
 padding:var(--s3) max(16px,env(safe-area-inset-left,0px))
         calc(var(--s3) + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px))}
.rail__list{display:none;margin-bottom:var(--s3);max-height:40vh;overflow-y:auto}
.rail.is-open .rail__list{display:grid;gap:var(--s2)}
.rail__bar{display:flex;align-items:center;gap:var(--s4);justify-content:space-between}
.rail__bar .tot{flex:1 1 auto;min-width:0}
.rail__bar .btn{flex:0 0 auto;width:auto}
/* Telefone (2026-10-19): uždaryta juosta -- tik pirma sumos eilutė ir
   mygtukas greta; atidaryta -- visa santrauka, mygtukas per visą plotį
   apačioje. Atidaryta santrauka ne aukštesnė nei 85 % ekrano ir slenka
   savyje: kitaip su keliomis paslaugomis jos viršus (ir uždarymo
   mygtukas) atsidurdavo už ekrano. */
@media(max-width:1099.98px){
.rail:not(.is-open) .tot>:not(:first-child){display:none}
.rail:not(.is-open) .tot{border-top:0;padding-top:0}
.rail.is-open{max-height:85vh;overflow-y:auto}
.rail.is-open .rail__list{max-height:none;overflow:visible}
.rail.is-open .rail__bar{flex-direction:column;align-items:stretch}
.rail.is-open .rail__bar .btn{width:100%}
}
.rail .consent>span{min-width:0}
@media(min-width:1100px){
.rail{position:sticky;top:70px;left:auto;right:auto;bottom:auto;border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--s5);display:grid;gap:var(--s4)}
.rail__list{display:grid!important;gap:var(--s2);margin:0;max-height:none}
.rail__bar{display:grid;gap:var(--s3)}
.rail__toggle{display:none}
}
.rail__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--amber)}
.ritem{display:grid;grid-template-columns:minmax(9em,1fr) auto auto;gap:var(--s2) var(--s3);
 align-items:baseline;font-size:var(--t-small);padding-bottom:var(--s2);border-bottom:1px solid var(--line-2)}
.ritem:last-child{border-bottom:0}
/* Santraukos eilutė (2026-10-19, savininko pastaba: „užrašai užlipa vienas
   ant kito"). Vertė buvo `nowrap`: ilgos tekstinės vertės („4,90 €/mėn.
   už transporto priemonę", eFTI data) išstumdavo eilutę už skydelio ir
   suspausdavo pavadinimą. Dabar vertė lūžta, bet ne platesnė nei ~21
   mono ženklas -- trumpos kainos vis tiek stovi vienoje eilutėje. */
.ritem b{font-weight:500;color:var(--fg);min-width:0;overflow-wrap:anywhere}
.ritem>span{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg-2);
 max-width:13em;text-align:right;overflow-wrap:break-word}
.ritem button{appearance:none;background:transparent;border:0;color:var(--fg-3);cursor:pointer;
 font-size:16px;line-height:1;padding:0 2px}
.ritem button:hover{color:var(--bad)}
.rempty{font-size:var(--t-small);color:var(--fg-3);line-height:1.6;
 border:1px dashed var(--line-ui);border-radius:var(--radius-sm);padding:var(--s4);text-align:center}
.tot{display:grid;gap:var(--s1);border-top:1px solid var(--line);padding-top:var(--s3)}
.tot__r{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--t-small);color:var(--fg-2)}
.tot__r b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-weight:500}
.tot__r--big{font-size:var(--t-body);color:var(--fg)}
.tot__r--big b{font-size:19px;font-weight:600}
.rail__toggle{appearance:none;background:transparent;border:0;color:var(--fg-2);cursor:pointer;
 min-height:28px;padding:4px 2px;
 font-size:var(--t-small);text-align:left;padding:0}
.rail__toggle::after{content:" ▴"}
.rail.is-open .rail__toggle::after{content:" ▾"}
/* MYGTUKAI — trys lygiai, vienas aukštis, viena kryptis.
   Viename ekrano bloke gali būti tik VIENAS užpildytas (.btn) mygtukas. */
.btn,.btn--2,.btn--quiet{
 display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
 min-height:var(--ctrl-h);padding:0 var(--s5);border-radius:var(--radius-sm);
 border:1px solid transparent;cursor:pointer;white-space:nowrap;
 font:500 var(--t-small)/1.2 var(--f-sans);text-decoration:none;text-align:center;
 transition:background .15s,color .15s,border-color .15s}

/* 1 lygis — pagrindinis veiksmas: užpildytas gintaras, tamsus tekstas */
.btn{background:var(--amber);color:#120d04;border-color:var(--amber)}
.btn:hover{background:var(--amber-2);border-color:var(--amber-2);color:#120d04}

/* 2 lygis — alternatyva: gintarinis kontūras */
.btn--2{background:transparent;color:var(--amber);border-color:var(--amber)}
.btn--2:hover{background:var(--amber);border-color:var(--amber);color:#120d04}

/* 3 lygis — tylus: pilkas kontūras, 3:1 kontrastas */
.btn--quiet{background:transparent;color:var(--fg-2);border-color:var(--line-ui)}
.btn--quiet:hover{background:transparent;color:var(--amber);border-color:var(--amber)}
/* Lygis -- VIENA klasė. `class="btn btn--quiet"` užvedus pele gaudavo
   `.btn:hover` gintarinį foną ir `.btn--quiet:hover` šviesų tekstą --
   tekstas susiliedavo (kainų puslapis „Apie šią patikrą", 2026-10-18).
   Permatomas fonas aukščiau tai uždaro ir tokiam deriniui. */

.btn--sm,.btn--2.btn--sm,.btn--quiet.btn--sm{min-height:var(--ctrl-h-sm);
 padding:0 var(--s4);font-size:var(--t-micro)}
.btn--lg,.btn--2.btn--lg{min-height:var(--ctrl-h-lg);padding:0 var(--s6);font-size:var(--t-body)}
.btn--full{display:flex;width:100%;white-space:normal}
.btn[disabled],.btn--2[disabled],.btn--quiet[disabled]{opacity:.45;cursor:not-allowed}
.btn[disabled]:hover{background:var(--amber);border-color:var(--amber);color:#120d04}
.btn--2[disabled]:hover,.btn--quiet[disabled]:hover{background:transparent}
.btn .ico{font-size:1.1em;line-height:1}

/* Veiksmų eilė — pagrindinis visada pirmas iš kairės */
.acts{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-top:var(--s2)}
.acts--end{justify-content:flex-end}
.acts--between{justify-content:space-between}
@media(max-width:480px){
  .acts{flex-direction:column;align-items:stretch}
  .acts>.btn,.acts>.btn--2,.acts>.btn--quiet{width:100%}
}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border:1px solid var(--line);
 border-radius:var(--radius);overflow:hidden;margin-bottom:var(--s5)}
@media(max-width:700px){
.steps{grid-template-columns:1fr}}
.steps>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s3);
 padding:var(--s4);border-right:1px solid var(--line-2);align-items:start}
.steps>div:last-child{border-right:0}
@media(max-width:700px){
.steps>div{border-right:0;border-bottom:1px solid var(--line-2)}
.steps>div:last-child{border-bottom:0}}
.steps .n{font:500 var(--t-card)/1 var(--f-mono);color:var(--fg-3);font-variant-numeric:tabular-nums}
.steps .t{font:600 var(--t-body)/1.3 var(--f-sans);color:var(--fg-3)}
.steps .s{font-size:var(--t-micro);color:var(--fg-3);line-height:1.5;grid-column:2}
.steps>div[aria-current="step"]{background:var(--bg-2)}
.steps>div[aria-current="step"] .n,.steps>div[aria-current="step"] .t{color:var(--amber)}
.steps>div[aria-current="step"] .s{color:var(--fg-2)}
.steps>div.done .n::after{content:" ✓";color:var(--good)}
.steps>div.done .t{color:var(--fg-2)}
.panel[hidden]{display:none}
/* Formos dėžė — vienodas rėmelis ir vidinis tarpas visuose puslapiuose */
.formbox{border:1px solid var(--line);border-radius:var(--radius);
 padding:clamp(20px,2.4vw,32px);background:var(--bg);width:100%;max-width:none}
.formbox>.form{gap:var(--s5)}
.formbox__h{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;
 margin-bottom:var(--s5);max-width:none}
.formbox__h h3{font:600 var(--t-h3)/1.3 var(--f-sans)}
.formbox__h p{font-size:var(--t-small);color:var(--fg-3);margin:0;flex:1 1 220px}
/* FORMA — vienodo pločio visuose puslapiuose: visada per visą konteinerį.
   Trumpi laukai gyvena .form__grid viduje; viskas, kas platu (žymimieji
   langeliai, tekstas, sutikimai, mygtukas) — tiesioginiai .form vaikai. */
.form{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.form>*{grid-column:1/-1;min-width:0}
.form__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
 gap:var(--s4) var(--s5);max-width:none;width:100%}
.form__grid>*{grid-column:span 12;min-width:0}

@media(min-width:620px){
  .form__grid>*{grid-column:span 6}
}
@media(min-width:620px) and (max-width:999.98px){
  /* nelyginis laukų skaičius — paskutinis per visą plotį */
  .form__grid>:last-child:nth-child(odd){grid-column:span 12}
}
@media(min-width:1000px){
  .form__grid>*{grid-column:span 4}
  .form__grid>:last-child:nth-child(3n+1){grid-column:span 12}
  .form__grid>:nth-last-child(2):nth-child(3n+1),
  .form__grid>:nth-last-child(2):nth-child(3n+1)~*{grid-column:span 6}
}
.form__grid>.field--full{grid-column:span 12}
.form__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4) var(--s5)}
.form__row>*{grid-column:span 12}
@media(min-width:620px){.form__row>*{grid-column:span 6}}
@media(min-width:620px){.form__row>:last-child:nth-child(odd){grid-column:span 12}}

/* Žymimųjų langelių eilė — vienodo dydžio, nesusitraukia */
.checks{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center}
.checks label{display:inline-flex;align-items:center;gap:var(--s2);
 font-size:var(--t-small);color:var(--fg-2);white-space:nowrap}
.checks input,.demoModuleInterest{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--amber)}
.checks label:hover{color:var(--fg)}
.form textarea,.field textarea{width:100%;min-height:120px;padding:var(--s3) var(--s4);background:var(--bg-2);
 color:var(--fg);border:1px solid var(--line-ui);border-radius:var(--radius-sm);
 font:400 var(--t-body)/1.6 var(--f-sans);resize:vertical}
.field textarea::placeholder{color:var(--fg-3)}
.field textarea:focus-visible{outline:2px solid var(--amber);outline-offset:-2px;border-color:var(--amber)}
.form__act{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}
/* Žymimasis langelis ir radijo mygtukas — VIENAS dydis visur (18 px).
   `.field input` (teksto laukas 44 px) jų nebeliečia: anksčiau formos
   laukelyje jie išsipūsdavo iki lauko dydžio. */
input:is([type=checkbox],[type=radio]){width:18px;height:18px;flex:0 0 auto;accent-color:var(--amber)}
.field{display:flex;flex-direction:column;min-width:0}
.field>label{font:500 var(--t-small)/1.4 var(--f-sans);color:var(--fg-2);margin-bottom:var(--s2)}
.field .req{color:var(--amber)}
.field input:not([type=checkbox],[type=radio]),.field select{width:100%;height:var(--ctrl-h);padding:0 var(--s4);background:var(--bg-2);
 color:var(--fg);border:1px solid var(--line-ui);border-radius:var(--radius-sm);
 font:400 var(--t-body)/1.4 var(--f-sans)}
.field input::placeholder{color:var(--fg-3)}
.field input:not([type=checkbox],[type=radio]):hover,.field select:hover{border-color:var(--fg-3)}
.field input:not([type=checkbox],[type=radio]):focus-visible,.field select:focus-visible{outline:2px solid var(--amber);
 outline-offset:-2px;border-color:var(--amber)}
.field .fhint{font-size:var(--t-micro);line-height:1.55;color:var(--fg-3);margin-top:var(--s2)}
.field .err{font-size:var(--t-micro);line-height:1.5;color:var(--bad);margin-top:var(--s2)}
.field .err:empty{display:none}
.field.is-bad input:not([type=checkbox],[type=radio]),.field.is-bad select{border-color:var(--bad)}
.consents{display:grid;border:1px solid var(--line);border-radius:var(--radius);margin-top:var(--s2)}
.consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s3);align-items:start;padding:var(--s4)}
.consent+.consent{border-top:1px solid var(--line-2)}
.consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--amber);
 flex:0 0 auto;border:1px solid var(--line-ui)}
.consent label{font-size:var(--t-small);line-height:1.7;color:var(--fg-2)}
.consents.is-bad{border-color:var(--bad)}
/* Nuoroda tekste visada gintarinė. Taikoma pagal kontekstą, kad
   nereikėtų prisiminti klasės — pamiršta klasė buvo defektų šaltinis.
   `:not([class])`: be jo `.doc__body a` (0,1,1) nugalėtų `.btn` (0,1,0),
   ir mygtukas `.acts` eilutėje tekste gautų gintarinį tekstą ant gintaro. */
.lnk,
.prose a:not([class]),.note a:not([class]),.fine a:not([class]),.doc__body a:not([class]),.row__sum a:not([class]),.mod__sum a:not([class]),
.dsec a:not([class]),.dsec li a:not([class]),.faq a:not([class]),.card p a:not([class]),.terms a:not([class]),.rempty a:not([class]),
.tblwrap td a:not([class]),.tblwrap th a:not([class]),.fact span a:not([class]),.depmap a:not([class]),
/* Ir bet kuris kitas tekstas main viduje (pvz. pastraipa tiesiai .sec) --
   išskyrus navigacijos juostas, kurios pagal demo pilkos. */
main :is(p:not(.jump,.crumbs),li:not(.tocside>li),dd,td,th,figcaption,blockquote,label) a:not([class]),
.linkrow a:not([class])
/* 2026-10-20: pabraukta VISADA, ne tik užvedus. Gintaras (#f2b74f) šalia
   pilko teksto (#aab4c0) skiriasi tik atspalviu -- šviesumo kontrastas
   ~1,2:1, o WCAG 1.4.1 reikalauja 3:1 arba antro požymio. Telefone
   užvedimo nėra, tad be linijos nuoroda tekste buvo neatpažįstama.
   `text-decoration`, ne `border-bottom`: veikia ir lūžusiai per eilutes. */
{color:var(--amber);border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;
 text-decoration-color:color-mix(in srgb,var(--amber) 45%,transparent);text-underline-offset:.22em;
 transition:color .15s,text-decoration-color .15s}
.prose a:not([class]):hover,.note a:not([class]):hover,.fine a:not([class]):hover,.doc__body a:not([class]):hover,.row__sum a:not([class]):hover,
.mod__sum a:not([class]):hover,.dsec a:not([class]):hover,.faq a:not([class]):hover,.card p a:not([class]):hover,.terms a:not([class]):hover,
.tblwrap td a:not([class]):hover,.tblwrap th a:not([class]):hover,.depmap a:not([class]):hover,
main :is(p:not(.jump,.crumbs),li:not(.tocside>li),dd,td,th,figcaption,blockquote,label) a:not([class]):hover,
.linkrow a:not([class]):hover,
.lnk:hover{color:var(--amber-2);text-decoration-color:currentColor;text-decoration-thickness:2px}
.lnk--go::after{content:"→";margin-left:.25em;white-space:nowrap;display:inline-block;text-decoration:none}
.linkrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);margin-top:var(--s5);font-size:var(--t-small)}
.linkrow>*+*::before{content:"·";color:var(--fg-3);margin-right:var(--s3)}
.rev{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--s5)}
.rev__h{padding:var(--s3) var(--s4);background:var(--bg-2);display:flex;justify-content:space-between;
 gap:var(--s3);align-items:baseline}
.rev__h span{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3)}

.rev dl{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0}
.rev dt,.rev dd{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-2);font-size:var(--t-small)}
.rev dt{color:var(--fg-2)}
.rev dd{color:var(--fg);text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.rev dt:nth-last-of-type(1),.rev dd:nth-last-of-type(1){border-bottom:0}
.ok{border:1px solid var(--good);border-radius:var(--radius);padding:var(--s6);display:grid;gap:var(--s3);
 max-width:720px;text-align:center;justify-items:center}
.ok h3{font:600 var(--t-h3)/1.3 var(--f-sans)}
.ok p{color:var(--fg-2);font-size:var(--t-small);line-height:1.7;max-width:46ch}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(470px,100%);background:var(--bg);
 border-left:1px solid var(--line);transform:translateX(100%);
 transition:transform .28s cubic-bezier(.2,.7,.3,1);z-index:60;overflow-y:auto;
 padding:var(--s6) max(var(--s5),env(safe-area-inset-right,0px)) var(--s8) var(--s5);
 display:flex;flex-direction:column;gap:var(--s4)}
.drawer.is-open{transform:translateX(0)}
.drawer[hidden]{display:none}
.dbg{position:fixed;inset:0;background:#000a;opacity:0;pointer-events:none;transition:opacity .28s;z-index:59}
.dbg.is-on{opacity:1;pointer-events:auto}
.dx{position:absolute;top:var(--s4);right:var(--s4);appearance:none;background:transparent;
 min-width:28px;min-height:28px;display:grid;place-items:center;
 border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;
 width:34px;height:34px;font-size:17px;line-height:1}
.dx:hover{border-color:var(--amber);color:var(--amber)}
.dprice{font:600 24px/1 var(--f-sans);font-variant-numeric:tabular-nums}
.dprice small{font-size:var(--t-small);font-weight:400;color:var(--fg-3)}
/* minmax(0,1fr): be jo numanomas stulpelis plečiasi iki turinio (421 px
   390 px ekrane), o overflow:hidden atsakymą nukerpa (auditas 2026-10-18) */
.faq{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.faq details+details{border-top:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;padding:var(--s4) var(--s5);
 font:500 var(--t-card)/1.3 var(--f-sans);display:flex;justify-content:space-between;
 gap:var(--s4);align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--fg-3);font:400 20px/1 var(--f-mono)}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{color:var(--amber)}
.faq__a{padding:0 var(--s5) var(--s5);font-size:var(--t-body);line-height:1.65;color:var(--fg-2);max-width:var(--w-text)}
.legal{border-top:1px solid var(--line-2);margin-top:var(--s6);padding-top:var(--s4);max-width:var(--w-text)}
.legal .fine{line-height:1.75}
.legal strong{color:var(--fg-2)}
.sr,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){
*{transition:none!important}}

.jump{margin-top:var(--s4);font-size:var(--t-small);color:var(--fg-3)}
.jump a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line);margin-left:var(--s3)}
.jump a:hover{color:var(--amber);border-bottom-color:var(--amber)}





.plan-card{display:flex;flex-direction:column;gap:var(--s3);min-width:0;
 padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);
 transition:border-color .15s}
.plan-card:hover{border-color:var(--amber)}
.plan-card.is-sel{border-color:var(--amber);background:var(--bg-2)}
.plan-card .pn{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3)}
.plan-card.is-sel .pn{color:var(--amber)}
.plan-card .pp{font:600 23px/1.1 var(--f-sans);font-variant-numeric:tabular-nums;color:var(--fg)}
.plan-card .pp small{font-size:var(--t-small);font-weight:400;color:var(--fg-3)}
/* Planų lentelė. `.kv.plan-kv` (0,2,0), nes 11 skyriaus `.kv` stovi
   VĖLIAU ir su tuo pačiu (0,1,0) laimėdavo: jo `minmax(200px,…)` ~190 px
   kortelėje išstumdavo reikšmes už kortelės ribos (overflow:hidden).
   Pagal nutylėjimą — VIENAS stulpelis (reikšmė po etikete); du — tik
   kai kortelė realiai plati, ir abu lankstūs: `auto` stulpelis pasiimtų
   max-content ir etiketei paliktų likučius (raidės viena po kitos). */
.plan-card{container-type:inline-size}
.kv.plan-kv{border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:0}
.kv.plan-kv>dt,.kv.plan-kv>dd{font-size:var(--t-small);line-height:1.4;background:none}
.kv.plan-kv>dt{padding:var(--s1) 0 0;border-bottom:0}
.kv.plan-kv>dd{padding:0 0 var(--s1);text-align:left;font-family:var(--f-mono);
 color:var(--fg);white-space:normal;border-bottom:1px solid var(--line-2)}
@container (min-width:225px){
 .kv.plan-kv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .kv.plan-kv>dt{padding:var(--s1) 0;border-bottom:1px solid var(--line-2)}
 .kv.plan-kv>dd{padding:var(--s1) 0;text-align:right}
}
.plan-foot{margin-top:auto;padding-top:var(--s3)}
.plan-pick{width:100%;appearance:none;cursor:pointer;background:transparent;
 display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
 min-height:var(--ctrl-h-sm);padding:0 var(--s4);border:1px solid var(--amber);
 color:var(--amber);border-radius:var(--radius-sm);
 font:500 var(--t-small)/1.2 var(--f-sans);transition:background .15s,color .15s}
.plan-pick:hover{background:var(--amber);border-color:var(--amber);color:#120d04}
.plan-card.is-sel .plan-pick{background:var(--amber);color:#120d04}
.plan-card.is-sel .plan-pick::before{content:"✓"}



/* ---- grupių numeriai ir žingsnių antraštės ---- */
.grp__h{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}
.grp__n{font:500 var(--t-micro)/1 var(--f-mono);letter-spacing:.09em;color:var(--amber);
 border:1px solid var(--amber);border-radius:4px;padding:3px 6px;flex:0 0 auto}
.step-lead{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3);margin:var(--s5) 0 var(--s3)}
.step-lead span{text-transform:none;letter-spacing:0;font-family:var(--f-sans);
 font-size:var(--t-small);color:var(--fg-3)}
.step-lead:first-of-type{margin-top:0}

/* ---- priklausomybės ---- */
/* Priežastis, kodėl modulio kol kas negalima pridėti.
   Ne gintaras: gintaras svetainėje reiškia veiksmą arba vertę, ne kliūtį. */
.mod__need{display:inline-flex;align-items:center;gap:5px;margin-top:5px;
 font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.04em;color:var(--fg-3);
 border:1px solid var(--line-ui);border-radius:4px;padding:3px 7px;
 justify-self:start;width:fit-content;max-width:100%}
.mod__need::before{content:"!";font-weight:700;color:var(--fg-2)}
.mod__need:empty{display:none}


/* ---- jungčių žemėlapis ---- */
.depmap{border:1px solid var(--line);border-radius:var(--radius);
 padding:var(--s5);margin-bottom:var(--s6);background:var(--bg-2);
 width:100%;max-width:none}
.depmap__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--amber);margin-bottom:var(--s3)}
.depmap__lead,.depmap__foot{font-size:var(--t-small);line-height:1.65;color:var(--fg-2);
 max-width:var(--w-text)}
.depmap__foot{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);
 color:var(--fg-3);font-size:var(--t-micro)}
.depmap__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4);margin-top:var(--s4)}


.depmap__col{min-width:0}
.depmap__base{font:600 var(--t-small)/1.35 var(--f-sans);color:var(--fg);
 padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.depmap__col ul{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:4px}
.depmap__col li{font-size:var(--t-micro);line-height:1.5;color:var(--fg-2);
 padding-left:14px;position:relative}
.depmap__col li::before{content:"└";position:absolute;left:0;color:var(--viz-1);font-family:var(--f-mono)}
.depmap__col li.is-none{color:var(--fg-3);font-style:italic}

/* ---- santraukos grupės ---- */
.rgrp{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;
 color:var(--fg-3);margin-top:var(--s3);padding-bottom:4px}
.rgrp:first-child{margin-top:0}

/* ---- pasirinkimai modulio viduje ---- */
.opts{border-top:1px solid var(--line);padding-top:var(--s4);display:grid;gap:var(--s3)}
.opts__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--amber)}
.opts__list{display:grid;gap:var(--s2)}
.opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s3);
 align-items:center;padding:9px var(--s3);border:1px solid var(--line);
 border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}
.opt:hover{border-color:var(--amber)}
.opt:has(input:checked){border-color:var(--amber);background:var(--bg-2)}
.opt input{accent-color:var(--amber);width:18px;height:18px;margin:0}
.opt__t{font-size:var(--t-small);color:var(--fg-2);min-width:0}
.opt:has(input:checked) .opt__t{color:var(--fg)}
.opt__p{font:500 var(--t-small)/1.3 var(--f-mono);font-variant-numeric:tabular-nums;
 color:var(--fg);white-space:nowrap}
.qty{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:var(--s3);
 align-items:center;font-size:var(--t-small);color:var(--fg-2)}
.qty input{height:40px;padding:0 var(--s3);background:var(--bg-2);color:var(--fg);
 border:1px solid var(--line);border-radius:var(--radius-sm);
 font:500 var(--t-body)/1.4 var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}
.qty input:focus-visible{outline:2px solid var(--amber);outline-offset:-2px;border-color:var(--amber)}
.opts__hint{font-size:var(--t-micro);line-height:1.5;color:var(--fg-3)}

/* ---- skydelis, atidarytas užvedus pele: be fono, puslapis lieka valdomas ---- */
.drawer.is-peek{box-shadow:-24px 0 48px rgba(0,0,0,.45)}

/* ---- pasirinkta parinktis santraukoje ---- */
.ritem__o{display:block;font:400 var(--t-micro)/1.4 var(--f-sans);color:var(--fg-3);margin-top:2px}

/* ---- eilutė atidaro skydelį ---- */
.mod__row{cursor:pointer}
.mod__row:hover{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}
.mod__act,.mod__act *{cursor:auto}
.mod__act button{cursor:pointer}

/* ---- užsakymo sąlygos ---- */
.terms{border:1px solid var(--line);border-radius:var(--radius);
 padding:var(--s5);margin-bottom:var(--s5)}
.terms__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--amber);margin-bottom:var(--s3)}
.terms .kv{border:0;border-radius:0}
.terms .kv>dt,.terms .kv>dd{padding:var(--s3) 0;font-size:var(--t-small)}
.terms .kv>dt{padding-right:var(--s4)}
.terms strong{color:var(--fg)}
.consents--opt{margin-top:var(--s3);border-style:dashed}
.opt-mark{display:inline-block;font:500 var(--t-micro)/1.6 var(--f-mono);
 letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);
 border:1px solid var(--line);border-radius:4px;padding:0 6px;margin-inline:4px}

/* ---- pranešimas atėjus iš kito puslapio ---- */
.deeplink{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
 border:1px solid var(--amber);border-radius:var(--radius);
 padding:var(--s3) var(--s4);margin-bottom:var(--s5);
 font-size:var(--t-small);color:var(--fg-2);background:var(--bg-2)}
.deeplink[hidden]{display:none}
.deeplink b{color:var(--amber);font-weight:500}

/* ---- atėjus iš modulio puslapio: trumpas pažymėjimas ---- */
.mod{scroll-margin-top:84px}
.mod.is-flash{animation:k-flash 2.2s ease-out}
@keyframes k-flash{
  0%,22%{box-shadow:inset 3px 0 0 var(--amber);background:var(--bg-2)}
  100%{box-shadow:inset 3px 0 0 transparent;background:transparent}
}
@media(prefers-reduced-motion:reduce){
  .mod.is-flash{animation:none;box-shadow:inset 3px 0 0 var(--amber)}
}

/* ================================================================
   10. BENDRI KOMPONENTAI
   Šių nebuvo kainų puslapio failuose — jie gyveno atskirai, todėl
   kainų puslapis ir atrodė kitaip. Dabar jie yra ten pat, kur visa kita.
   ================================================================ */

/* ---------- kortelė ---------- */
.card{display:flex;flex-direction:column;gap:var(--s3);min-width:0;
 padding:var(--s5);background:var(--bg);border:1px solid var(--line);
 border-radius:var(--radius);position:relative;transition:border-color .18s ease}
.card>*{min-width:0;max-width:none}
/* Visa kortelė yra nuoroda: tekstas nepabraukiamas, spalvą duoda
   kortelė; veiksmą rodo .lnk poraštėje ir rėmelis užvedus. */
a.card{color:inherit;text-decoration:none}
a.card .lnk{text-decoration:none}
a.card:hover .lnk{text-decoration:underline}
.card--link:hover,a.card:hover{border-color:var(--amber)}
/* Aktyvi būsena -- visada gintaras (2026-10-18, savininko sprendimas):
   užvedus pelę nuoroda arba kortelės antraštė tampa gintarinė, ne tik
   pašviesėja. Mygtukų 2 lygis užvedus -- pilnas gintaras su tamsiu
   tekstu (buvo gintaras ant permatomo gintaro: „spalva ant spalvos"),
   tylieji -- gintarinis tekstas ir kontūras. */
:is(.card--link,a.card):hover :is(h2,h3,.card__h),.card__h a:hover,.linkrow a:hover{color:var(--amber)}
.card--accent{border-color:var(--amber)}
.card__eyebrow{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--amber)}
/* .card__h — pagrindinis vardas; .card__title paliktas senam produkcijos HTML */
.card__h,.card__title{font:600 var(--t-card)/1.3 var(--f-sans);color:var(--fg);margin:0}
.card__body{font-size:var(--t-body);line-height:1.65;color:var(--fg-2)}
.card__body+.card__body{margin-top:var(--s2)}
.card__foot{margin-top:auto;padding-top:var(--s4);font-size:var(--t-small)}
.card__badge{position:absolute;top:-10px;left:var(--s5);padding:2px var(--s3);
 border-radius:999px;background:var(--bg);border:1px solid var(--amber);color:var(--amber);
 font:500 var(--t-micro)/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}

/* Nelyginis kortelių skaičius neturi palikti tuščio lopo */
.grid-2>:last-child:nth-child(odd){grid-column:1/-1}

/* ---------- sunumeruotas žingsnis ---------- */
.step__n{font:500 var(--t-card)/1 var(--f-mono);color:var(--amber);
 margin-right:var(--s3);font-variant-numeric:tabular-nums}

/* ---------- vertikali kortelių krūva ---------- */
.stack{display:grid;gap:var(--s4)}

/* ---------- ženkliukas ---------- */
.pill{display:inline-block;padding:1px var(--s2);border-radius:4px;white-space:nowrap;
 font:500 var(--t-micro)/1.7 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;
 border:1px solid var(--line);color:var(--fg-3)}
.pill--req{border-color:var(--amber);color:var(--amber)}
.pill--ok{border-color:var(--good);color:var(--good)}

/* ---------- puslapiavimas ---------- */
.pager{display:flex;gap:var(--s2);justify-content:center;align-items:center;
 flex-wrap:wrap;margin-top:var(--s6)}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;
 padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);
 font-size:var(--t-small);color:var(--fg-2);text-decoration:none;font-variant-numeric:tabular-nums}
.pager a:hover{border-color:var(--amber);color:var(--amber)}
.pager .is-cur{border-color:var(--line-2);color:var(--fg);background:var(--bg-2)}
.pager .gap{border:0;color:var(--fg-3)}

/* ---------- pilių eilutė (filtrai, skirtukai) ---------- */
.filters{display:flex;gap:var(--s2);flex-wrap:wrap}
.filters button{appearance:none;background:transparent;border:1px solid var(--line-ui);
 color:var(--fg-2);cursor:pointer;min-height:var(--ctrl-h-sm);padding:0 var(--s4);
 border-radius:999px;font:500 var(--t-small)/1.2 var(--f-sans);
 transition:background .15s,color .15s,border-color .15s}
.filters button:hover{color:var(--fg);border-color:var(--fg-3)}
.filters button[aria-pressed="true"]{background:var(--amber);color:#120d04;border-color:var(--amber)}

/* ---------- tikslinimai bendrai sistemai ----------
   Komponentų viduje teksto juosta netaikoma: kortelė pati nustato plotį. */
.card>*,.mod>*,.plan-card>*,.rev>*,.terms>*,.depmap>*,.drawer>*{max-width:none}

/* ---------- 11. DUOMENŲ SĄRAŠAS (.kv) ----------
   Dviejų skilčių sąrašas: dokumentas → būtinumas, savybė → reikšmė.
   Naudojamas reikalavimų lentelėse, planų specifikacijose ir rekvizituose. */
.kv{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.4fr);
 border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.kv>dt,.kv>dd{margin:0;padding:var(--s3) var(--s4);font-size:var(--t-body);
 line-height:1.55;text-align:left;border-bottom:1px solid var(--line-2);max-width:none}
.kv>dt{color:var(--fg);font-weight:500;background:var(--bg)}
.kv>dd{color:var(--fg-2)}
.kv>dt:nth-last-of-type(1),.kv>dd:nth-last-of-type(1){border-bottom:0}

/* Skaitinė skiltis: skaičiai vienoje vertikalioje linijoje */
.kv--price{grid-template-columns:minmax(0,1fr) auto}
.kv--price>dd{text-align:right;font-family:var(--f-mono);
 font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg)}

/* Platesnė dešinė skiltis ilgesniems paaiškinimams */
.kv--wide{grid-template-columns:minmax(180px,1fr) minmax(0,1.8fr)}
.kv--wide>dd{white-space:normal;font-family:var(--f-sans);text-align:left;color:var(--fg-2)}

/* Antraštės eilutė */
.kv__head{grid-column:1/-1;display:grid;grid-template-columns:subgrid;max-width:none}
.kv__head>*{padding:var(--s3) var(--s4);background:var(--bg-2);
 font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;
 color:var(--fg-3);border-bottom:1px solid var(--line)}

/* Šoninėje skiltyje (rekvizitai, faktai) -- visada viena skiltis: dviem
   kolonoms ten nėra vietos (pirmoji reikalauja 200 px) */
.split__rail .kv{grid-template-columns:minmax(0,1fr)}
.split__rail .kv>dt{padding-bottom:var(--s1);border-bottom:0}
.split__rail .kv>dd{padding-top:0}

/* Siaurame ekrane — viena skiltis, reikšmė po pavadinimu */
@media(max-width:620px){
  .kv,.kv--price,.kv--wide{grid-template-columns:1fr}
  .kv__head{display:none}
  .kv>dt{padding-bottom:var(--s1);border-bottom:0}
  .kv>dd{padding-top:0;text-align:left}
}

/* Naršyklėms be subgrid palaikymo antraštė lieka skaitoma */
@supports not (grid-template-columns:subgrid){
  .kv__head{grid-template-columns:minmax(200px,1fr) minmax(0,1.4fr)}
}

/* ================================================================
   12. PUSLAPIO ANTGALVIS — vienodas visuose puslapiuose
   ================================================================ */
.hero{padding-block:var(--pad-top) var(--pad-lead)}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1)) h1{margin:var(--s3) 0 var(--s4);max-width:var(--w-text)}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1)) .prose{font-size:clamp(17px,1.7vw,19px);line-height:1.7}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1)) .acts{margin-top:var(--s5)}

/* H1 kiekviename puslapyje prasideda tame pačiame aukštyje.
   Antgalvio pirma eilutė (.eyebrow arba .crumbs) užrakinta į --eyebrow-h;
   jei puslapyje jos nėra, eilutė rezervuojama tuščia. */
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1))>.eyebrow,:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1))>.crumbs{margin:0;height:var(--eyebrow-h);
 font:500 var(--t-micro)/var(--eyebrow-h) var(--f-mono);letter-spacing:.1em;
 text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1))>.crumbs{color:var(--fg-3);text-transform:none;letter-spacing:.04em}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1))>.crumbs a{color:var(--fg-2);text-decoration:none}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1))>.crumbs a:hover{color:var(--amber)}
:is(.hero,main>.sec:first-child:has(>h1),main>.wrap:first-child>.sec:first-child:has(>h1)):not(:has(>.eyebrow)):not(:has(>.crumbs))::before{
 content:"";display:block;height:var(--eyebrow-h)}

/* Naršyklėms be :has() — antgalvis vis tiek tvarkingas, tik be rezervuotos eilutės */
@supports not selector(:has(*)){
  .hero h1{margin:var(--s3) 0 var(--s4);max-width:var(--w-text)}
  .hero>.eyebrow,.hero>.crumbs{margin:0;height:var(--eyebrow-h);
   font:500 var(--t-micro)/var(--eyebrow-h) var(--f-mono);letter-spacing:.1em}
}

/* Turinio juosta visada po antgalviu, niekada prieš jį */
.hero+.toc{margin-top:0}
.jump{margin-top:var(--s5);font-size:var(--t-small);color:var(--fg-3);
 display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:baseline}
.jump a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line);
 display:inline-block;padding-block:4px}
.jump a:hover{color:var(--amber);border-bottom-color:var(--amber)}

/* ================================================================
   13. EILUČIŲ SĄRAŠAS — pagrindinis turinio blokas visoje svetainėje
   Tas pats, kuris kainų puslapyje laiko modulius. Naudojamas ir
   paslaugų, ir žinių, ir bet kokiems sąrašams su reikšme dešinėje.
   ================================================================ */
.rows{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.row{border-bottom:1px solid var(--line-2);background:var(--bg);transition:background .15s}
.row:last-child{border-bottom:0}
.row:hover{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}
.row__in{display:grid;grid-template-columns:minmax(0,1fr) auto;
 gap:var(--s3) var(--s5);align-items:center;padding:var(--s4) var(--s5)}
.row__main{min-width:0;display:grid;gap:4px}
.row__name{font:600 var(--t-body)/1.35 var(--f-sans);color:var(--fg);
 display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.row__sum{font-size:var(--t-small);color:var(--fg-2);line-height:1.55}
.row__val{font:500 var(--t-body)/1.2 var(--f-mono);font-variant-numeric:tabular-nums;
 white-space:nowrap;color:var(--fg);text-align:right}
.row__val small{display:block;font:400 var(--t-micro)/1.4 var(--f-sans);
 color:var(--fg-3);margin-top:3px}
.row__n{font:500 var(--t-micro)/1.6 var(--f-mono);color:var(--amber);
 letter-spacing:.06em;flex:0 0 auto}
@media(max-width:620px){
  .row__in{grid-template-columns:1fr}
  .row__val{text-align:left}
}

/* Sąrašas su veiksmu dešinėje */
.row--act .row__in{grid-template-columns:minmax(0,1fr) auto auto}
@media(max-width:760px){
  .row--act .row__in{grid-template-columns:minmax(0,1fr) auto}
  .row--act .row__act{grid-column:1/-1}
}

/* ================================================================
   14. GRUPĖ — numeruota turinio dalis
   ================================================================ */
.grp{margin-top:var(--s6)}
.grp:first-child{margin-top:0}
/* Blokai grupės viduje (tekstas, pastaba, lentelė) — vienodas tarpas */
.grp>:not(.grp__h)+*{margin-top:var(--s4)}
/* Grupės tinklelyje: tarpą duoda tinklelis, ne paraštė (kitaip pirma
   eilutė nesilygiuotų) */
.grid>.grp{margin-top:0}
.grid:has(>.grp){row-gap:var(--s6)}
.grp__h{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;
 margin-bottom:var(--s4);max-width:none}
.grp__n{font:500 var(--t-micro)/1 var(--f-mono);letter-spacing:.09em;color:var(--amber);
 border:1px solid var(--amber);border-radius:4px;padding:4px 7px;flex:0 0 auto}
.grp__h h2,.grp__h h3{font:600 var(--t-h3)/1.3 var(--f-sans);margin:0}
.grp__h>span:last-child{font-size:var(--t-small);color:var(--fg-3);flex:1 1 220px;min-width:0}
.step-lead{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3);margin:var(--s5) 0 var(--s3);max-width:none}
.step-lead:first-of-type{margin-top:0}
.step-lead span{text-transform:none;letter-spacing:0;font-family:var(--f-sans);
 font-size:var(--t-small);color:var(--fg-3)}

/* ================================================================
   15. ANTGALVIO ŠONINĖ SKILTIS — faktai, kurie užpildo dešinę pusę
   Tekstas niekada nelieka vienas plačiame konteineryje.
   ================================================================ */
.hero>.split{margin-top:var(--s4)}
.hero__main{display:grid;gap:0;min-width:0;max-width:none}
.hero__main>.prose{margin-top:0}
.hero__main>.jump{margin-top:var(--s5)}

.facts{display:grid;gap:var(--s4);max-width:none}
.fact{display:grid;gap:3px}
.fact b{font:500 var(--t-h3)/1.15 var(--f-mono);font-variant-numeric:tabular-nums;
 color:var(--fg);letter-spacing:-.01em}
.fact span{font-size:var(--t-small);line-height:1.5;color:var(--fg-3)}
.fact--amber b{color:var(--amber)}
@media(max-width:900px){
  .facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s4) var(--s5)}
}

/* ================================================================
   16. GRAFIKA — brėžinys visada PO kortelėmis, ne tarp jų
   ================================================================ */
.fig{margin:var(--s6) 0 0;padding:var(--s5) var(--s5) var(--s4);
 border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);
 max-width:none;width:100%}
.fig svg{display:block;width:100%;height:auto}
.fig .ax{stroke:var(--line);stroke-width:1}
.fig .gl{stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 6}
.fig .dl{fill:none;stroke-width:var(--viz-stroke);stroke-linecap:round}
.fig .v1{fill:var(--viz-1);stroke:var(--viz-1)}
.fig .v2{fill:var(--viz-2);stroke:var(--viz-2)}
.fig .v3{fill:var(--viz-3);stroke:var(--viz-3)}
.fig .dim{opacity:var(--viz-dim)}
.fig .tk{fill:var(--fg-3);font:400 12px var(--f-mono)}
.fig .nm{fill:var(--fg);font:600 14.5px var(--f-sans)}
.fig .sb{fill:var(--fg-3);font:400 12px var(--f-sans)}
.fig .vl{fill:var(--fg-2);font:400 12px var(--f-sans)}
.fig__cap{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s4);max-width:none}
@media(max-width:700px){
  .fig{padding:var(--s4) var(--s3) var(--s3);overflow-x:auto}
  .fig svg{min-width:640px}
}

/* ================================================================
   17. DOKUMENTO MAKETAS — teisiniai puslapiai ir straipsniai
   Tekstas 700 px, dešinėje lipni turinio juosta. Platus puslapis
   lieka platus, bet tuštumos dešinėje nebelieka.
   ================================================================ */
.doc{display:grid;grid-template-columns:minmax(0,1fr) var(--toc);
 gap:var(--s5) var(--s6);align-items:start;max-width:none;width:100%}
.doc>*{min-width:0}

/* Teksto juosta: tipografija siaura, lentelės ir brėžiniai — per visą skiltį */
.doc__body>*{max-width:var(--w-text)}
.doc__body>.tblwrap,.doc__body>figure,.doc__body>.rows,.doc__body>.kv,
.doc__body>.wide,.doc__body>.grid,.doc__body>.part{max-width:none;width:100%}
.doc__body>*+*{margin-top:var(--s4)}
.doc__body>:first-child{margin-top:0}
.doc__body p,.doc__body li{font-size:18.5px;line-height:1.75;color:var(--fg-2)}
.doc__body h2{font:600 var(--t-h2)/1.3 var(--f-sans);color:var(--fg);
 margin-top:var(--s7);scroll-margin-top:var(--s6)}
.doc__body h3{font:600 var(--t-h3)/1.35 var(--f-sans);color:var(--fg);
 margin-top:var(--s5);scroll-margin-top:var(--s6)}
.doc__body h2+*,.doc__body h3+*{margin-top:var(--s3)}
/* Klausimas D.U.K. sąraše yra summary antraštė, ne teksto skyrius: ji
   paveldi summary šriftą (kitaip h3 nusineštų 19 px -- 2026-10-14 defektas) */
.doc__body summary h3{margin:0}
summary h2,summary h3,summary h4{font:inherit;margin:0;min-width:0}
/* Atskiras blokas dokumento viduje („Ko nedarome", broliškos paslaugos) --
   be sekcijos paraščių; jo antraštė -- kaip skyriaus */
.doc__body>.sec{padding:0;border:0;margin-top:var(--s7)}
.doc__body>.sec .sec__head{margin-bottom:var(--s3)}
.doc__body ul,.doc__body ol{padding-left:1.3em;display:grid;gap:var(--s2)}
.doc__body li::marker{color:var(--fg-3)}
/* Tik nuorodos be klasės: .btn, .lnk ir kt. spalvą duoda patys (kitaip
   (0,1,1) nugali .btn ir mygtuko tekstas tampa gintaru ant gintaro). */

/* Dalies skirtukas (A dalis / B dalis) */
.part{display:flex;align-items:baseline;gap:var(--s3);
 border-top:1px solid var(--line);padding-top:var(--s4);margin-top:var(--s7)}
.part b{font:600 var(--t-h3)/1.3 var(--f-sans);color:var(--fg)}
.part span{font-size:var(--t-small);color:var(--fg-3)}

/* Lipni turinio juosta */
.doc__rail{position:sticky;top:var(--s4);align-self:start;
 border-left:1px solid var(--line);padding-left:var(--s5);
 max-height:calc(100vh - var(--s7));overflow-y:auto;scrollbar-width:thin}
.rail__h{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s3)}
.tocside{display:grid;gap:2px;margin:0 0 var(--s5);padding:0;list-style:none}
.tocside a{display:block;padding:5px 0 5px var(--s3);font-size:var(--t-small);
 line-height:1.45;color:var(--fg-3);text-decoration:none;
 border-left:2px solid var(--line-2);transition:color .15s,border-color .15s}
.tocside a:hover{color:var(--amber);border-left-color:var(--amber)}
.tocside a[aria-current="true"]{color:var(--amber);border-left-color:var(--amber)}
.tocside .lvl3 a{padding-left:var(--s5);font-size:var(--t-micro)}

/* Dokumento rekvizitai — versija, galiojimo data */
.docmeta{display:grid;gap:var(--s3);padding-top:var(--s4);
 border-top:1px solid var(--line-2)}
.docmeta div{display:grid;gap:2px}
.docmeta dt,.docmeta b{font:500 var(--t-micro)/1.4 var(--f-mono);
 letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.docmeta dd,.docmeta span{margin:0;font-size:var(--t-small);color:var(--fg-2)}

@media(max-width:1000px){
  .doc{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .doc__rail{position:static;max-height:none;overflow:visible;
   border-left:0;border-top:1px solid var(--line);padding:var(--s4) 0 0;
   order:-1}
  .tocside{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
   gap:2px var(--s5);margin-bottom:var(--s4)}
}
@media(max-width:620px){
  .doc__rail>details{margin:0}
  .doc__rail summary{cursor:pointer;font:500 var(--t-small)/1.4 var(--f-sans);
   color:var(--fg-2);padding:var(--s2) 0}
}


/* ================================================================
   18. TEKSTINIAI MYGTUKAI IR MINIMALUS PAGALBINIŲ KLASIŲ RINKINYS
   Tekstinis mygtukas nėra ketvirtas lygis — tai valdiklis be rėmo,
   naudojamas tik ten, kur veiksmas yra antraeilis ir vietos nėra:
   „Keisti" santraukoje, skydelio uždarymas, juostos suskleidimas.
   ================================================================ */
.tbtn,.rev__h button{appearance:none;background:transparent;border:0;cursor:pointer;
 min-height:24px;padding:3px 2px;
 color:var(--amber);font:500 var(--t-small)/1.4 var(--f-sans);
 border-bottom:1px solid transparent}
.tbtn:hover,.rev__h button:hover{border-bottom-color:currentColor}
.tbtn--quiet{color:var(--fg-2)}
.tbtn--quiet:hover{color:var(--amber)}

/* Uždarytas pagalbinių klasių rinkinys — kad HTML'e neliktų style= */
.muted{color:var(--fg-3)}
.txt-sm{font-size:var(--t-small);color:var(--fg-2)}
.h3{font:600 var(--t-h3)/1.3 var(--f-sans);color:var(--fg)}
.mt-2{margin-top:var(--s2)}
.mt-3{margin-top:var(--s3)}
.fset{padding:var(--s3) 0;border:0;margin:0}

/* ================================================================
   20. ANTRAŠTĖS PRIEMONĖS — paieškos rezultatai ir mobilusis stalčius
   C18: paieška ir kalba atsidaro šoniniame skydelyje (.side). Čia --
   tik tai, ko demo neturi: gyvos paieškos rezultatų sąrašas (1 400+
   puslapių, header.js) ir stalčius telefonui, kuriame lieka tik
   pagrindinė navigacija. Tik sistemos žetonai.
   ================================================================ */
.hd-search{display:grid;gap:var(--s3)}
.hd-search__out{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.hd-search__out[hidden]{display:none}
.hd-search__hit{display:block;padding:var(--s3);text-decoration:none;
 border-bottom:1px solid var(--line-2);transition:background .15s}
.hd-search__hit:last-child{border-bottom:0}
.hd-search__hit:hover,.hd-search__hit:focus-visible{background:var(--bg-2)}
.hd-search__sec{display:block;font:500 var(--t-micro)/1.4 var(--f-mono);
 letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.hd-search__t{display:block;color:var(--fg);font-size:var(--t-small)}
.hd-search__d{display:block;margin-top:var(--s1);color:var(--fg-2);
 font-size:var(--t-micro);line-height:1.5}
.hd-search__none{margin:0;padding:var(--s3);color:var(--fg-2);font-size:var(--t-small)}

/* Mobilusis stalčius — tik iki 1000 px (ten, kur .hd-nav paslėptas) */
.hd-draw{border-top:1px solid var(--line);
 padding:var(--s1) var(--gutter) var(--s4)}
.hd-draw>a{display:flex;align-items:center;min-height:var(--ctrl-h);
 color:var(--fg-2);text-decoration:none;font-size:var(--t-body);
 border-bottom:1px solid var(--line);transition:color .15s}
.hd-draw>a:hover{color:var(--amber)}
.hd-draw>a[aria-current="page"]{color:var(--amber)}
@media(min-width:1000.02px){.hd-draw{display:none}}

/* ================================================================
   22. PERŽIŪROS ĮKĖLIMAS — žingsniai, dokumentų sąrašas, nuvilkimo zona
   D8 puslapio dalys, kurias kuria ir valdo puslapio skriptas: klasių
   vardai (`.st.on`, `.field-hint--warn`, `.intake-status--err`,
   `.intake-doc__tag--*`, `.dz-rm`) yra JS kabliukai ir nekeičiami.
   Gintaras — tik veiksmas ir aktyvus žingsnis, ne kliūtis (H 21).
   ================================================================ */
.steps2{display:flex;gap:var(--s5);flex-wrap:wrap;padding-bottom:var(--s4);
 border-bottom:1px solid var(--line-2)}
.st{display:flex;align-items:center;gap:var(--s3);min-width:0}
.st .no{display:inline-flex;align-items:center;justify-content:center;
 width:var(--ctrl-h-sm);height:var(--ctrl-h-sm);border:1px solid var(--line-ui);
 border-radius:var(--radius-sm);font:500 var(--t-micro)/1 var(--f-mono);color:var(--fg-3)}
.st .lb{display:flex;flex-direction:column;min-width:0}
.st .lb b{font:600 var(--t-small)/1.3 var(--f-sans);color:var(--fg-2)}
.st .lb span{font-size:var(--t-micro);line-height:1.4;color:var(--fg-3)}
.st.on .no{color:var(--amber);border-color:var(--amber)}
.st.on .lb b{color:var(--fg)}

.needs h3{font:600 var(--t-small)/1.4 var(--f-sans);color:var(--fg-2);margin:0 0 var(--s3)}
.intake-docs{display:grid;gap:var(--s3)}
.intake-doc{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s3) var(--s4)}
.intake-doc__tag{display:inline-block;font:500 var(--t-micro)/1.4 var(--f-mono);
 letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.intake-doc__tag--required{color:var(--fg)}
.intake-doc__tag--enabling{color:var(--fg-2)}
.intake-doc__tag--optional{color:var(--fg-3)}
.intake-doc__missing{font-size:var(--t-small);color:var(--fg-2);margin-top:var(--s1)}

.field-hint{font-size:var(--t-micro);line-height:1.55;color:var(--fg-3)}
.field-hint--warn{color:var(--fg)}
.field-hint--warn::before{content:"! ";font-weight:700;color:var(--fg-2)}
.intake-status{padding:var(--s3) var(--s4);border:1px solid var(--line);
 border-radius:var(--radius-sm);font-size:var(--t-small)}
.intake-status--err{border-color:var(--bad)}

.intake-upload{display:grid;gap:var(--s4);margin-top:var(--s5)}
.intake-upload>h3{font:600 var(--t-h3)/1.3 var(--f-sans)}
.dz{display:flex;flex-direction:column;gap:var(--s1);align-items:center;justify-content:center;
 min-height:calc(var(--ctrl-h) * 2);padding:var(--s4);text-align:center;cursor:pointer;
 border:1px dashed var(--line-ui);border-radius:var(--radius-sm);background:var(--bg-2);
 transition:border-color .15s}
.dz:hover,.dz.on{border-color:var(--amber)}
.dz b{font:600 var(--t-body)/1.4 var(--f-sans);color:var(--fg)}
.dz span{font-size:var(--t-small);color:var(--fg-2)}
.dz-queue,.intake-uploaded{list-style:none;margin:0;padding:0}
.dz-queue li,.intake-uploaded li{display:flex;align-items:center;justify-content:space-between;
 gap:var(--s3);min-height:var(--ctrl-h);border-bottom:1px solid var(--line-2)}
.dz-queue span{min-width:0;overflow-wrap:anywhere;font-size:var(--t-small)}
/* Šalinimo mygtukas = .btn--quiet.btn--sm */
.dz-rm{flex:0 0 auto;min-height:var(--ctrl-h-sm);padding:0 var(--s3);background:transparent;
 border:1px solid var(--line-ui);border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;
 font:500 var(--t-micro)/1.2 var(--f-sans);transition:color .15s,border-color .15s}
.dz-rm:hover{color:var(--fg);border-color:var(--fg-3)}
.dz-done-title{font:600 var(--t-small)/1.4 var(--f-sans);color:var(--fg-2)}
.intake-result:not(:empty){margin-top:var(--s5)}


/* ================================================================
   23. LIPNUS CTA TELEFONE — titulinio pagrindinis veiksmas
   Telefone antraštės CTA nuslenka kartu su puslapiu; titulinyje vienas
   pagrindinis veiksmas lieka pasiekiamas apačioje. Nuo 620 px nerodomas.
   ================================================================ */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);
 border-top:1px solid var(--line);
 padding:var(--s3) max(var(--gutter),env(safe-area-inset-right,0px))
  calc(var(--s3) + env(safe-area-inset-bottom,0px)) max(var(--gutter),env(safe-area-inset-left,0px))}
body.has-sticky-cta{padding-bottom:calc(var(--ctrl-h) + var(--s5))}
@media(min-width:620px){
  .sticky-cta{display:none}
  body.has-sticky-cta{padding-bottom:0}
}


/* ================================================================
   24. PASLAUGŲ PUSLAPIŲ VIZUALAI — skaičiuoklė, V1, V2, ištraukimas
   D2/D3 puslapių komponentai, kurių klases skaito puslapio skriptas
   (`calculators.js`) arba įstato grandinės skriptai
   (`apply_doc_fragment*.py`, `apply_leak_compare.py`). Vardai
   nekeičiami, stiliai — tik sistemos žetonai. Būsenos spalvos: gerai —
   --good, įspėjimas — --bad, informacija — --line-ui (gintaras ne
   kliūčiai, H 21).
   ================================================================ */
/* Skaičiuoklė */
.calc-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);
 padding:var(--s5);display:grid;gap:var(--s4)}
.calc-box>.pricing-block__label{font:500 var(--t-micro)/1.4 var(--f-mono);letter-spacing:.09em;
 text-transform:uppercase;color:var(--fg-3)}
.calc-box>form{display:grid;gap:var(--s4)}
.calc-fields{display:grid;gap:var(--s4)}
@media(min-width:620px){.calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.calc-fields .field--full{grid-column:1/-1}
.field--triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.field--triple input{width:100%;height:var(--ctrl-h);padding:0 var(--s3);background:var(--bg);
 color:var(--fg);border:1px solid var(--line-ui);border-radius:var(--radius-sm);
 font:400 var(--t-body)/1.4 var(--f-sans)}
.calc-error{font-size:var(--t-small);color:var(--bad)}
.calc-result{display:none;border-top:1px solid var(--line);padding-top:var(--s5)}
/* Serverio atvaizduotas rezultatas (aplikacijos skaičiuoklės be JS) */
.calc-result--static{display:block}
.calc-result__banner{border:1px solid var(--line-ui);border-radius:var(--radius-sm);
 padding:var(--s4);margin-bottom:var(--s4)}
.calc-result__banner p:first-child{font:600 var(--t-h3)/1.2 var(--f-sans);
 font-variant-numeric:tabular-nums;color:var(--fg);margin-bottom:var(--s2)}
.calc-result__banner p:last-child{font-size:var(--t-small);color:var(--fg-2)}
.calc-result__banner--ok{border-color:var(--good)}
.calc-result__banner--warn{border-color:var(--bad)}
.calc-result__banner--info{border-color:var(--line-ui)}
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);
 font-family:var(--f-mono)}
@media(max-width:620px){.calc-grid{grid-template-columns:minmax(0,1fr)}}
.calc-grid__box{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s3);
 background:var(--bg)}
.calc-grid__box p{font-variant-numeric:tabular-nums}
.calc-grid__box p:first-child{font-size:var(--t-micro);color:var(--fg-3);margin-bottom:var(--s1)}
.calc-grid__box p:last-child{font-size:var(--t-body);color:var(--fg)}
.calc-reason{margin-top:var(--s4)}

/* V1 dokumento fragmentas ir V2 dviejų pusių sugretinimas (C12) */
.docfrag,.sidebyside{display:grid;gap:var(--s4);align-items:start;max-width:none;width:100%;margin:0}
@media(min-width:900px){
  .docfrag{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .sidebyside{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.docfrag__doc,.docfrag__note,.sidebyside__col{border:1px solid var(--line);border-radius:var(--radius);
 background:var(--bg-2);padding:var(--s5)}
.docfrag__label,.sidebyside__label,.extract-demo__label{font:500 var(--t-micro)/1.4 var(--f-mono);
 letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s3)}
.docfrag__row,.sidebyside__row{display:flex;justify-content:space-between;gap:var(--s3);
 padding:var(--s2) 0;border-bottom:1px solid var(--line-2);
 font:400 var(--t-small)/1.5 var(--f-mono);color:var(--fg-2);font-variant-numeric:tabular-nums}
.docfrag__row span:last-child,.sidebyside__row span:last-child{color:var(--fg);white-space:nowrap}
.docfrag__unit{display:block;color:var(--fg-3);font-size:var(--t-micro)}
/* Pažymėta eilutė — radinys: vertė (gintaras), ne kliūtis */
.docfrag__row--marked{border-left:2px solid var(--amber);padding-left:var(--s3);
 margin-left:calc(-1 * var(--s3) - 2px);color:var(--fg)}
.docfrag__row--marked span:last-child{color:var(--amber)}
.docfrag__row--total,.sidebyside__row--leak{border-bottom:0;border-top:1px solid var(--line-ui);
 margin-top:var(--s2);font-weight:600;color:var(--fg)}
.sidebyside__row--missing span:last-child{color:var(--fg-3)}
.sidebyside__row--leak span:last-child{color:var(--amber)}
.docfrag__note p{font-size:var(--t-small);color:var(--fg-2)}
.docfrag__note p+p{margin-top:var(--s2)}
.docfrag__diff{font-family:var(--f-mono)}
.docfrag figcaption,.sidebyside figcaption{grid-column:1/-1;font-size:var(--t-small);color:var(--fg-3)}

/* Dokumentas -> duomenys (Cargo Intelligence) */
.extract-demo{display:grid;gap:var(--s5);align-items:start;max-width:none;width:100%;margin:0}
@media(min-width:900px){.extract-demo{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}
.extract-demo__doc,.extract-demo__fields{border:1px solid var(--line);border-radius:var(--radius);
 background:var(--bg-2);padding:var(--s5)}
.extract-demo__doc dl{font:400 var(--t-small)/1.5 var(--f-mono);margin:0}
.extract-demo__doc dl>div{display:flex;justify-content:space-between;gap:var(--s3);
 padding:var(--s2) 0;border-bottom:1px dashed var(--line)}
.extract-demo__doc dt{color:var(--fg-3)}
.extract-demo__doc dd{margin:0;text-align:right;color:var(--fg)}
.extract-demo__arrow{display:none;align-self:center;color:var(--fg-3);font-size:var(--t-h3)}
.extract-demo__arrow::before{content:"→"}
@media(min-width:900px){.extract-demo__arrow{display:block}}
.extract-demo__fields ul{list-style:none;margin:0;padding:0}
.extract-demo__fields li{display:flex;justify-content:space-between;gap:var(--s3);
 padding:var(--s2) 0;border-bottom:1px solid var(--line-2);font-size:var(--t-small)}
.extract-demo__fields li:last-child{border-bottom:0}
.extract-demo__fields li span{color:var(--fg-3)}
.extract-demo__fields li strong{color:var(--fg);font-weight:600;text-align:right}

/* Cargo šakos plano kortelė: veiksmas — ta pati .plan-pick forma kaip
   kainų puslapyje (C20); nuoroda be pabraukimo, kaip mygtukas */
a.plan-pick{text-decoration:none}

/* Plano kortelės savybių sąrašas: neįeinanti savybė — pritildyta */
.card ul{margin:0;padding-left:1.1em;display:grid;gap:var(--s1);font-size:var(--t-small);color:var(--fg-2)}
.card li.off{color:var(--fg-3);list-style:none;margin-left:-1.1em}
.card li.off::before{content:"— "}

/* Senas SVG brėžinys -- perkeltas į 1200 pločio viewBox kaip demo
   (system_markup.wide_legacy_figures): per visą konteinerį, tekstas
   natūralaus dydžio, pritildymas ne žemiau --viz-dim (C21) */
.fig--legacy svg{color:var(--fg-2)}
.fig--legacy svg text{font:400 12px var(--f-sans);fill:currentColor}
.fig--legacy .v1{color:var(--viz-1)}
.fig--legacy .sb{fill:var(--fg-3)}
/* Tekstas be kontūro: `.fig .v1` uždeda ir stroke, ir raidės susilieja */
.fig text,.fig text.v1,.fig text.v2,.fig text.v3{stroke:none}
/* Tekstas ant pilno gintaro -- tamsus, kaip CTA mygtuke */
.fig--legacy text.on-v1{fill:#120d04;font-weight:500}
/* Telefone -- demo plotis (min 640 px, slenkama paveikslo viduje) ir 20 px
   šriftas: ekrane ~11 px; eilučių tarpas 24 (legacy_line_spacing) */
/* .doc stulpelyje (~860 px) brėžinys suspaudžiamas ~0,7 -- 16 px -> ~11,5 px */
.doc .fig--legacy svg text{font-size:16px}
@media(max-width:700px){.fig--legacy svg text,.doc .fig--legacy svg text{font-size:20px}}

/* ================================================================
   25. SUTARTIES PASIRAŠYMAS IR PATIKRA — sign.html, verify.html
   Būsenas perjungia puslapio skriptas `hidden` atributu.
   ================================================================ */
.pdfview{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}
.pdfview iframe{display:block;width:100%;height:80vh;border:0}
.sentinel{height:1px}
.kv dd code{font:400 var(--t-small)/1.5 var(--f-mono);overflow-wrap:anywhere;color:var(--fg)}

/* ================================================================
   26. VITRINA — /styleguide (docs/sistema-demo.html be įterpto CSS)
   ================================================================ */
.demobar{padding-block:var(--s4);border-bottom:1px solid var(--line-2)}

/* ================================================================
   19. TEKSTO JUOSTOS GARANTIJA
   Komponentų vidaus taisyklės (.card>*, .mod>*, .depmap>* ir kt.)
   nuima max-width visiems vaikams, kad lentelės ir tinkleliai
   neliktų siauri. Dėl to tie patys reset'ai netyčia atrišdavo ir
   tekstą. Šis blokas grąžina ribą tekstui — ir stovi paskutinis,
   todėl jo niekas nebeperrašo.
   ================================================================ */
.card>p,.card>.card__body,
.mod>.mod__row .mod__sum,.mod__row .mod__sum,
.depmap>.depmap__lead,.depmap>.depmap__foot,
.terms>p,.rev>p,.drawer p,.plan-card>p,
.dsec>p,.dsec>ul>li,.faq__a,.legal,.cfg p,.panel>p,.ok p,.mod__det p,
/* Smulkus tekstas: ta pati teksto juosta kaip visur (`.sec>.fine` (0,2,0) ir
   `.sec>p` (0,1,1) kitaip nustatytų savo plotį). */
.note,.wrap>.note,.sec>.note,.sec__body>.note,.hero__main>.note,
.wrap>.fine,.sec>.fine,.sec__body>.fine,.txt-sm,.wrap>.txt-sm,.sec>.txt-sm,.sec__body>.txt-sm,.calc-reason
{max-width:var(--w-text)}