:root{--cierna:#000;--text:#1A1B18;--text2:#212529;--tlmeny:#757575;--biela:#fff;--siva:#F5F5F5;--pole:#F2F2F2;--zlta-svetla:#FFF3CD;
--zlta1:#FFDB25;--zlta2:#E0A309;--cervena:#E3262B;--zelena:#1E8E3E;
--nadpis:Poppins,Arial,sans-serif;--pismo:'Open Sans',Arial,sans-serif;--citat:Urbanist,Arial,sans-serif;--zvyraznenie:'Protest Riot',Poppins,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--biela);color:var(--cierna);font:400 20px/31px var(--pismo)}
p{margin:0 0 24px}
a{color:inherit}
b,strong{font-weight:700}
h1,h2,h3{font-family:var(--nadpis);color:var(--text)}

/* pruh hore a úvod */
.pruh-hore{background:var(--cierna);color:var(--biela);text-align:center;font:400 16px/24px var(--pismo);padding:10px 16px;letter-spacing:.02em}
.skuska{background:var(--zlta-svetla);border:1px solid var(--zlta2);border-radius:8px;padding:10px 14px;font-size:15px;line-height:1.5;margin:0 0 24px;color:var(--text)}
.predajna .skuska{max-width:760px;margin:16px auto;width:calc(100% - 32px)}
.hero{position:relative;background:radial-gradient(ellipse 60% 55% at 50% 38%,rgba(224,163,9,.28),rgba(0,0,0,0) 70%),#050505;color:var(--biela);text-align:center;padding:72px 16px 96px}
.hero::after{content:'';position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);border-left:28px solid transparent;border-right:28px solid transparent;border-top:24px solid #050505}
.hero h1{max-width:900px;margin:0 auto 28px;font:500 65px/70px var(--nadpis);color:var(--biela)}
.zvyrazni{display:inline-block;font-family:var(--zvyraznenie);font-weight:500;color:var(--biela);background:var(--cervena);padding:0 14px 4px;transform:rotate(-2deg);border-radius:4px}
.podnadpis{max-width:760px;margin:0 auto 8px;font:500 26px/33px var(--nadpis);color:var(--biela)}
.hero .pod{color:#cfcfcf}

/* sekcie */
.sekcia{padding:72px 16px}
.sekcia-siva{background:var(--siva)}
.sekcia-zlta{background:var(--zlta-svetla)}
.sekcia h2{max-width:900px;margin:0 auto 40px;text-align:center;font:700 46px/1.3 var(--nadpis)}
.sekcia h2.h2-dalsi{margin-top:64px}
.podciarkni{background:linear-gradient(transparent 62%,rgba(255,219,37,.75) 62%);padding:0 4px}
.text{max-width:760px;margin:0 auto}
.stred{text-align:center}
.cta{margin:40px 0 0;text-align:center}
.tlacidlo{display:inline-block;min-height:56px;padding:14px 28px;border:2px solid rgba(0,0,0,.2);border-radius:12px;background:linear-gradient(var(--zlta1),var(--zlta2));box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);color:var(--text);font:700 20px/1.3 var(--nadpis);text-align:center;text-decoration:none;cursor:pointer}
.tlacidlo:hover{filter:brightness(1.05)}
.tlacidlo-cta{max-width:100%}
.pod{display:block;margin:12px 0 0;font:400 15px/1.5 var(--pismo);color:var(--tlmeny);text-align:center}
ol.cisla{padding-left:0;list-style:none;counter-reset:c;margin:0 0 24px}
ol.cisla li{counter-increment:c;position:relative;padding:0 0 16px 56px}
ol.cisla li::before{content:counter(c);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text);font:700 18px/38px var(--nadpis);text-align:center}
blockquote{margin:32px 0;padding:8px 0 8px 24px;border-left:6px solid var(--zlta2);font:700 28px/1.35 var(--nadpis);color:var(--text)}

/* 5 bodov */
.body5{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.bod{background:var(--biela);border-radius:16px;padding:28px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.bod:last-child{grid-column:1/-1;max-width:538px;justify-self:center;width:100%}
.bod h3{display:flex;gap:14px;align-items:center;margin:0 0 18px;font:700 24px/1.3 var(--nadpis)}
.bod-cislo{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text);font:700 20px/44px var(--nadpis);text-align:center}
.bod dl{margin:0}
.bod dt{font:700 14px/1.4 var(--nadpis);color:#8A6400;text-transform:uppercase;letter-spacing:.06em}
.bod dd{margin:4px 0 16px;font-size:18px;line-height:28px}
.bod dd:last-child{margin-bottom:0}

/* ZLATOKOPKA, referencie, ukážka */
.dokazy{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 32px}
.dokaz-karta{background:var(--cierna);color:var(--biela);border-radius:16px;padding:24px}
.dokaz-karta p{margin:0 0 10px;font-size:18px;line-height:28px}
.dokaz-karta b{color:var(--zlta1)}
.fraza{font:700 24px/1.3 var(--nadpis)!important;color:var(--zlta1)}
.citaty{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.citat{margin:0;background:var(--biela);border-radius:16px;padding:28px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.citat blockquote{margin:0 0 18px;padding:0;border:0;font:400 17px/29px var(--citat);color:var(--text2)}
.citat blockquote b{color:#141414}
.citat-meno{display:block;font:400 19px/24px var(--pismo);color:var(--text)}
.citat-kto{display:block;font:400 13px/18px var(--citat);color:var(--tlmeny)}
.ukazka{background:var(--biela);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08);margin:8px 0 32px;overflow:hidden;border:1px solid #eee}
.ukazka-hlava{margin:0;padding:16px 20px;background:var(--cierna);color:var(--biela);font:700 18px/1.4 var(--nadpis)}
.ukazka-riadok{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #eee;font-size:17px;line-height:1.4}
.ukazka-riadok small{display:block;color:var(--tlmeny);font-size:14px}
.st{flex:none;padding:4px 10px;border-radius:8px;font:700 13px/1.3 var(--nadpis);white-space:nowrap}
.st-dobre{background:var(--zelena);color:var(--biela)}.st-ciast{background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text)}.st-zle{background:var(--cervena);color:var(--biela)}

/* zoznamy */
ul.predstava,ul.nie,.komu ul{list-style:none;padding:0;margin:0 0 24px}
ul.predstava li,ul.nie li,.komu li{position:relative;padding:0 0 14px 36px}
ul.predstava li::before{content:'…';position:absolute;left:4px;color:var(--zlta2);font-weight:700}
ul.nie li::before,.komu div:last-child li::before{content:'✕';position:absolute;left:4px;color:var(--cervena);font-weight:700}
.komu div:first-child li::before{content:'✓';position:absolute;left:4px;color:var(--zelena);font-weight:700}
.komu{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px}
.komu h3{font:700 28px/1.3 var(--nadpis);margin:0 0 16px}
.komu li{font-size:18px;line-height:28px}

/* formulár */
.karta{background:var(--biela);border-radius:16px;padding:32px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
label{display:block;font:700 16px/1.4 var(--pismo);margin:0 0 6px;color:var(--text)}
.pole{margin:0 0 18px}
.napoveda{display:block;font-weight:400;font-size:14px;color:var(--tlmeny);margin-top:2px}
input[type=text],input[type=email],input[type=url]{width:100%;min-height:48px;padding:10px 14px;border:1px solid #e3e3e3;border-radius:8px;font:16px var(--pismo);color:var(--text);background:var(--pole)}
input:focus{outline:2px solid var(--zlta2);outline-offset:1px;background:var(--biela)}
.suhlas{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px}
.suhlas input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--zlta2)}
.suhlas label{font:400 14px/1.5 var(--pismo);color:var(--tlmeny);margin:0}
.karta .tlacidlo{width:100%}
.chyba{background:#FEF2F2;border:1px solid var(--cervena);border-radius:8px;padding:10px 14px;margin:0 0 18px;font-size:16px;line-height:1.5}
.skryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#formular{scroll-margin-top:8px}

/* otázky a pätička */
.faq{background:var(--biela);border:1px solid #eee;border-radius:12px;margin:0 0 12px;padding:0 20px}
.faq summary{cursor:pointer;padding:18px 0;font:700 19px/1.4 var(--nadpis);min-height:44px;color:var(--text)}
.faq p{margin:0 0 18px;font-size:18px;line-height:28px}
.paticka{background:var(--cierna);color:#bdbdbd;padding:28px 16px;text-align:center;font:400 15px/1.6 var(--pismo)}
.paticka a{color:#bdbdbd}
.suhlas a{color:var(--text)}
.pravne h1{font:700 46px/1.2 var(--nadpis);margin:0 0 24px}
.pravne h2{text-align:left;font:700 28px/1.3 var(--nadpis);margin:40px 0 14px}
.pravne p,.pravne li,.pravne dd{font-size:18px;line-height:28px}
.udaje{margin:0 0 20px}.udaje dt{font-weight:700}.udaje dd{margin:0 0 12px}
.pravne-zoznam{padding-left:22px;margin:0 0 20px}
@media (max-width:800px){.pravne h1{font-size:34px}.pravne h2{font-size:24px}}
/* blog */
.blog-h1{font:700 46px/1.2 var(--nadpis);margin:8px 0 16px}
.blog-stitok{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--zlta-svetla);color:#8A6400;font:700 13px/1.3 var(--nadpis);text-transform:uppercase;letter-spacing:.05em}
.blog-datum{color:var(--tlmeny);font-size:15px;margin:0 0 28px}
.blog-spat{margin:0 0 20px;font-size:16px}.blog-spat a{color:var(--tlmeny)}
.blog-zoznam{display:grid;gap:20px;margin:32px 0}
.blog-karta{display:block;background:var(--biela);border:1px solid #eee;border-radius:16px;padding:24px;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.blog-karta:hover{border-color:var(--zlta2)}
.blog-karta-h{display:block;margin:12px 0 8px;font:700 24px/1.3 var(--nadpis);color:var(--text)}
.blog-karta-p{display:block;font-size:17px;line-height:27px;color:var(--text2)}
.blog-dalej{display:block;margin-top:12px;font:700 16px var(--nadpis);color:#8A6400}
.clanok h2{text-align:left;max-width:none;font:700 30px/1.3 var(--nadpis);margin:44px 0 16px}
.clanok ul,.clanok ol{padding-left:26px;margin:0 0 24px}.clanok li{margin:0 0 10px}
.clanok a{color:#8A6400;font-weight:700}
.kod{font-family:Consolas,monospace;background:var(--siva);border-radius:8px;padding:12px 16px}
.blog-cta{background:var(--cierna);color:var(--biela);border-radius:16px;padding:32px;margin:48px 0;text-align:center}
.blog-cta-nad{color:var(--zlta1);font:700 14px/1.3 var(--nadpis);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.blog-cta-h{font:700 30px/1.25 var(--nadpis);margin:0 0 14px}
.blog-cta p{font-size:18px;line-height:28px}
.blog-cta .tlacidlo{color:var(--text)}
.blog-dalsie{padding-left:22px}
.blog-menu{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.blog-menu-a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid #e3e3e3;border-radius:999px;background:var(--biela);color:var(--text);font:700 15px/1.2 var(--nadpis);text-decoration:none;white-space:nowrap}
.blog-menu-a span{font-weight:400;color:var(--tlmeny);font-size:13px}
.blog-menu-a:hover{border-color:var(--zlta2)}
.blog-menu-a.akt{background:var(--cierna);border-color:var(--cierna);color:var(--biela)}
.blog-menu-a.akt span{color:var(--zlta1)}
.clanok .blog-menu{margin:0 0 28px}
.clanok .blog-menu-a{font-weight:700}
.blog-strany{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 40px;font:700 16px var(--nadpis)}
.blog-strany a{color:#8A6400;text-decoration:none}
.blog-strany-cisla{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.blog-strany-cisla a,.blog-strany-cisla b{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:8px;border:1px solid #e3e3e3;background:var(--biela)}
.blog-strany-cisla b{background:var(--cierna);border-color:var(--cierna);color:var(--biela)}
@media (max-width:800px){.blog-menu{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 6px;scrollbar-width:none}.blog-menu::-webkit-scrollbar{display:none}.blog-strany{flex-wrap:wrap;font-size:15px;row-gap:14px}.blog-strany>a{white-space:nowrap}.blog-strany-cisla{order:-1;width:100%}.blog-strany-cisla a,.blog-strany-cisla b{min-width:36px;min-height:40px}}
@media (max-width:800px){.blog-h1{font-size:34px}.clanok h2{font-size:25px}.blog-cta{padding:24px}.blog-cta-h{font-size:24px}}

/* jednoduché stránky: poďakovanie, prehľad */
.obal{max-width:760px;margin:0 auto;padding:40px 16px 56px}
.obal h1{font:700 40px/1.2 var(--nadpis);margin:0 0 20px}
.obal h2{font:700 26px/1.3 var(--nadpis);margin:0 0 12px}
.obal p{font-size:18px;line-height:28px}
.znacka-text{font:700 20px var(--nadpis);margin:0 0 28px;display:block}
table.zoznam{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;background:var(--biela)}
table.zoznam th,table.zoznam td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.obal-siroky{max-width:1100px}
.stav{display:inline-block;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:700;background:var(--pole)}
.stav-hotovo{background:var(--zelena);color:var(--biela)}.stav-chyba{background:var(--cervena);color:var(--biela)}
.oznam{padding:12px 16px;border-radius:10px;font-weight:700}.oznam-ok{background:#DCFCE7;color:#14532D}.oznam-chyba{background:#FEE2E2;color:#7F1D1D}

/* súhlas s cookies: okno v strede, stránka za ním rozmazaná a zablokovaná, kým človek nevyberie (majiteľ 26. 10. 2026) */
.cookies{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cookies[hidden]{display:none}
.cookies-okno{width:100%;max-width:460px;background:var(--biela);color:var(--text);border-radius:20px;padding:28px;box-shadow:0 16px 48px rgba(0,0,0,.35);font:400 16px/1.55 var(--pismo)}
.cookies h2{margin:0 0 12px;font:700 22px/1.3 var(--nadpis);color:var(--text)}
.cookies p{margin:0 0 20px}
.cookies-tl{display:flex;flex-direction:column;gap:12px}
.cookies .tlacidlo{width:100%;min-height:52px;padding:12px 20px;font-size:18px}
.cookies-nie{width:100%;min-height:52px;padding:12px 20px;border:2px solid rgba(0,0,0,.2);border-radius:12px;background:var(--biela);color:var(--text);font:700 18px/1.3 var(--nadpis);cursor:pointer}
.cookies-nie:hover{background:var(--siva)}
.cookies-odkaz{margin:16px 0 0;text-align:center;font-size:14px}
.cookies-odkaz a{color:var(--text)}
html.cookies-zamok{overflow:hidden}
/* na stránke ochrany údajov okno nezakrýva text, aby sa dal prečítať */
.cookies.cookies-volne{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;pointer-events:none}
.cookies-volne .cookies-okno{pointer-events:auto}

@media (max-width:800px){
  body{font-size:18px;line-height:28px}
  .hero{padding:48px 16px 72px}.hero h1{font-size:40px;line-height:46px}.podnadpis{font-size:21px;line-height:29px}
  .sekcia{padding:52px 16px}.sekcia h2{font-size:32px;line-height:1.3;margin-bottom:28px}
  .body5,.citaty,.dokazy,.komu{grid-template-columns:1fr}.bod:last-child{max-width:none}
  blockquote{font-size:23px}.tlacidlo{font-size:18px;padding:14px 20px}.karta{padding:22px}
}
@media (max-width:420px){.hero h1{font-size:34px;line-height:40px}.sekcia h2{font-size:28px}}

/* vizuály v článkoch */
.vis-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;min-height:150px;margin:0 0 28px;padding:28px;border-radius:16px;
  background:radial-gradient(ellipse 70% 90% at 15% 50%,rgba(224,163,9,.35),rgba(0,0,0,0) 70%),#050505;color:var(--biela)}
.vis-hero-ikona{flex:none;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text)}
.vis-hero-text span{display:block;font:700 26px/1.2 var(--nadpis)}
.vis-hero-text b{display:block;margin-top:6px;font:400 15px var(--pismo);color:var(--zlta1);letter-spacing:.04em;text-transform:uppercase}
.vis-hero-ciary{position:absolute;right:0;bottom:0;width:60%;height:100%;fill:none;stroke:rgba(255,219,37,.25);stroke-width:2}
.blog-karta-ikona{float:right;margin:0 0 8px 12px;color:var(--zlta2)}

/* kroky (schéma postupu) */
.vis-kroky{display:flex;gap:10px;margin:8px 0 28px;counter-reset:vk;flex-wrap:wrap}
.vis-krok{flex:1 1 150px;position:relative;background:var(--biela);border:1px solid #eee;border-radius:14px;padding:16px 14px 14px;box-shadow:0 6px 18px rgba(0,0,0,.05);font-size:16px;line-height:24px}
.vis-krok b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 0 10px;border-radius:50%;background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text);font:700 16px var(--nadpis)}
.vis-krok strong{display:block;margin:0 0 4px;font:700 17px/1.3 var(--nadpis);color:var(--text)}

/* veľké čísla */
.vis-cisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:8px 0 28px}
.vis-cislo{background:var(--cierna);color:var(--biela);border-radius:14px;padding:18px;text-align:center}
.vis-cislo b{display:block;font:700 34px/1.1 var(--nadpis);color:var(--zlta1)}
.vis-cislo span{display:block;margin-top:6px;font-size:15px;line-height:21px;color:#ddd}

/* porovnávacia tabuľka */
.vis-tab-obal{overflow-x:auto;margin:8px 0 28px;border-radius:14px;border:1px solid #eee}
.vis-tab{width:100%;border-collapse:collapse;font-size:16px;line-height:23px;background:var(--biela)}
.vis-tab th{background:var(--cierna);color:var(--biela);font:700 15px/1.3 var(--nadpis);text-align:left;padding:12px 14px}
.vis-tab td{padding:12px 14px;border-top:1px solid #eee;vertical-align:top}
.vis-tab tr:nth-child(even) td{background:#FAFAFA}
.vis-tab td:first-child{font-weight:700}

/* tip a pozor */
.vis-tip,.vis-pozor{margin:8px 0 28px;padding:18px 20px 18px 64px;border-radius:14px;position:relative;font-size:17px;line-height:27px}
.vis-tip{background:var(--zlta-svetla);border-left:6px solid var(--zlta2)}
.vis-pozor{background:#FEF2F2;border-left:6px solid var(--cervena)}
.vis-tip::before,.vis-pozor::before{position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 18px var(--nadpis)}
.vis-tip::before{content:'i';background:var(--zlta2);color:var(--biela)}
.vis-pozor::before{content:'!';background:var(--cervena);color:var(--biela)}
.vis-tip strong,.vis-pozor strong{display:block;font:700 18px/1.3 var(--nadpis);margin:0 0 4px}
.vis-tip p,.vis-pozor p{margin:0}

/* kontrolný zoznam */
.vis-check{list-style:none;padding:20px 22px!important;margin:8px 0 28px!important;background:var(--biela);border:1px solid #eee;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.vis-check li{position:relative;padding-left:36px;margin:0 0 12px!important}
.vis-check li:last-child{margin-bottom:0!important}
.vis-check li::before{content:'✓';position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:6px;background:var(--zelena);color:var(--biela);font:700 14px/24px var(--nadpis);text-align:center}

/* predtým a potom */
.vis-pred-po{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 28px}
.vis-pred,.vis-po{border-radius:14px;padding:18px;font-size:16px;line-height:24px}
.vis-pred{background:#FEF2F2;border:1px solid #F5C2C2}
.vis-po{background:#EEF8F0;border:1px solid #BFE3C8}
.vis-pred strong,.vis-po strong{display:block;margin:0 0 6px;font:700 15px var(--nadpis);text-transform:uppercase;letter-spacing:.05em}
.vis-pred strong{color:var(--cervena)}.vis-po strong{color:var(--zelena)}
.vis-pred p,.vis-po p{margin:0}

/* ukážka výsledku v Googli */
.vis-google{margin:8px 0 28px;padding:18px 20px;background:var(--biela);border:1px solid #dadce0;border-radius:12px;font-family:Arial,sans-serif;max-width:640px}
.vis-google-hlavicka{display:block;margin:0 0 10px;font:700 12px var(--nadpis);color:var(--tlmeny);text-transform:uppercase;letter-spacing:.06em}
.vis-g-url{display:block;font-size:14px;line-height:20px;color:#202124}
.vis-g-tit{display:block;margin:2px 0 3px;font-size:20px;line-height:26px;color:#1a0dab}
.vis-g-pop{display:block;font-size:14px;line-height:22px;color:#4d5156}

/* ukážka rozhovoru s AI */
.vis-chat{margin:8px 0 28px;padding:16px;background:#F7F7F8;border-radius:14px;display:flex;flex-direction:column;gap:10px}
.vis-chat-ja,.vis-chat-ai{max-width:88%;padding:12px 16px;border-radius:14px;font-size:16px;line-height:24px}
.vis-chat-ja{align-self:flex-end;background:var(--cierna);color:var(--biela);border-bottom-right-radius:4px}
.vis-chat-ai{align-self:flex-start;background:var(--biela);border:1px solid #e5e5e5;border-bottom-left-radius:4px}
.vis-chat-ja b,.vis-chat-ai b{display:block;font:700 12px var(--nadpis);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;opacity:.7}

/* lievik (od návštevy k zákazke) */
.vis-lievik{margin:8px 0 28px;display:flex;flex-direction:column;align-items:center;gap:6px}
.vis-lievik div{background:linear-gradient(var(--zlta1),var(--zlta2));color:var(--text);border-radius:10px;padding:12px 16px;text-align:center;font:700 16px/1.3 var(--nadpis)}
.vis-lievik div span{display:block;font:400 14px var(--pismo)}
.vis-lievik div:nth-child(1){width:100%}.vis-lievik div:nth-child(2){width:84%}.vis-lievik div:nth-child(3){width:68%}.vis-lievik div:nth-child(4){width:52%}.vis-lievik div:nth-child(5){width:40%}
.vis-lievik div:last-child{background:var(--cierna);color:var(--biela)}

@media (max-width:600px){
  .vis-hero{min-height:120px;padding:20px;gap:14px}.vis-hero-ikona{width:72px;height:72px}.vis-hero-ikona svg{width:44px;height:44px}.vis-hero-text span{font-size:21px}
  .vis-kroky{flex-direction:column}.vis-krok{flex-basis:auto}
  .vis-pred-po{grid-template-columns:1fr}
  .vis-tip,.vis-pozor{padding-left:56px}
  .vis-cislo b{font-size:28px}
  .vis-lievik div{width:100%!important}
}