/* ================================================================
   ATG · slidová vrstva — produktové aj metodické stránky — NASADENÉ 17. 9. 2026
   ----------------------------------------------------------------
   Je to TEN ISTÝ vzhľad, aký je na schválenom návrhu
   /design/rt/ — súbor z neho vzniká strojovo, len sa selektory
   nascopujú pod `body.pslidy`, aby sa nič nevylialo na zvyšok webu.
   Písmo Instrument Serif aj farby už nesie koncept.css, preto tu nie sú
   znovu.

   Triedu `pslidy` nasadzuje `produkt-kino.js`. Bez nej (napr. keby skript
   nezbehol) vyzerá stránka ako pôvodná — obsah nikdy nezávisí od skriptu.

   Hlavička `.hdr` a pätička `.ftr` sa NEMENIA, sú mimo `#app`.
   ================================================================ */

/* ================================================================
   ATG · návrh produktovej stránky ako sled veľkých slidov
   Spoločné pre /design/<kod>/ — vt, pt, mt, ut, rt, et, adr.
   Vizuálny jazyk je prevzatý z úvodnej stránky (koncept.css):
   displejový serif Instrument Serif, bodkované plátno, tmavá navy
   a JEDINÝ akcent — UV zelená #10b981.
   ================================================================ */
body.pslidy{
  --serif:'Instrument Serif','Times New Roman',Georgia,serif;
  --sans:'Liberation Sans',Helvetica,Arial,sans-serif;
  --mono:'Liberation Mono','DejaVu Sans Mono',monospace;
  --night:#050a30; --night2:#0a1043; --canvas:#eceef1;
  --acc:#10b981; --acc-dim:rgba(16,185,129,.34);
  --on-dark:#eef1f8; --dim-d:#9aa3c6;
  --ink:#050a30; --ink2:#454d75; --ink3:#767ea6;
  --dot:rgba(5,10,48,.16); --dot-d:rgba(255,255,255,.10);
}
body.pslidy #app *{box-sizing:border-box}
body.pslidy{scroll-behavior:smooth}
body.pslidy{margin:0;font-family:var(--sans);background:var(--night);color:var(--on-dark);
  -webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
body.pslidy img{max-width:100%;display:block}

/* lišta návrhu — nie je súčasťou webu */
/* ---------- SLIDE: fotografia na celú plochu + prekryv ---------- */
body.pslidy .dek{scroll-snap-type:y proximity}
/* `overflow:hidden` tu BYŤ NESMIE. Mal orezávať zväčšenú fotografiu pri
   nájazde, lenže rezal aj obsah: na MT ostalo zo slidu 900 px, kým obsah
   mal 1002 px, a posledná karta zariadenia bola useknutá o 63 px
   (namerané 17. 9. 2026). Fotografiu si oreže jej vlastná vrstva `.foto`.
   `flex:0 0 auto` na obsahu bráni tomu, aby ho flex stlačil pod jeho
   vlastnú výšku — potom slide rastie s obsahom, ako má. */
body.pslidy .sl{position:relative;width:100%;max-width:100%;min-height:100svh;display:flex;align-items:center;
  padding:112px 24px 88px;scroll-snap-align:start}
body.pslidy .sl > .in{flex:0 0 auto}
/* Fotografia je samostatná vrstva, nie pozadie sekcie — inak sa nedá
   rozhýbať nezávisle od textu (pomalý nájazd pri vstupe slidu). */
/* Vrstva fotografie oreže sama seba. Zväčšenie pri nájazde tak nevylieva
   stránku do strany a slide NEMUSÍ mať `overflow:hidden` — vďaka tomu sa
   už nereže obsah, ktorý je vyšší než okno. */
body.pslidy .foto{position:absolute;inset:0;z-index:0;overflow:hidden}
body.pslidy .foto > i{position:absolute;inset:0;display:block;
  background-size:cover;background-position:center;background-repeat:no-repeat}
/* OPRAVENÉ 21. 9. 2026 — selektor bol `body.pslidy .kino …`, teda „prvok
   s triedou kino UVNÚTRI body.pslidy". Lenže triedu `kino` nasadzuje
   slidy-kino.js na to isté <body> a prvok sám sebe potomkom nie je, takže
   sa pravidlá nikdy nepoužili: východiskový stav nábehu sa nenastavil
   a fotografia ani text nenabiehali na žiadnej slidovej stránke. Triedy
   musia byť zreťazené (`body.pslidy.kino`). Zároveň sa zväčšenie presunulo
   na vnútorné <i> — `.foto` je jeho rám a oreže ho, inak by sa obraz
   vylieval zo slidu (stavba z 17. 9. 2026 to už predpokladá). */
body.pslidy.kino .foto > i{transform:scale(1.14);opacity:0;
  transition:transform 2.6s cubic-bezier(.16,.8,.28,1),opacity 1.1s ease-out}
body.pslidy .sl.nabehol .foto > i{transform:scale(1);opacity:1}
/* prekryv: závoj + bodková mriežka — presne princíp hero na úvodnej stránke */
body.pslidy .sl::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,var(--dot-d) 1px,transparent 0),
    radial-gradient(ellipse 120% 90% at 50% 50%,transparent 38%,rgba(2,5,24,.5) 100%),
    linear-gradient(105deg,rgba(5,10,48,.97) 0%,rgba(5,10,48,.93) 44%,rgba(5,10,48,.74) 64%,rgba(5,10,48,.46) 84%,rgba(5,10,48,.34) 100%);
  background-size:16px 16px,auto,auto}
body.pslidy .sl > .in{position:relative;z-index:2}
body.pslidy .sl.svetlo{color:var(--ink);background-color:#fff}
body.pslidy .sl.svetlo::after{background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 0),
  radial-gradient(ellipse 120% 90% at 50% 50%,transparent 42%,rgba(5,10,48,.16) 100%),
  linear-gradient(105deg,rgba(236,238,241,.995) 0%,rgba(236,238,241,.985) 46%,rgba(236,238,241,.9) 62%,rgba(236,238,241,.5) 82%,rgba(236,238,241,.22) 100%)}
/* fotografiu nemáme — bodkovaná platňa, cudzí záber sa nepodsúva */
body.pslidy .sl.plat{background-image:none;background-color:var(--night)}
body.pslidy .sl.plat::after{background-image:radial-gradient(circle at 1px 1px,var(--dot-d) 1px,transparent 0);
  background-size:16px 16px}
body.pslidy .in{width:min(1180px,100%);margin:0 auto}
/* Obsah sa neodkrýva naraz — nabieha po vrstvách, ako keď sa zaostruje
   záber. Riadi to trieda `.nabehol`, ktorú dáva IntersectionObserver.
   NEVOLAJ ju `.vid` — tak sa v app.css volá náhľad videa a jeho
   `aspect-ratio: 16/9` aj `overflow: hidden` potom orezali každý
   odkrytý slide (namerané 17. 9. 2026). */
body.pslidy.kino .in > *{opacity:0;transform:translateY(22px);
  transition:opacity .85s cubic-bezier(.16,.8,.28,1),transform .85s cubic-bezier(.16,.8,.28,1)}
body.pslidy .sl.nabehol .in > *{opacity:1;transform:none}
body.pslidy .sl.nabehol .in > *:nth-child(1){transition-delay:.10s}
body.pslidy .sl.nabehol .in > *:nth-child(2){transition-delay:.22s}
body.pslidy .sl.nabehol .in > *:nth-child(3){transition-delay:.34s}
body.pslidy .sl.nabehol .in > *:nth-child(4){transition-delay:.44s}
body.pslidy .sl.nabehol .in > *:nth-child(5){transition-delay:.54s}
body.pslidy .sl.nabehol .in > *:nth-child(6){transition-delay:.62s}
body.pslidy .sl.nabehol .in > *:nth-child(n+7){transition-delay:.70s}
/* odrážky a karty prichádzajú ešte po riadkoch */
body.pslidy.kino .odr li, body.pslidy.kino .pr, body.pslidy.kino .vyr a, body.pslidy.kino .kt > *, body.pslidy.kino .faq details{opacity:0;transform:translateY(14px);
  transition:opacity .7s ease-out .0s,transform .7s cubic-bezier(.16,.8,.28,1) 0s}
body.pslidy .sl.nabehol .odr li, body.pslidy .sl.nabehol .pr, body.pslidy .sl.nabehol .vyr a, body.pslidy .sl.nabehol .kt > *, body.pslidy .sl.nabehol .faq details{opacity:1;transform:none}
body.pslidy .sl.nabehol .odr li:nth-child(1), body.pslidy .sl.nabehol .pr:nth-child(1), body.pslidy .sl.nabehol .vyr a:nth-child(1), body.pslidy .sl.nabehol .kt > *:nth-child(1), body.pslidy .sl.nabehol .faq details:nth-child(1){transition-delay:.62s}
body.pslidy .sl.nabehol .odr li:nth-child(2), body.pslidy .sl.nabehol .pr:nth-child(2), body.pslidy .sl.nabehol .vyr a:nth-child(2), body.pslidy .sl.nabehol .kt > *:nth-child(2), body.pslidy .sl.nabehol .faq details:nth-child(2){transition-delay:.70s}
body.pslidy .sl.nabehol .odr li:nth-child(3), body.pslidy .sl.nabehol .vyr a:nth-child(3), body.pslidy .sl.nabehol .kt > *:nth-child(3), body.pslidy .sl.nabehol .faq details:nth-child(3){transition-delay:.78s}
body.pslidy .sl.nabehol .odr li:nth-child(4), body.pslidy .sl.nabehol .faq details:nth-child(4){transition-delay:.86s}
body.pslidy .sl.nabehol .odr li:nth-child(n+5), body.pslidy .sl.nabehol .faq details:nth-child(n+5){transition-delay:.94s}

/* ---------- typografia ---------- */
body.pslidy .oko{display:flex;align-items:center;gap:12px;margin:0 0 18px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--dim-d)}
body.pslidy .svetlo .oko{color:var(--ink3)}
body.pslidy .oko .c{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--acc);
  border:1px solid var(--acc-dim);border-radius:3px;padding:3px 7px}
body.pslidy .dis{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,60px);line-height:1.04;
  letter-spacing:-.02em;margin:0;max-width:20ch}
body.pslidy .dis-xl{font-size:clamp(40px,6vw,82px);max-width:17ch}
body.pslidy .lead{font-size:17.5px;line-height:1.55;max-width:58ch;margin:22px 0 0;color:#d3d9ee}
body.pslidy .svetlo .lead{color:var(--ink2)}
body.pslidy .tx{font-size:15.5px;line-height:1.62;max-width:62ch;margin:22px 0 0;color:#c6cde6}
body.pslidy .svetlo .tx{color:var(--ink2)}

body.pslidy .odr{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:1px;max-width:66ch}
body.pslidy .odr li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid rgba(255,255,255,.12);
  font-size:14px;line-height:1.5;color:#d3d9ee}
body.pslidy .svetlo .odr li{border-color:rgba(5,10,48,.12);color:var(--ink2)}
body.pslidy .odr li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:7px;
  background:var(--acc);border-radius:2px}

/* tlačidlá */
body.pslidy .akcie{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
body.pslidy .btn{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border:1px solid var(--acc);
  background:var(--acc);color:var(--night);border-radius:8px;font-size:11.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
body.pslidy .btn:hover{background:#14cf90;border-color:#14cf90}
body.pslidy .btn2{background:transparent;color:inherit;border-color:rgba(255,255,255,.36)}
body.pslidy .svetlo .btn2{border-color:#c3c9dd;color:var(--ink)}
body.pslidy .btn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* ---------- hero ---------- */
/* Hero sa po nábehu ešte veľmi pomaly hýbe — dych záberu, nie animácia. */
body.pslidy .hero.nabehol .foto > i{animation:dych 26s ease-in-out 2.6s infinite alternate}
/* POZOR: vnútro @keyframes sa NESCOPUJE. Generátor sem 17. 9. 2026
   dopísal `body.pslidy` pred kľúčovú snímku `to` aj pred zatváraciu
   zátvorku; `body.pslidy to` nie je platný selektor kľúčovej snímky,
   takže ju prehliadač zahodil a dych hero záberu sa nehýbal (zostala
   len snímka `from`). Opravené 21. 9. 2026. */
@keyframes dych{from{transform:scale(1)}to{transform:scale(1.07) translate3d(-1.2%,-.8%,0)}}
body.pslidy .dalej{animation:kyv 2.4s ease-in-out infinite}
/* To isté tu: bez snímky `50%` sa šípka „ďalej" nekývala. */
@keyframes kyv{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
body.pslidy .hero .metody{display:flex;gap:2px;margin-top:40px;flex-wrap:wrap}
body.pslidy .hero .metody span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;padding:9px 15px;
  border:1px solid rgba(255,255,255,.18);color:var(--dim-d);border-radius:4px}
body.pslidy .hero .metody span.on{background:var(--acc);border-color:var(--acc);color:var(--night);font-weight:700}
body.pslidy .dalej{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  display:grid;place-items:center;color:#fff;text-decoration:none;font-size:18px}
body.pslidy .dalej:hover{border-color:var(--acc);color:var(--acc)}

/* ---------- prvky v slidoch ---------- */
body.pslidy .tech{display:flex;gap:2px;flex-wrap:wrap;margin-top:26px}
body.pslidy .tech span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;
  border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#d3d9ee}
body.pslidy .svetlo .tech span{border-color:rgba(5,10,48,.18);color:var(--ink2)}
body.pslidy .stupne{display:flex;gap:2px;flex-wrap:wrap;margin-top:26px}
body.pslidy .stupne span{font-family:var(--mono);font-size:13px;letter-spacing:.12em;padding:10px 16px;
  border-radius:4px;background:var(--acc);color:var(--night);font-weight:700}
body.pslidy .stupne span.cak{background:transparent;border:1px dashed rgba(255,255,255,.3);color:var(--dim-d);
  font-weight:400;letter-spacing:.06em;text-transform:none;font-family:var(--sans);font-size:12px}

body.pslidy .pr-mriezka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2px;margin-top:26px}
body.pslidy .pr{background:rgba(10,16,67,.72);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:18px 20px 20px}
body.pslidy .svetlo .pr{background:rgba(255,255,255,.86);border-color:rgba(5,10,48,.12)}
body.pslidy .pr b{display:block;font-size:14.5px;color:#fff}
body.pslidy .svetlo .pr b{color:var(--ink)}
body.pslidy .pr .sp{display:block;font-size:12px;color:var(--acc);margin-top:6px;line-height:1.45}
body.pslidy .pr p{margin:12px 0 0;font-size:13px;line-height:1.5;color:#c6cde6}
body.pslidy .svetlo .pr p{color:var(--ink2)}
body.pslidy button.pr-a{background:transparent;border:0;border-bottom:1px solid var(--acc-dim);
  cursor:pointer;font:inherit;text-align:left;min-height:0;border-radius:0}
body.pslidy .pr-a{display:inline-block;margin-top:14px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--acc);text-decoration:none;border-bottom:1px solid var(--acc-dim);padding-bottom:2px}
body.pslidy .pr-a:hover{border-color:var(--acc)}
/* Karta s fotografiou zariadenia. Obrázok je súčasťou karty, nie pozadia —
   pozadie slidu nesie len prvý záber a ostatné by sa inak stratili. */
body.pslidy .pr-obr{padding:0;overflow:hidden;display:flex;flex-direction:column}
body.pslidy .pr-obr figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:rgba(255,255,255,.04)}
body.pslidy .pr-obr figure img{width:100%;height:100%;object-fit:cover;display:block}
body.pslidy .pr-obr .pr-tx{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
body.pslidy .svetlo .pr-obr figure{background:rgba(5,10,48,.05)}

/* video */
body.pslidy .prehrat{display:inline-flex;align-items:center;gap:12px;margin-top:28px;min-height:52px;padding:0 26px;
  background:var(--acc);color:var(--night);border-radius:8px;text-decoration:none;
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
body.pslidy .prehrat .ikn{font-size:15px}
body.pslidy .prehrat:hover{background:#14cf90}
body.pslidy .video::after{background-image:radial-gradient(circle at 1px 1px,var(--dot-d) 1px,transparent 0),
  linear-gradient(180deg,rgba(5,10,48,.9) 0%,rgba(5,10,48,.7) 50%,rgba(5,10,48,.92) 100%)!important}

/* FAQ */
body.pslidy .faq-sl .faq{margin-top:30px}
body.pslidy .faq{margin-top:26px;columns:2;column-gap:36px}
body.pslidy .faq details{break-inside:avoid;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:0}
body.pslidy .faq summary{list-style:none;cursor:pointer;padding:16px 34px 16px 0;position:relative;
  font-size:15.5px;line-height:1.35;color:#fff}
body.pslidy .faq summary::-webkit-details-marker{display:none}
body.pslidy .faq summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:21px;color:var(--acc);line-height:1}
body.pslidy .faq details[open] summary::after{content:"–"}
body.pslidy .faq .odp{padding:0 34px 18px 0;font-size:13.5px;line-height:1.55;color:#c6cde6}
body.pslidy .faq summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* iní výrobcovia */
body.pslidy .vyr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:2px;margin-top:28px}
body.pslidy .vyr a{display:block;padding:26px 22px;border:1px solid rgba(255,255,255,.16);border-radius:8px;
  text-decoration:none;color:#fff;font-family:var(--serif);font-size:26px;letter-spacing:-.01em}
body.pslidy .vyr a span{display:block;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--acc);margin-top:10px}
body.pslidy .vyr a:hover{border-color:var(--acc);background:rgba(16,185,129,.07)}

/* kontakt */
body.pslidy .kt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:2px;margin-top:30px}
body.pslidy .kt > *{padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:8px;
  text-decoration:none;color:#fff;display:block}
body.pslidy .kt span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim-d)}
body.pslidy .kt b{display:block;font-size:16px;margin-top:7px}
body.pslidy .kt a:hover{border-color:var(--acc)}

/* ---------- lepiaca lišta metód ----------
   Rad VT–ADR ostáva na očiach pri celom rolovaní, takže sa dá preskočiť
   na inú metódu odkiaľkoľvek zo stránky. Názvy sú doslovne tie, ktoré
   web používa v data.js — skratka sama nepovie, o čo ide.
   NA ŽIVOM WEBE by `top` bolo 62 px (výška hlavičky .hdr), tu je 34 px,
   lebo náhľad má nad sebou žltý pruh namiesto hlavičky. */
body.pslidy .met-pas{/* hlavička .hdr pri rolovaní odchádza (jej obal má jej výšku),
     preto sa lišta lepí na samotný vrch okna */
  position:sticky;top:0;z-index:45;
  background:rgba(5,10,48,.93);border-bottom:1px solid rgba(255,255,255,.16)}
@supports (backdrop-filter:blur(10px)){body.pslidy .met-pas{background:rgba(5,10,48,.78);backdrop-filter:blur(12px)}}
body.pslidy .met-in{width:min(1240px,100%);margin:0 auto;padding:0 18px;display:flex;gap:0;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
body.pslidy .met-in::-webkit-scrollbar{display:none}
body.pslidy .met-in a{flex:0 0 auto;display:flex;align-items:baseline;gap:7px;padding:12px 11px 10px;
  text-decoration:none;color:var(--dim-d);border-bottom:2px solid transparent;white-space:nowrap}
body.pslidy .met-in a b{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#fff}
body.pslidy .met-in a span{font-size:12px;letter-spacing:0}
body.pslidy .met-in a:hover{color:#fff;background:rgba(255,255,255,.05)}
body.pslidy .met-in a:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
body.pslidy .met-in a.on{color:#fff;border-bottom-color:var(--acc);background:rgba(16,185,129,.1)}
body.pslidy .met-in a.on b{color:var(--acc)}
body.pslidy .met-pas .postup{top:auto;bottom:0;left:0}

/* Zrno — jemná statická textúra nad celou stránkou, aby ploché závoje
   nepôsobili ako digitálny lak. Kreslí ho prehliadač, nie súbor. */
body.pslidy .zrno{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
body.pslidy .postup{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc);
  box-shadow:0 0 12px var(--acc-dim)}

/* ---------- bodky vpravo ---------- */
body.pslidy .body-nav{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:50;display:grid;gap:10px}
body.pslidy .body-nav a{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28);display:block}
body.pslidy .body-nav a.on{background:var(--acc);box-shadow:0 0 0 4px var(--acc-dim)}
body.pslidy .body-nav a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* ---------- responzívne ---------- */
@media(max-width:900px){
  body.pslidy .faq{columns:1}
  body.pslidy .sl::after{background-image:radial-gradient(circle at 1px 1px,var(--dot-d) 1px,transparent 0),
    linear-gradient(180deg,rgba(5,10,48,.9) 0%,rgba(5,10,48,.82) 60%,rgba(5,10,48,.92) 100%)}
  body.pslidy .sl.svetlo::after{background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 0),
    linear-gradient(180deg,rgba(236,238,241,.95) 0%,rgba(236,238,241,.88) 60%,rgba(236,238,241,.95) 100%)}
}
@media(max-width:620px){
  body.pslidy .met-in{padding:0 10px}
  body.pslidy .met-in a{gap:6px;padding:11px 10px 9px}
  body.pslidy .met-in a span{font-size:11.5px}
  body.pslidy .sl{padding:96px 16px 64px;min-height:auto}
  body.pslidy .dek{scroll-snap-type:none}
  body.pslidy .body-nav, body.pslidy .dalej{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.pslidy .dek{scroll-snap-type:none}
  body.pslidy .foto, body.pslidy .foto > i, body.pslidy .in > *, body.pslidy .odr li, body.pslidy .pr, body.pslidy .vyr a, body.pslidy .kt > *, body.pslidy .faq details{
    opacity:1!important;transform:none!important;transition:none!important}
  body.pslidy .hero.nabehol .foto, body.pslidy .hero.nabehol .foto > i, body.pslidy .dalej{animation:none!important}
  body.pslidy .zrno{display:none}
}

/* Úvodný slide nesie triedu `.hero`, ktorej app.css dáva svetlý spodný okraj
   (pre biely hero bežných stránok). Medzi tmavými slidmi z neho bola biela
   čiara — odstránená na všetkých slidových stránkach 4. 10. 2026 (pokyn). */
body .sl.hero{border-bottom:0}