/* UAB „Konferenta" — vienintelis stiliaus failas.
   Visos spalvos, dydžiai ir tarpai — kintamieji. Hex reikšmė žemiau :root yra klaida. */

:root{
  /* [KNYGA] registruotos firminės spalvos */
  --yellow:  #FFCC00;
  --black:   #000000;
  --grey-20: #CCCCCC;

  /* Juodos atspalviai. Visi grynai neutralūs: R=G=B */
  --surface:  #0B0B0B;
  --elevated: #141414;
  --line:     #242424;
  --muted:    #7A7A7A;
  --muted-2:  #8A8A8A;   /* gamintojų juosta: šviesesnis už --muted, kad 13 px tekstas išlaikytų kontrastą */
  --white:    #FFFFFF;

  /* Šriftai. Gotham Rounded web licencijos dar nėra, todėl abu stackai vienodi.
     Įsigijus licenciją keičiama viena eilutė. */
  --font-brand: "Gotham Rounded A","Gotham Rounded B",Arial,Helvetica,sans-serif;
  --font-text:  Arial,Helvetica,sans-serif;

  --radius: 0;

  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 96px;
  --sp-7: 140px;

  --t-hero:    96px;
  --t-section: 56px;
  --t-lead:    28px;
  --t-card:    22px;
  --t-body:    18px;
  --t-label:   12px;
  --t-small:   13px;

  --dur-fast:   150ms;
  --dur-mega:   180ms;
  --dur-line:   240ms;
  --dur-expand: 320ms;
  --ease: cubic-bezier(.2,.8,.2,1);

  --header-h: 96px;
  --wrap: 1440px;
  --pad: clamp(20px,4vw,64px);
}

@media (max-width:1024px){
  :root{ --t-hero:60px; --t-section:40px; --t-lead:24px; --header-h:80px }
}
@media (max-width:768px){
  :root{ --t-hero:40px; --t-section:28px; --t-lead:20px; --t-body:17px; --header-h:72px }
}

/* ---------- pagrindas ---------- */
*,*::before,*::after{ box-sizing:border-box }
html{ background:var(--black) }
body{
  margin:0; background:var(--black); color:var(--grey-20);
  font-family:var(--font-text); font-size:var(--t-body); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{ margin:0; font-family:var(--font-brand); font-weight:700; color:var(--white); line-height:1.1 }
h1{ font-size:var(--t-hero); letter-spacing:-0.03em; line-height:1.05 }
h2{ font-size:var(--t-section); letter-spacing:-0.02em }
h3{ font-size:var(--t-card); letter-spacing:-0.01em; line-height:1.2 }
p,ul,ol,dl,figure,fieldset{ margin:0 }
ul,ol{ padding:0; list-style:none }
fieldset{ border:0; padding:0 }
img,svg{ display:block; max-width:100% }
a{ color:var(--yellow); text-decoration:none }
a:hover{ color:var(--white) }
button,input,textarea,select{ font:inherit; color:inherit }
:focus{ outline:none }
:focus-visible{ outline:2px solid var(--yellow); outline-offset:3px }
::selection{ background:var(--yellow); color:var(--black) }

.wrap{ max-width:var(--wrap); margin:0 auto; padding-left:var(--pad); padding-right:var(--pad) }
.sec{ border-bottom:1px solid var(--line) }
.sec-pad{ padding-top:var(--sp-6); padding-bottom:var(--sp-6) }
.lead{ font-size:var(--t-lead); line-height:1.45 }
.label{ font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em }
.label-sm{ font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.24em; color:var(--muted) }
.small{ font-size:var(--t-small); letter-spacing:0.04em; color:var(--muted) }
.rule{ width:clamp(120px,14vw,220px); height:4px; background:var(--yellow) }
.eyebrow{ font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em; color:var(--yellow) }
.stack{ display:flex; flex-direction:column; gap:var(--sp-3) }
.skip{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--yellow); color:var(--black); padding:12px 20px;
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em;
}
.skip:focus{ left:0; color:var(--black) }
.vh{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }

/* ---------- antraštė ---------- */
.hdr{ position:sticky; top:0; z-index:60; background:var(--black); border-bottom:1px solid var(--line) }
.hdr-in{
  max-width:var(--wrap); margin:0 auto; padding:var(--sp-3) var(--pad);
  display:flex; align-items:center; justify-content:space-between; gap:clamp(24px,3vw,48px);
}
.brand{ display:flex; align-items:center; flex:none; padding:20px 24px 20px 0 }
.brand img{ height:40px; width:162px }
.brand .mark{ display:none; height:36px; width:36px }
.nav{ display:flex; align-items:center; gap:clamp(16px,2.2vw,32px) }
.nav a{
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em;
  color:var(--white); padding:12px 0; border-bottom:2px solid transparent;
  transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease;
}
.nav a:hover,.nav a:focus-visible{ color:var(--yellow); border-bottom-color:var(--yellow) }
.nav a[aria-current]{ color:var(--yellow); border-bottom-color:var(--yellow) }
.nav .lang{ color:var(--muted) }
.btn{
  display:inline-flex; align-items:center; min-height:44px; padding:0 24px;
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em;
  border:2px solid var(--yellow); background:var(--yellow); color:var(--black); cursor:pointer;
  transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease;
}
.btn:hover,.btn:focus-visible{ background:var(--black); color:var(--yellow) }
.btn:disabled{ opacity:.45; cursor:default }
.btn-lg{ min-height:48px; padding:0 28px }
.btn-out{ background:var(--black); color:var(--white); border:1px solid var(--line) }
.btn-out:hover,.btn-out:focus-visible{ border-color:var(--yellow); color:var(--yellow); background:var(--black) }
.burger{
  display:none; align-items:center; justify-content:center; width:44px; height:44px;
  background:var(--black); border:1px solid var(--line); cursor:pointer;
}
.burger svg{ stroke:var(--yellow) }

/* mega meniu */
.mega{
  position:absolute; left:0; right:0; top:100%;
  background:var(--surface); border-top:2px solid var(--yellow); border-bottom:1px solid var(--line);
}
.mega[hidden]{ display:none }
.mega-in{
  max-width:var(--wrap); margin:0 auto; padding:var(--sp-4) var(--pad);
  display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-5);
}
.mega h2{ font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em; color:var(--muted) }
.mega ul{ display:flex; flex-direction:column; gap:2px; margin-top:var(--sp-2) }
.mega a{
  display:block; padding:8px 0 8px 16px; border-left:2px solid transparent;
  color:var(--grey-20); font-size:17px;
  transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease;
}
.mega a:hover,.mega a:focus-visible{ color:var(--yellow); border-left-color:var(--yellow) }

/* mobilus meniu */
.mnav{
  border-top:1px solid var(--line); background:var(--surface);
  padding:var(--sp-2) var(--pad) var(--sp-3); display:flex; flex-direction:column;
}
.mnav[hidden]{ display:none }
.mnav a{
  padding:14px 0; border-bottom:1px solid var(--line);
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em; color:var(--white);
}
.mnav a:last-child{ border-bottom:0; color:var(--muted) }

/* ---------- hero ---------- */
.hero{ position:relative; min-height:min(78vh,860px); display:flex; flex-direction:column; justify-content:flex-end; gap:var(--sp-3); padding:var(--sp-7) 0 var(--sp-5) }
.hero > *{ position:relative }
.hero h1{ max-width:20ch }
.hero .lead{ max-width:46ch }
.arcs{ position:absolute; right:-7%; top:6%; height:88%; width:auto; pointer-events:none }
.arcs path{ fill:none; stroke:var(--yellow); stroke-width:1.9; stroke-linecap:round }
.arc-1{ opacity:.95 } .arc-2{ opacity:.6 } .arc-3{ opacity:.3 }
.scroll{ display:flex; align-items:center; gap:var(--sp-2); padding-top:var(--sp-2) }
.scroll a{
  display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none;
  border:1px solid var(--line); transition:border-color var(--dur-fast) ease;
}
.scroll a:hover,.scroll a:focus-visible{ border-color:var(--yellow) }
.scroll svg{ fill:none; stroke:var(--yellow); stroke-width:1.5; stroke-linecap:round }
.scroll svg path{ animation:k-pulse 1800ms ease-in-out infinite }
.scroll svg path:last-child{ animation-delay:200ms }
@keyframes k-pulse{ 0%,100%{opacity:.25} 50%{opacity:1} }

.hero-inner{ padding:var(--sp-6) var(--pad) var(--sp-5); max-width:var(--wrap); margin:0 auto; display:flex; flex-direction:column; gap:var(--sp-3) }
.hero-inner h1{ font-size:clamp(34px,5.4vw,72px); max-width:24ch }
.hero-inner .lead{ max-width:58ch }

/* ---------- dvi šakos ---------- */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line) }
.branch{
  position:relative; background:var(--black); min-height:70vh; overflow:hidden;
  padding:var(--sp-5) clamp(20px,3vw,48px);
  display:flex; flex-direction:column; justify-content:flex-end; gap:var(--sp-3);
}
.branch > *{ position:relative; z-index:1 }
.branch-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; background:var(--surface) }
.branch-bg img{ width:100%; height:100%; object-fit:cover; transition:transform 600ms var(--ease) }
.branch:hover .branch-bg img{ transform:scale(1.04) }
.branch-bg .grad{ position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.15) 100%) }
.branch-bg .scrim{ position:absolute; inset:0; background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 38%) }
.branch-line{ position:absolute; left:0; top:0; z-index:2; height:3px; width:0; background:var(--yellow); transition:width var(--dur-line) var(--ease) }
.branch:hover .branch-line{ width:100% }
.branch h2{ font-size:clamp(26px,2.6vw,40px); max-width:24ch }
.branch .more{ align-self:flex-start; background:transparent; color:var(--white); border:2px solid var(--line) }
.branch:hover .more{ background:var(--yellow); color:var(--black); border-color:var(--yellow) }
.branch-list{ overflow:hidden; max-height:0; transition:max-height var(--dur-expand) var(--ease) }
.branch-list[data-open]{ max-height:none }
.pipe{ display:flex; flex-wrap:wrap; align-items:center; font-size:17px }
.pipe li{ display:flex; align-items:center }
.pipe a{ color:var(--grey-20); padding:6px 0 }
.pipe a:hover{ color:var(--yellow) }
.pipe .sep{ color:var(--line); padding:0 12px }
.arrow{
  display:inline-flex; align-items:center; margin-top:var(--sp-2);
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em;
  color:var(--yellow); border-bottom:2px solid transparent;
}
.arrow:hover,.arrow:focus-visible{ color:var(--white); border-bottom-color:var(--yellow) }

/* ---------- tinkleliai ---------- */
.two{ display:grid; grid-template-columns:1fr 1.6fr; gap:clamp(24px,5vw,72px) }
.two-even{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2) }
.narrow{ display:grid; grid-template-columns:1fr 1.4fr; gap:clamp(24px,4vw,64px) }
.form-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(32px,5vw,80px) }
.cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4) }
.cards-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-4) }
.cells{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px }
.cells-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px }
.cell{ background:var(--black); box-shadow:0 0 0 1px var(--line); padding:var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-1) }
.cell-big{ font-family:var(--font-brand); font-size:clamp(36px,4vw,56px); font-weight:700; letter-spacing:-0.03em; color:var(--white); line-height:1 }
.cell-mid{ font-family:var(--font-brand); font-size:clamp(24px,2.6vw,36px); font-weight:700; letter-spacing:-0.02em; color:var(--white); line-height:1.1 }

/* paslaugų kortelės apžvalgoje */
.svc{
  background:var(--black); box-shadow:0 0 0 1px var(--line);
  padding:var(--sp-3) clamp(20px,2.6vw,36px) var(--sp-4);
  display:flex; flex-direction:column; gap:var(--sp-2); color:var(--white);
  transition:background-color var(--dur-fast) ease;
}
.svc:hover{ background:var(--surface); color:var(--white) }
.svc p{ color:var(--grey-20) }
.svc .go{ margin-top:auto; padding-top:var(--sp-2); font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em; color:var(--yellow) }

/* darbų kortelės */
.work{
  display:flex; flex-direction:column; gap:var(--sp-2); color:var(--white);
  border-top:2px solid var(--line); padding-top:var(--sp-2);
  transition:border-color var(--dur-fast) ease;
}
.work:hover{ border-top-color:var(--yellow); color:var(--white) }
.work p{ color:var(--grey-20) }
.tags{ display:flex; flex-wrap:wrap; gap:var(--sp-1) }
.tags li{ border:1px solid var(--line); padding:5px 10px; font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.24em; color:var(--muted) }
.chips{ display:flex; flex-wrap:wrap; gap:var(--sp-1); align-content:flex-start }
.chips li{ border:1px solid var(--line); padding:10px 16px; font-size:15px; color:var(--grey-20) }
.makers{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) 26px; align-content:flex-start }
.makers li{ white-space:nowrap; font-size:var(--t-small); letter-spacing:0.24em; color:var(--muted-2) }

/* numeruotas sąrašas */
.rows{ border-top:1px solid var(--line) }
.rows li{ display:grid; grid-template-columns:44px 1fr; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); color:var(--white) }
.rows .n{ font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.24em; color:var(--muted); padding-top:5px }
.stages li{ display:grid; grid-template-columns:64px 300px 1fr; gap:var(--sp-3); padding:var(--sp-3) 0; border-bottom:1px solid var(--line) }
.stages p{ color:var(--grey-20) }
.blocks li{ display:flex; flex-direction:column; gap:var(--sp-1); padding:var(--sp-3) 0; border-bottom:1px solid var(--line) }
.blocks p{ color:var(--grey-20) }

/* ---------- lipni šoninė juosta ---------- */
.inner{ display:grid; grid-template-columns:280px 1fr; gap:clamp(32px,5vw,88px) }
.side{ position:sticky; top:var(--header-h); align-self:start; display:flex; flex-direction:column }
.side a{
  display:flex; align-items:center; gap:10px; min-height:44px;
  padding:12px 0 12px 16px; border-left:3px solid transparent;
  color:var(--muted); font-size:16px;
  transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease;
}
.side a:hover,.side a:focus-visible{ color:var(--white) }
.side a[aria-current]{ color:var(--yellow); border-left-color:var(--yellow); font-weight:700 }
.side svg{ flex:none; fill:none; stroke:var(--yellow); stroke-width:1.5; stroke-linecap:round }
.body-col{ display:flex; flex-direction:column; gap:var(--sp-4); max-width:68ch }
.hr2{ height:2px; background:var(--line) }
.quote{ display:flex; flex-direction:column; gap:var(--sp-2); border-left:3px solid var(--yellow); padding-left:var(--sp-3) }
.quote p{ font-family:var(--font-brand); font-size:var(--t-small); font-weight:700; letter-spacing:0.24em; color:var(--white) }
.actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); align-items:center; padding-top:var(--sp-1) }

/* ---------- partnerių juosta ---------- */
.strip{ position:relative; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; margin-bottom:var(--sp-5) }
.strip::before,.strip::after{ content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none }
.strip::before{ left:0; background:linear-gradient(to right,var(--black),transparent) }
.strip::after{ right:0; background:linear-gradient(to left,var(--black),transparent) }
.track{ display:flex; width:max-content; align-items:center; animation:strip-run 42s linear infinite }
.strip:hover .track,.strip:focus-within .track{ animation-play-state:paused }
.track li{ display:flex; align-items:center; flex:none }
.track span{ white-space:nowrap; font-size:var(--t-small); letter-spacing:0.24em; color:var(--muted-2); padding:0 26px }
.track i{ width:4px; height:4px; background:var(--yellow); flex:none }
@keyframes strip-run{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---------- forma ---------- */
.form{ background:var(--surface); border:1px solid var(--line); padding:clamp(24px,3vw,40px); display:flex; flex-direction:column; gap:var(--sp-3) }
.topics{ display:flex; flex-wrap:wrap; gap:var(--sp-1); margin-top:var(--sp-2) }
.topic{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px;
  background:var(--surface); color:var(--grey-20); border:1px solid var(--line);
  font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.16em; cursor:pointer;
  transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease;
}
.topic input{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0 }
.topic:has(input:checked){ background:var(--yellow); color:var(--black); border-color:var(--yellow) }
.topic:focus-within{ outline:2px solid var(--yellow); outline-offset:3px }
.field{ display:flex; flex-direction:column; gap:var(--sp-1) }
.field input,.field textarea{
  min-height:44px; padding:0 14px; background:var(--elevated);
  border:1px solid var(--line); color:var(--white); font-size:17px;
}
.field textarea{ padding:12px 14px; resize:vertical; min-height:0 }
.field input:focus-visible,.field textarea:focus-visible{ border-color:var(--yellow) }
.consent{ display:flex; align-items:flex-start; gap:var(--sp-2); font-size:15px; color:var(--grey-20); cursor:pointer }
.consent input{ width:20px; height:20px; margin-top:3px; accent-color:var(--yellow); flex:none }
.trap{ position:absolute; left:-9999px; top:-9999px }
.busena{ font-size:15px; font-weight:700; color:var(--white); border-left:2px solid var(--yellow); padding-left:var(--sp-2) }
.busena:empty{ display:none }
.nojs{ font-size:15px; color:var(--grey-20); border-left:2px solid var(--yellow); padding-left:var(--sp-2) }
.contact dl{ display:flex; flex-direction:column; gap:var(--sp-3); border-top:1px solid var(--line); padding-top:var(--sp-3) }
.contact dt{ font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.24em; color:var(--muted) }
.contact dd{ margin:0; font-size:17px; color:var(--grey-20); display:flex; flex-wrap:wrap; gap:var(--sp-2) }
.contact dd a{ color:var(--white) }
.contact dd a:hover{ color:var(--yellow) }

/* ---------- footeris ---------- */
.ftr{ background:var(--surface); border-top:1px solid var(--line) }
.ftr-in{ max-width:var(--wrap); margin:0 auto; padding:var(--sp-5) var(--pad); display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-4) }
.ftr h2{ font-family:var(--font-brand); font-size:11px; font-weight:700; letter-spacing:0.24em; color:var(--yellow) }
.ftr ul{ display:flex; flex-direction:column; gap:10px; margin-top:var(--sp-2); font-size:15px }
.ftr a{ color:var(--grey-20) }
.ftr a:hover{ color:var(--white) }
.ftr img{ height:36px; width:146px; align-self:flex-start; margin-bottom:var(--sp-1) }
.ftr address{ font-style:normal; font-size:15px; color:var(--grey-20); display:flex; flex-direction:column; gap:10px }
.ftr-bar{ border-top:1px solid var(--line) }
.ftr-bar div{ max-width:var(--wrap); margin:0 auto; padding:var(--sp-3) var(--pad) }

/* lipni mobili juosta */
.cta{ display:none; position:sticky; bottom:0; z-index:50; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border-top:1px solid var(--line) }
.cta a{
  display:flex; align-items:center; justify-content:center; min-height:56px;
  font-family:var(--font-brand); font-size:var(--t-label); font-weight:700; letter-spacing:0.24em;
}
.cta a:first-child{ background:var(--yellow); color:var(--black) }
.cta a:last-child{ background:var(--black); color:var(--white) }

/* ---------- 404 ---------- */
.e404{ flex:1; position:relative; overflow:hidden; display:flex; align-items:center }
.e404 .arcs{ right:-11%; top:8%; height:84% }
.e404 h1{ max-width:18ch }
.e404 .lead{ max-width:44ch }
.e404 .btns{ display:flex; flex-wrap:wrap; gap:var(--sp-2); padding-top:var(--sp-2) }
.e404 .btns .btn{ min-height:64px; padding:0 40px }

/* ---------- prisitaikymas ---------- */
@media (max-width:1024px){
  .nav{ display:none }
  .burger{ display:flex }
  .brand img{ display:none }
  .brand .mark{ display:block }
  .mega{ display:none }
  .split,.two,.two-even,.narrow,.form-grid,.cards-3,.cards-2,.inner,.cells,.cells-3{ grid-template-columns:1fr }
  .stages li{ grid-template-columns:44px 1fr; gap:var(--sp-1) var(--sp-2) }
  .stages h3{ grid-column:2 }
  .stages p{ grid-column:2 }
  .ftr-in{ grid-template-columns:1fr 1fr }
  .side{ position:static; flex-direction:row; overflow-x:auto; border-bottom:2px solid var(--line) }
  .side a{ white-space:nowrap; border-left:0; border-bottom:3px solid transparent; padding:12px 16px 12px 0 }
  .side a[aria-current]{ border-left:0; border-bottom-color:var(--yellow) }
  .branch{ min-height:55vh }
}
@media (max-width:640px){
  .ftr-in{ grid-template-columns:1fr }
  .cta{ display:grid }
  .e404 .btns{ flex-direction:column; align-items:stretch }
  .arcs{ opacity:.5 }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:150ms !important;
    transition-property:color,background-color,border-color,opacity !important;
  }
  .track{ animation:none }
  .branch:hover .branch-bg img{ transform:none }
}

/* Be JavaScript: sąrašai atverti, žemėlapis matomas, forma pakeista pranešimu.
   Kontaktai šalia formos rodomi visada, nepriklausomai nuo JavaScript. */
.no-js .branch-list{ max-height:none }
.no-js .more{ display:none }
.no-js .form{ display:none }
.nojs{ font-size:15px; color:var(--grey-20); border-left:2px solid var(--yellow); padding-left:var(--sp-2) }