/* AUPS — Asociácia ukrajinských psychológov v SR · site.css v17
   Edena Systems · 2026 · tokeny → základ → komponenty → sekcie
   Breakpointy (jediná škála, mobile first; max-width vždy o 0,01rem menej):
   22.5rem 360 · 30rem 480 · 40rem 640 · 48rem 768 · 60rem 960 · 64rem 1024 · 72rem 1152 · 80rem 1280 · 120rem 1920,
   nízke okno (telefón na šírku) max-height 31.25rem. Karty s medailónom sa prispôsobujú šírke karty (@container), nie obrazovke.
   v10: profesijná asociácia — bez krízovej lišty, rýchleho odchodu a pokojného režimu; žiadny ambientný pohyb
   (pohyb len pri prechode myšou a výplň časovej osi „Už konáme“, ktorú klient chce ponechať). */
/* ---------- fonts (self-host, SIL OFL) + metricky zladené fallbacky (CLS ≈ 0) ---------- */
@font-face{font-family:"Unbounded AUPS";src:url("/fonts/unbounded.woff2?v=6e722c10d6") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Commissioner AUPS";src:url("/fonts/commissioner.woff2?v=36b330befc") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Unbounded Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Roboto");size-adjust:130.5%;ascent-override:76.2%;descent-override:18.8%;line-gap-override:0%}
@font-face{font-family:"Commissioner Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Roboto");size-adjust:101.3%;ascent-override:100.4%;descent-override:20.3%;line-gap-override:0%}
/* ---------- tokens ---------- */
:root{
  /* v11 · typová škála (typography-system): Perfect Fourth 1,333. Pod 2xl pevné kroky, nad ním clamp() medzi dvoma krokmi
     tej istej škály (rem v clamp → zväčšenie písma v prehliadači funguje). Staré tokeny ostávajú ako aliasy. */
  --step--2:.75rem; --step--1:.875rem; --step-0:1rem; --step-1:1.333rem; --step-2:1.777rem;
  --step-3:clamp(1.777rem, 1.4rem + 1.4vw, 2.369rem);   /* nadpis sekcie */
  --step-4:clamp(1.777rem, 1.25rem + 2.6vw, 3.157rem);  /* nadpis podstránky */
  --step-5:clamp(2.369rem, 1.4rem + 3.6vw, 4.209rem);   /* hero */
  --fs-card:var(--step-1);--fs-card-sm:var(--step-0);--fs-h2s:clamp(1.333rem, 1.1rem + 1.2vw, 1.777rem);--fs-2xs:var(--step--2);--fs-ui:var(--step-0);
  --bg:#F7F9FC; --surface:#EEF3FA; --elevated:#FFFFFF;
  --line:rgba(13,35,64,.10); --line-strong:rgba(13,35,64,.24);
  --line-ui:rgba(13,35,64,.5);     /* v14: obrys polí a volieb vo formulároch 3,2 : 1 na bielej (WCAG 1.4.11; predtým 1,6 : 1) */
  --ink:#0D2340; --muted:#4A5970;
  --accent:#0057B7; --accent-strong:#00438E; --accent-soft:#E4EEFB; --sky:#5C9BE6;
  --gold:#FFD500; --gold-deep:#E2AE0A; --gold-ink:#8A6400; --gold-soft:#FFF5CC;
  --navy:#0A1A31; --navy-2:#10264A; --on-navy:#EEF3FA; --on-navy-muted:#B3BBC6;
  --danger:#B42318; --success:#11703C;

  --f-display:"Unbounded AUPS","Unbounded Fallback",sans-serif;
  --f-body:"Commissioner AUPS","Commissioner Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --fs-xl:var(--step-5);
  --fs-h1:var(--step-4);
  --fs-h2:var(--step-3);
  --fs-h3:var(--step-1);
  --fs-lead:var(--step-1);
  --fs-body:clamp(1rem, .97rem + .14vw, 1.0625rem);
  --fs-sm:var(--step--1); --fs-xs:var(--step--1);
  --lh-body:1.66;
  --measure:30em;        /* v11: 45 až 75 znakov na riadok (typography-system); em namiesto ch, ktoré je pre Commissioner príliš široké */

  --pad-x:clamp(1rem, 4vw, 2.5rem);
  /* v17 · výrez a zaoblené rohy iPhonu na šírku, domovský indikátor (meta viewport má viewport-fit=cover) */
  --sa-l:env(safe-area-inset-left, 0px); --sa-r:env(safe-area-inset-right, 0px); --sa-b:env(safe-area-inset-bottom, 0px);
  --sec-y:clamp(3.25rem, 2rem + 6vw, 8rem);   /* v17: telefón 52 až 56 px (predtým 64), desktop 109 až 128 px */
  --maxw:75rem;
  --r-sm:.75rem; --r-md:1.1rem; --r-lg:1.6rem; --r-xl:2rem;
  --shadow-sm:0 1px 2px rgba(13,35,64,.05), 0 4px 12px -6px rgba(13,35,64,.08);
  --shadow:0 1px 2px rgba(13,35,64,.05), 0 18px 40px -20px rgba(13,35,64,.22);
  --shadow-lg:0 2px 6px rgba(13,35,64,.05), 0 34px 70px -30px rgba(13,35,64,.38);
  --ease:cubic-bezier(.22,.61,.36,1);
  --header-h:4.5rem;}
/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem);scrollbar-gutter:stable}
/* fokus v samotnej lepkavej hlavičke: bez odstupu — inak prehliadač pokladá jej tlačidlá za zakryté a Tab posunie stránku o ~400 px */
html:has(.site-header:focus-within){scroll-padding-top:0}
html.is-smooth{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-body)/var(--lh-body) var(--f-body);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--accent-strong);text-decoration-thickness:2px}
p{margin:0 0 1em}
h1,h2,h3{margin:0;color:var(--ink);text-wrap:balance;font-weight:300}
/* ­ z buildu: s JS sa delí len slovo, ktoré sa nezmestí (site.js pridá .hy); bez JS platí pôvodné delenie */
html.js :is(h1,h2,h3,.footer__statement,.next__q){-webkit-hyphens:none;hyphens:none}
html.js .hy{-webkit-hyphens:manual;hyphens:manual}
.hy-probe{position:absolute;left:0;top:0;visibility:hidden;white-space:nowrap;pointer-events:none}
h2{font:300 var(--fs-h2)/1.15 var(--f-display);letter-spacing:-.02em;overflow-wrap:break-word}
h3{font:600 var(--fs-h3)/1.3 var(--f-body);letter-spacing:-.005em;overflow-wrap:break-word}
ul,ol{margin:0;padding:0}
p,li,dd{overflow-wrap:break-word;text-wrap:pretty}
strong{font-weight:600}
::selection{background:var(--gold);color:var(--navy)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.todo{background:#FFF0B3;color:#5C4300;border:1px dashed #C99A00;border-radius:4px;padding:0 .3em;font:600 .85em/1.4 var(--f-body)}
.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--pad-x));margin-inline:auto;padding-inline:max(var(--pad-x), var(--sa-l)) max(var(--pad-x), var(--sa-r))}
main{display:block}
main:focus{outline:none}
.skip{position:absolute;left:max(1rem, var(--sa-l));top:-100px;max-width:calc(100vw - 2rem);z-index:100;background:var(--navy);color:#fff;padding:.75rem 1.1rem;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.skip:focus{top:1rem;color:#fff}
.skip:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* ---------- typography ---------- */
.display{font:300 var(--fs-h1)/1.08 var(--f-display);letter-spacing:-.025em;overflow-wrap:break-word}
.display--xl{font-size:var(--fs-xl);line-height:1.04;letter-spacing:-.03em}
.display em,h2 em{font-style:normal;color:var(--accent);background:linear-gradient(transparent 86%, var(--gold) 86%, var(--gold) 93%, transparent 93%);padding-bottom:.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{font-size:var(--fs-lead);line-height:1.45;color:var(--muted);max-width:40rem}
.eyebrow{display:inline-flex;align-items:flex-start;gap:.7em;margin:0 0 1.1rem;font:600 var(--fs-xs)/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.nw{white-space:nowrap}
/* položky s oddeľovačom „·“: bodka leží v medzere pred položkou; prvej položke každého riadku ju oreže overflow →
   riadok nikdy nezačína bodkou a bodka nevisí ani na konci riadku (padding .4em nechá viditeľný fokus odkazov) */
.sepl{--sg:1.2em;display:inline-flex;flex-wrap:wrap;column-gap:var(--sg);row-gap:.15em;max-width:calc(100% + .8em);margin:-.4em;padding:.4em;overflow:hidden;vertical-align:top}
.sepl__i{position:relative;min-width:0;margin-left:calc(var(--sg) * -1);padding-left:var(--sg)}
.sepl__i:first-child::before{content:none}
.sepl__i::before{content:"·";content:"·" / ",";position:absolute;left:calc(var(--sg) / 2 - .2em);color:var(--sep-c,inherit)}
.eyebrow .sepl{--sep-c:var(--gold-deep)}
.eyebrow--gold .sepl{--sep-c:currentColor}
.eyebrow::before{content:"";width:1.6em;height:.5em;flex:none;margin-top:.4em;border-radius:99px;background:linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%)}
.eyebrow--gold{color:var(--gold)}
.prose-lg{font-size:var(--fs-lead);line-height:1.45;color:var(--ink);max-width:40rem}
/* v09: inline (nie inline-flex) — pri zalomení ostane šípka pri poslednom slove, nie odtrhnutá vpravo; dotyková plocha z paddingu */
.link-arrow{display:inline;padding-block:.8rem;font-weight:600;text-decoration:none}
.link-arrow .ic{display:inline-block;vertical-align:-.17em}
.link-arrow .ic--arrow{margin-left:.45em}
.link-arrow>.ic:not(.ic--arrow){margin-right:.45em}
.link-arrow:hover{text-decoration:underline}
.ic--arrow{width:1.1em;height:1.1em;transition:transform .25s var(--ease)}
/* ---------- buttons: vlajkové „knob“ tlačidlá (modrá ↔ žltá) ---------- */
.btn{--bh:3.25rem;--knob:2.4rem;--flood:18;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;
  min-height:var(--bh);padding:0 1.5rem;border-radius:999px;border:1.5px solid transparent;font:600 1rem/1.15 var(--f-body);letter-spacing:.005em;
  text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;
  transition:color .4s var(--ease),border-color .35s var(--ease),background-color .35s var(--ease),transform .2s var(--ease)}
.btn:hover{text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn__label{position:relative;z-index:2}
@media (max-width:47.99rem){
  .btn{max-width:100%;white-space:normal}
  .btn__label{text-align:center;text-wrap:balance}
}
@media (max-width:29.99rem){
  .actions{flex-direction:column;align-items:stretch}
  :is(.actions,.footer__cta,.ways__more,.perks__side,.nf__item,.note-help,.tbox) .btn,.cta-band .btn{width:100%}
  :is(.actions,.footer__cta,.ways__more,.perks__side,.nf__item,.note-help,.tbox,.cta-band) .btn--k{justify-content:space-between}
  :is(.actions,.footer__cta,.ways__more,.perks__side,.nf__item,.note-help,.tbox,.cta-band) .btn--k .btn__label{text-align:left}
}
.btn__knob{position:relative;z-index:2;display:grid;place-items:center;width:var(--knob);height:var(--knob);flex:none;border-radius:50%;transition:background-color .4s var(--ease),color .4s var(--ease)}
.btn__knob .ic{width:1.1rem;height:1.1rem;transition:transform .35s var(--ease)}
.btn--k{padding-right:calc((var(--bh) - var(--knob)) / 2 - 1.5px);padding-left:1.6rem}
.btn--k::before{content:"";position:absolute;z-index:1;top:50%;right:calc((var(--bh) - var(--knob)) / 2 - 1.5px);width:var(--knob);height:var(--knob);margin-top:calc(var(--knob) / -2);border-radius:50%;
  transform:scale(0);transition:transform .6s cubic-bezier(.7,0,.2,1)}
.btn--k:hover::before,.btn--k:focus-visible::before{transform:scale(var(--flood))}
.btn--k:hover .btn__knob .ic,.btn--k:focus-visible .btn__knob .ic{transform:translateX(3px)}
.btn--sm{--bh:2.75rem;--knob:2.05rem;font-size:var(--fs-ui);padding-left:1.15rem}
.btn--lg{--bh:3.5rem;--knob:2.6rem}
.btn--xl{--bh:4.25rem;--knob:3.2rem;--flood:22;font-size:var(--step-0);padding-left:2rem;padding-right:2rem;gap:1.2rem}
.btn--xl.btn--k{padding-left:2.1rem;padding-right:calc((var(--bh) - var(--knob)) / 2 - 1.5px)}   /* v17: gombík odsadený sprava rovnako ako zhora, kruh pri hover vychádza spod gombíka */
.btn--block{width:100%;justify-content:space-between}
@media (max-width:22.49rem){   /* v17 · 320 až 359 px: kompaktnejšie tlačidlá, bežné popisky ostanú na jednom riadku */
  .btn{gap:.6rem}
  .btn:not(.btn--sm){font-size:.9375rem}
  .btn--k,.btn--xl.btn--k{padding-left:1.2rem}
  .btn--xl{--bh:3.75rem;--knob:2.75rem}
}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary .btn__knob{background:var(--gold);color:var(--navy)}
.btn--primary::before{background:var(--gold)}
.btn--primary.btn--k:hover,.btn--primary.btn--k:focus-visible{color:var(--navy)}
.btn--primary:not(.btn--k):hover{background:var(--accent-strong);color:#fff}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold .btn__knob{background:var(--accent);color:#fff}
.btn--gold::before{background:var(--accent)}
.btn--gold.btn--k:hover,.btn--gold.btn--k:focus-visible{color:#fff}
.btn--ghost{background:rgba(255,255,255,.5);color:var(--accent);border-color:rgba(0,87,183,.38)}
.btn--ghost:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}
.btn--flagline{color:#fff;border:2px solid transparent;background:linear-gradient(var(--navy),var(--navy)) padding-box,linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%) border-box}
.btn--flagline:hover{color:var(--gold);background:linear-gradient(var(--navy-2),var(--navy-2)) padding-box,linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%) border-box}
.btn--white{background:#fff;color:var(--accent)}
.btn--white .btn__knob{background:var(--accent);color:#fff}
.btn--white::before{background:var(--navy)}
.btn--white.btn--k:hover,.btn--white.btn--k:focus-visible{color:#fff}
.btn[disabled]{opacity:.7;cursor:progress}
.btn:focus-visible{outline-offset:4px}
.actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
@media (max-width:29.99rem){
  .btn--xl{--bh:3.75rem;--knob:2.85rem;padding-left:1.5rem}
}
/* ---------- header ---------- */
.scroll-sentinel{position:absolute;top:0;left:0;width:1px;height:1px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.82);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid transparent;transition:border-color .25s var(--ease),background-color .25s var(--ease)}
.site-header.is-scrolled{border-bottom-color:var(--line);background:rgba(247,249,252,.92)}
.site-header__inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:.7rem;min-height:2.75rem;color:var(--ink);text-decoration:none;min-width:0;margin-right:auto}
.brand:hover{color:var(--ink)}
.brand__mark{width:2.75rem;height:2.75rem;flex:none}
.brand__name{display:flex;flex-direction:column;font:600 .95rem/1.18 var(--f-body);letter-spacing:-.005em}   /* logotyp: veľkosti mimo škály, ladené na šírku hlavičky vo 4 jazykoch */
.brand__l2{font-weight:500;font-size:.8125rem;color:var(--muted)}
.nav{display:none}
.nav__list{display:flex;gap:.15rem;list-style:none}
.nav__link{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .7rem;border-radius:999px;color:var(--ink);font-weight:500;font-size:var(--fs-ui);text-decoration:none;white-space:nowrap}
.nav__link:hover{color:var(--accent);background:rgba(0,87,183,.06)}
.nav__link[aria-current="page"]{color:var(--accent)}
.nav__link[aria-current="page"]::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.38rem;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0 50%,var(--gold) 50% 100%)}
.site-header__tools{display:flex;align-items:center;gap:.6rem}
.site-header__cta{display:none}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--line);background:var(--elevated);color:var(--ink);cursor:pointer}
.menu-toggle .ic{width:1.35rem;height:1.35rem}
.menu-toggle:hover{border-color:var(--accent);color:var(--accent)}
html.js .menu-toggle--nojs,html:not(.js) .menu-toggle[data-menu-open]{display:none}
@media (max-width:79.99rem){
  html.js .menu-toggle--nojs.is-fallback{display:inline-flex}
}
@media (min-width:48rem){
  .site-header__cta{display:inline-flex}
}
@media (min-width:80rem){
  .nav{display:block}
  .menu-toggle{display:none}
  .brand__l1{white-space:nowrap}
}
/* v09: od 1280 do 1919 px je obsah široký len 1200 px — hlavička sa musí zmestiť vo všetkých 4 jazykoch (UK/RU najdlhšie) */
@media (min-width:80rem) and (max-width:119.99rem){
  .site-header__inner{gap:.8rem}
  .site-header .brand__name{font-size:.9rem}
  .site-header .brand__l2{font-size:var(--fs-xs)}
  .nav__link{padding:0 .62rem}
  .nav__link[aria-current="page"]::after{left:.62rem;right:.62rem}
}
/* poistka z site.js: keď sa text aj tak nezmestí (preklad stránky v prehliadači, iné písmo), navigácia sa zbalí do menu */
.site-header.is-tight .nav{display:none}
.site-header.is-tight .menu-toggle[data-menu-open]{display:inline-flex}
@media (max-width:47.99rem){
  :root{--header-h:4rem}
  .site-header__inner{gap:.6rem}
  .site-header__tools{gap:.45rem}
  .brand{gap:.5rem}
  .brand__mark{width:2.1rem;height:2.1rem}
  .brand__name{font-size:clamp(.75rem, .3rem + 2.2vw, .8125rem);line-height:1.2}
  .brand__l2{display:none}
}
/* nízke okno (telefón na šírku, 200 % zoom): lepkavá hlavička je nižšia, menu v dvoch stĺpcoch sa zmestí bez posúvania */
@media (max-height:31.24rem) and (max-width:79.99rem){
  :root{--header-h:3.25rem}
  .menu{width:min(34rem,100%)}
  .menu__panel{gap:.9rem;padding-bottom:calc(1.25rem + var(--sa-b))}
  .menu__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
  .menu .menu__list a{min-height:2.875rem;padding-block:.4rem;font-size:var(--step-0);line-height:1.25}   /* .menu: vyššia špecifickosť než základné pravidlo nižšie */
  .menu .menu__list li{min-width:0}
}
/* language dropdown */
.langdd{position:relative}
.langdd__btn{display:inline-flex;align-items:center;gap:.3rem;min-height:2.75rem;min-width:2.75rem;padding:0 .7rem 0 .9rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.75);
  font:700 var(--fs-2xs)/1 var(--f-body);letter-spacing:.08em;color:var(--ink);cursor:pointer;list-style:none;user-select:none}
.langdd__btn::-webkit-details-marker{display:none}
.langdd__btn:hover{border-color:var(--accent);color:var(--accent)}
.langdd__chev{width:1rem;height:1rem;transition:transform .25s var(--ease)}
.langdd[open] .langdd__chev{transform:rotate(180deg)}
.langdd__menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:60;min-width:min(14rem,calc(100vw - 2rem));list-style:none;padding:.4rem;background:#fff;border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow-lg);animation:pop-in .2s var(--ease)}
.langdd__link{display:flex;align-items:center;gap:.75rem;min-height:2.875rem;padding:0 .7rem;border-radius:.7rem;color:var(--ink);text-decoration:none;font-weight:500}
.langdd__link:hover{background:var(--accent-soft);color:var(--ink)}
.langdd__link[aria-current]{background:var(--navy);color:#fff}
.langdd__link[aria-current]:hover{background:var(--navy);color:#fff}
.langdd__code{display:inline-grid;place-items:center;min-width:2.7rem;height:1.6rem;border-radius:999px;background:var(--surface);font-size:var(--fs-2xs);letter-spacing:.06em;font-weight:700;color:var(--muted)}
.langdd__link[aria-current] .langdd__code{background:rgba(255,255,255,.16);color:#fff}
@keyframes pop-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
/* ---------- mobile menu (native <dialog>) ---------- */
.menu{margin:var(--menu-top,0px) 0 0 auto;padding:0;border:0;width:min(26rem,100%);max-width:100%;height:calc(100dvh - var(--menu-top,0px));max-height:calc(100dvh - var(--menu-top,0px));background:var(--bg);color:var(--ink);box-shadow:var(--shadow-lg)}
.menu::backdrop{background:rgba(10,26,49,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.menu[open]{animation:menu-in .3s var(--ease)}
@keyframes menu-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.menu__panel{display:flex;flex-direction:column;gap:1.25rem;min-height:100%;padding:0 max(var(--pad-x), var(--sa-r)) calc(2rem + var(--sa-b)) var(--pad-x)}
.menu__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--menu-row,var(--header-h))}
.menu__title{margin:0;font:600 var(--fs-xs)/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.menu__close{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--elevated);color:var(--ink);cursor:pointer}
.menu__close .ic{width:1.35rem;height:1.35rem}
.menu__list{list-style:none;border-top:1px solid var(--line)}
.menu__list a{display:flex;align-items:center;min-height:3.5rem;padding-block:.65rem;border-bottom:1px solid var(--line);font:300 var(--step-1)/1.2 var(--f-display);color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.menu__list a[aria-current="page"]{color:var(--accent)}
.menu__list a[aria-current="page"]::before{content:"";width:1.1rem;height:.4rem;margin-right:.75rem;border-radius:99px;background:linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%)}
.menu :focus-visible{outline-offset:2px}
html:has(.menu[open]){overflow:hidden}
/* ---------- ambient orbs ---------- */
.hero__bg,.page-hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.orb{position:absolute;border-radius:50%}
.orb--sky{width:48rem;height:48rem;right:-10rem;top:-16rem;background:radial-gradient(closest-side,rgba(0,87,183,.2),rgba(0,87,183,.07) 55%,rgba(0,87,183,0))}
.orb--wheat{width:34rem;height:34rem;right:14%;top:38%;background:radial-gradient(closest-side,rgba(255,213,0,.3),rgba(255,213,0,.1) 55%,rgba(255,213,0,0));}
/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;padding-block:clamp(2.5rem,1.5rem + 5vw,6rem) clamp(2.75rem,1.75rem + 5.5vw,7rem);background:linear-gradient(180deg,#E8F1FC 0%,var(--bg) 78%)}
.hero__grid{position:relative;z-index:1;display:grid;gap:clamp(2rem,4vw,4rem);align-items:center}
.hero__text{container-type:inline-size}
.hero .display--xl{font-size:min(var(--fs-xl),12cqi)}
html[lang="ru"] .hero .display--xl{font-size:min(var(--fs-xl),8.1cqi)} /* tablet: „Профессиональная“ (≈ 12 em) sa zmestí bez delenia */
@container (max-width:30rem){html[lang="ru"] .hero .display--xl{font-size:min(var(--fs-xl),12cqi);-webkit-hyphens:manual;hyphens:manual}}   /* telefón: väčší nadpis, „Профессио-нальная“ sa delí hneď pri prvom vykreslení (bez posunu, CLS 0) */
@media (min-width:64rem){.hero .display--xl,html[lang="ru"] .hero .display--xl{font-size:min(var(--fs-xl),8.3cqi)}}   /* desktop: 4 až 5 riadkov vo všetkých jazykoch */
.hero .lead{margin-top:1.6rem}
.hero .actions{margin-top:2.25rem}
.hero__visual{display:flex;justify-content:center}
.emblem{position:relative;width:min(28rem,80vw);aspect-ratio:1}
.emblem__layer{position:absolute;inset:0;display:grid;place-items:center}
.emblem__ring,.emblem__seal{width:100%;height:100%}
.emblem__seal text{font:600 12.5px/1 var(--f-body);letter-spacing:.32em;fill:var(--muted)}
.emblem__sep{fill:var(--gold)}
.emblem__disc{width:61%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#FFFFFF,#F1F6FD 70%);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 34px 70px -34px rgba(13,35,64,.45),inset 0 0 0 10px rgba(255,255,255,.55)}
.emblem__mark{width:44%;height:auto}
@media (min-width:64rem){
  .hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .hero__visual{justify-content:flex-end}
}
@media (max-width:63.99rem){
  .hero__visual{display:none}
}
/* ---------- page hero ---------- */
.page-hero{position:relative;isolation:isolate;padding-block:clamp(1.5rem,1rem + 2vw,2.5rem) clamp(2.75rem,1.5rem + 5vw,6rem);background:linear-gradient(180deg,#E8F1FC 0%,var(--bg) 88%)}
.page-hero__inner{position:relative;z-index:1}
.page-hero .display{max-width:21ch}
html[lang="ru"] .page-hero .display{max-width:24ch;font-size:min(var(--fs-h1),7.6cqi)} /* „Профессиональный“, „конфиденциальности“ bez delenia */
.page-hero__text{container-type:inline-size}
.page-hero .lead{margin-top:1.4rem}
.page-hero--center{text-align:center}
.page-hero--center .display,.page-hero--center .lead{margin-inline:auto}
.page-hero .orb--sky{right:-14rem;top:-20rem}
.page-hero .orb--wheat{right:-4rem;top:20%;width:24rem;height:24rem}
.page-hero__art{display:none}
@media (min-width:64rem){
  .page-hero--art .page-hero__inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,5rem);align-items:start}
  .page-hero--art .crumbs{grid-column:1/-1}
  .page-hero__art{display:block;margin-top:.2rem} /* horná hrana panelu = horná hrana nadpisu sekcie (eyebrow) na každej podstránke */
}
.page-hero__frame{position:relative;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.8)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin-bottom:clamp(1.5rem,1rem + 2vw,2.75rem);font-size:var(--fs-sm);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--line-strong)}
.crumbs a{position:relative;z-index:1;display:inline-block;padding:.625rem .25rem;margin:-.625rem -.25rem;color:var(--muted)}   /* zalomená cesta (RU/UK pri 320 px): 44 px plocha odkazu nad textom druhého riadku */
.crumbs a:hover{color:var(--accent)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2.5rem 0 0;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;max-width:52rem}
.facts div{background:rgba(255,255,255,.8);padding:1rem 1.15rem}
.facts dt{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.facts dd{margin:.25rem 0 0;font:600 var(--fs-body)/1.3 var(--f-body)}
@media (max-width:29.99rem){
  .facts{grid-template-columns:1fr}
  .facts div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem;padding:.8rem 1.1rem}
  .facts dd{margin:0 0 0 auto;text-align:right}
}
/* ---------- v08 · fotopanel: jedna séria fotiek + jemné kruhy + smaltovaný medailón s emblémom vľavo dole ---------- */
.art{--mx:3.2rem;--my:3rem;--ms:4.1rem;position:absolute;inset:0;isolation:isolate;overflow:hidden;border-radius:inherit;background:#E8E3DB}
.art__photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,26,51,0) 52%,rgba(10,26,51,.3) 100%)}
.art__rings{position:absolute;z-index:-1;left:var(--mx);bottom:var(--my);width:0;height:0}
.art__rings::before{content:"";position:absolute;left:-20rem;top:-20rem;width:40rem;height:40rem;border-radius:50%;opacity:.5;
  background:repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 1px,rgba(255,255,255,0) 1.5px 1.6rem);
  -webkit-mask:radial-gradient(circle,transparent 0,transparent 2.2rem,#000 2.7rem,rgba(0,0,0,.45) 6rem,transparent 10rem);mask:radial-gradient(circle,transparent 0,transparent 2.2rem,#000 2.7rem,rgba(0,0,0,.45) 6rem,transparent 10rem)}
.art__medal{position:absolute;left:var(--mx);bottom:var(--my);display:grid;place-items:center;width:var(--ms);height:var(--ms);margin:0 0 calc(var(--ms) / -2) calc(var(--ms) / -2);border-radius:50%;
  border:1.5px solid transparent;background:radial-gradient(120% 120% at 30% 16%,rgba(255,255,255,.97) 0,rgba(255,255,255,.93) 38%,rgba(240,245,252,.9) 64%,rgba(222,231,245,.88) 100%) padding-box,
    conic-gradient(from 220deg,rgba(255,255,255,.95),rgba(255,227,128,.95) 25%,rgba(255,255,255,.9) 50%,rgba(255,235,166,.95) 75%,rgba(255,255,255,.95)) border-box;
  box-shadow:inset 0 -10px 18px -12px rgba(13,35,64,.28),0 0 0 5px rgba(255,255,255,.16),0 18px 34px -16px rgba(5,15,35,.62),0 5px 12px -7px rgba(5,15,35,.32);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.art__medal .em{width:60%;height:60%;filter:drop-shadow(0 2px 3px rgba(13,35,64,.22))}
.art--hero{--mx:clamp(3.8rem,3rem + 1.1vw,4.4rem);--my:clamp(3.6rem,2.8rem + 1.1vw,4.2rem);--ms:clamp(4.4rem,3.6rem + 1.1vw,5rem)} /* medailón vľavo dole — rovnako na kartách aj v hlavičkách */
/* ---------- sections ---------- */
.section{padding-block:var(--sec-y)}
.section--tight{padding-block:clamp(2.5rem,1.8rem + 3vw,4.5rem)}
.section--alt{background:var(--surface)}
.section__head{max-width:46rem;margin-bottom:clamp(2.25rem,1.6rem + 2.4vw,3.75rem)}
.section__head--center{margin-inline:auto;text-align:center}
.section__head--center .eyebrow{justify-content:center}
.section__head--split{max-width:none;display:grid;gap:1.25rem;align-items:end}
@media (min-width:72rem){
  .section__head--split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem}
  .section__head--split .section__lead{margin:0}
}
.section__lead{margin-top:1.1rem;font-size:var(--fs-lead);color:var(--muted);line-height:1.6;max-width:var(--measure)}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,4rem)}
@media (max-width:59.99rem){
  .split>.section__head{margin-bottom:0}
}
@media (min-width:72rem){
  .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .split>.section__head{position:sticky;top:calc(var(--header-h) + 2rem);margin-bottom:0}
}
/* ---------- v11 · úvod: tri cesty (riadky s číslom a šípkou, celý riadok je odkaz) + jedna fotka ---------- */
.stretched::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}
.doors__grid{display:grid;gap:clamp(1.75rem,1.2rem + 2vw,3rem)}
.doors__aside .section__head{margin-bottom:clamp(1.5rem,1.2rem + 1.2vw,2.25rem)}
.doors__art{position:relative;aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow)}
.doors__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.door{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(1rem,.6rem + 1.5vw,2rem);align-items:center;
  padding:clamp(1.35rem,1rem + 1.2vw,2rem) clamp(.5rem,.2rem + 1vw,1.25rem);border-bottom:1px solid var(--line-strong);transition:background-color .35s var(--ease)}
.door__n{align-self:start;min-width:1.7em;padding-top:.2rem;font:300 var(--step-2)/1 var(--f-display);letter-spacing:-.02em;color:var(--gold-ink);font-variant-numeric:lining-nums}
.door__t{font:300 var(--fs-card)/1.24 var(--f-display);letter-spacing:-.015em}
.door__t a{color:var(--ink);text-decoration:none}
.door__p{margin:.45rem 0 0;color:var(--muted);max-width:var(--measure)}
.door__go{display:inline-flex;align-items:center;gap:.85rem;font-weight:600;color:var(--accent)}
.door__arrow{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent);color:#fff;transition:background-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
.door__arrow .ic{width:1.1rem;height:1.1rem}
.door:focus-within{outline:3px solid var(--accent);outline-offset:2px}
@supports selector(:has(:focus-visible)){
  .door:focus-within{outline:none}
  .door:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
}
.door .stretched:focus-visible{outline:none}
@media (hover:hover) and (pointer:fine){
  .door:hover{background:var(--surface)}
  .door:hover .door__arrow{background:var(--gold);color:var(--navy);transform:translateX(4px)}
}
.door__more{line-height:1.3}
@media (max-width:47.99rem),(min-width:64rem) and (max-width:79.99rem){   /* úzky zoznam: akcia ako text pod popisom, šípka prilepená k poslednému slovu */
  .door{grid-template-columns:auto minmax(0,1fr);row-gap:.85rem}
  .door__go{grid-column:2;display:block}
  .door__arrow--in{display:inline-grid;vertical-align:middle;width:2.5rem;height:2.5rem;margin-left:.6rem}
  .door__arrow--out{display:none}
}
@media (min-width:48rem) and (max-width:63.99rem),(min-width:80rem){
  .door__more{max-width:11em;text-align:right}
  .door__arrow--in{display:none}
}
@media (min-width:64rem){
  .doors__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(3rem,5vw,5rem)}
  .doors__aside{position:sticky;top:calc(var(--header-h) + 2rem)}
  .doors__art{aspect-ratio:4/3}
}
/* ---------- 4 · časová os: kompaktný datovaný zoznam; výplň osi a uzly = CSS scroll-driven (bez JS) ---------- */
.tl{display:grid;gap:clamp(1.75rem,1.2rem + 2vw,2.75rem)}
.tl .section__head{margin-bottom:0}
.tl__list{--date:11.75rem;--nodecol:2.75rem;position:relative;list-style:none;margin:0;padding:0}
.tl__item:not(:last-child)::before,.tl__item:not(:last-child)::after{content:"";position:absolute;top:calc(1rem + .42rem + 7.5px);bottom:calc(-1rem - .42rem - 7.5px);left:calc(var(--date) + var(--nodecol) / 2);width:2px;margin-left:-1px}
.tl__item:not(:last-child)::before{background:rgba(13,35,64,.12)}
.tl__item:not(:last-child)::after{background:linear-gradient(var(--accent),var(--sky));transform-origin:top}
.tl__item:nth-last-child(2)::after{background:linear-gradient(var(--sky),var(--gold))}
.tl__item{position:relative;display:grid;grid-template-columns:var(--date) var(--nodecol) minmax(0,1fr);align-items:start;padding-block:1rem}
.tl__date{margin:0;padding-top:.05rem;font:300 var(--step-0)/1.3 var(--f-display);letter-spacing:-.01em;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.tl__node{position:relative;z-index:1;grid-column:2;justify-self:center;width:15px;height:15px;margin-top:.42rem;border-radius:50%;background:var(--gold);border:2px solid var(--gold-deep);box-shadow:0 0 0 5px rgba(255,213,0,.22)}
.tl__text{grid-column:3;margin:0;max-width:var(--measure)}
.tl__item--next .tl__date{color:var(--muted);white-space:normal} /* „Pripravujeme“ nie je dátum — smie sa zalomiť do stĺpca */
.tl__item--next .tl__node{background:var(--surface);border-color:rgba(13,35,64,.32);box-shadow:none}
.tl__item--next .tl__text p{margin:0;color:var(--muted)}
.social--tl{margin-top:.8rem;gap:.5rem}
.social--tl .social__link{width:2.75rem;height:2.75rem;color:var(--ink);background:#fff;border-color:var(--line);transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.social--tl .social__link:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
@supports (animation-timeline:view()){
@media (min-width:48rem){
  html.js .tl__item::after{animation:tl-fill linear both;animation-timeline:view();animation-range:entry 70% cover 55%}
  html.js .tl__node{animation:tl-node linear both;animation-timeline:view();animation-range:entry 55% entry 100%}
}
}
@keyframes tl-fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes tl-node{from{background:var(--surface);border-color:rgba(13,35,64,.28);box-shadow:0 0 0 0 rgba(255,213,0,0);transform:scale(.82)}}
@media (min-width:80rem){
  .tl{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(3rem,6vw,6rem)}
  .tl .section__head{position:sticky;top:calc(var(--header-h) + 2.5rem)}
}
@media (max-width:39.99rem){
  .tl__list{--date:0rem;--nodecol:2rem}
  .tl__item{grid-template-columns:var(--nodecol) minmax(0,1fr);row-gap:.2rem;padding-block:.85rem}
  .tl__date{grid-column:2;grid-row:1}
  .tl__node{grid-column:1;grid-row:1;justify-self:start;margin-left:calc(var(--nodecol) / 2 - 7.5px)}
  .tl__text{grid-column:2;grid-row:2}
  .tl__item:not(:last-child)::before,.tl__item:not(:last-child)::after{left:calc(var(--nodecol) / 2);top:calc(.85rem + .42rem + 7.5px);bottom:calc(-.85rem - .42rem - 7.5px)}
}
/* ---------- glow cards (svetlo sleduje kurzor) ---------- */
.gcard{position:relative;isolation:isolate;padding:1px;border-radius:var(--r-lg);background:var(--line);overflow:hidden;list-style:none}
.gcard__in{position:relative;z-index:1;height:100%;border-radius:calc(var(--r-lg) - 1px);background:rgba(255,255,255,.965);padding:1.65rem}
.gcard__in>p:last-child{margin:0;color:var(--muted)}
/* ---------- v16 · postup (Ako sa stať členom?): poradie je skutočné, preto čísla v medailóne; statická línia modrá → zlatá, posledný krok zlatý ---------- */
.steps{--sn:3.4rem;--cg:clamp(1.5rem,1rem + 2.5vw,3.5rem);list-style:none;margin:0;padding:0;display:grid}
.step{position:relative;display:grid;grid-template-columns:var(--sn) minmax(0,1fr);align-content:start;column-gap:1.15rem;padding-bottom:2.1rem}
.step:last-child{padding-bottom:0}
.step::before{content:"";position:absolute;left:calc(var(--sn) / 2 - 1px);top:calc(var(--sn) + .5rem);bottom:.5rem;width:2px;border-radius:2px;background:linear-gradient(var(--accent),var(--sky))}
.step:nth-last-child(2)::before{background:linear-gradient(var(--sky),var(--gold-deep))}
.step:last-child::before{content:none}
.step__n{display:grid;place-items:center;width:var(--sn);height:var(--sn);border-radius:50%;border:1.5px solid transparent;font:300 1.4rem/1 var(--f-display);color:var(--accent);font-variant-numeric:lining-nums;
  background:radial-gradient(120% 120% at 32% 20%,#FFFFFF 0,#FFFFFF 40%,#F2F6FC 70%,#E4ECF7 100%) padding-box,conic-gradient(from 220deg,#A9C8F0,#0057B7 25%,#BCD5F4 50%,#3E83D4 75%,#A9C8F0) border-box;
  box-shadow:inset 0 -8px 12px -8px rgba(13,35,64,.18),0 10px 18px -12px rgba(13,35,64,.45)}
.step:last-child .step__n{color:var(--navy);
  background:radial-gradient(120% 120% at 32% 20%,#FFF7C9 0,#FFE55E 45%,#FFD500 75%,#F4C400 100%) padding-box,conic-gradient(from 220deg,#FFF0A0,#C9960A 25%,#FFF3B8 50%,#D9A40C 75%,#FFF0A0) border-box}
.step__b{padding-top:.5rem}
.step__t{margin:0 0 .45rem;font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em}
.step__p{margin:0;color:var(--muted);max-width:var(--measure)}
@media (min-width:64rem){
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--cg)}
  .step{grid-template-columns:minmax(0,1fr);row-gap:1.35rem;padding-bottom:0}
  .step::before{left:calc(var(--sn) + 1rem);right:calc(var(--cg) * -1 + 1rem);top:calc(var(--sn) / 2 - 1px);bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--accent),var(--sky))}
  .step:nth-last-child(2)::before{background:linear-gradient(90deg,var(--sky),var(--gold-deep))}
  .step__b{padding-top:0}
}
/* ---------- forms ---------- */
.form-layout{display:grid;gap:clamp(1.5rem,3vw,4rem)}
@media (min-width:60rem){
  .form-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;align-items:start;row-gap:0}
  .form-aside{grid-column:1;grid-row:1}
  .form-layout>.form-card{grid-column:2;grid-row:1/span 2}
  .form-aside__more{grid-column:1;grid-row:2}
}
@media (min-width:72rem){
  .form-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
} /* 960–1151 px: širší úvodný stĺpec (inak ~35 znakov na riadok) */
.form-aside .section__head{margin-bottom:2rem}
.form-aside__h{margin:0 0 .9rem;font-weight:700}
.aside-mail{display:flex;gap:.6rem;align-items:center;font-weight:600}
.aside-mail a{display:inline-flex;align-items:center;min-height:2.75rem}
.aside-mail .ic{color:var(--accent)}
.form__more{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.form__more .form-aside__h{margin-bottom:.35rem}
.form__more .aside-mail{margin:0}
.form-aside__more .nsteps{max-width:28rem}
.form-card{border-radius:var(--r-xl);box-shadow:var(--shadow)}
.form-card>.gcard__in{border-radius:calc(var(--r-xl) - 1px);padding:clamp(1.25rem,.8rem + 2.4vw,2.75rem);background:rgba(255,255,255,.975)}
.form{display:grid;gap:1.4rem}
.field{display:grid;gap:.45rem;min-width:0;align-content:start}
.field-row{display:grid;gap:1.4rem}
@media (min-width:40rem){
  .field-row{grid-template-columns:1fr 1fr}
}
.field__label{font-weight:600;font-size:var(--fs-ui);color:var(--ink);padding:0}
.req{color:var(--danger);margin-left:.15em}
.opt{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.input{width:100%;min-height:3.1rem;padding:.75rem 1rem;border:1.5px solid var(--line-ui);border-radius:var(--r-sm);background:#fff;color:var(--ink);font:400 1rem/1.4 var(--f-body);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
textarea.input{resize:vertical;min-height:6.5rem}
.input::placeholder{color:#677487;opacity:1}
.input:hover{border-color:rgba(13,35,64,.72)}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,87,183,.18)}
.input[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 4px rgba(180,35,24,.12)}
.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;cursor:pointer}
.select__ic{position:absolute;right:.9rem;top:50%;width:1.2rem;height:1.2rem;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.field__help{margin:0;font-size:var(--fs-sm);color:var(--muted)}
.field__error{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--danger)}
.field__error::before{content:"! "}
.field--choices{border:0;margin:0;padding:0;min-width:0}
.field--choices legend{margin-bottom:.6rem}
.choices{display:flex;flex-wrap:wrap;gap:.5rem}
.choice{position:relative;display:inline-flex}
.choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.choice>span{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem 1.05rem;border:1.5px solid var(--line-ui);border-radius:1.375rem;background:#fff;cursor:pointer;font-weight:500;font-size:var(--fs-ui);
  transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.choice__ic{width:1rem;height:1rem;display:none}
.choice>span:hover{border-color:var(--accent)}
.choice input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}
.choice input:checked+span .choice__ic{display:block}
.choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.field--consent{margin-top:.25rem}
.consent{display:flex;gap:.75rem;align-items:flex-start;font-size:var(--fs-sm);line-height:1.55;color:var(--ink);cursor:pointer}
.consent input{flex:none;width:1.375rem;height:1.375rem;margin:.1rem 0 0;accent-color:var(--accent);cursor:pointer}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}
a.tel{font-weight:700;white-space:nowrap}
@media (max-width:59.99rem){
  .form-aside .section__head{margin-bottom:0}
  .form-aside__more{margin-top:.5rem}
}
.form__alert{padding:1rem 1.15rem;border-radius:var(--r-sm);background:#FDECEA;color:#7A1A12;font-size:var(--fs-sm);border:1px solid rgba(180,35,24,.3)}
.form__alert a{color:#7A1A12;font-weight:600}
.form-success{text-align:center;padding:clamp(1.5rem,1rem + 3vw,3rem) 1rem}
.form-success:focus{outline:none}
.form-success__icon{display:inline-grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#DDF3E6;color:var(--success);margin-bottom:1rem}
.form-success__icon .ic{width:2rem;height:2rem}
.form-success__title{font:300 var(--fs-h2s)/1.2 var(--f-display);margin-bottom:.6rem}
.form-success p:last-child{color:var(--muted);max-width:46ch;margin-inline:auto}
@media (max-width:39.99rem){
  .form__actions .btn{width:100%;justify-content:space-between}
}
/* ---------- partners / about / contact ---------- */
.vision{display:grid;gap:2rem}
.vision__quote{margin:0;max-width:58rem;position:relative;padding:clamp(4.5rem,3.9rem + 2vw,5.25rem) clamp(1.5rem,1rem + 2vw,2.75rem) clamp(1.5rem,1rem + 2vw,2.75rem);border-radius:var(--r-xl);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow)}
.vision__quote::before{content:"«";position:absolute;top:.2em;left:.4em;font:300 clamp(3.25rem,2.8rem + 1.4vw,4.5rem)/1 var(--f-display);color:var(--gold-deep)}
html[lang="sk"] .vision__quote::before{content:"„";top:-.22em}
html[lang="en"] .vision__quote::before{content:"“"}
.vision__quote blockquote{margin:0}
.vision__quote p{margin:0;font:300 var(--fs-h2s)/1.42 var(--f-display);color:var(--ink);letter-spacing:-.015em}
.vision__text{margin:0}
.prose p{max-width:var(--measure)}
.next{list-style:none;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:40rem){
  .next{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:80rem){
  .next{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.next__q{margin:0 0 .55rem;font:300 var(--fs-card)/1.28 var(--f-display);letter-spacing:-.01em}
.next__item:focus-within{outline:3px solid var(--accent);outline-offset:3px}
@supports selector(:has(:focus-visible)){
  .next__item:focus-within{outline:none}
  .next__item:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
}
.next__item .stretched:focus-visible{outline:none}
.ccards{list-style:none;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:40rem){
  .ccards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:80rem){
  .ccards{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.ccard{display:flex;gap:1rem;align-items:flex-start}
.ccard__ic{width:1.6rem;height:1.6rem;color:var(--accent);margin-top:.1rem}
.ccard__label{margin:0 0 .2rem;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ccard__value{margin:0;font-weight:600;font-size:var(--fs-card-sm);word-break:normal;overflow-wrap:anywhere}
a.ccard__value{display:inline-flex;align-items:center;min-height:2.75rem;margin-block:-.55rem}
@media (max-width:22.49rem){
  .ccard{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem}
  .ccard>div{display:contents}
  .ccard__label{align-self:center;margin:0}
  .ccard__value,.ccard__note,.ccard .link-arrow{grid-column:1/-1}
  .ccard__value{margin-top:.35rem}
}
.ccard__note{margin:.35rem 0 .5rem;font-size:var(--fs-sm);color:var(--muted)}
.ccard--wide,.ccards__help{grid-column:1/-1}
.ccards__help{display:flex}
.ccards__help .note-help{flex:1;margin-top:0}
@media (min-width:80rem){
  .ccard--wide,.ccards__help{grid-column:span 2}
}
.note-help{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;padding:1.5rem clamp(1.1rem,.6rem + 2vw,1.5rem);border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid rgba(0,87,183,.2)}
.note-help>div{flex:1 1 18rem}
.note-help__ic{width:2rem;height:2rem;color:var(--accent)}
.note-help__h{margin:0 0 .2rem;font-weight:600;font-size:var(--fs-card-sm)}
.note-help p{margin:0}
.note-help div p:last-child{color:var(--muted)}
/* ---------- legal ---------- */
.legal{display:grid;gap:clamp(1.5rem,3vw,4rem)}
@media (min-width:60rem){
  .legal{grid-template-columns:16rem minmax(0,1fr)}
  .legal__toc{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start}
}
.legal__toc{padding:1.25rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--elevated);font-size:var(--fs-sm)}
.legal__toc-h{margin:0 0 .6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-xs);color:var(--muted)}
.legal__toc ol{list-style:none;display:grid;gap:.15rem}
.legal__toc a{display:flex;align-items:center;min-height:2.75rem;padding:.3rem 0;color:var(--ink);text-decoration:none}
.legal__toc a:hover{color:var(--accent);text-decoration:underline}
.legal__body section{padding-top:.5rem;margin-top:2.5rem}
.legal__body h2{font-size:var(--fs-h2s);margin-bottom:1rem}
.legal__body ul{padding-left:1.25rem;display:grid;gap:.5rem;margin-bottom:1em}
.legal__body li,.purpose dd{max-width:36rem}
.legal__updated--top{margin:-.25rem 0 0;font-size:var(--fs-sm);color:var(--muted)}
.legal__top{margin:1rem 0 0;font-size:var(--fs-sm)}
.legal__top a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem}
.legal__up{width:1rem;height:1rem;transform:rotate(-90deg)}
@media (max-width:47.99rem){
  .p-privacy .page-hero__art{display:none}
}
.purpose{margin-bottom:1rem;padding:1.35rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--elevated)}
.purpose h3{margin-bottom:.75rem}
.purpose dl{margin:0;display:grid;gap:.65rem}
.purpose dl div{display:grid;gap:.15rem}
@media (min-width:40rem){
  .purpose dl div{grid-template-columns:11rem 1fr;gap:1rem}
}
.purpose dt{font-weight:600;font-size:var(--fs-sm);color:var(--muted)}
.purpose dd{margin:0}
.purpose__note{margin:.9rem 0 0;padding:.7rem .9rem;border-radius:var(--r-sm);background:var(--gold-soft);font-size:var(--fs-sm)}
.translation-note{padding:.9rem 1.1rem;border-radius:var(--r-sm);background:var(--accent-soft);font-size:var(--fs-sm)}
.legal__updated{margin-top:2.5rem;font-size:var(--fs-sm);color:var(--muted)}
.thanks__icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;border-radius:50%;background:#DDF3E6;color:var(--success)}
.thanks__icon .ic{width:2.25rem;height:2.25rem}
/* ---------- footer: vlajková vlna (statická) ---------- */
.flagwave{position:relative;height:clamp(4.5rem,3rem + 4vw,7.5rem);overflow:hidden;margin-bottom:-1px;pointer-events:none}
.flagwave__l{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 1200px);background-repeat:repeat-x;background-position:0 0;background-size:1200px 100%}
.flagwave__l--blue{background-image:url("/img/wave-blue.svg")}
.flagwave__l--gold{background-image:url("/img/wave-gold.svg");background-position:-340px 0}
.flagwave__l--navy{background-image:url("/img/wave-navy.svg");background-position:-760px 0}
.footer__body{background:var(--navy);color:var(--on-navy-muted);font-size:var(--fs-sm)}
.site-footer a{color:var(--on-navy)}
.site-footer a:hover{color:var(--gold)}
.site-footer :focus-visible{outline-color:var(--gold)}
.footer__top{display:grid;gap:2rem;padding-block:clamp(2.5rem,2rem + 2vw,4rem);border-bottom:1px solid rgba(238,243,250,.12)}
@media (min-width:80rem){
  .footer__top{grid-template-columns:minmax(0,1.4fr) auto;align-items:end}
}
.footer__statement{margin:0;font:300 clamp(1.55rem,1.1rem + 2.1vw,2.8rem)/1.14 var(--f-display);letter-spacing:-.025em;color:#fff;max-width:20ch}
.footer__cta{display:flex;flex-wrap:wrap;gap:.85rem}
.site-footer .btn--gold{color:var(--navy)}
.site-footer .btn--gold.btn--k:hover,.site-footer .btn--gold.btn--k:focus-visible{color:#fff}
.site-footer .btn--flagline{color:#fff;font-size:var(--fs-ui)}
.site-footer .btn--flagline:hover{color:var(--gold)}
.footer__grid{display:grid;gap:2.5rem;padding-block:3rem}
@media (max-width:47.99rem){
  .footer__grid{grid-template-columns:minmax(0,1fr)}
  nav.footer__col ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}   /* telefón: odkazy asociácie v dvoch stĺpcoch, poznámka cez celú šírku */
}
@media (min-width:48rem){
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (min-width:48rem) and (max-width:63.99rem){
  .footer__urgent{grid-column:1/-1}        /* tablet: dva stĺpce, poznámka pod nimi cez celú šírku */
}
@media (min-width:64rem){
  .footer__grid{grid-template-columns:1.25fr 1fr 1.15fr}   /* v17: tri stĺpce od 1024 px (od v15 bez stĺpca s identifikáciou) */
}
.brand--footer{color:#fff;margin:0}
.site-footer .brand--footer,.site-footer .brand--footer:hover{color:#fff}
.brand--footer .brand__mark{width:3.25rem;height:3.25rem}
.brand--footer .brand__name{font-size:1rem}
.brand--footer .brand__l2{color:var(--on-navy-muted);display:block}
.social{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin-top:1.4rem}
.social__link{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:rgba(238,243,250,.06);border:1px solid rgba(238,243,250,.22);
  transition:transform .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.site-footer .social__link{color:#fff}
.social__link .ic{width:1.3rem;height:1.3rem}
.site-footer .social__link:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.footer__title{font:700 var(--fs-xs)/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.footer__col ul{list-style:none;display:grid;gap:0}
.footer__col li a{display:inline-flex;align-items:center;min-height:2.75rem;min-width:2.75rem;text-decoration:none}
.footer__col li a:hover{text-decoration:underline}
.footer__mark{margin:0;font:300 clamp(5rem,23vw,21rem)/.82 var(--f-display);letter-spacing:-.05em;text-align:center;white-space:nowrap;overflow:hidden;user-select:none;
  background:linear-gradient(180deg,#3F82D6 0%,#1F5FB4 50%,#FFD500 50%,#E9B80C 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-block:.5rem .1rem;opacity:.92}
.footer__bottom{display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:center;justify-content:space-between;padding-block:1.5rem calc(2rem + var(--sa-b));border-top:1px solid rgba(238,243,250,.12);font-size:var(--fs-xs)}
.footer__bottom p{margin:0}
.footer__legal{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;list-style:none}
.footer__legal a,.footer__bottom p a{display:inline-flex;align-items:center;min-height:2.75rem}
/* ---------- 404 ---------- */
.nf{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(1rem,.5rem + 2vw,2.5rem) clamp(2.5rem,2rem + 3vw,4.5rem);background:linear-gradient(180deg,#E8F1FC 0%,var(--bg) 80%)}
.nf__inner{position:relative;z-index:1;padding-block:3rem;display:grid;gap:2rem;justify-items:start}
.nf__code{margin:0;font:300 clamp(4rem,3rem + 6vw,8rem)/1 var(--f-display);color:var(--accent);letter-spacing:-.05em}
.nf__items{display:grid;gap:2.25rem;width:100%}
@media (min-width:48rem){
  .nf__items{grid-template-columns:1fr 1fr;gap:2.5rem 3rem}
}
.nf__item{display:flex;flex-direction:column;align-items:flex-start;max-width:36rem}
.nf__h{font:300 clamp(1.4rem,1.15rem + 1vw,2rem)/1.15 var(--f-display);letter-spacing:-.02em}
.nf__item .lead{margin:.5rem 0 1rem}
/* ---------- čo ponúka členstvo: modrý pás, v16 dlaždice 3 × 2 s tmavým medailónom a emblémom (ponuka nie je postup, preto bez čísel), znak asociácie staticky v rohu ---------- */
.perks{position:relative;isolation:isolate;background:var(--accent);color:#fff;padding-block:var(--sec-y)}
.perks__fx{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.perks :focus-visible{outline-color:#fff}
.perks__markwrap{position:absolute;z-index:0;right:-5rem;bottom:-16rem;width:24rem;pointer-events:none;opacity:.08} /* len v spodnom okraji pásu, nikdy za textom dlaždíc */
@media (max-width:63.99rem){
  .perks__markwrap{display:none}
}
.perks__mark img{display:block;width:100%;height:auto}
.perks__wrap{position:relative;z-index:1;display:grid;gap:clamp(2rem,1.4rem + 2.4vw,3.25rem)}
.perks__head{display:grid;gap:1.25rem}
.perks__head .eyebrow{color:#fff}
.perks__head .eyebrow::before{background:linear-gradient(180deg,#fff 0 50%,rgba(255,255,255,.42) 50% 100%)}
.perks__h{color:#fff;margin:0}
.perks__lead{color:#fff;max-width:36rem;margin:0 0 1.5rem;font-size:var(--fs-lead);line-height:1.6}
@media (min-width:64rem){
  .perks__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:end}
  .perks__lead{margin-top:0}
}
.perks__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:40rem){
  .perks__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:72rem){
  .perks__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
}
.perk{position:relative;display:grid;align-content:start;gap:.5rem;padding:clamp(1.4rem,1.15rem + .9vw,1.9rem) clamp(1.35rem,1.1rem + 1vw,1.9rem) clamp(1.5rem,1.2rem + 1vw,2.1rem);border-radius:var(--r-lg);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 40px -32px rgba(0,16,48,.7)}
.perk__ic{--ms:3.6rem;margin-bottom:.85rem}
.perk__title{margin:0;color:#fff;font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em;overflow-wrap:break-word}
.perk__text{margin:0;color:#E1EBF8;line-height:1.6;max-width:var(--measure)}
@media (max-width:39.99rem){
  .perk{grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.8rem;align-items:center}
  .perk__ic{--ms:3.1rem;margin-bottom:0}
  .perk__text{grid-column:1/-1}
}
/* hodnoty v praxi (O nás): statický zoznam s emblémami */
.vlist{list-style:none;margin:.25rem 0 0;padding:0}
.vrow{display:grid;gap:.45rem;padding:clamp(1.2rem,1rem + .8vw,1.7rem) 0;border-top:1px solid var(--line-strong)}
.vrow:last-child{border-bottom:1px solid var(--line-strong)}
@media (min-width:48rem){.vrow{grid-template-columns:15.5rem minmax(0,1fr);gap:2.5rem;align-items:baseline}}
.vrow__name{display:flex;align-items:center;gap:.75rem;margin:0;font:600 var(--fs-xs)/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.vrow__ic,.ledger__ic,.medal{display:grid;place-items:center;flex:none;width:3.3rem;height:3.3rem;border-radius:50%;border:1px solid transparent;
  background:radial-gradient(120% 120% at 32% 20%,#FFFFFF 0,#FFFFFF 36%,#F2F6FC 66%,#E4ECF7 100%) padding-box,conic-gradient(from 220deg,#BCD5F4,#FFE380 25%,#A3C4EF 50%,#FFEBA6 75%,#BCD5F4) border-box;
  box-shadow:inset 0 -8px 12px -8px rgba(13,35,64,.2),0 10px 18px -12px rgba(13,35,64,.45)}
.vrow__ic .em,.ledger__ic .em,.medal .em{width:66%;height:66%;filter:drop-shadow(0 1px 1px rgba(13,35,64,.18))}
/* v16 · .medal: veľkosť cez --ms; tmavý = námornícky smalt so zlatým kovovým okrajom a svetlou variantou emblému (na modrom a tmavom) */
.medal{position:relative;width:var(--ms,3.3rem);height:var(--ms,3.3rem)}
.medal--dark{border-width:1.5px;
  background:radial-gradient(120% 120% at 32% 18%,#25497A 0,#17325E 34%,#0F2448 66%,#0A1A31 100%) padding-box,conic-gradient(from 220deg,#FFE680,#C9960A 22%,#FFF3B8 46%,#D9A40C 72%,#FFE680) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -10px 14px -10px rgba(0,0,0,.5),0 12px 22px -14px rgba(2,8,20,.75)}
.medal--dark .em{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.medal__ok{position:absolute;right:-.2rem;bottom:-.2rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--gold);color:var(--navy);
  box-shadow:0 0 0 2.5px var(--elevated),0 4px 8px -4px rgba(13,35,64,.55)}
.medal__ok .ic{width:1rem;height:1rem;stroke-width:2.6}
.vrow__say{margin:0;font:300 var(--fs-card)/1.42 var(--f-display);letter-spacing:-.01em;color:var(--ink);max-width:42ch}
@media (max-width:47.99rem){
  .vrow__say,.vision__quote p{font:400 var(--fs-lead)/1.45 var(--f-body);letter-spacing:0}
}
/* ---------- v05 · navádzaný začiatok (Pomoc) ---------- */
.iban{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;position:relative;z-index:2}
.iban__no{font:600 .95em/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);white-space:nowrap}
@media (max-width:22.49rem){
  .iban__no{white-space:normal;word-spacing:.1em}
} /* 320 px: IBAN sa smie zalomiť medzi štvoricami (inak by pretiekol kartu) */
.iban__copy{min-height:2.75rem;padding:0 .9rem;border:1.5px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--accent);font:600 var(--fs-sm)/1 var(--f-body);cursor:pointer}
.iban__copy:hover{border-color:var(--accent)}
/* WCAG 1.4.11: na tmavých a modrých plochách zlatý fokus (modrý by mal < 3 : 1) */
/* telefón: veľké AUPS (dekorácia) skryté, kratšia pätička; v hlavičke logo s názvom, jazyk a menu („Pridať sa“ je v menu).
   Jazyk ostáva viditeľný: koreň webu je ukrajinský a slovenský partner musí slovenčinu nájsť bez hľadania v menu. */
@media (max-width:47.99rem){
  .footer__mark{display:none}
  .footer__top{gap:1.5rem;padding-block:2rem}
  .footer__grid{gap:1.75rem 1.25rem;padding-block:2rem}
  .brand--footer .brand__mark{width:2.75rem;height:2.75rem}
  .footer__brand .social{margin-top:1rem}
  .site-footer .social__link{width:2.75rem;height:2.75rem}
  .footer__bottom{gap:0 1.25rem;padding-block:1rem calc(1.25rem + var(--sa-b))}
  .site-header .langdd__btn{padding:0 .55rem 0 .7rem;gap:.2rem}
  .site-header .langdd__chev{width:.9rem;height:.9rem}
}
@media (max-width:22.49rem){                       /* pod 360 px: len kód jazyka, aby sa názov zmestil na 2 riadky aj v RU */
  .site-header .langdd__btn{padding:0 .6rem}
  .site-header .langdd__chev{display:none}
}
/* ---------- v05 · čo bude nasledovať (potvrdenie žiadosti, ďakovná stránka) ---------- */
.nsteps{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;text-align:left}
.nsteps__i{position:relative;padding-left:2.25rem}
.nsteps__i::before{content:"";position:absolute;left:.55rem;top:1.55rem;bottom:-1.2rem;width:2px;background:linear-gradient(var(--accent),var(--gold));opacity:.35}
.nsteps__i:last-child::before{display:none}
.nsteps__dot{position:absolute;left:0;top:.15rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 4px rgba(0,87,183,.1)}
.nsteps__i:last-child .nsteps__dot{border-color:var(--gold-deep);background:var(--gold);box-shadow:0 0 0 4px rgba(255,213,0,.25)}
.nsteps__h{margin:0;font-weight:600}
.nsteps__t{margin:.15rem 0 0;color:var(--muted);font-size:var(--fs-sm)}
.nsteps--success{max-width:30rem;margin:1rem auto 1.4rem}
.form-success__sub{margin:1.5rem 0 0;font:600 var(--fs-xs)/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.thanks-next{padding-top:clamp(1.75rem,1.25rem + 1.5vw,2.5rem)}
/* ---------- v16 · tri piliere s veľkým medailónom (Spolupráca: prečo spolupracovať, Katalóg: čo overujeme so zlatou fajkou) ---------- */
.pillars{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:72rem){
  .pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
}
.pillar{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:.5rem;padding:clamp(1.5rem,1.2rem + 1vw,2.1rem);border-radius:var(--r-lg);
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFE 100%);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.pillar__ic{--ms:clamp(3.6rem,3rem + 2vw,4.2rem);margin-bottom:1rem}
.pillar__t{font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em}
.pillar__p{margin:0;color:var(--muted);max-width:var(--measure)}
@media (min-width:40rem) and (max-width:71.99rem){   /* tablet a malý notebook: medailón vľavo, text vedľa (tri karty pod sebou) */
  .pillar{grid-template-columns:auto minmax(0,1fr);column-gap:1.35rem}
  .pillar__ic{grid-row:1/span 2;margin-bottom:0}
  .pillar__t{margin-top:.55rem}
}
/* ---------- v16 · formy spolupráce: štyri typy partnerov s medailónom, pod nimi tmavý panel podpory (vecná a finančná) ---------- */
.ways{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48rem){
  .ways{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.way{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:1.15rem;align-items:start;padding:clamp(1.35rem,1.1rem + .9vw,1.85rem);border-radius:var(--r-lg);
  background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.way__ic{--ms:3.4rem;grid-row:1/span 2}
.way__t{margin:.45rem 0 .4rem;font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em}
.way__p{grid-column:2;margin:0;color:var(--muted);max-width:var(--measure)}
@media (max-width:63.99rem){
  .way{grid-template-rows:auto;row-gap:.8rem;align-items:center}
  .way__ic{--ms:3.1rem;grid-row:auto}
  .way__t{margin:0}
  .way__p{grid-column:1/-1}
}
.support{position:relative;overflow:hidden;margin-top:1rem;padding:clamp(1.5rem,1.1rem + 1.8vw,2.75rem);border-radius:var(--r-xl);color:var(--on-navy-muted);
  background:radial-gradient(56rem 26rem at 100% 0%,rgba(92,155,230,.2),rgba(92,155,230,0) 62%),linear-gradient(135deg,var(--navy-2) 0%,var(--navy) 78%)}
.support :focus-visible{outline-color:var(--gold)}
.support__h{margin:0 0 1.4rem}
.support__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48rem){
  .support__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.support__i{padding:clamp(1.25rem,1rem + .8vw,1.65rem);border-radius:var(--r-lg);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14)}
.support__t{margin:0 0 .45rem;color:#fff;font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em}
.support__p{margin:0;color:var(--on-navy-muted);max-width:var(--measure)}
.support .iban__no{color:#fff}
.support__i:target{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,213,0,.42)}
/* ---------- v09 · O nás: strategické ciele (číslovaný zoznam), tím a overiteľné dokumenty ---------- */
.goals{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.6rem,1.2rem + 1.4vw,2.6rem) clamp(2rem,4vw,4.5rem)}
@media (min-width:72rem){
  .goals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goal:last-child:nth-child(odd){grid-column:1/-1}
}
.goal{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.15rem;align-items:start;align-content:start}
.goal__n{grid-row:1/span 2;min-width:2.15ch;white-space:nowrap;font:300 var(--fs-h2)/1 var(--f-display);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.2px var(--accent);font-variant-numeric:tabular-nums}
.goal__t{margin:.2rem 0 .35rem;font:300 var(--fs-card)/1.25 var(--f-display);letter-spacing:-.012em}
.goal__p{margin:0;color:var(--muted);max-width:var(--measure)}
.team .prose-lg{margin-bottom:1.6rem}
.trust{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.trust__i{display:flex;gap:.9rem;align-items:flex-start}
.trust__i{padding:1.2rem 1.3rem;border-radius:var(--r-md);background:var(--elevated);border:1px solid var(--line)}
.trust__ic{flex:none;width:1.45rem;height:1.45rem;margin-top:.1rem;color:var(--accent)}
.trust__h{margin:0 0 .25rem;font-weight:600;font-size:var(--fs-card-sm)}
.trust__i p{margin:0 0 .3rem;color:var(--muted)}
.trust .link-arrow{margin-block:-.4rem -.2rem}
.tdocs__nums{margin:.85rem 0 .35rem!important;font-weight:600;color:var(--ink)!important;font-variant-numeric:tabular-nums}
.tdocs__links{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0!important}
.people{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}
.person{padding:1rem 1.15rem;border-radius:var(--r-md);background:var(--elevated);border:1px solid var(--line)}
.person__name{margin:0;font-weight:600}
.person__role{margin:.15rem 0 0;font-size:var(--fs-sm);color:var(--muted)}
/* ---------- v09 · formuláre: legenda povinných polí, poučenie pri žiadosti za inú osobu ---------- */
.form__legend{margin:-.35rem 0 -.5rem;font-size:var(--fs-sm);color:var(--muted)}
.form-success__alt{margin:1.1rem auto 0;max-width:46ch;font-size:var(--fs-sm);color:var(--muted)}
/* ---------- v09 · ďakovné stránky (každý formulár vlastná) ---------- */
.thanks-hero{padding-bottom:clamp(1.5rem,1rem + 2vw,2.75rem)}
.thanks{display:grid;gap:clamp(2rem,4vw,3.5rem)}
@media (min-width:60rem){
  .thanks{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
}
.thanks__h{margin:0 0 1.5rem;font-size:var(--fs-h2s)}
.nsteps--wide{gap:1.35rem}
.nsteps--wide .nsteps__h{font-size:var(--fs-card-sm)}
.nsteps--wide .nsteps__t{font-size:var(--fs-body);max-width:52ch}
.thanks__alt{margin:1.9rem 0 0;color:var(--muted);font-size:var(--fs-sm);max-width:52ch}
.thanks__main .actions{margin-top:1.5rem}
.thanks__side{display:grid;gap:1rem}
.tbox{padding:1.5rem clamp(1.25rem,.9rem + 1.5vw,1.6rem);border-radius:var(--r-lg);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.tbox__h{margin:0 0 .7rem;font:600 var(--fs-card-sm)/1.3 var(--f-body);letter-spacing:0}
.tbox>p{margin:0 0 1rem;color:var(--muted)}
.tbox>.tbox__more{margin:1.5rem 0 0}
.tbox .social{margin-top:.25rem}
.social--tbox .social__link{width:2.75rem;height:2.75rem;color:var(--ink);background:#fff;border-color:var(--line)}
.social--tbox .social__link:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
/* ---------- v11 · úvod: štyri oblasti práce ako ledger (riadky s tenkou linkou, bez kariet). v19: riadok faktov v hero vypadol ---------- */
.hero__more{margin:1.5rem 0 0}
.ledger{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1.5rem,1rem + 2vw,3rem)}
@media (min-width:40rem){.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:72rem){.focus .split{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}   /* krátky nadpis vľavo, ledger má 2 × ≈ 360 px */
.ledger__row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.4rem;align-content:start;padding:1.5rem 0 1.85rem;border-top:1px solid var(--line-strong)}
.ledger__ic{grid-row:1/span 2}
.ledger__t{margin:.6rem 0 0;font:300 var(--fs-card)/1.24 var(--f-display);letter-spacing:-.015em}
.ledger__p{grid-column:2;margin:0;color:var(--muted);max-width:var(--measure)}

/* ---------- v10 · spolupráca: formy spolupráce bez tlačidiel na kartách, jedno tlačidlo na formulár pod nimi ---------- */
.ways__more{margin:2rem 0 0}

/* ---------- v16 · Kto sa môže pridať?: nadpis vľavo, karta s profesiami (zlaté fajky) a poznámkou o stanovách vpravo ---------- */
.who__grid{display:grid;gap:clamp(1.75rem,1.2rem + 2vw,3rem)}
.who .section__head{margin-bottom:0}
@media (min-width:72rem){
  .who__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,6vw,6rem);align-items:center}
}
.who__card{--wp:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);overflow:hidden;padding:var(--wp);border-radius:var(--r-xl);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow)}
.who__roles{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem 1.75rem}
@media (min-width:40rem){
  .who__roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.who__role{display:flex;align-items:flex-start;gap:.8rem;font-weight:600;line-height:1.4;color:var(--ink)}
.who__ok{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;margin-top:-.12rem;border-radius:50%;background:var(--gold);color:var(--navy);box-shadow:inset 0 -2px 3px rgba(138,100,0,.22)}
.who__ok .ic{width:1rem;height:1rem;stroke-width:2.6}
.who__note{display:flex;align-items:flex-start;gap:1rem;margin:calc(var(--wp) * .9) calc(var(--wp) * -1) calc(var(--wp) * -1);padding:1.25rem var(--wp) calc(1.25rem + .1rem);
  background:#F4F7FC;border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);line-height:1.6}
.who__note>span:last-child{padding-top:.15rem;max-width:var(--measure)}
.who__note-ic{--ms:2.75rem}

/* ---------- v16 · Čo sme už urobili: aktivity s dátumom a miestom (riadky s linkou), Transparentnosť ako karta s vlajkovou stuhou ---------- */
.practice-grid{display:grid;gap:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);align-items:start}
.practice-grid .section__head{margin-bottom:0}
@media (min-width:72rem){
  .practice-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;column-gap:clamp(3rem,6vw,6rem);row-gap:clamp(1.75rem,1.3rem + 1.2vw,2.5rem)}
  .practice-grid .acts{grid-column:2;grid-row:1/span 2}
  .practice-grid .transp{grid-column:1;grid-row:2}
}
.acts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.act{padding:clamp(1.4rem,1.1rem + 1vw,2rem) 0;border-bottom:1px solid var(--line-strong)}
.act__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.25rem;margin:0 0 .75rem}
.act__date{font:300 clamp(1.333rem,1.15rem + .8vw,1.777rem)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--accent)}
.act__place{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--muted)}
.act__place .ic{width:1.05rem;height:1.05rem;color:var(--accent)}
.act__p{margin:0;max-width:var(--measure)}
.transp{--tp:clamp(1.35rem,1.1rem + 1vw,1.9rem);position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.15rem;align-items:start;
  padding:var(--tp) var(--tp) var(--tp) calc(var(--tp) + 5px);border-radius:var(--r-lg);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.transp::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%)}
.transp__ic{--ms:3.4rem;grid-row:1/span 2}
.transp>:not(.transp__ic){grid-column:2}
.transp__h{margin:.4rem 0 .3rem;font:300 var(--fs-card)/1.22 var(--f-display);letter-spacing:-.015em}
.transp>p{margin:0;color:var(--muted)}
@media (max-width:29.99rem){
  .transp{grid-template-columns:minmax(0,1fr)}
  .transp__ic{grid-row:auto;margin-bottom:.9rem}
  .transp>:not(.transp__ic){grid-column:1}
}
.tdocs__plates{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 .5rem}
.tdocs__plates div{padding:.55rem .85rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}
.tdocs__plates dt{font-size:var(--fs-xs);font-weight:600;color:var(--muted)}
.tdocs__plates dd{margin:0;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- v16 · katalóg: stav „pripravujeme“ s pečaťou a kruhmi, zásady v troch stĺpcoch s vlajkovou značkou, výzva ako modrý pás ---------- */
.cat-soon{display:grid;overflow:hidden;border-radius:var(--r-xl);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow)}
.cat-soon__art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:10.5rem;overflow:hidden;background:radial-gradient(90% 90% at 50% 50%,var(--navy-2) 0%,var(--navy) 100%)}
.cat-soon__art::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:44rem;height:44rem;margin:-22rem 0 0 -22rem;border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(255,255,255,.16) 0 1px,rgba(255,255,255,0) 1.5px 1.5rem);
  -webkit-mask:radial-gradient(circle,transparent 0,transparent 3.5rem,#000 4rem,rgba(0,0,0,.4) 9rem,transparent 15rem);mask:radial-gradient(circle,transparent 0,transparent 3.5rem,#000 4rem,rgba(0,0,0,.4) 9rem,transparent 15rem)}
.cat-soon__art::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:16rem;height:16rem;margin:-8rem 0 0 -8rem;border-radius:50%;background:radial-gradient(closest-side,rgba(92,155,230,.32),rgba(92,155,230,0))}
.cat-soon__art .medal{--ms:5.6rem}
.cat-soon__body{align-self:center;padding:clamp(1.5rem,1.1rem + 1.8vw,2.75rem)}
.cat-soon__h{margin:0 0 .6rem;font:300 var(--fs-h2s)/1.2 var(--f-display);letter-spacing:-.02em}
.cat-soon__body p{color:var(--muted);max-width:var(--measure)}
.cat-soon__mail{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding-top:1.1rem;border-top:1px solid var(--line)}
.cat-soon__mail .ic{margin-top:.2rem;color:var(--accent)}
.cat-soon__mail a{font-weight:600}
@media (min-width:48rem){
  .cat-soon{grid-template-columns:minmax(14rem,4fr) minmax(0,7fr)}
  .cat-soon__art{min-height:17rem}
}
.principles{list-style:none;margin:0;padding:0;display:grid;gap:2rem}
@media (min-width:64rem){
  .principles{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.75rem,3vw,3rem)}
}
.principle{position:relative;padding-top:1.5rem;border-top:1px solid var(--line-strong)}
.principle::before{content:"";position:absolute;left:0;top:calc(-.25rem - .5px);width:2.2rem;height:.5rem;border-radius:99px;background:linear-gradient(180deg,var(--accent) 0 50%,var(--gold) 50% 100%)}
.principle__t{margin:0 0 .55rem;font:300 var(--fs-card)/1.25 var(--f-display);letter-spacing:-.015em}
.principle__p{margin:0;color:var(--muted);max-width:var(--measure)}
.cta-band{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:1.25rem 2rem;align-items:center;margin-top:clamp(3rem,2rem + 3vw,5rem);padding:clamp(1.25rem,.55rem + 3vw,3rem);
  border-radius:var(--r-xl);background:linear-gradient(120deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:var(--shadow)}
.cta-band :focus-visible{outline-color:#fff}
.cta-band__ic{--ms:4.4rem}
.cta-band .btn{justify-self:start}
.cta-band__ic::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36rem;height:36rem;margin:-18rem 0 0 -18rem;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle,rgba(255,255,255,.2) 0 1px,rgba(255,255,255,0) 1.5px 1.5rem);
  -webkit-mask:radial-gradient(circle,transparent 0,transparent 3rem,#000 3.4rem,rgba(0,0,0,.35) 8rem,transparent 14rem);mask:radial-gradient(circle,transparent 0,transparent 3rem,#000 3.4rem,rgba(0,0,0,.35) 8rem,transparent 14rem)}
.cta-band__h{margin:0 0 .4rem;font:300 var(--fs-h2s)/1.2 var(--f-display);letter-spacing:-.02em;color:#fff}
.cta-band__txt p{margin:0;max-width:var(--measure)}
.cta-band__txt p:not(.cta-band__h){color:#E1EBF8}
@media (min-width:60rem){
  .cta-band{grid-template-columns:auto minmax(0,1fr) auto}
}
.specs{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}
.spec{display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 1.6rem;border-radius:var(--r-lg);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.spec__name{font:300 var(--fs-card)/1.24 var(--f-display);letter-spacing:-.015em}
.spec__role{margin:0;color:var(--accent);font-weight:600;font-size:var(--fs-sm)}
.spec__facts{margin:.6rem 0 .2rem;display:grid;gap:.45rem}
.spec__facts div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem}
.spec__facts dt{padding-top:.15rem;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.spec__facts dd{margin:0}
@media (max-width:22.49rem){.spec__facts div{grid-template-columns:minmax(0,1fr);gap:0}}
.spec__contact{display:flex;flex-wrap:wrap;gap:0 1.1rem;margin:.35rem 0 0}
.spec__contact a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-weight:600;overflow-wrap:anywhere}
.spec__contact .ic{flex:none;width:1.1rem;height:1.1rem}
.spec__ver{display:flex;align-items:center;gap:.4rem;margin:auto 0 0;padding-top:.6rem;font-size:var(--fs-sm);font-weight:600;color:var(--success)}
.spec__ver .ic{flex:none;width:1rem;height:1rem}

/* ---------- v10 · akútna situácia: vecná poznámka (Kontakt, pätička) — žiadne farebné tlačidlá ani panel ---------- */
.note-urgent{display:flex;gap:.9rem;align-items:flex-start;max-width:52rem;margin-top:1.5rem;padding:1.1rem 1.25rem;border-radius:var(--r-md);background:var(--elevated);border:1px solid var(--line)}
.note-urgent__ic{flex:none;width:1.35rem;height:1.35rem;margin-top:.1rem;color:var(--muted)}
.note-urgent__h{margin:0 0 .2rem;font-weight:600}
.note-urgent p{margin:0;max-width:var(--measure)}
.note-urgent p:not(.note-urgent__h){color:var(--muted);font-size:var(--fs-sm);line-height:1.55}
.note-urgent a.tel,.note-urgent a{font-weight:600}
.footer__urgent p{margin:0;max-width:24rem;line-height:1.55}
.footer__urgent a.tel{color:var(--on-navy)}
.footer__urgent a.tel:hover{color:var(--gold)}

/* ---------- v10 · čas odpovede (ak ho asociácia určí, config.REPLY_DAYS) ---------- */
.form-success__reply,.thanks__reply{margin:.6rem auto 0;font-weight:600;color:var(--ink)}

/* ---------- v17 · karty s medailónom (ponuka členstva, typy partnerov, oblasti práce na úvode): medailón vedľa nadpisu,
   len keď má karta dosť miesta; inak medailón nad nadpisom. Rozhoduje šírka karty, nie obrazovky. Cyrilika má dlhšie slová
   a v písme Unbounded je širšia, preto sa v UK a RU skladá skôr (inak by sa nadpisy delili na 3 až 6 riadkov). ---------- */
.perk,.way,.ledger__row{container-type:inline-size}
@container (max-width:16.99rem){
  :is(.perk__ic,.way__ic,.ledger__ic){grid-row:auto}
  :is(.perk__title,.way__t,.ledger__t,.ledger__p){grid-column:1/-1}
  :is(.way__t,.ledger__t){margin-top:0}
  :is(.perk__title,.way__t,.ledger__t){font-size:1.2rem}
}
@container (max-width:21.49rem){
  html:is([lang="ru"],[lang="uk"]) :is(.perk__ic,.way__ic,.ledger__ic){grid-row:auto}
  html:is([lang="ru"],[lang="uk"]) :is(.perk__title,.way__t,.ledger__t,.ledger__p){grid-column:1/-1}
  html:is([lang="ru"],[lang="uk"]) :is(.way__t,.ledger__t){margin-top:0}
}
/* ---------- v17 · telefón na šírku (nízke okno): nadpis úvodu a podstránky menší, aby sa na prvú obrazovku zmestil aj text a tlačidlá ---------- */
@media (max-height:31.24rem) and (orientation:landscape){
  .hero{padding-top:1.5rem}
  html[lang] .hero .display--xl{font-size:min(var(--fs-xl),12cqi,2.4rem)}
  html[lang="ru"] .hero .display--xl{font-size:min(var(--fs-xl),12cqi,2.1rem)}   /* RU: dlhé slová, 3 riadky namiesto 4, tlačidlo ostane na prvej obrazovke */
  html[lang] .page-hero .display{font-size:min(var(--fs-h1),2.3rem)}
  .hero .lead{margin-top:.85rem;font-size:1.0625rem}
  .hero .actions{margin-top:1.15rem}   /* nadpis, perex aj tlačidlo na prvej obrazovke (640×360 až 932×430, 4 jazyky) */
}

/* ---------- v05 · veľké monitory: širší obsah a väčšia display typografia od 1920 px ---------- */
@media (min-width:120rem){
  :root{--maxw:90rem;--fs-xl:clamp(4.1rem,1.6rem + 2.1vw,5.2rem);--fs-h1:clamp(3.3rem,1.6rem + 1.45vw,4rem);--fs-h2:clamp(2.55rem,1.4rem + 1vw,3.1rem);--fs-lead:1.32rem;--fs-body:1.125rem}
  .emblem{width:min(34rem,80vw)}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* v18 · jazyková ponuka (site.js): len pri vstupe zvonka a inom jazyku prehliadača; pevne dole, bez pohybu a bez posunu obsahu.
   Mriežka text | tlačidlo | zavrieť: text sa zalomí vo svojom stĺpci, krížik nikdy nespadne na samostatný riadok (480 až 520 px).
   scroll-padding-bottom: prvok, na ktorý sa presunie fokus klávesnicou, sa posunie nad kartu (WCAG 2.4.11). Pätička dostane
   rovnako vysoký spodný okraj, aby sa nad kartu dali posunúť aj posledné odkazy stránky. */
.langhint{position:fixed;z-index:55;left:max(1rem, var(--sa-l));right:max(1rem, var(--sa-r));bottom:calc(1rem + var(--sa-b));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.6rem .9rem;max-width:36rem;margin-inline:auto;padding:.7rem .55rem .7rem 1.15rem;border-radius:var(--r-lg);background:var(--elevated);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.langhint__t{margin:0;font-size:var(--step--1);font-weight:600;line-height:1.4}
.langhint__x{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-left:-.3rem;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.langhint__x:hover{color:var(--ink);background:var(--surface)}
.langhint__x .ic{width:1.15rem;height:1.15rem}
html:has(.langhint){scroll-padding-bottom:calc(6.5rem + var(--sa-b))}
html:has(.langhint) .footer__bottom{padding-bottom:calc(6.5rem + var(--sa-b))}
@media (max-width:29.99rem){
  .langhint{grid-template-columns:minmax(0,1fr);padding-left:1rem}
  .langhint__t{padding-right:2.5rem}
  .langhint__go{justify-content:center}
  .langhint__x{position:absolute;top:.25rem;right:.25rem;margin:0}
  html:has(.langhint){scroll-padding-bottom:calc(9rem + var(--sa-b))}
  html:has(.langhint) .footer__bottom{padding-bottom:calc(9rem + var(--sa-b))}
}
/* ---------- print ---------- */
@media print{
  .langhint{display:none!important}
  .site-header,.menu,.flagwave,.hero__visual,.orb,.perks__markwrap,.form-card,.site-footer .social,.footer__mark,.page-hero__art{display:none!important}
  body{background:#fff;color:#000}
  .section{padding-block:1rem}
  .perks{background:none;color:#000}
  .perks__h,.perks__lead,.perk__title,.perk__text,.perks__head .eyebrow{color:#000}
  .support,.cta-band{background:none;box-shadow:none;border:1px solid #999}
  .support *,.cta-band *{color:#000!important}
  .cat-soon__art{display:none!important}
  .doors__art{display:none!important}
  a{color:#000}
}
/* v09 r3: miera riadku (≤ ~70 znakov) aj pre texty, ktoré pri 1024–1920 px presahovali 80 znakov */
.trust__i p,.purpose__note,.note-help p{max-width:var(--measure)}