:root{
  --bg:#FFFFFF;--surface:#F4F6FA;--surface-2:#E9EDF5;
  --ink:#0D1333;--ink-invert:#FFFFFF;
  --muted:#4A5578;--muted-invert:#AEB8D6;
  --line:#DFE4EE;--line-invert:#243157;
  --accent:#17BEE5;--accent-ink:#0D1333;--link:#0D1333;
  /* Funkcinė signalo spalva, ne brando spalva. Naudojama tik privalomų
     laukų žvaigždutei ir klaidoms. 5.7:1 ant balto, 5.2:1 ant --surface. */
  --danger:#C81E1E;
  --font-display:'Source Serif 4',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --text-sm:.875rem;--text-base:1.0625rem;--text-lg:clamp(1.1rem,2.2vw,1.28rem);
  --text-xl:clamp(1.5rem,3.4vw,2rem);--text-xxl:clamp(2.1rem,5vw,3.3rem);
  --space-10:.5rem;--space-20:1rem;--space-30:2rem;--space-40:3.5rem;--space-50:5.5rem;
  --radius:4px;--radius-lg:8px;
  --shadow-1:0 1px 2px rgba(13,19,51,.06);
  --shadow-2:0 10px 30px rgba(13,19,51,.10);
  --gradient-hero:linear-gradient(160deg,#F4F6FA 0%,#FFFFFF 62%);
  --ease:cubic-bezier(.4,0,.2,1);
  --wrap:1420px;
}
*,*::before,*::after{box-sizing:border-box;margin:0}
/* [hidden] privalo nugalėti komponentų display. Be šitos eilutės
   .btn{display:inline-flex} nustelbia naršyklės [hidden]{display:none}
   ir paslėpti mygtukai lieka matomi. */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 var(--text-base)/1.65 var(--font-body);
  font-synthesis:none;font-optical-sizing:auto;text-wrap:pretty;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.14;font-weight:600;margin-bottom:var(--space-20)}
h1{font-size:var(--text-xxl);letter-spacing:-.015em}
h2{font-size:var(--text-xl);letter-spacing:-.01em}
h3{font-size:var(--text-lg)}
p+p{margin-top:var(--space-20)}
.flow>*+*{margin-top:var(--space-20)}
a{color:var(--link);text-underline-offset:.18em}
a:hover{color:var(--muted)}
img{max-width:100%;height:auto;display:block}
ul{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--ink-invert);padding:.7rem 1.1rem;z-index:200;border-radius:0 0 var(--radius) 0}
.skip-link:focus{left:0}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lead{font-size:var(--text-lg);color:var(--muted);max-width:56ch}
.eyebrow{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--muted);margin-bottom:.6rem}

/* icons: Lucide-style, one family, stroke-width 2, currentColor */
.ico{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:28px;height:28px;flex:0 0 28px;margin-bottom:var(--space-20)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:var(--radius);
  font-weight:600;font-size:1rem;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn-primary:hover{background:var(--ink);color:var(--ink-invert);border-color:var(--ink)}
.btn-ghost{background:var(--bg);color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--ink)}
.btn-invert{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn-invert:hover{background:var(--ink-invert);color:var(--ink);border-color:var(--ink-invert)}
/* kontūrinis mygtukas ant tamsaus fono (patvirtinimo blokas) */
.btn-quiet{background:transparent;color:var(--ink-invert);border-color:var(--line-invert)}
.btn-quiet:hover{background:var(--ink-invert);color:var(--ink);border-color:var(--ink-invert)}

/* header */
.site-header{position:sticky;top:0;z-index:100;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);min-height:76px}
.header-row{display:flex;align-items:center;gap:var(--space-30);min-height:76px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:186px;height:auto}
.nav{margin-left:auto;display:flex;gap:1.6rem;align-items:center}
.nav a{white-space:nowrap;text-decoration:none;color:var(--ink);font-weight:500;font-size:.98rem;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}
.header-cta{display:flex;align-items:center;gap:1rem}
/* antraštėje mygtukas mažesnis nei turinyje — ten jis palydovas, ne veiksmo centras */
.header-cta .btn{padding:.62rem 1.1rem;font-size:.94rem}
.tel-link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--ink);font-weight:600;white-space:nowrap}
.nav-toggle{display:none;align-items:center;gap:.5rem;margin-left:auto;background:var(--bg);color:var(--ink);
  border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .9rem;font:600 .95rem var(--font-body)}
.mobile-menu{display:none}

/* hero */
.hero{background:var(--gradient-hero);border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,7vw,var(--space-50))}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-40);align-items:center}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-30)}
.hero-note{margin-top:var(--space-20);font-size:var(--text-sm);color:var(--muted)}
.hero-art{width:100%;height:auto;aspect-ratio:5/4}

/* facts */
.facts{background:var(--ink);color:var(--ink-invert);padding-block:var(--space-30)}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-30)}
.facts .fact-k{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:.3rem}
.facts .fact-v{display:block;font-size:var(--text-sm);color:var(--muted-invert);line-height:1.5}
/* Skaiciu variantas (pradzios puslapis): tas pats tamsus ruozas, bet vietoj
   keturiu teiginiu - keturi skaiciai su ikonomis. Modifikatorius, o ne nauja
   sekcija, nes apie-mus.html tebenaudoja tekstine .facts juosta. */
.facts-stat{padding-block:var(--space-40)}
.facts-stat .facts-grid{list-style:none;padding:0}
/* ikona kaireje, skaicius ir paaiskinimas desineje */
.facts-stat .facts-grid li{display:flex;gap:.85rem;align-items:flex-start}
.facts-stat .ico-lg{color:var(--accent);margin-bottom:0;margin-top:.1rem;
  width:34px;height:34px;flex:0 0 34px}
.facts-stat .fact-k{font-size:clamp(2rem,3.8vw,2.6rem);line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;margin-bottom:.4rem}
@media (max-width:720px){.facts-stat .facts-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.facts-stat .facts-grid{grid-template-columns:1fr}}

/* sections */
.section{padding-block:clamp(3rem,7vw,var(--space-50))}
.section-alt{background:var(--surface);color:var(--ink)}
.section-head{max-width:62ch;margin-bottom:var(--space-40)}
/* sekcijos ivadas per visa ploti: 62ch ribojimas nuimamas ir nuo galvutes,
   ir nuo .lead viduje - kitaip tevas vis tiek suspaustu teksta */
.section-head-wide{max-width:none}
.section-head-wide .lead{max-width:none}

/* services */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-1)}
.svc:hover{border-color:var(--accent);box-shadow:var(--shadow-2)}
.svc h3{margin-bottom:.6rem}
.svc .svc-txt{color:var(--muted);font-size:.97rem;margin-bottom:0}
.svc .ico-lg{color:var(--ink)}
/* Septynios paslaugos trijuose stulpeliuose palieka paskutine kortele viena
   tuscioje eileje. Vietoj naslaites ji uzima visa eile ir atrodo kaip
   samoningas „visa kita“ akcentas. Ties 2 ir 1 stulpeliu taisykle persiskaiciuoja. */
.svc-grid>.svc:last-child:nth-child(3n+1){grid-column:1/-1}
@media (max-width:1120px){
  .svc-grid>.svc:last-child:nth-child(3n+1){grid-column:auto}
  .svc-grid>.svc:last-child:nth-child(2n+1){grid-column:1/-1}
}
@media (max-width:720px){.svc-grid>.svc:last-child{grid-column:auto}}

/* Svetlana band : SIGNATURE — reali nuotrauka su firmine žydra plokštuma po ja */
.pro{background:var(--ink);color:var(--ink-invert);padding-block:clamp(3rem,7vw,var(--space-50));position:relative;overflow:hidden}
.pro::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}
.pro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:var(--space-40);align-items:center}
.pro figure.portrait{margin:0;max-width:430px}
.portrait-frame{position:relative}
.portrait-frame::before{content:"";position:absolute;right:-16px;bottom:-16px;width:52%;height:38%;
  background:var(--accent);border-radius:var(--radius)}
.pro .portrait img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg)}
.pro .portrait-cap{margin-top:1.9rem;font-size:var(--text-sm);color:var(--muted-invert);max-width:34ch}
.pro :where(h2){color:var(--ink-invert);margin-bottom:.4rem}
.pro .pro-role{color:var(--accent);font-weight:600;margin-bottom:var(--space-20)}
.pro .pro-txt{color:var(--muted-invert);max-width:58ch}
.pro .pro-quote{border-left:3px solid var(--accent);padding-left:1.1rem;margin-top:var(--space-30);
  font-family:var(--font-display);font-size:1.2rem;line-height:1.5;color:var(--ink-invert)}
.pro .pro-quote-src{display:block;margin-top:.6rem;font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted-invert)}
.pro-facts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:var(--space-30);
  border-top:1px solid var(--line-invert);padding-top:var(--space-30)}
.pro .pf-k{display:block;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink-invert);margin-bottom:.2rem}
.pro .pf-v{display:block;font-size:var(--text-sm);color:var(--muted-invert);line-height:1.45}

/* prices */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.price{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column}
.price-lead{border-color:var(--ink);box-shadow:var(--shadow-2)}
.price h3{margin-bottom:.5rem}
.price .amount{font-family:var(--font-display);font-size:2.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);margin-bottom:.2rem;letter-spacing:-.02em}
.price .amount-note{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-20)}
/* Sąrašas su varnelėmis. NEBŪTI apribotam .price viduje — jis naudojamas ir
   šoninėse kortelėse (.aside-card), kur anksčiau likdavo be stilių: su
   numatytaisiais taškeliais, 40 px įtrauka ir šalia nukritusiomis ikonomis. */
.price-list{list-style:none;padding:0;display:grid;gap:.55rem;margin-bottom:var(--space-30)}
.price-list li{display:flex;gap:.55rem;align-items:flex-start;font-size:.97rem;color:var(--muted)}
.price-list .ico{margin-top:.28rem;flex:0 0 20px;color:var(--ink)}
.aside-card .price-list{margin-bottom:var(--space-20)}
.price .btn{margin-top:auto;justify-content:center}
.price-foot{margin-top:var(--space-30);font-size:var(--text-sm);color:var(--muted);max-width:110ch}

/* process */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:s}
.steps li{border-top:2px solid var(--accent);padding-top:1.1rem}
.step-n{display:block;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}
.step-t{font-family:var(--font-display);font-size:1.12rem;font-weight:600;display:block;margin-bottom:.4rem}
.step-d{font-size:.96rem;color:var(--muted)}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.quote{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column}
.quote .q-txt{font-family:var(--font-display);font-size:1.06rem;line-height:1.55;margin-bottom:var(--space-20)}
.quote .q-src{margin-top:auto;font-size:var(--text-sm);color:var(--muted);border-top:1px solid var(--line);padding-top:.9rem}

/* faq */
.faq{max-width:78ch}
.faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.faq summary{font-family:var(--font-display);font-size:1.1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq .faq-a{margin-top:.85rem;color:var(--muted);max-width:70ch}
.faq .chev{transform:rotate(0)}
.faq details[open] .chev{transform:rotate(180deg)}

/* form */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-40)}
.form-card{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:var(--shadow-1)}
.field{display:block;margin-bottom:1.1rem}
.field-l{display:block;font-weight:600;font-size:.95rem;margin-bottom:.4rem}
.field input,.field select,.field textarea,.qty input{width:100%;font:400 1rem var(--font-body);
  background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem}
.field input:focus,.field select:focus,.field textarea:focus,.qty input:focus{border-color:var(--accent)}
.field textarea{min-height:110px;resize:vertical}
/* Pradžios puslapio trumpoji forma — tik keli laukai, todėl ir teksto
   laukelis žemesnis: aukšta dėžė ragina rašyti ilgai, o čia užtenka
   kelių sakinių. Pilna anketa lieka /uzklausos-forma/. */
.form-card .field textarea{min-height:74px}
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--text-sm);color:var(--muted);margin-bottom:1.2rem}
/* 22px, ne 18px: WCAG 2.5.8 prašo bent 24×24 lietimo taikinio, o pats
   langelis telefone buvo per smulkus pirštui. Užrašas ir taip spaudžiamas,
   bet žmonės taiko į patį langelį. `accent-color` nuspalvina varnelę
   firminiu žydriu be papildomo JS ar paveikslėlio. */
.consent input{margin-top:.15rem;width:22px;height:22px;flex:0 0 22px;accent-color:var(--accent)}
.form-side .contact{margin-top:var(--space-30)}
/* kas skaito užklausą – veidas šalia formos */
.who{display:flex;align-items:center;gap:1.1rem;margin-top:var(--space-30);
  background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius-lg);padding:1.1rem 1.3rem}
.who img{width:68px;height:68px;flex:0 0 68px;border-radius:999px;object-fit:cover}
.who p{font-size:.97rem;color:var(--muted)}
.who strong{color:var(--ink)}
/* abejonės, kurios sustabdo prieš spaudžiant „siųsti“ */
.objections{margin-top:var(--space-30);border-top:1px solid var(--line);padding-top:var(--space-30)}
.objections .o-h{font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin-bottom:var(--space-20)}
.objections ul{list-style:none;padding:0;display:grid;gap:1rem}
.objections li{font-size:.96rem;color:var(--muted);padding-left:1.5rem;position:relative}
.objections li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.objections strong{color:var(--ink);font-weight:600}
.contact{list-style:none;padding:0;display:grid;gap:.9rem}
.contact li{display:flex;gap:.7rem;align-items:flex-start}
.contact .ico{margin-top:.28rem;color:var(--ink)}
.contact a{font-weight:600;text-decoration:none}

/* footer */
.site-footer{background:var(--ink);color:var(--ink-invert);padding-block:var(--space-40)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--space-30)}
.site-footer .f-logo{width:196px;height:auto;margin-bottom:var(--space-20)}
.site-footer .ico{color:var(--accent)}
.site-footer a{color:var(--ink-invert);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
/* .link-btn yra <button>, todel .site-footer a taisykles jo nepasiekia:
   footeryje jis turi atrodyti ir elgtis kaip visos kitos footerio nuorodos */
.site-footer .link-btn{color:var(--ink-invert);text-decoration:none}
.site-footer .link-btn:hover{color:var(--accent)}
.site-footer .f-h{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink-invert);margin-bottom:var(--space-20)}
.site-footer .f-txt{color:var(--muted-invert);font-size:.95rem}
.site-footer .f-req{list-style:none;padding:0;display:grid;gap:.4rem;color:var(--muted-invert);font-size:.95rem}
.footer-bar{border-top:1px solid var(--line-invert);margin-top:var(--space-40);padding-top:var(--space-20);
  display:flex;flex-wrap:wrap;gap:var(--space-20);justify-content:space-between;font-size:var(--text-sm)}
.site-footer .f-bar-txt{color:var(--muted-invert)}
.site-footer .f-credit{color:var(--muted-invert);margin-left:.5rem}
.site-footer .f-credit a{color:var(--muted-invert)}
.site-footer .f-credit a:hover{color:var(--accent)}

/* responsive: switch point taken from real content width, not a habit */
@media (max-width:1300px){
  .nav{gap:1.15rem}
  .nav a{font-size:.94rem}
  .brand img{width:150px;height:41px}
}
@media (max-width:1120px){
  .nav,.header-cta{display:none}
  .nav-toggle{display:inline-flex}
  .mobile-menu{display:block;position:fixed;inset:76px 0 0;background:var(--bg);color:var(--ink);
    padding:var(--space-30) 1.25rem;overflow:auto;z-index:99}
  .mobile-menu[hidden]{display:none}
  .mobile-menu ul{list-style:none;padding:0;display:grid;gap:.25rem}
  .mobile-menu a{display:block;padding:.9rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;font-size:1.1rem}
  .mobile-menu .mm-actions{display:grid;gap:.75rem;margin-top:var(--space-30)}
  .hero-grid,.pro-grid,.form-grid{grid-template-columns:1fr}
  .svc-grid,.price-grid,.quotes{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .facts-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero-art{max-width:520px}
}
@media (max-width:720px){
  .svc-grid,.price-grid,.quotes,.steps,.facts-grid,.footer-grid{grid-template-columns:1fr}
  .pro-facts{grid-template-columns:1fr}
  .hero-actions .btn{width:100%;justify-content:center}
  /* žydra plokštuma nebekabo už krašto siauruose ekranuose */
  .pro figure.portrait{max-width:100%}
  .portrait-frame::before{right:-10px;bottom:-10px}
}
@media (prefers-reduced-motion:no-preference){
  a,.btn,.svc,.nav a,.field input,.field select,.field textarea,.chev{
    transition:color .15s var(--ease),background-color .15s var(--ease),border-color .15s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
  /* slepiama TIK tada, kai veikia JS: be jo turinys lieka matomas */
  .js .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .js .reveal.in{opacity:1;transform:none}
}

/* ============================================================
   Vidiniai puslapiai (2026-09-09)
   Komponentai, kuriu pradzios puslapiui nereikejo.
   ============================================================ */

/* aktyvi navigacijos nuoroda */
.nav a[aria-current="page"]{border-bottom-color:var(--accent)}
.mobile-menu a[aria-current="page"]{color:var(--muted)}

/* vidinio puslapio hero: be SVG, zemesnis uz pradzios */
.page-hero{background:var(--gradient-hero);border-bottom:1px solid var(--line);
  padding-block:clamp(2rem,5vw,var(--space-40))}
/* herojaus ivadas per visa ploti — po to, kai h1 neteko 20ch ribojimo,
   56ch lead'as po juo atrode kaip likutis. Centruotas herojus — isimtis:
   ten ribojimas ir yra tai, kas leidzia centrui atrodyti centru. */
.page-hero .lead{margin-top:var(--space-20);max-width:none}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-30)}

/* narsymo kelias */
.crumbs{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-20)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.crumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.crumbs a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.crumbs .sep{color:var(--line);user-select:none}
.crumbs [aria-current="page"]{color:var(--ink);font-weight:500}

/* ilgo teksto blokas */
.prose{max-width:68ch}
.prose>*+*{margin-top:var(--space-20)}
.prose p{color:var(--muted)}
.prose p.prose-lead{font-size:var(--text-lg);color:var(--ink)}
.prose h2,.prose h3{margin-top:var(--space-30);color:var(--ink)}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose strong{color:var(--ink);font-weight:600}
.prose a{font-weight:600}
.prose ul{list-style:none;padding:0;display:grid;gap:.85rem}
.prose ul li{position:relative;padding-left:1.5rem;color:var(--muted)}
.prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;
  border-radius:2px;background:var(--accent)}
.prose-sign{margin-top:var(--space-30);padding-top:var(--space-20);border-top:1px solid var(--line);
  font-family:var(--font-display);font-size:1.1rem;color:var(--ink)}
.prose-sign span{display:block;font-family:var(--font-body);font-size:var(--text-sm);
  font-weight:400;color:var(--muted);margin-top:.35rem}

/* dvieju stulpeliu principu sarasas */
/* Sertifikatu zenkliukai (2026-09-22).
   Trys tiekeju baneriai: 788x227, 404x113 ir 1170x250 — proporcijos nuo 3,5:1
   iki 4,7:1, o fonai skirtingi (sviesiai pilkas, kreminis, tamsiai zalias).
   Isdestomi trijų stulpeliu tinklelyje ir tempiami per visa stulpelio ploti:
   taip jie kiek imanoma didesni ir sertifikatu tekstas iskaitomas. Aukstis
   skiriasi pagal proporcijas, bet kiekvienas dedamas i sava balta remeli,
   todel svetimas fonas nelaikomas svetaines fonu. 56 px riba nera estetine: maziausias
   originalas 404x113, todel aukstesnis 2x ekrane jau butu nerykus. */
.badges{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.25rem;align-items:center}
.badges li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;line-height:0;box-shadow:var(--shadow-1);display:flex;align-items:center}
.badges img{display:block;width:100%;height:auto}
@media (max-width:860px){.badges{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.badges{grid-template-columns:1fr;gap:.9rem}}

.principles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);
  gap:1.1rem 2.5rem}
.principles li{display:flex;gap:.8rem;align-items:flex-start;color:var(--muted);font-size:.99rem}
.principles .ico{margin-top:.3rem;color:var(--ink)}

/* paslaugu kortele kaip nuoroda */
a.svc{display:block;text-decoration:none;color:var(--ink)}
a.svc:hover{color:var(--ink)}
.svc-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;
  font-weight:600;font-size:.95rem;color:var(--ink)}
a.svc:hover .svc-more .ico{transform:translateX(3px)}

/* kitos paslaugos: juosta subpuslapio apacioje */
.svc-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.svc-nav a{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.1rem 1.25rem;font-weight:600;font-size:.97rem;line-height:1.35}
.svc-nav a:hover{border-color:var(--accent);color:var(--ink);box-shadow:var(--shadow-1)}
.svc-nav .ico{color:var(--ink)}

/* akcentinis izanginis klausimas (kliento tekstas is gyvos svetaines) */
.pull{border-left:3px solid var(--accent);padding-left:1.2rem;
  font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:1.45;
  color:var(--ink);max-width:52ch}

/* pastaba dezuteje */
.callout{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius-lg);padding:1.25rem 1.4rem;max-width:68ch}
.callout .c-h{font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin-bottom:.5rem}
.callout p{color:var(--muted);font-size:.98rem}

/* kainu lentele */
.ptable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg)}
.ptable{width:100%;border-collapse:collapse;font-size:.99rem;min-width:34rem}
.ptable th,.ptable td{text-align:left;padding:.95rem 1.4rem;border-bottom:1px solid var(--line);vertical-align:top}
.ptable thead th{font-family:var(--font-display);font-weight:600;font-size:.95rem;
  background:var(--surface);color:var(--ink)}
.ptable tbody tr:last-child th,.ptable tbody tr:last-child td{border-bottom:0}
.ptable tbody th{font-weight:600;color:var(--ink)}
.ptable .num{font-family:var(--font-display);font-variant-numeric:tabular-nums;
  font-weight:600;white-space:nowrap;color:var(--ink)}
.ptable .hint{color:var(--muted);font-size:.94rem}

/* atsiliepimo priskyrimas (išryškinto atsiliepimo atsisakyta 2026-09-09) */
.quote .q-src{font-style:normal}

/* CTA blokas puslapio apacioje.
   Anksciau tai buvo per visa plotį einanti navy juosta, todel ji susiliedavo
   su navy porašte (ir su .facts / .pro, kur jos ėjo viena po kitos) — 19 sanduru
   visoje svetaineje. Dabar tai navy KORTELE ant sviesaus fono: tas pats vaizdinis
   sprendimas kaip .form-done, ir susiliejimo nebelieka niekur. */
.cta-band{background:var(--bg);padding-block:clamp(2.5rem,6vw,var(--space-40))}
.cta-band h2{color:var(--ink-invert)}
.cta-band p{color:var(--muted-invert);font-size:var(--text-lg)}
.cta-inner{background:var(--ink);color:var(--ink-invert);border-radius:var(--radius-lg);
  position:relative;overflow:hidden;box-shadow:var(--shadow-2);
  padding:clamp(1.9rem,4vw,2.75rem);padding-left:clamp(2.4rem,4.6vw,3.25rem);
  display:flex;gap:var(--space-30);align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-inner::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}
.cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}


/* socialiniai tinklai */
.social{display:flex;gap:.6rem;margin-top:var(--space-20);padding:0;list-style:none}
.social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--line-invert);border-radius:var(--radius);color:var(--ink-invert)}
.social a:hover{border-color:var(--accent);color:var(--accent)}
.social-light a{border-color:var(--line);color:var(--ink)}
.social-light a:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}

/* forma per du zingsnius (zingsniu indikatoriaus stiliai - zemiau,
   prie apskritimu bloko) */
.fset{border:0;padding:0;margin:0}
.fset+.fset{margin-top:var(--space-30)}
.fset legend{font-family:var(--font-display);font-size:1.15rem;font-weight:600;
  margin-bottom:var(--space-20);padding:0}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1.1rem}
.field-hint{display:block;font-weight:400;font-size:var(--text-sm);color:var(--muted);margin-top:.15rem}
/* 2026-09-23: kiekio laukeliai buvo visai nestilizuoti — 21 px aukscio, su
   narsykles numatytuoju remeliu ir 13 px sriftu, nes stilius taikomas tik
   `.field input`, o sie yra `.qty` viduje. Dabar jie atrodo kaip visi kiti
   laukai, tik siauresni, o eilute centruojama vertikaliai: anksciau siauras
   laukelis kabojo eilutes virsuje, atitrukes nuo dvieju eiluciu etiketes. */
.qty{display:grid;grid-template-columns:1fr 8.5rem;gap:1.25rem;align-items:center;
  padding:.9rem 0;border-bottom:1px solid var(--line)}
.qty:last-of-type{border-bottom:0}
.qty label{margin:0}
.qty input{text-align:center;font-variant-numeric:tabular-nums}
.radio-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.4rem}
.radio-row label{display:inline-flex;align-items:center;gap:.5rem;font-size:.98rem;color:var(--ink)}
.radio-row input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--accent)}
.form-nav{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:var(--space-30)}
.req-note{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-20)}

/* teisinis tekstas */
.legal{max-width:none;counter-reset:lg}
.legal section{padding-top:var(--space-30);margin-top:var(--space-30);border-top:1px solid var(--line)}
.legal section:first-of-type{padding-top:0;margin-top:0;border-top:0}
.legal h2{counter-increment:lg;font-size:1.25rem}
.legal h2::before{content:counter(lg) ". ";color:var(--muted);font-variant-numeric:tabular-nums}
.legal p,.legal li{color:var(--muted)}
.legal ul{list-style:none;padding:0;display:grid;gap:.7rem;margin-top:var(--space-20)}
.legal ul li{position:relative;padding-left:1.5rem}
.legal ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;
  border-radius:2px;background:var(--accent)}
.legal .updated{font-size:var(--text-sm);color:var(--muted)}
.legal a{font-weight:600}

/* dvieju kolonu maketas: tekstas + soninie kortele */
.split{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-40);align-items:start}
.aside-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.5rem;box-shadow:var(--shadow-1)}
.aside-card .a-h{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-20)}
.aside-card .amount{font-family:var(--font-display);font-size:1.9rem;font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:block}
.aside-card .amount-note{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-20)}
.aside-card .btn{width:100%;justify-content:center;margin-top:var(--space-20)}
.aside-card .contact{margin-top:var(--space-20)}

@media (max-width:1060px){
  .split{grid-template-columns:1fr}
  .svc-nav{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .principles,.svc-nav,.field-row{grid-template-columns:1fr}
  .qty{grid-template-columns:1fr;gap:.45rem;align-items:start}
  .qty input{text-align:left;max-width:9rem}
  .cta-actions .btn,.form-nav .btn{width:100%;justify-content:center}
}

/* porastes nuoroda i puslapius */
.site-footer .f-nav{list-style:none;padding:0;display:grid;gap:.55rem;font-size:.95rem}
.site-footer .f-nav a{text-decoration:none;color:var(--muted-invert)}
.site-footer .f-nav a:hover{color:var(--accent)}
.footer-bar a{text-decoration:none}
.sec-note{margin-top:var(--space-30);font-size:var(--text-sm);color:var(--muted)}
.sec-link{margin-top:var(--space-20);display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.97rem}
.sec-link:hover .ico{transform:translateX(3px)}

/* ============================================================
   Sucentruota uzklausos forma (2026-09-09)
   Formos puslapyje nebera sonines kolonos: forma stovi viena
   puslapio viduryje, o pasitikejimo blokai nukelti zemiau, kad
   nekonkuruotu su ja del demesio.
   ============================================================ */
.page-hero-center{text-align:center}
.page-hero-center h1{max-width:26ch;margin-inline:auto}
.page-hero-center .lead{max-width:56ch;margin-inline:auto}
.page-hero-center .crumbs ol{justify-content:center}
.form-narrow{width:min(100%,780px);margin-inline:auto}
.form-narrow .form-card{padding:clamp(1.5rem,4vw,2.75rem)}
/* pasitikejimo juosta po forma */
.assure{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-40);align-items:start}
.assure .who{margin-top:0}
.assure .objections{margin-top:0;border-top:0;padding-top:0}
@media (max-width:860px){
  .assure{grid-template-columns:1fr;gap:var(--space-30)}
}

/* ============================================================
   Slapuku sutikimo juostele (2026-09-09, perdaryta)
   Sviesi juosta: baltas fonas, zydra briauna virsuje.
   Vienas mygtukas "Sutinku" + smulkus uzdarymo kryzelis.
   Kryzelis = atsisakymas: juostele uzsidaro, GA ir Pixel
   nekraunami. Be jo juostele kabetu amzinai tam, kas nespaudzia
   "Sutinku", ir atsisakyti nebutu jokio budo.
   ============================================================ */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:150;
  background:var(--bg);color:var(--ink);
  border-top:3px solid var(--accent);box-shadow:0 -12px 34px rgba(13,19,51,.16)}
.cc[hidden]{display:none}
.cc-inner{display:grid;grid-template-columns:1fr auto;gap:var(--space-30);
  align-items:center;padding-block:1.35rem;position:relative}
.cc-h{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin-bottom:.3rem;color:var(--ink)}
.cc-txt{color:var(--muted);font-size:.97rem;max-width:76ch}
/* nuoroda i politika stovi atskiroje eiluteje, ne sakinio gale */
.cc-more{display:block;margin-top:.45rem}
.cc-txt a{color:var(--ink);font-weight:600}
.cc-txt a:hover{color:var(--muted)}
.cc-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.cc-actions .btn{white-space:nowrap}
/* Kryzelis: 34 px taikinys atitrauktas nuo wrap krasto, kad nekabetu ant
   ekrano briaunos. Hover remelio nera - jis atrode kaip atsitiktinis
   staciakampis puslapio kampe; uztenka fono ir tamsesnes spalvos. */
.cc-close{position:absolute;top:.45rem;right:.45rem;width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  background:none;border:0;border-radius:50%;
  color:var(--muted);cursor:pointer;padding:0}
.cc-close:hover{color:var(--ink);background:var(--surface-2)}
.cc-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cc-state{font-size:var(--text-sm);color:var(--muted);margin-top:.6rem}
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;
  text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.link-btn:hover{color:var(--muted)}
@media (max-width:860px){
  .cc-inner{grid-template-columns:1fr;padding-right:2.5rem}
  .cc-actions .btn{flex:1 1 12rem;justify-content:center}
}

/* ============================================================
   Slapuku nustatymu langas (2026-09-14)
   Antras sutikimo sluoksnis: jungiklis kiekvienai kategorijai
   atskirai + issiskleidziantis sarasas, kokie slapukai i ja
   patenka. Atidaromas is juosteles mygtuku "Nustatymai" arba
   is bet kurio [data-cookie-settings] elemento (porastes
   "Slapukai", nuoroda privatumo politikoje).
   ============================================================ */
.cc-modal{position:fixed;inset:0;z-index:160;
  display:flex;align-items:center;justify-content:center;padding:var(--space-20)}
.cc-backdrop{position:absolute;inset:0;background:rgba(13,19,51,.55)}
.cc-panel{position:relative;display:flex;flex-direction:column;
  width:min(100%,44rem);max-height:min(88vh,48rem);overflow:hidden;
  background:var(--bg);color:var(--ink);
  border-top:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}
.cc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);
  padding:1.1rem var(--space-30) .9rem;border-bottom:1px solid var(--line)}
.cc-panel-head .cc-h{margin-bottom:0}
/* juosteles kryzelis kabo absoliuciai; lange jis yra eilutes dalis */
.cc-panel .cc-close{position:static;flex:0 0 36px}
.cc-panel-body{padding:var(--space-20) var(--space-30);overflow-y:auto;overscroll-behavior:contain}
.cc-panel-body .cc-txt{max-width:none}
.cc-panel-foot{display:flex;flex-wrap:wrap;gap:.6rem;
  padding:var(--space-20) var(--space-30);border-top:1px solid var(--line);background:var(--surface)}
.cc-panel-foot .btn{flex:1 1 auto;justify-content:center}

.cc-cats{display:grid;gap:.6rem;margin-top:var(--space-20)}
.cc-cat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg)}
.cc-cat-row{display:flex;align-items:center;gap:var(--space-20);padding:.6rem .85rem}
.cc-cat-btn{flex:1 1 auto;display:flex;align-items:center;gap:.55rem;
  background:none;border:0;padding:.25rem 0;cursor:pointer;text-align:left;
  font:600 1rem/1.3 var(--font-body);color:var(--ink)}
.cc-cat-btn:hover{color:var(--muted)}
.cc-chev{width:18px;height:18px;flex:0 0 18px;color:var(--muted)}
.cc-cat-btn[aria-expanded="true"] .cc-chev{transform:rotate(180deg)}
.cc-always{font-size:var(--text-sm);font-weight:600;color:var(--muted);white-space:nowrap}
.cc-cat-panel{padding:.75rem .85rem .85rem;border-top:1px solid var(--line)}
.cc-cat-panel p{color:var(--muted);font-size:.95rem}
.cc-ck{list-style:none;padding:0;margin-top:.75rem;display:grid;gap:.35rem;font-size:var(--text-sm)}
.cc-ck li{display:grid;grid-template-columns:minmax(8rem,auto) 1fr auto;gap:.15rem .9rem;
  align-items:baseline;color:var(--muted);
  padding:.5rem .65rem;background:var(--surface);border-radius:var(--radius)}
.cc-ck code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;color:var(--ink);word-break:break-word}
.cc-ck-t{white-space:nowrap}

/* jungiklis: tikras checkbox virsuje, nupiestas takelis apacioje.
   Inputas paliekamas per visa plota (opacity:0), todel veikia ir pele,
   ir klaviatura, ir ekrano skaitytuvas be jokio JS tarpininkavimo. */
.cc-sw{position:relative;display:inline-block;flex:0 0 46px;width:46px;height:26px}
.cc-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cc-sw-t{position:absolute;inset:0;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--line)}
.cc-sw-t::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;
  border-radius:50%;background:var(--bg);box-shadow:var(--shadow-1)}
.cc-sw input:checked + .cc-sw-t{background:var(--accent);border-color:var(--accent)}
.cc-sw input:checked + .cc-sw-t::after{transform:translateX(20px)}
.cc-sw input:focus-visible + .cc-sw-t{outline:3px solid var(--accent);outline-offset:3px}

@media (prefers-reduced-motion:no-preference){
  .cc-chev{transition:transform .18s var(--ease)}
  .cc-sw-t{transition:background-color .18s var(--ease),border-color .18s var(--ease)}
  .cc-sw-t::after{transition:transform .18s var(--ease)}
}
@media (max-width:640px){
  .cc-modal{padding:0}
  .cc-panel{width:100%;max-height:100vh;height:100%;border-radius:0}
  .cc-panel-head,.cc-panel-body,.cc-panel-foot{padding-inline:var(--space-20)}
  .cc-panel-foot .btn{flex:1 1 100%}
  .cc-ck li{grid-template-columns:1fr}
  .cc-ck-t{white-space:normal}
}
.footer-bar .f-bar-links{display:flex;gap:var(--space-30);flex-wrap:wrap;align-items:center}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;
  background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:.08em .35em;color:var(--ink)}
.legal .ptable-wrap{margin-top:var(--space-20)}
/* Po lentele ar sarasu einantis tekstas neturi prilipti: bendra taisykle
   p+p cia negalioja, nes pries pastraipa stovi ne pastraipa, o blokas. */
.legal .ptable-wrap + *,
.legal ul + *{margin-top:var(--space-30)}
.legal .ptable{min-width:40rem}
.legal .ptable td{color:var(--muted)}

/* ============================================================
   Formos zingsniu apskritimai, privalomu lauku zymejimas ir
   issiuntimo patvirtinimas (2026-09-09)
   ============================================================ */

/* privalomo lauko zvaigzdute */
.req{color:var(--danger);font-weight:700;margin-left:.15rem}
.req-note .req{margin-left:0;margin-right:.15rem}
/* privalomu lauku pastaba visada stovi atskiroje eiluteje */
.req-line{display:block;margin-top:.25rem}

/* zingsniai: 1 ir 2 apskritimuose, sujungti linija */
.form-steps{list-style:none;padding:0;margin-bottom:var(--space-30);
  display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.form-steps li{display:flex;align-items:center;gap:.65rem;min-width:0;
  color:var(--muted);font-size:.95rem;font-weight:500;line-height:1.25}
.form-steps li+li::before{content:"";flex:0 0 auto;width:2.25rem;height:2px;
  background:var(--line);margin-right:.1rem}
.form-steps .fs-n{display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;flex:0 0 36px;border-radius:999px;
  border:2px solid var(--line);background:var(--bg);color:var(--muted);
  font-family:var(--font-display);font-weight:600;font-size:1.05rem;
  font-variant-numeric:tabular-nums;line-height:1}
.form-steps li[aria-current="step"]{color:var(--ink);font-weight:600}
.form-steps li[aria-current="step"] .fs-n{background:var(--accent);border-color:var(--accent);
  color:var(--accent-ink)}
.form-steps li.done{color:var(--ink)}
.form-steps li.done .fs-n{background:var(--ink);border-color:var(--ink);color:var(--ink-invert)}
.form-steps li.done+li::before,
.form-steps li[aria-current="step"]+li::before{background:var(--line)}
.form-steps li.done+li::before{background:var(--accent)}

/* issiuntimo patvirtinimas */
.form-done{background:var(--ink);color:var(--ink-invert);border-radius:var(--radius-lg);
  padding:clamp(1.75rem,4vw,2.75rem);position:relative;overflow:hidden;text-align:center}
.form-done::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}
.form-done:focus{outline:none}
.form-done .fd-mark{width:76px;height:76px;margin:0 auto var(--space-20);
  border-radius:999px;background:var(--accent);display:flex;align-items:center;justify-content:center}
.form-done .fd-mark svg{width:38px;height:38px;fill:none;stroke:var(--accent-ink);
  stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.form-done h2{color:var(--ink-invert);margin-bottom:.6rem}
.form-done .fd-lead{color:var(--ink-invert);font-size:var(--text-lg);max-width:46ch;
  margin-inline:auto;margin-bottom:var(--space-30)}
.form-done .fd-next{list-style:none;padding:0;display:grid;gap:.8rem;text-align:left;
  max-width:44ch;margin:0 auto var(--space-30);border-top:1px solid var(--line-invert);
  border-bottom:1px solid var(--line-invert);padding-block:var(--space-20)}
.form-done .fd-next li{display:flex;gap:.7rem;align-items:flex-start;
  color:var(--muted-invert);font-size:.97rem}
.form-done .fd-next .ico{color:var(--accent);margin-top:.25rem}
.form-done .fd-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}

/* WordPress / Contact Form 7 atsakymas — kad atrodytu taip pat */
.wpcf7-response-output{border:0!important;border-left:4px solid var(--accent)!important;
  background:var(--surface);border-radius:var(--radius-lg);margin:var(--space-20) 0 0!important;
  padding:1rem 1.25rem!important;color:var(--ink);font-weight:500}
/* Klaidos turi but matomos is pirmo zvilgsnio: forma yra svarbiausias
   svetaines veiksmas, o numatytasis CF7 pranesimas yra smulkus pilkas
   tekstas po lauku. Todel: raudonas remelis ant paties lauko, svelnus
   fonas ir pranesimas su zenklu. */
.wpcf7-not-valid-tip{display:flex;align-items:flex-start;gap:.4rem;
  color:var(--danger);font-size:var(--text-sm);font-weight:600;margin-top:.4rem}
.wpcf7-not-valid-tip::before{content:"!";flex:0 0 1.15rem;height:1.15rem;margin-top:.05rem;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--danger);color:#fff;border-radius:50%;font-size:.78rem;line-height:1}

.field input.wpcf7-not-valid,.field select.wpcf7-not-valid,
.field textarea.wpcf7-not-valid,.qty input.wpcf7-not-valid{
  border-color:var(--danger);background:#FDF5F5;box-shadow:0 0 0 3px rgba(200,30,30,.12)}
.field input.wpcf7-not-valid:focus,.field select.wpcf7-not-valid:focus,
.field textarea.wpcf7-not-valid:focus,.qty input.wpcf7-not-valid:focus{
  border-color:var(--danger);box-shadow:0 0 0 3px rgba(200,30,30,.22)}

/* Narsykles savoji patikra (mygtukas „Toliau") */
.field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid,
.qty input:user-invalid{border-color:var(--danger)}

/* Sutikimo varnele su klaida */
.consent .wpcf7-not-valid-tip{margin-top:.5rem}
.wpcf7-acceptance input.wpcf7-not-valid,.consent input:user-invalid{outline:2px solid var(--danger);outline-offset:2px}
/* CF7 kiekviena lauka apvelka <span class="wpcf7-form-control-wrap">. Be sio
   apvalkalo pavertimo bloku, .field maketas issiskirtu: iraso laukas nebutu
   per visa plota, o tarpai taptu dvigubi. */
.field .wpcf7-form-control-wrap{display:block;width:100%}
.field .wpcf7-form-control-wrap .wpcf7-form-control{width:100%}
.wpcf7 .field{margin-bottom:var(--space-20)}
.wpcf7 p{margin:0}
.consent .wpcf7-list-item{margin:0}
.consent .wpcf7-list-item-label{font-size:var(--text-sm);color:var(--muted)}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output{
  border-left-color:var(--danger)!important;background:#FDF5F5;color:var(--danger);font-weight:600}
.wpcf7 form.sent .wpcf7-response-output{background:#F2FBFE;font-weight:600}

@media (max-width:520px){
  .form-steps li+li::before{width:1.25rem}
  .form-steps li{font-size:.9rem}
  .form-done .fd-actions .btn{width:100%;justify-content:center}
}
/* patvirtinimo blokas neturi kabeti baltoje korteleje - rems tik viena */
.form-card.is-done{background:none;border:0;box-shadow:none;padding:0}

/* Nuorodos ant tamsiu fonu. Be sitos taisykles jos paveldi
   a{color:var(--link)} = navy ir tampa nematomos ant navy. */
.pro a:not(.btn),.facts a:not(.btn),.cta-band a:not(.btn),
.form-done a:not(.btn){color:var(--ink-invert);font-weight:600}
.pro a:not(.btn):hover,.facts a:not(.btn):hover,.cta-band a:not(.btn):hover,
.form-done a:not(.btn):hover{color:var(--accent)}
.cc-state{display:block}
/* privalomu lauku pastaba virs formos */
.req-note-top{margin-top:0;margin-bottom:var(--space-30);padding-bottom:var(--space-20);
  border-bottom:1px solid var(--line);text-align:left}

/* ============================================================
   Straipsniai (2026-09-09)
   Turinys — klientes Facebook irasai, perkelti pazodziui.
   ============================================================ */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.post-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);
  display:flex;flex-direction:column;text-decoration:none;color:var(--ink);
  box-shadow:var(--shadow-1);overflow:hidden}
.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow-2);color:var(--ink)}
.post-card .pc-img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  border-bottom:1px solid var(--line)}
.post-card:hover .pc-img{opacity:.94}
.post-card .pc-body{padding:1.6rem 1.75rem 1.75rem;display:flex;flex-direction:column;flex:1}
.post-card .p-date{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums;
  margin-bottom:.7rem;display:flex;align-items:center;gap:.5rem}
.post-card .p-date::before{content:"";width:20px;height:2px;background:var(--accent);flex:0 0 20px}
.post-card h3{font-size:1.18rem;line-height:1.28;margin-bottom:.7rem}
.post-card .p-lead{color:var(--muted);font-size:.97rem;margin-bottom:var(--space-20)}
.post-card .svc-more{margin-top:auto}
.post-card:hover .svc-more .ico{transform:translateX(3px)}

/* straipsnio puslapis */
.post-head{max-width:none}
.post-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;
  font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-20)}
.post-meta .pm-author{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--ink)}
.post-meta .pm-author img{width:34px;height:34px;border-radius:999px;object-fit:cover}
.post-body{max-width:none}
/* Per visą plotį eilutė ilga, todėl kvėpavimo tarpas tarp eilučių
   padidintas — kitaip akis sunkiai randa kitos eilutės pradžią. */
.post-body p,.post-body li{line-height:1.75}
.post-body>*+*{margin-top:var(--space-20)}
.post-body p{color:var(--muted)}
.post-body .p-lead{font-size:var(--text-lg);color:var(--ink)}
.post-body h2{font-size:1.3rem;margin-top:var(--space-30)}
.post-body strong{color:var(--ink);font-weight:600}
.post-body ul{list-style:none;padding:0;display:grid;gap:.8rem}
.post-body ul li{position:relative;padding-left:1.5rem;color:var(--muted)}
.post-body ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;
  border-radius:2px;background:var(--accent)}
.post-body .term{display:block;font-weight:600;color:var(--ink);margin-bottom:.2rem}
@media (max-width:1060px){ .post-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px){ .post-grid{grid-template-columns:1fr} }

/* pagrindinė straipsnio nuotrauka */
.post-figure{margin:0 0 var(--space-40)}
.post-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);
  display:block}
.post-figure figcaption{margin-top:.8rem;font-size:var(--text-sm);color:var(--muted)}
@media (max-width:720px){ .post-figure img{aspect-ratio:4/3} }
/* Gretimi laukai vienoje eiluteje lygiuojasi apacia, net jei vieno
   etikete dvieju eiluciu del paaiskinimo. */
.field-row .field{display:flex;flex-direction:column}
.field-row .field input,.field-row .field select{margin-top:auto}

/* ============================================================
   Nuotrauku mozaika (paslaugu puslapis, 2026-09-09)
   Viena didele + dvi mazos. Antrastes ant nuotraukos deda navy
   gradientas, todel baltas tekstas skaitomas ir ant sviesios vietos.
   ============================================================ */
.photo-mosaic{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(2,1fr);gap:1.25rem}
.photo-mosaic figure{position:relative;margin:0;border-radius:var(--radius-lg);
  overflow:hidden;min-height:0;background:var(--surface-2)}
/* Kaire nuotrauka tureti savo aspect-ratio negali: tada jos auksti lemia
   jos pacios proporcijos, o ne desines kolonos dvi nuotraukos, ir mozaika
   issilygiuoja nelygiai. Auksti nustato desines dvi (kiekviena 4/3), o
   kaire tiesiog uzima abi eilutes su tarpu - todel abi puses vienodos. */
.photo-mosaic figure:first-child{grid-row:span 2}
.photo-mosaic figure:not(:first-child){aspect-ratio:4/3}
.photo-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.photo-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;
  padding:2.4rem 1.35rem 1.15rem;color:var(--ink-invert);
  font-size:.97rem;font-weight:600;line-height:1.35;
  background:linear-gradient(to top,rgba(13,19,51,.93),rgba(13,19,51,.6) 55%,rgba(13,19,51,0))}
.photo-mosaic figcaption::before{content:"";display:block;width:26px;height:2px;
  background:var(--accent);margin-bottom:.55rem}
@media (max-width:1060px){
  .photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .photo-mosaic figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/9}
  .photo-mosaic figure{aspect-ratio:4/3}
}
@media (max-width:720px){
  .photo-mosaic{grid-template-columns:1fr}
  .photo-mosaic figure:first-child{grid-column:auto;aspect-ratio:3/2}
  .photo-mosaic figure{aspect-ratio:3/2}
}

/* paslaugos puslapio juostine nuotrauka */
.page-figure{margin:0}
.page-figure img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;
  border-radius:var(--radius-lg)}
@media (max-width:1060px){ .page-figure img{aspect-ratio:16/9} }
@media (max-width:720px){ .page-figure img{aspect-ratio:3/2} }

/* ============================================================
   Meniu „Paslaugos" su skleidziamu sarasu (2026-09-10)
   Mygtukas atrodo tiksliai taip pat kaip kitos meniu nuorodos,
   kad eilute nesusijudintu: tas pats sriftas, padding ir apatine
   briauna. Veikia ir be JS — per :hover / :focus-within.
   ============================================================ */
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop-btn{display:inline-flex;align-items:center;gap:.35rem;
  background:none;border:0;border-bottom:2px solid transparent;
  padding:.4rem 0;margin:0;cursor:pointer;
  font:500 .98rem var(--font-body);color:var(--ink);white-space:nowrap;line-height:inherit}
.nav-drop-btn:hover{border-bottom-color:var(--accent)}
.nav-drop-btn[data-active]{border-bottom-color:var(--accent)}
.nav-chev{width:16px;height:16px;flex:0 0 16px;transition:transform .15s var(--ease)}
.nav-drop-btn[aria-expanded="true"] .nav-chev{transform:rotate(180deg)}

/* Sarasas prasideda TIKSLIAI prie mygtuko apacios (top:100%), o vizualinis
   tarpas daromas permatomu padding'u. Anksciau tarp mygtuko ir korteles buvo
   tuscia .55rem juosta: leidziant pele zemyn ji kirsdavo nehoverinama plota,
   suveikdavo mouseleave ir sarasas uzsidarydavo. */
.nav-drop-menu{position:absolute;top:100%;left:-1rem;z-index:120;
  min-width:19rem;padding-top:.55rem}
.nav-drop-inner{background:var(--bg);border:1px solid var(--line);
  border-top:3px solid var(--accent);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);padding:.5rem}
.nav-drop-menu ul{list-style:none;padding:0;margin:0}
/* 2026-09-22: .nav-drop padding-bottom:.15rem pasalintas. Jis dare apvalkala
   2,4 px auksciau uz mygtuka, o kadangi .nav centruoja savo elementus,
   „Paslaugos" tekstas sedejo 1,2 px auksciau uz kitas meniu nuorodas.
   Pelės tiltelis iki iskrentancio saraso ir taip yra .nav-drop-menu
   padding-top:.55rem, kuris maketo nestumdo (meniu absoliutus). */
.nav-drop-menu a{display:block;padding:.6rem .85rem;border-radius:var(--radius);
  text-decoration:none;color:var(--ink);font-size:.95rem;font-weight:500;line-height:1.35;
  border-bottom:0}
.nav-drop-menu a:hover{background:var(--surface);color:var(--ink)}
.nav-drop-menu a[aria-current="page"]{background:var(--surface);font-weight:600}
.nav-drop-all{display:flex!important;align-items:center;gap:.45rem;
  margin-top:.35rem;padding-top:.75rem!important;
  border-top:1px solid var(--line);font-weight:600!important;border-radius:0!important}
.nav-drop-all:hover{background:none!important;color:var(--muted)!important}
.nav-drop-all:hover .ico{transform:translateX(3px)}
/* be JS: atsidaro uzvedus pele arba klaviatura */
.nav-drop:hover .nav-drop-menu,
.nav-drop:focus-within .nav-drop-menu{display:block!important}

/* mobiliame meniu — ne skleidimas, o paprastas ikeltas sarasas */
.mobile-menu .mm-sub{list-style:none;padding:0 0 .5rem 1rem;margin:0;
  border-left:2px solid var(--accent)}
.mobile-menu .mm-sub a{font-size:1rem;font-weight:500;padding:.7rem 0;
  border-bottom:1px solid var(--line)}
.mobile-menu .mm-sub li:last-child a{font-weight:600;border-bottom:0}

/* Sekcija, kuri centruojama kaip vientisas stulpelis (DUK). */
.section-center{width:min(100%,78ch);margin-inline:auto}
.section-center .section-head{max-width:none;text-align:center}
.section-center .section-head .lead{margin-inline:auto}
.section-center .faq{max-width:none}
/* Kai desineje kolonoje ne siaure kortele, o forma — kolonos lygios. */
.split-even{grid-template-columns:1fr 1fr}
@media (max-width:1060px){ .split-even{grid-template-columns:1fr} }

/* Poraštės nuorodos telefone: 19 px aukščio taikinys per mažas pirštui
   (WCAG 2.5.8 reikalauja 24 px). Sakinio viduje esančioms nuorodoms ši
   taisyklė netaikoma — joms galioja standarto išimtis. */
@media (max-width:720px){
  .site-footer .f-nav{gap:.1rem}
  .site-footer .f-nav a,
  .footer-bar a,
  .footer-bar .link-btn{display:inline-block;padding-block:.45rem}
  .footer-bar{gap:.5rem var(--space-20)}
}

/* Lietimo taikiniai (2026-09-22 auditas).
   Porastes juostos nuorodos telefone buvo 37 px aukscio, o WCAG 2.5.8
   reikalauja 44. Sutikimo varnele padidinama, nors ja ir taip galima
   paspausti per visa zymos teksta. */
@media (pointer:coarse){
  .footer-bar a,
  .footer-bar .link-btn{min-height:44px;display:inline-flex;align-items:center}
  .consent input[type=checkbox],
  .wpcf7-acceptance input[type=checkbox]{width:20px;height:20px}
}