/* 365 Grand Prix 2026 - Limitless BioChem. Stavba prevzatá zo stránky Peptide Revolution (pr/assets/gp365.css), iné farby.
   Farby zmerané na limitlessbiochem.com: modrá #0073e6, tmavomodrá #061735. Biele pozadie ako leták.
   Názvy premenných ostali z Peptide: --zlata = hlavná farba značky, --cerna = pozadie, --bila = text.
   Písmo Montserrat (SIL OFL 1.1), uložené lokálne. Ikony Phosphor (MIT). */

@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;
  src:url("fonts/montserrat-normal-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;
  src:url("fonts/montserrat-normal-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:400 900;font-display:swap;
  src:url("fonts/montserrat-italic-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:400 900;font-display:swap;
  src:url("fonts/montserrat-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --cerna:#fbfaf6;   /* pozadie stránky = ako eshop www.limitlessbiochem.com (namerané 6. 10.) */
  --cerna-2:#eef5ff;
  --linka:#d3dfef;
  --zlata:#0073e6;
  --zlata-hover:#0a8dff;
  --cervena:#061735;
  --cervena-tm:#030c1e;
  --bila:#061735;
  --tlumena:#51607a;
  --okraj:20px;
  --sikmo:-9deg;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#dfeaf8}
body{margin:0;background:#dfeaf8;color:var(--bila);
  font:500 16px/1.45 "Montserrat",-apple-system,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p,h1,h2,ol{margin:0;padding:0}
ol{list-style:none}

.list{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--cerna);overflow:hidden;
  padding:max(14px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom))}

/* ---------- vrch stránky ----------
   Hlavička: sýty prechod Limitless (zmerané z podkladu: #19b0ff -> #0175e7), šikmý spodok.
   Pod ňou jemný modro-biely podklad ako na letáku (zmerané: #d7e8fb hore -> #f7fbff dole),
   druhý riadok nadpisu má prechod z letáku (#53aef8 -> #3273df). */
.list{padding-top:0}
.vrch{position:relative;z-index:3;padding:max(16px,env(safe-area-inset-top)) 0 40px;color:#fff;
  background:linear-gradient(100deg,#19b0ff 0%,#0d91f2 52%,#0175e7 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),0 100%)}
.vrch .hlava-akce{color:var(--bila)}
.vrch .hlava-akce strong{color:#fff}
.jemny{position:relative;z-index:2;margin-top:-27px;padding:22px 0 58px;
  background:linear-gradient(180deg,#d7e8fb 0%,#eaf5fe 46%,var(--cerna) 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),0 100%)}
.jemny .hero h1 .zl{color:#3f8ce9;background:linear-gradient(95deg,#53aef8 0%,#428fea 50%,#3273df 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.08em}
.jemny .hero-pruh span{background:var(--bila);color:#fff}
.hero-dole{position:relative;z-index:1;margin-top:-18px}

/* ---------- hlavička ---------- */
.hlava{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 var(--okraj)}
.hlava-logo img{width:168px}
.hlava-akce{text-align:right;font-size:12px;line-height:1.3;font-weight:700;font-style:italic;text-transform:uppercase;color:var(--bila)}
.hlava-akce strong{display:block;font-size:17px;font-weight:900;color:var(--zlata);letter-spacing:.01em}
/* „365 Grand Prix" je dlhší než „EVLS Prague" a vedľa širokého loga Limitless sa lámal na „365 GRAND / PRIX" (zmerané 320–375 px).
   Na verejných stránkach sa názov nezalamuje a logo si vezme zvyšné miesto. Obsluha (.obs) má v hlavičke aj ikony - tam bez zmeny. */
.list:not(.obs) .hlava-akce strong{white-space:nowrap}
.list:not(.obs) .hlava-logo{min-width:0}
.list:not(.obs) .hlava-logo img{max-width:100%;height:auto}

/* ---------- hero ---------- */
.hero{position:relative;padding:30px var(--okraj) 0}
.hero h1{font-weight:900;font-style:italic;text-transform:uppercase;
  font-size:clamp(33px,10.3vw,50px);line-height:.98;white-space:nowrap;letter-spacing:-.025em;color:var(--bila);position:relative;z-index:2}
.hero h1 .zl{display:block;color:var(--zlata);font-size:.8em;margin-top:4px}
/* „Zhyby alebo silomer“ je na jeden riadok dlhé (431 px pri šírke 338 px) - prvý riadok sa zalomí, „a získaj zľavu!“ ostáva celé */
.hero h1{white-space:normal}
.hero h1 .zl{white-space:nowrap}
.hero-text{position:relative;z-index:2;margin-top:16px;font-size:17px;font-weight:700;font-style:italic;line-height:1.3;text-transform:uppercase}
.hero-pruh{position:relative;z-index:2;margin-top:8px}
.hero-pruh span{display:inline-block;background:var(--zlata);color:var(--cerna);padding:9px 22px 9px 14px;
  font-size:clamp(15px,4.9vw,22px);white-space:nowrap;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1.15;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);transform-origin:left center}

/* ---------- obrázok športovca ---------- */
.hero-obr{position:relative;z-index:1;width:82%;max-width:none;margin:6px -9% 0 auto}

/* ---------- zhyby: animácia, nie ovládanie. Prebehne raz do 35, potom MAX pulzuje.
   Podklad je prechod Limitless (rovnaký ako hlavička: #19b0ff -> #0175e7). ---------- */
.shyby{position:relative;z-index:3;isolation:isolate;margin:-30px 0 0;padding:26px var(--okraj);color:#fff}
/* pruh cez celú šírku; tieň je box-shadow na vrstve pod textom, NIE filter na celom bloku -
   filter sa pri každom kroku počítadla prekresľoval celý a tieň preblikával */
.shyby::before{content:"";position:absolute;inset:0 -40px;z-index:-1;
  background:linear-gradient(100deg,#19b0ff 0%,#0d91f2 52%,#0175e7 100%);
  box-shadow:0 16px 22px rgba(6,23,53,.24),0 3px 5px rgba(6,23,53,.16)}
.shyby h2{font-size:clamp(20px,6.6vw,32px);color:#fff;white-space:nowrap}
.shyby-cte{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shyby-rada{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:20px}
/* „35", „shybů" a „MAX": biely štítok s VYREZANÝM písmom. Čierne písmo + miešanie „screen" = biela ostane biela,
   písmo prepustí prechod bloku. Prvok s miešaním nesmie mať predka s transformáciou.
   Skosený tvar robí vrstva ::before (skewX), NIE clip-path - orezanie spolu s miešaním a pohybom
   nechávalo na hranách tenké biele čiarky. Z rovnakého dôvodu číslo pri počítaní neposkakuje. */
.shyby-pocet{font-size:clamp(56px,18vw,84px);font-weight:900;font-style:italic;line-height:.84;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.shyby-pocet span,.shyby-pocet small,.shyby-sleva.max em{position:relative;color:#000;mix-blend-mode:screen;backface-visibility:hidden}
.shyby-pocet span::before,.shyby-pocet small::before,.shyby-sleva.max em::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff}
.shyby-pocet span{display:inline-block;min-width:1.55em;padding:8px 17px 10px;text-align:center}
.shyby-pocet span::before{transform:skewX(-9deg)}
.shyby-pocet small{display:table;margin:8px 0 0 3px;padding:5px 11px;
  font-size:15px;font-weight:900;font-style:italic;line-height:1;letter-spacing:0;text-transform:uppercase}
.shyby-pocet small::before,.shyby-sleva.max em::before{transform:skewX(-17deg)}
/* vpravo: bez zmeny oproti verzii 20260929o */
.shyby-sleva{text-align:right;font-size:17px;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;color:#fff;transform-origin:right bottom}
.shyby-sleva em{display:inline-block;font-style:italic}
.shyby-sleva.max em{transform-origin:right bottom;margin-right:4px;padding:5px 11px;font-size:19px}
.shyby-sleva span{display:block;margin-top:6px;font-size:clamp(40px,13vw,58px);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:right bottom}
.shyby-lista{position:relative;height:16px;margin-top:20px;background:rgba(255,255,255,.26);transform:skewX(var(--sikmo));overflow:hidden}
.shyby-lista i{position:absolute;inset:0;background:linear-gradient(90deg,#0b4fb3 0%,#0a3d91 100%);transform:scaleX(0);transform-origin:left center;transition:transform .16s linear;will-change:transform}
.shyby-lista.bez-prechodu i{transition:none}
.shyby-pozn{margin-top:14px;font-size:13.5px;font-weight:700;color:#fff}

/* ---------- zhyby | silomer: jeden obrázok, kruhy rovnako veľké na jednej výške, medzi nimi modrý blesk
   (20. 10. 2026, návrh A1; obrázok skladá nastroje/blesk-navrhy.py z shyby.webp a silomer.webp) ---------- */
/* modrý blok pod obrázkom má margin-top -30px; pod kruhmi je v obrázku 5,42 % šírky priehľadného miesta (65/680 výšky)
   -> spodná medzera tak, aby blok začal 4 px pod kruhmi pri každej šírke (ako v odsúhlasenom náhľade) */
.hero-dve .hero-spolu{width:100%;max-width:none;margin:6px 0 calc(34px - 5.42%)}
/* hrot blesku jemne presahuje do modrého bloku (20. 10. 2026) - obrázok je nad blokom; spodok obrázka je okrem hrotu priehľadný */
.hero-dole.hero-dve{z-index:4;pointer-events:none}
/* ---------- jeden blok: hláška, sadzby a jeden pás (20. 10. 2026, namiesto dvoch meradiel) ----------
   prvky z pôvodného bloku EVLS: nadpis, .shyby-rada, .shyby-lista (pás), .shyby-sleva (štítok so zľavou) */
.shyby.jeden h2{font-size:clamp(24px,7.4vw,36px);line-height:1.02;white-space:normal}
.shyby.jeden h2 span{display:block;white-space:nowrap}
.shyby-sadzby{margin-top:10px;font-size:clamp(15px,4.4vw,19px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.02em}
.shyby.jeden .shyby-rada{align-items:center;gap:16px;margin-top:22px}
.shyby.jeden .shyby-lista{flex:1;min-width:0;margin-top:0}
.shyby.jeden .shyby-sleva{flex:0 0 auto;display:flex;align-items:baseline;gap:6px}
.shyby.jeden .shyby-sleva span{margin-top:0;font-size:clamp(30px,9.4vw,46px)}

/* ---------- rekord dňa ---------- */
.rekord{margin:28px var(--okraj) 0;padding:12px 22px 12px 26px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;
  position:relative;isolation:isolate;filter:drop-shadow(0 10px 14px rgba(6,23,53,.22)) drop-shadow(0 2px 4px rgba(6,23,53,.14))}
/* tvar je na vrstve pod textom, aby tieň kopíroval šikmé hrany (orezaný prvok by si tieň odrezal) */
.rekord::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bila);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.rekord[hidden],.rekord b[hidden]{display:none}
.rekord{flex-wrap:wrap}
.rekord>span{font-size:15px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.02em}
.rekord b{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:900;font-style:italic;line-height:1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.rekord b span{font-size:46px;line-height:1;letter-spacing:-.03em;padding:0 .08em 0 0;color:#53aef8;font-variant-numeric:tabular-nums;
  background:linear-gradient(100deg,#6fd0ff 0%,#2f9bff 55%,#1f6fe6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---------- kroky ---------- */
.kroky{padding:44px var(--okraj) 0}
h2{font-size:30px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.kroky ol{margin-top:14px}
.kroky li{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--linka)}
.kroky li:first-child{border-top:0}
.kroky b{flex:0 0 46px;font-size:54px;line-height:.9;font-weight:900;font-style:italic;color:var(--zlata)}
.kroky span{font-size:17px;font-weight:700;line-height:1.3}

/* ---------- stories ---------- */
.stories{position:relative;display:block;margin:64px var(--okraj) 0;padding:0 0 22px;text-decoration:none;min-height:214px}
.stories-pruh{position:relative;z-index:2;isolation:isolate;display:inline-block;color:var(--cerna);padding:17px 14px 17px 170px;white-space:nowrap;
  font-size:clamp(13px,4vw,19px);font-weight:900;font-style:italic;text-transform:uppercase;line-height:1}
.stories-pruh::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--zlata);
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.stories-pruh strong{position:absolute;left:12px;bottom:9px;white-space:nowrap;
  font-family:inherit;font-size:68px;font-weight:900;font-style:italic;line-height:.8;letter-spacing:-.04em;
  color:#fff;transform:rotate(3deg);transform-origin:right bottom;
  -webkit-text-stroke:6px var(--bila);paint-order:stroke fill;
  text-shadow:4px 5px 0 var(--bila)}
.stories-text{position:relative;z-index:2;display:block;margin-top:16px;max-width:52%;font-size:15px;font-weight:600;line-height:1.4}
.stories-text em{overflow-wrap:anywhere;font-style:normal;font-weight:800;color:var(--zlata)}
.stories img{position:absolute;z-index:3;right:-14px;top:46px;width:50%;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 97%);mask-image:linear-gradient(to bottom,#000 58%,transparent 97%)}
.stories:hover .stories-pruh::before,.stories:focus-visible .stories-pruh::before{background:var(--zlata-hover)}
.stories:active{transform:scale(.985)}

/* ---------- odkazy ---------- */
.odkazy{margin:34px var(--okraj) 0;display:flex;flex-direction:column}
.odkazy a,.odkazy button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 14px;
  font:inherit;font-size:17px;font-weight:800;text-align:left;text-decoration:none;color:var(--bila);
  background:transparent;border:0;border-bottom:1px solid var(--linka);cursor:pointer;width:100%;
  transition:transform .12s ease}
.odkazy a small{display:block;font-size:13px;font-weight:500;color:var(--tlumena);margin-top:1px}
.odkazy .ic{flex:0 0 22px;width:22px;height:22px;color:var(--zlata)}
.odkazy a:hover,.odkazy button:hover,.odkazy a:focus-visible,.odkazy button:focus-visible{background:var(--zlata);color:var(--cerna);outline:0}
.odkazy a:hover small,.odkazy a:focus-visible small{color:var(--cerna)}
.odkazy a:hover .ic,.odkazy button:hover .ic,.odkazy a:focus-visible .ic,.odkazy button:focus-visible .ic{color:var(--cerna)}
.odkazy a:active,.odkazy button:active{transform:scale(.98)}
.odkazy .hlavni{min-height:66px;margin-bottom:10px;padding:10px 22px;background:var(--zlata);color:var(--cerna);border:0;
  font-size:19px;font-weight:900;font-style:italic;text-transform:uppercase;
  clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.odkazy .hlavni .ic{color:var(--cerna)}
.odkazy .hlavni small{color:var(--cerna);opacity:.85}   /* podtext v plnom tlačidle (vstup do linktree, 20. 10. 2026) */
.odkazy .hlavni:not(:first-child){margin-top:14px}   /* „Náš linktree“ na konci zoznamu - odstup od Podpory ako pri Spolupráci (20. 10. 2026) */
.odkazy .hlavni:hover,.odkazy .hlavni:focus-visible{background:var(--zlata-hover)}
.odkazy [hidden]{display:none}
/* zvýraznený riadok: zlatý rám + vlna okolo neho */
.odkazy a.zvyraznit{position:relative;min-height:66px;margin:14px 0 6px;border:2px solid var(--zlata);color:var(--zlata)}
.odkazy a.zvyraznit small{color:var(--bila);font-weight:600}
.odkazy a.zvyraznit:hover small,.odkazy a.zvyraznit:focus-visible small{color:var(--cerna)}   /* podtext pri prejdení myšou v rovnakej farbe ako nadpis (22. 10. 2026) */
.odkazy a.zvyraznit::after{content:"";position:absolute;inset:-2px;border:2px solid var(--zlata);opacity:0;pointer-events:none}
.odkazy a.zvyraznit:hover,.odkazy a.zvyraznit:focus-visible{color:var(--cerna)}

/* ---------- ikony (maska, farba z textu) ---------- */
.ic{display:inline-block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic-sipka{--m:url("ic-arrow-right.svg")}
.ic-nahoru{--m:url("ic-arrow-up.svg")}
.ic-sdilet{--m:url("ic-share-network.svg")}
.ic-ig{--m:url("ic-instagram-logo.svg")}
.ic-fb{--m:url("ic-facebook-logo.svg")}
.ic-tt{--m:url("ic-tiktok-logo.svg")}
.ic-play{--m:url("ic-play-circle.svg")}

/* ---------- päta ---------- */
.pata{position:relative;margin:36px var(--okraj) 0;text-align:left}
.site{display:flex;gap:10px}
.site a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--zlata);color:var(--cerna);
  transform:skewX(var(--sikmo));transition:transform .12s ease}
.site a .ic{width:26px;height:26px;transform:skewX(9deg)}
.site a:hover,.site a:focus-visible{background:var(--zlata-hover);outline:0}
.site a:active{transform:skewX(var(--sikmo)) scale(.94)}
.pata-odkazy{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px;font-weight:700}
.pata-odkazy a{color:var(--zlata);text-underline-offset:4px}
.pata-odkazy a:hover,.pata-odkazy a:focus-visible{color:var(--bila)}
.pata-pozn{margin-top:14px;font-size:13px;line-height:1.5;color:var(--tlumena)}

/* ---------- šípka späť nahor ---------- */
.nahoru{position:fixed;z-index:20;right:max(var(--okraj),calc(50% - 240px + var(--okraj)));bottom:max(18px,env(safe-area-inset-bottom));
  width:52px;height:52px;padding:0;border:0;cursor:pointer;background:var(--zlata);color:var(--cerna);
  display:flex;align-items:center;justify-content:center;transform:skewX(var(--sikmo));
  box-shadow:0 6px 18px rgba(6,23,53,.35);transition:transform .12s ease}
.nahoru[hidden]{display:none}
/* pri päte šípka zastane vedľa ikon sietí, aby nezakrývala text */
.nahoru.ukotvena{position:absolute;right:0;top:0;bottom:auto}
.text{padding-bottom:84px}
.nahoru .ic{width:26px;height:26px;transform:skewX(9deg)}
.nahoru:hover,.nahoru:focus-visible{background:var(--zlata-hover)}
.nahoru:active{transform:skewX(var(--sikmo)) scale(.94)}

/* ---------- viditeľný focus pre klávesnicu ---------- */
a:focus-visible,button:focus-visible{outline:3px solid var(--bila);outline-offset:3px}

/* ---------- podmienky ---------- */
.text{padding:28px var(--okraj) 0}
.text h1{font-size:34px;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;letter-spacing:-.02em}
.text h1 span{display:block;color:var(--zlata)}
.text h2{font-size:19px;font-style:normal;text-transform:none;letter-spacing:0;line-height:1.25;margin:30px 0 8px;color:var(--zlata)}
.text p,.text li{font-size:15.5px;line-height:1.55;font-weight:500}
.text ul,.text ol{margin:0;padding-left:20px;list-style:revert}
.text li{margin:6px 0}
.text a{color:var(--zlata)}
.zpet{display:inline-flex;align-items:center;gap:8px;margin:22px var(--okraj) 0;padding:12px 20px 12px 16px;background:var(--zlata);color:var(--cerna);
  font-weight:900;font-style:italic;text-transform:uppercase;text-decoration:none;font-size:15px;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.zpet .ic{width:20px;height:20px;transform:rotate(180deg)}
.zpet:hover,.zpet:focus-visible{background:var(--zlata-hover)}

/* ---------- úzke telefóny ---------- */
@media (max-width:359px){
  :root{--okraj:16px}
  .hlava-logo img{width:140px}
  .stories-text{max-width:60%;font-size:14px}
  .stories-pruh{padding-left:140px;padding-right:12px;font-size:13px}
  .stories-pruh strong{font-size:56px;left:10px}
  .pole i{width:26px;height:26px}
}

/* ---------- pohyb: pulz pruhu, zvýraznený riadok, zľava pri maxime ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero-pruh span{animation:pulz 1.5s ease-in-out infinite}
  .shyby-sleva.max em,.shyby-sleva.max span{animation:pulz .9s ease-in-out infinite}
  @keyframes tik{0%{transform:translateY(7px)}100%{transform:none}}
  .odkazy a.zvyraznit::after{animation:vlna-ram 2s ease-out infinite}
  .odkazy a.zvyraznit .ic{animation:sipka 2s ease-in-out infinite}
  .hero-obr{animation:prichod .8s cubic-bezier(.16,1,.3,1) both}
  @keyframes vlna-ram{0%{transform:scale(1);opacity:.75}70%,100%{transform:scale(1.035,1.3);opacity:0}}
  @keyframes sipka{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(5px)}}
  @keyframes pulz{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
  @keyframes prichod{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
}