/* kamionovadoprava.sk – Denník kamionistu. Papier z tachografu, grafit, signálna tyrkysová. Všetko v rem (root font rastie na širokých obrazovkách). */
:root{
  --paper:#F1ECE0;--paper2:#E7E0CF;--card:#FAF7EF;--white:#fff;
  --ink:#181C20;--ink2:#444B53;--ink3:#586069;
  --line:#CDC5B0;--grid:rgba(24,28,32,.055);
  --sig:#00A0BC;--sigd:#006B80;--sigl:#D3EDF1;--sigx:#7FE3F5;
  --cab:#14191D;--cab2:#1D252B;--cabline:#2D383F;
  --bad:#B8362A;
  --w:1240px;--gut:1rem;
  --f-h:'Bitter',Georgia,'Times New Roman',serif;--f-b:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--f-m:'Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --hh:3.6rem;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;font:400 1rem/1.62 var(--f-b);color:var(--ink);background:var(--paper);overflow-x:clip;min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
main{flex:1 0 auto;min-width:0}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--sigd);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--f-h);line-height:1.12;margin:0 0 .6rem;color:var(--ink);font-weight:800;letter-spacing:0;word-spacing:.06em}
h1{font-size:clamp(1.9rem,5.2vw,3.1rem)}
h2{font-size:clamp(1.45rem,3.4vw,2.1rem)}
h3{font-size:1.18rem;font-weight:700}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.25rem}
.c{width:100%;max-width:var(--w);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.mono,.eyebrow,.lab{font-family:var(--f-m);font-weight:500;letter-spacing:.02em}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--sigd);margin-bottom:.9rem}
.eyebrow::before{content:"";width:1.6rem;height:2px;background:var(--sig)}
.hint{font-size:.86rem;color:var(--ink3)}
.nowrap{white-space:nowrap}

/* tlačidlá: pravouhlé, nie pilulky */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.55rem 1.15rem;border:2px solid var(--ink);background:var(--ink);color:#fff;font:600 .86rem/1.1 var(--f-m);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.sig{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.btn.sig:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.sm{min-height:2.3rem;padding:.35rem .8rem;font-size:.76rem}
.lnk{font-family:var(--f-m);font-weight:600;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}

/* hlavička s pravítkom */
.hd{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:2px solid var(--ink);transition:transform .22s}
.hd .c{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--hh)}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:.45rem;pointer-events:none;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px .5rem),repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 2.5rem);background-size:100% .25rem,100% .45rem;background-repeat:no-repeat;background-position:0 0,0 0;opacity:.5}
.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font:800 1.2rem/1 var(--f-h);letter-spacing:-.02em;min-width:0}
.logo svg{width:2.1rem;height:2.1rem;flex:none}
.logo b{color:var(--sigd);font-weight:800}
.nav{display:none;align-items:center;gap:1.4rem}
.nav a{color:var(--ink);text-decoration:none;font:600 .82rem/1 var(--f-m);text-transform:uppercase;letter-spacing:.06em;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--sig)}
.nav .btn{border-bottom:2px solid var(--ink);padding:.55rem .9rem}
.burger{display:inline-flex;width:2.8rem;height:2.8rem;align-items:center;justify-content:center;border:2px solid var(--ink);background:var(--paper);font-size:1.3rem;border-radius:2px;cursor:pointer;color:var(--ink)}
.sheet{display:none;position:fixed;inset:var(--hh) 0 0 0;z-index:55;background:var(--cab);padding:1.2rem var(--gut);overflow:auto}
.sheet.on{display:block}
.sheet a{display:block;color:#fff;text-decoration:none;font:700 1.5rem/1.2 var(--f-h);padding:.85rem 0;border-bottom:1px solid var(--cabline)}
.sheet a span{font:500 .78rem var(--f-m);color:var(--sigx);display:block;margin-top:.2rem;font-weight:500}
.hd.skryta{transform:translateY(-110%)}
.banner-test{background:var(--ink);color:#fff;font:500 .76rem/1.4 var(--f-m);padding:.4rem var(--gut);text-align:center}

/* grafový papier */
.grid{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:1.5rem 1.5rem}
.sec{padding-block:clamp(2.4rem,6vw,4.6rem)}
.shead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1.5rem;margin-bottom:1.6rem}
.shead h2{margin:0}
.shead p{margin:.3rem 0 0;color:var(--ink2);max-width:42rem}

/* hero */
.hero{border-bottom:2px solid var(--ink);padding:clamp(2rem,5vw,3.6rem) 0 clamp(2rem,5vw,3.4rem)}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
.htxt h1{margin-bottom:1rem}
.htxt h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sigl) 62%,var(--sigl) 92%,transparent 92%)}
.htxt .lead{font-size:1.1rem;color:var(--ink2);max-width:36rem;margin-bottom:1.4rem}
.hbtns{display:flex;flex-wrap:wrap;gap:.7rem}
.hfig{position:relative;margin:0}
.hfig svg{width:100%;max-width:30rem;margin-inline:auto;height:auto}
.hfig figcaption{font:500 .74rem/1.5 var(--f-m);color:var(--ink3);max-width:30rem;margin:.8rem auto 0;border-top:1px solid var(--line);padding-top:.5rem}
.stylus{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s ease-out .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.stylus{animation:none;stroke-dashoffset:0}}

/* denník: časová os dňa */
.dayl{border-top:2px solid var(--ink)}
.entry{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem 2rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.entry .tm{font:600 clamp(2rem,6vw,3.4rem)/1 var(--f-m);color:var(--ink);letter-spacing:-.03em;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
.entry .tm small{font:500 .76rem/1.3 var(--f-m);color:var(--sigd);text-transform:uppercase;letter-spacing:.08em}
.entry .cs{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}
.slip{display:block;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--sig);padding:1rem 1.1rem 1.1rem;text-decoration:none;color:var(--ink);border-radius:2px;position:relative;transition:border-color .15s,transform .15s}
.slip:hover{border-color:var(--ink);border-top-color:var(--sig);color:var(--ink);transform:translateY(-2px)}
.slip h3{margin:0 0 .3rem;font-size:1.08rem}
.slip p{margin:0;font-size:.92rem;color:var(--ink2)}
.slip .m{display:block;margin-top:.7rem;font:500 .74rem var(--f-m);color:var(--sigd);text-transform:uppercase;letter-spacing:.06em}

/* zoznam rád ako záznamy */
.rows{border-top:2px solid var(--ink);margin:0 0 1.4rem}
.row{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.2rem .9rem;padding:1.05rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:start}
.row:hover{background:linear-gradient(90deg,var(--sigl),transparent)}
.row .no{font:600 .86rem var(--f-m);color:var(--sigd);padding-top:.3rem}
.row h3{margin:0 0 .2rem;font-size:1.16rem}
.row p{margin:0;color:var(--ink2);font-size:.94rem}
.row .mt{font:500 .72rem var(--f-m);color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem;display:block}
.secnav{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.secnav a{font:600 .76rem var(--f-m);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--ink);padding:.45rem .8rem;border:1.5px solid var(--ink);border-radius:2px;background:var(--card)}
.secnav a:hover,.secnav a[aria-current]{background:var(--ink);color:#fff}

/* kabína v noci */
.cab{background:var(--cab);color:#E8EEF0;border-block:2px solid var(--ink)}
.cab h2,.cab h3{color:#fff}
.cab .eyebrow{color:var(--sigx)}
.cab .eyebrow::before{background:var(--sigx)}
.cab p{color:#B7C3C8}
.cab .grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}

/* kategórie výbavy */
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.cat{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;align-content:start;padding:.7rem;background:var(--cab2);border:1px solid var(--cabline);text-decoration:none;color:#fff;border-radius:2px;position:relative;min-width:0}
.cat:hover{border-color:var(--sig);color:#fff}
.cat .ph{background:#fff;aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:2px}
.cat .ph img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain}
.cat b{font:700 .98rem/1.2 var(--f-h);display:block}
.cat span{font:500 .72rem var(--f-m);color:var(--sigx);text-transform:uppercase;letter-spacing:.05em}

/* produkty */
.prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.pr{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;position:relative;border-radius:2px;min-width:0}
.pr:hover{border-color:var(--ink)}
.pr .im{display:block;background:#fff;aspect-ratio:1/1;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.pr .im img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain}
.pr .bd{padding:.75rem .8rem .85rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.pr h3{margin:0;font:600 .9rem/1.32 var(--f-b);letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.1rem}
.pr h3 a{color:var(--ink);text-decoration:none}
.pr h3 a:hover{color:var(--sigd);text-decoration:underline}
.pc{font:600 1.22rem/1 var(--f-m);margin-top:auto;color:var(--ink);padding-top:.2rem}
.pc s{display:block;font-size:.78rem;font-weight:500;color:var(--ink3);margin-bottom:.2rem}
.tagz{position:absolute;top:.5rem;left:.5rem;z-index:2;background:var(--bad);color:#fff;font:600 .74rem var(--f-m);padding:.2rem .45rem;border-radius:2px}
.pr .btn{width:100%}
.cab .pr{background:var(--cab2);border-color:var(--cabline)}
.cab .pr h3 a,.cab .pc{color:#fff}
.cab .pc s{color:#93A2A9}
.cab .pr .btn{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.cab .pr .btn:hover{background:#fff;border-color:#fff}

/* nástroje ako prístroje */
.tools{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}
.tool{display:grid;gap:.4rem;padding:1.2rem 1.25rem;background:var(--cab2);border:1px solid var(--cabline);border-left:4px solid var(--sig);text-decoration:none;color:#fff;border-radius:2px;min-width:0}
.tool:hover{border-color:var(--sig);color:#fff}
.tool b{font:700 1.2rem/1.2 var(--f-h)}
.tool span{color:#B7C3C8;font-size:.94rem}
.tool em{font:600 .76rem var(--f-m);color:var(--sigx);font-style:normal;text-transform:uppercase;letter-spacing:.06em}
.tool .ic{width:2.6rem;height:2.6rem;color:var(--sigx)}
.light .tool{background:var(--card);border-color:var(--line);border-left-color:var(--sig);color:var(--ink)}
.light .tool span{color:var(--ink2)}
.light .tool b{color:var(--ink)}
.light .tool em{color:var(--sigd)}
.light .tool .ic{color:var(--sigd)}

/* pás pre firmy */
.dop{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.4rem;background:var(--sigl);border:2px solid var(--ink);border-radius:2px;align-items:center}
.dop h2{font-size:1.5rem;margin:0 0 .3rem}
.dop p{margin:0;color:var(--ink2)}

/* FAQ */
.faq details{border-top:1px solid var(--line);padding:.9rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:700 1.05rem/1.35 var(--f-h);list-style:none;display:flex;gap:.8rem;justify-content:space-between;align-items:flex-start}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:600 1.3rem/1 var(--f-m);color:var(--sigd);flex:none}
.faq details[open] summary::after{content:"–"}
.faq p{margin:.6rem 0 0;color:var(--ink2)}

/* podstránky */
.ph{padding:clamp(1.6rem,4vw,2.8rem) 0 1.2rem;max-width:52rem}
.ph .lead{font-size:1.1rem;color:var(--ink2)}
.crumbs{font:500 .76rem var(--f-m);color:var(--ink3);padding:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem}
.crumbs a{color:var(--ink3);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.art{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-bottom:3rem}
.prose{max-width:45rem;min-width:0}
.prose h2{margin-top:2.2rem;font-size:1.55rem;padding-top:.6rem;border-top:2px solid var(--ink)}
.prose h3{margin-top:1.4rem}
.prose li{margin-bottom:.35rem}
.prose strong{font-weight:700}
.tldr{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--sig);padding:1.1rem 1.3rem .5rem;margin-bottom:1.8rem;border-radius:2px}
.tldr h2{font:600 .8rem var(--f-m);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6rem;padding:0;border:0;color:var(--sigd)}
.prose .tldr h2{margin-top:0;font-size:.8rem}
.tldr ul{margin:0 0 .7rem}
.art aside{min-width:0}
.toc{border:1px solid var(--line);background:var(--card);padding:1rem 1.1rem;border-radius:2px;margin-bottom:1rem}
.toc b{display:block;font:600 .76rem var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--sigd);margin-bottom:.5rem}
.toc a{display:block;padding:.3rem 0;font-size:.9rem;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
.toc a:first-of-type{border-top:0}
.toc a:hover{color:var(--sigd)}
.cta-box{background:var(--ink);color:#fff;padding:1.1rem 1.2rem;border-radius:2px}
.cta-box b{display:block;font:700 1.1rem var(--f-h);margin-bottom:.3rem}
.cta-box p{color:#C5CFD3;font-size:.92rem}
.cta-box .btn{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.cta-box .btn:hover{background:#fff;border-color:#fff}
.src li{font-size:.9rem;word-break:break-word}
.note-box{background:var(--sigl);border-left:4px solid var(--sigd);padding:.8rem 1rem;margin-bottom:1rem;font-size:.92rem;border-radius:2px}

/* katalóg */
.shop{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;padding-bottom:3rem;align-items:start}
.subt{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.2rem 0 .8rem;margin:0 0 .6rem;scrollbar-width:none}
.subt::-webkit-scrollbar{display:none}
.subt a{flex:0 0 auto;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.6rem;align-items:center;padding:.45rem .8rem .45rem .45rem;border:1.5px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink);scroll-snap-align:start;border-radius:2px;min-width:11rem}
.subt a img{width:3rem;height:3rem;object-fit:contain;background:#fff;border-radius:2px}
.subt a span{font:600 .86rem/1.2 var(--f-b);display:block}
.subt a small{display:block;font:500 .7rem var(--f-m);color:var(--ink3);margin-top:.15rem}
.subt a[aria-current]{border-color:var(--ink);background:var(--ink);color:#fff}
.subt a[aria-current] small{color:var(--sigx)}
.flt{display:none}
.flt.on{display:block;position:fixed;inset:0;z-index:80;background:var(--paper);padding:1rem var(--gut) 5rem;overflow:auto;align-self:stretch;justify-self:stretch}
.flt h2{font:600 .8rem var(--f-m);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.flt details{border-top:1px solid var(--line);padding:.7rem 0}
.flt summary{font:700 .98rem var(--f-h);cursor:pointer}
.opts{padding-top:.6rem}
.opt{display:flex;gap:.55rem;align-items:center;font-size:.92rem;padding:.25rem 0}
.opt input{width:1.1rem;height:1.1rem;accent-color:var(--sigd)}
.in{width:100%;min-height:2.7rem;padding:.5rem .7rem;border:1.5px solid var(--ink);background:#fff;font:400 1rem var(--f-b);border-radius:2px;color:var(--ink)}
.in:focus{outline:3px solid var(--sig);outline-offset:1px}
label{font:600 .8rem var(--f-m);display:block;margin-bottom:.3rem;color:var(--ink2);letter-spacing:.02em}
.f-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.f-grp{margin-bottom:.9rem;min-width:0}
.flt .act{position:fixed;left:0;right:0;bottom:0;padding:.8rem var(--gut);background:var(--paper);border-top:2px solid var(--ink)}
.flt .act .btn{width:100%}
.bar{position:sticky;top:var(--hh);z-index:40;background:var(--paper);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.55rem 0}
.hd.skryta~main .bar{top:0}
.bar .cnt{font:500 .8rem var(--f-m);color:var(--ink2);margin-right:auto}
.bar .cnt b{font-weight:600;color:var(--ink)}
.sort{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;max-width:100%;order:3;width:100%}
.sort::-webkit-scrollbar{display:none}
.sort a{flex:0 0 auto;font:600 .74rem var(--f-m);text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);background:var(--card);border-radius:2px}
.sort a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.act-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.act-chips:empty{display:none}
.act-chips a{font:500 .76rem var(--f-m);padding:.3rem .6rem;background:var(--sigl);border:1px solid var(--sigd);text-decoration:none;color:var(--ink);border-radius:2px}
.act-chips a::after{content:" ×"}
.act-chips a.all{background:transparent;border-color:var(--ink)}
.act-chips a.all::after{content:""}
.more{text-align:center;margin-top:1.4rem}
.empty{padding:2rem 1rem;text-align:center;border:1px dashed var(--line)}

/* produkt */
.dtl{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;padding:1rem 0 2.5rem}
.dtl .gal{background:#fff;border:1px solid var(--line);aspect-ratio:1/1;position:relative;border-radius:2px;overflow:hidden}
.dtl .gal img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain}
.dtl h1{font-size:clamp(1.4rem,3.4vw,2rem)}
.dtl .big{font:600 2.2rem/1 var(--f-m);margin:.8rem 0 1.1rem}
.dtl .big s{font-size:1rem;color:var(--ink3);margin-right:.6rem;font-weight:500}

/* nástroje – stránky */
.calc{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;padding-bottom:2rem;align-items:start}
.formcard{background:var(--card);border:1px solid var(--line);padding:1.1rem;border-radius:2px;min-width:0}
fieldset{border:0;padding:0;margin:0 0 .8rem;min-width:0}
legend{font:600 .78rem var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--sigd);padding:0;margin-bottom:.6rem}
.res{background:var(--cab);color:#E8EEF0;padding:1.2rem;border-radius:2px;min-width:0;border-top:4px solid var(--sig)}
.res h2{color:#fff;font:600 .8rem var(--f-m);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6rem}
.res .big{font:600 clamp(1.6rem,6vw,2.4rem)/1.1 var(--f-m);color:var(--sigx);margin-bottom:.9rem;word-break:break-word}
.res table{width:100%;border-collapse:collapse;font-size:.92rem;margin-bottom:.8rem}
.res td{padding:.45rem 0;border-top:1px solid var(--cabline);vertical-align:top}
.res td:last-child{text-align:right;font:600 .9rem var(--f-m);color:#fff;padding-left:.8rem}
.res .note{font-size:.8rem;color:#93A2A9;margin:0}
.msg.bad{color:#FFB4A9;font-size:.9rem}
.bar24{display:flex;height:2rem;margin:.4rem 0 .3rem;border:1px solid var(--cabline);overflow:hidden;border-radius:2px;background:var(--cab2)}
.bar24 i{display:block;height:100%}
.bar24 .j{background:var(--sig)}.bar24 .p{background:repeating-linear-gradient(135deg,#8896A0 0 4px,#5E6B73 4px 8px)}.bar24 .o{background:#3C4A52}.bar24 .w{background:#C9B25A}
.leg{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font:500 .72rem var(--f-m);color:#B7C3C8}
.leg span::before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-right:.35rem;vertical-align:-.05rem}
.leg .j::before{background:var(--sig)}.leg .p::before{background:#8896A0}.leg .o::before{background:#3C4A52}.leg .w::before{background:#C9B25A}
.chk{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem .1rem;border-bottom:1px solid var(--line);font-weight:400;font-family:var(--f-b);font-size:1rem;color:var(--ink);cursor:pointer;margin:0}
.chk input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--sigd);flex:none}
.chk input:checked+span{text-decoration:line-through;color:var(--ink3)}
.cl h2{margin:1.4rem 0 .3rem;font-size:1.05rem;border-top:2px solid var(--ink);padding-top:.6rem}

/* pomocník Tachko */
.kk-btn{position:fixed;right:1rem;bottom:1rem;z-index:70;width:3.6rem;height:3.6rem;border:2px solid var(--ink);background:var(--sig);color:var(--ink);border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .2rem 0 var(--ink);padding:0}
.kk-btn:hover{background:#fff}
.kk-btn{transition:transform .22s}
@media (max-width:899.98px){.kk-btn.dole{transform:translateY(190%)}}
.kk-btn svg{width:2.1rem;height:2.1rem}
.kk-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kk{display:none;position:fixed;right:1rem;bottom:5.4rem;z-index:71;width:min(23rem,calc(100vw - 2rem));max-height:min(32rem,calc(100dvh - 7.5rem));background:var(--card);border:2px solid var(--ink);flex-direction:column;border-radius:2px;box-shadow:0 .4rem 0 rgba(24,28,32,.25)}
.kk.on{display:flex}
.kk header{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;padding:.7rem .9rem;font:700 1.05rem var(--f-h)}
.kk header button{background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1;min-width:2.2rem;min-height:2.2rem}
.kk .log{padding:.8rem;overflow:auto;display:flex;flex-direction:column;gap:.6rem;min-height:8rem;flex:1}
.kk .m{padding:.6rem .8rem;font-size:.92rem;max-width:92%;border-radius:2px}
.kk .m p{margin:0 0 .5rem}.kk .m p:last-child{margin:0}
.kk .m.b{background:#fff;border:1px solid var(--line);align-self:flex-start}
.kk .m.u{background:var(--sigl);align-self:flex-end;border:1px solid var(--sigd)}
.kk .sg{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .8rem .6rem}
.kk .sg button{font:500 .74rem var(--f-m);padding:.4rem .6rem;border:1px solid var(--ink);background:transparent;cursor:pointer;border-radius:2px;color:var(--ink);text-align:left}
.kk form{display:flex;gap:.4rem;padding:.7rem;border-top:2px solid var(--ink)}
.kk form input{flex:1;min-width:0;padding:.55rem .7rem;border:1.5px solid var(--ink);font:400 1rem var(--f-b);border-radius:2px}
.kk form button{background:var(--ink);color:#fff;border:0;padding:0 .9rem;font:600 .78rem var(--f-m);text-transform:uppercase;cursor:pointer;border-radius:2px}
.kk .pc2{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.6rem;align-items:center;text-decoration:none;color:var(--ink);padding:.4rem;border:1px solid var(--line);margin-bottom:.4rem;background:#fff}
.kk .pc2 img{width:3rem;height:3rem;object-fit:contain}
.up{position:fixed;right:1rem;bottom:5.4rem;z-index:65;width:2.7rem;height:2.7rem;border:2px solid var(--ink);background:var(--paper);font:600 1.2rem var(--f-m);cursor:pointer;display:none;border-radius:2px;color:var(--ink);padding:0}
.up.on{display:block}
.kk.on~.up{display:none}

/* pätička */
.ft{background:var(--cab);color:#B7C3C8;margin-top:0;padding:2.6rem 0 2rem;border-top:2px solid var(--ink)}
.ft .c{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
.ft .fh{display:block;font:600 .78rem var(--f-m);text-transform:uppercase;letter-spacing:.1em;color:var(--sigx);margin:0 0 .7rem}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin-bottom:.4rem}
.ft a{color:#E8EEF0;text-decoration:none}
.ft a:hover{color:var(--sigx);text-decoration:underline}
.ft .logo{color:#fff}
.ft .logo b{color:var(--sigx)}
.ft .legal{grid-column:1/-1;border-top:1px solid var(--cabline);padding-top:1rem;font-size:.82rem}
.ft p{color:#B7C3C8}

/* tabuľka/časová os pravidiel */
.cs4{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}
@media (min-width:600px){.cs4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.cs4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ifr{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--sig);padding:1rem 1.1rem 1.2rem;margin:0 0 1.5rem;border-radius:2px;min-height:24rem}
.ifr h2{font-size:1.3rem;margin:0 0 .8rem}
.ifr iframe{display:block;width:100%;min-height:20rem}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}
.rules>div{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--sig);padding:.9rem 1rem;border-radius:2px}
.rules b{display:block;font:600 1.5rem/1 var(--f-m);color:var(--ink);margin-bottom:.3rem}
.rules span{font-size:.88rem;color:var(--ink2);display:block}

@media (min-width:600px){
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rules{grid-template-columns:repeat(4,minmax(0,1fr))}
  .entry .cs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .f-row.f3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  :root{--gut:1.5rem}
  .nav{display:flex}
  .burger{display:none}
  .sheet{display:none!important}
  .hgrid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem}
  .entry{grid-template-columns:15rem minmax(0,1fr)}
  .entry .tm{display:block;position:sticky;top:5rem;align-self:start}
  .entry .tm small{display:block;margin-top:.5rem}
  .entry .cs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .row{grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;padding:1.15rem .4rem}
  .row .mt{margin:0;text-align:right}
  .art{grid-template-columns:minmax(0,1fr) 18rem;gap:3rem}
  .art aside{position:sticky;top:5.5rem;align-self:start}
  .dop{grid-template-columns:minmax(0,1fr) auto;padding:1.6rem 2rem}
  .shop{grid-template-columns:16rem minmax(0,1fr);gap:1.8rem}
  .flt{display:block;position:sticky;top:calc(var(--hh) + .8rem);max-height:calc(100dvh - var(--hh) - 1.6rem);overflow:auto;padding-right:.4rem;scrollbar-width:thin}
  .flt .act,.flt h2 .btn,.fb{display:none!important}
  .flt.on{position:sticky;inset:auto;padding:0 .4rem 0 0;background:transparent;z-index:1}
  .sort{order:0;width:auto}
  .prods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dtl{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:2.4rem}
  .calc{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.6rem}
  .calc .res{position:sticky;top:5.5rem}
  .ft .c{grid-template-columns:1.4fr 1fr 1fr 1fr}
}
@media (min-width:1200px){
  .shop .prods{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(6,minmax(0,1fr))}
  .prods.p5,.home .prods{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1440px){
  html{font-size:clamp(100%,calc(100% + (100vw - 1440px) / 480),106.25%)}
  :root{--w:clamp(1240px,min(86vw,100vw - 2 * (84px + 12px)),1440px)}
}
@media (min-width:1700px){
  .shop .prods{grid-template-columns:repeat(5,minmax(0,1fr))}
  .prods.p5{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:899.98px){
  .kk-btn{width:3rem;height:3rem;right:.7rem;bottom:.7rem;opacity:.94}
  .kk-btn svg{width:1.7rem;height:1.7rem}
  .up{right:auto;left:.7rem;bottom:.7rem}
  .kk{bottom:4.4rem}
  .mini.on{display:block!important}
  .hd.skryta{transform:translateY(-110%)}
  .kk{right:.5rem;left:.5rem;width:auto;bottom:5rem}
  .bar{top:var(--hh)}
}
@media (max-width:420px){
  h1{font-size:1.85rem}
  .f-row{grid-template-columns:minmax(0,1fr)}
  .prods,.cats{gap:.5rem}
  .pr h3{font-size:.84rem}
  .pc{font-size:1.1rem}
}
/* výsledok kalkulačky pri rolovaní vo formulári (mobil) */
.mini{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--cab);color:var(--sigx);font:600 .95rem/1.3 var(--f-m);padding:.65rem 4.6rem .65rem 3.9rem;border-top:2px solid var(--sig)}
.mini:empty{display:none!important}
@media print{.hd,.ft,.kk-btn,.kk,.up,.sheet{display:none!important}body{background:#fff}}
.sheet a[aria-current]{color:var(--sigx)}