:root{--bg:#0e0b0a;--ink:#1a1210;--txt:#f4ece4;--mut:#a89c93;--acc:#c8695a;--paper:#f0dfc4;--kraft:#d9b98c;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.5 Inter,system-ui,sans-serif;overflow-x:hidden}
main,.world{overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.hand{font-family:Caveat,cursive;font-weight:700}
.disp{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-weight:400}
svg.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.rv{opacity:0;translate:0 40px;transition:opacity .8s,translate .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;translate:0 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;border:1.5px solid var(--acc);font-weight:700;font-size:14px;cursor:pointer;background:none;color:inherit;font-family:inherit;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-3px) rotate(-1.5deg)}
.btn.fill{background:var(--acc);color:#fff}.btn.cream{background:#fbf1de;border-color:#fbf1de;color:var(--ink)}
.world{position:relative}
#trail{position:absolute;left:0;top:560px;width:100%;height:calc(100% - 560px);z-index:1;pointer-events:none;overflow:visible}
#trail path{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-dasharray:3 9;stroke-linecap:round;opacity:.45;vector-effect:non-scaling-stroke}
/* nav */
header{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s,backdrop-filter .3s}
header.solid,header.stuck,header.open{background:rgba(14,11,10,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #2c2320}
header.stuck .nav{height:62px}
.nav{display:flex;align-items:center;gap:26px;height:76px;padding:0 32px;transition:height .3s;max-width:1400px;margin:0 auto}
.logo{font-size:30px;line-height:1}.logo b{color:var(--acc);font-weight:400}
.links{display:flex;gap:24px;font-size:14px;margin-right:auto;margin-left:30px}
.links a{color:#d8cdc4;position:relative}.links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--acc);border-radius:3px;transform:rotate(-1.5deg)}
.soc{display:flex;gap:14px;font-size:18px;color:#d8cdc4}.soc a{display:grid;place-items:center;transition:color .2s,transform .2s}.soc a:hover{color:var(--acc);transform:translateY(-2px) rotate(-6deg)}
.m-only{display:none!important}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;font-size:30px;margin-left:auto}
/* hero */
.hero{position:relative;height:min(680px,100svh);min-height:600px;overflow:hidden;background:#120e0c}
.ph{position:absolute;right:-14%;top:0;width:80%;height:100%;object-fit:cover;object-position:30% 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 30%);mask-composite:intersect;animation:breathe 9s ease-in-out infinite alternate}
@keyframes breathe{to{scale:1.05;translate:-1% 0}}
.lyr{position:absolute;transform:translate(calc(var(--mx,0)*var(--k)*1px),calc(var(--my,0)*var(--k)*1px));transition:transform .25s ease-out}
.hl{position:absolute;left:5%;top:96px;z-index:5;max-width:52%}
.hero h1{margin:0;font-size:clamp(44px,5.8vw,84px);line-height:.95;text-shadow:0 4px 30px #000}
.hero h1>span{display:block;rotate:-6deg;transform-origin:left;animation:pop .9s cubic-bezier(.2,1.3,.3,1) both;animation-delay:var(--d)}
.hero h1>span:nth-child(2){margin-left:4%}.hero h1>span:nth-child(3){margin-left:1%}
@keyframes pop{from{opacity:0;translate:-40px 30px;rotate:-12deg}}
.hero h1>span:last-child{color:var(--acc)}
.scribble{display:block;width:220px;color:var(--acc);margin:6px 0 0 4px}
.scribble path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s 1.2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.lede{max-width:330px;color:#e6dcd3;font-size:14px;margin-top:10px}
.lede .btn{margin-top:16px;border-color:#fff;color:#fff;background:rgba(0,0,0,.4)}
.think{left:var(--bxd);top:var(--byd);width:215px;z-index:6;cursor:pointer;animation:bob 5s ease-in-out infinite alternate}
.think svg.cloud{width:100%;display:block;overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.think p{position:absolute;inset:0;margin:0;padding:10px 30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:18px;line-height:1.05;rotate:-4deg}
.think small{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--acc);margin-bottom:3px;font-weight:700}
.think #tt{transition:opacity .25s,translate .25s}.think #tt.out{opacity:0;translate:0 6px}
.think .tail b{position:absolute;border:2px solid #fff;border-radius:50%;background:rgba(10,8,7,.66)}
.think .tail b:nth-child(1){width:15px;height:15px;left:22%;top:100%;margin-top:-6px}
.think .tail b:nth-child(2){width:10px;height:10px;left:13%;top:100%;margin-top:14px}
.think .tail b:nth-child(3){width:6px;height:6px;left:7%;top:100%;margin-top:29px}
@keyframes bob{to{translate:0 -12px;rotate:2deg}}
.toto{right:5%;top:150px;font-size:30px;rotate:9deg;z-index:6}
.toto::before{content:"";position:absolute;left:-26px;top:2px;width:18px;height:2px;background:#fff;rotate:-30deg;box-shadow:2px -12px 0 #fff,0 14px 0 #fff}
.dil{left:46%;bottom:96px;font-size:20px;color:#fff;display:flex;gap:6px;align-items:flex-end;z-index:5;rotate:-5deg}
.dil svg{width:46px;height:46px;rotate:-70deg}
/* cards */
.cards{position:relative;z-index:6;display:grid;grid-template-columns:1.05fr 1fr;gap:2%;max-width:1180px;margin:-84px auto 0;padding:0 24px;max-width:1120px}
.card{position:relative;min-height:270px;padding:26px 28px 26px 45%;filter:drop-shadow(0 20px 28px rgba(0,0,0,.55))}
.card .paper{position:absolute;inset:0;z-index:0}
.card.l{rotate:-2deg;--p:polygon(0 4%,5% 0,14% 2%,30% 0,48% 2%,70% 0,88% 2%,100% 0,99% 35%,100% 66%,98% 100%,80% 98%,55% 100%,30% 98%,10% 100%,0 96%,1.5% 60%,0 30%)}
.card.r{rotate:1.4deg;translate:0 24px;--p:polygon(0 0,15% 2%,35% 0,52% 3%,75% 0,100% 2%,98% 30%,100% 58%,99% 100%,78% 97%,50% 100%,24% 98%,0 100%,2% 62%,0 34%)}
.card .paper{clip-path:var(--p)}
.card.l .paper{background:var(--paper)}
.card.l .paper::after{content:"";position:absolute;inset:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.04' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E")}
.card.l .paper::before{content:"";position:absolute;left:0;top:0;width:48px;height:48px;background:linear-gradient(135deg,#0e0b0a 50%,#d6c2a0 50%);z-index:2}
.card.r .paper{background:linear-gradient(160deg,#211a18,#120e0d);box-shadow:inset 0 0 0 2px #3a302c}
.card.l{color:var(--ink)}
.card>*:not(.paper){position:relative;z-index:2}
.card h2{font-size:clamp(34px,4vw,54px);line-height:.95;margin:0 0 12px;rotate:-3deg;transform-origin:left}
.card p{margin:0 0 20px;font-size:15px}
.cph{position:absolute!important;left:-14px;bottom:-26px;width:46%;aspect-ratio:1/1.06;object-fit:cover;z-index:3;transition:rotate .5s,scale .5s;border:7px solid #f6efe3;border-bottom-width:20px;border-radius:3px;rotate:-3deg;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.card.r .cph{left:-22px;rotate:3deg}
.card:hover .cph{rotate:0deg;scale:1.05}
.doodle{position:absolute!important;z-index:4;color:var(--acc)}
.sticker{position:absolute!important;z-index:5;left:10px;bottom:-10px;background:#fff;color:var(--ink);padding:8px 16px;font-size:25px;rotate:-9deg;clip-path:polygon(0 8%,12% 0,40% 6%,70% 0,100% 8%,97% 55%,100% 95%,60% 100%,25% 94%,0 100%,3% 50%);box-shadow:0 6px 12px rgba(0,0,0,.4)}
.tagr{position:absolute!important;z-index:4;left:6%;top:-26px;font-size:25px;rotate:-8deg;color:#fff}
.note2{font-size:21px;color:var(--mut);margin-top:14px;display:flex;gap:6px;align-items:center;rotate:-2deg}
/* tape stats */
.tape{position:relative;z-index:7;max-width:1160px;margin:56px auto 0;rotate:-.8deg;background:#191412;padding:20px 30px;clip-path:polygon(0 6%,3% 0,20% 4%,45% 0,70% 5%,100% 0,99% 50%,100% 96%,80% 100%,50% 94%,22% 100%,0 95%,1% 50%);display:grid;grid-template-columns:repeat(5,1fr);gap:16px;box-shadow:0 0 0 1px #2c2320}
.st{display:flex;align-items:center;gap:12px;padding-right:12px;border-right:1px solid #2f2623}.st:last-child{border:0}
.st .ic{font-size:30px;color:var(--acc);flex:none;transition:rotate .3s}.st:hover .ic{rotate:-14deg;scale:1.2}
.st b{display:block;font-size:24px;line-height:1.1}.st small{color:var(--mut);font-size:13px}
/* videos */
.sec{position:relative;z-index:6;max-width:1120px;margin:0 auto;padding:0 24px}
.sh{display:flex;align-items:center;gap:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:15px;margin:34px 0 14px}
.sh .dot{width:30px;height:30px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:13px}
.sh a{margin-left:auto;color:var(--acc);text-transform:none;font-size:14px}
.vids{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 20px 18px;margin:0 -20px;scrollbar-width:none}
.vids::-webkit-scrollbar{display:none}
.vid{flex:0 0 150px;scroll-snap-align:start;position:relative;background:#f3e9da;padding:6px 6px 26px;box-shadow:0 14px 24px rgba(0,0,0,.5);transition:rotate .4s,translate .4s;rotate:var(--r)}
.vid:nth-child(odd){--r:-2.5deg}.vid:nth-child(even){--r:2deg;translate:0 10px}.vid:nth-child(3n){--r:-.8deg}
.vid:hover{rotate:0deg;translate:0 -8px;z-index:3}
.vid img{aspect-ratio:3/4;width:100%;object-fit:cover}
.vid i{position:absolute;left:50%;top:38%;width:44px;height:44px;margin:-22px;border-radius:50%;background:rgba(14,11,10,.65);display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px;transition:scale .3s}
.vid:hover i{scale:1.25}
.vid span{position:absolute;left:12px;bottom:8px;font-size:21px;color:var(--ink)}
.vid::before{content:"";position:absolute;right:-12px;top:-6px;width:46px;height:18px;background:rgba(217,185,140,.8);rotate:40deg;z-index:2}
.arr{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;border:1.5px solid #5a4a42;background:rgba(14,11,10,.85);color:#fff;cursor:pointer;z-index:8;font-size:20px}
/* articles */
.bot{display:grid;grid-template-columns:2.7fr 1.2fr;gap:24px;align-items:start}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art{position:relative;background:#1b1514;border:1px solid #31272404;padding:0 14px 14px;margin-top:30px;box-shadow:0 14px 26px rgba(0,0,0,.45);transition:rotate .4s,translate .4s;rotate:var(--r);border-radius:2px 6px 3px 8px}
.art:nth-child(3n+1){--r:-1.8deg}.art:nth-child(3n+2){--r:1.2deg;translate:0 12px}.art:nth-child(3n){--r:-.6deg}
.art:hover{rotate:0deg;translate:0 -6px}
.art img{width:calc(100% + 22px);margin:-30px 0 14px -11px;aspect-ratio:2/1.1;object-fit:cover;rotate:calc(var(--r)*-1.6);box-shadow:0 10px 18px rgba(0,0,0,.5)}
.art h3{font-size:16px;line-height:1.25;margin:0 0 6px}.art p{margin:0 0 10px;font-size:13px;color:var(--mut)}.art>a{display:block}.art .more{color:var(--acc);font-weight:700;font-size:13px}
.art::before{content:"";position:absolute;left:-16px;top:-22px;width:64px;height:20px;background:rgba(217,185,140,.8);rotate:-38deg;z-index:3}
.news{position:relative;background:var(--kraft);color:var(--ink);padding:22px 22px 20px;rotate:2deg;margin-top:44px;box-shadow:0 18px 30px rgba(0,0,0,.5);clip-path:polygon(0 2%,100% 0,98% 50%,100% 100%,40% 98%,0 100%,2% 45%)}
.news h4{margin:0 0 6px;font-size:28px;rotate:-2deg}
.news p{margin:0 0 14px;font-size:14px}
.news input{width:100%;padding:12px 16px;border-radius:999px;border:2px dashed #6a4d33;background:rgba(255,255,255,.35);margin-bottom:12px;font:inherit;color:var(--ink)}
.news input::placeholder{color:#7a6048}.news .btn{width:100%;justify-content:center}
.bone{position:absolute;right:-6px;top:-18px;font-size:46px;rotate:25deg;color:var(--ink);animation:wob 3s ease-in-out infinite alternate}
@keyframes wob{to{rotate:5deg}}
footer{position:relative;z-index:6;text-align:center;padding:44px 20px 40px;font-size:26px;color:#d8cdc4}
footer small{display:block;font-family:Inter;font-weight:400;font-size:12px;color:var(--mut);margin-top:14px}
/* responsive */
@media(max-width:960px){
 .links,.d-only{display:none!important}.burger{display:block}
 header.open .links{display:flex!important;flex-direction:column;gap:18px;font-size:20px;position:absolute;top:100%;left:0;right:0;padding:18px 24px 28px;margin:0;background:rgba(14,11,10,.97);border-bottom:1px solid #2c2320}
 header.open .m-only{display:flex!important;font-size:24px;gap:22px;margin-top:6px}
 .nav{padding:0 20px}
 .cards{grid-template-columns:1fr;gap:54px}.card.r{translate:0 0}
 .tape{grid-template-columns:1fr 1fr;margin-inline:12px}.st{border:0}
 .bot{grid-template-columns:1fr}.arts{grid-template-columns:1fr;gap:26px}.art:nth-child(n){translate:0 0}
}
@media(max-width:640px){
 .hero{height:auto;min-height:0;padding-bottom:20px;display:flex;flex-direction:column}
 .ph{position:relative;right:auto;max-width:none;width:112%;margin-left:-6%;height:360px;object-position:62% 30%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 45%);mask-image:linear-gradient(0deg,transparent 0,#000 45%)}
 .hl{position:relative;left:auto;top:auto;margin:-120px 0 0 6%;max-width:88%}
 .hero h1{font-size:clamp(40px,12.4vw,60px)}.lede{margin-top:6px}.scribble{width:150px}
 .think{left:var(--bxm);top:var(--bym);width:176px}.think p{font-size:15px;padding:6px 22px 14px}.think small{font-size:11px;margin-bottom:1px}
 .toto,.dil{display:none}
 .cards{margin-top:34px;padding:0 14px;gap:84px}
 .card{display:grid;grid-template-columns:42% 1fr;column-gap:16px;align-items:start;padding:24px 20px 26px;min-height:0}
 .card .cph{position:relative!important;left:auto!important;bottom:auto!important;width:100%;grid-column:1;grid-row:1;margin:-48px 0 0 -4px;aspect-ratio:1/1.1}
 .card h2{grid-column:2;grid-row:1;align-self:center;font-size:31px;margin:0}
 .card p,.card .btn,.note2{grid-column:1/-1}.card p{margin:20px 0 16px;font-size:14px}.card .btn{justify-self:start}
 .sticker{left:4px;top:92px;bottom:auto;font-size:19px}
 .tagr{left:auto!important;right:6%;top:-76px!important;font-size:21px}
 #trail path{opacity:.25}
 .tape{padding:18px 16px;margin-top:44px}.st b{font-size:20px}
 .sec{padding:0 16px}.vid{flex-basis:46%}
 .sh{margin-top:30px}.arr{display:none}.art img{aspect-ratio:2/.9}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;translate:0 0}.scribble path{stroke-dasharray:none;stroke-dashoffset:0}}

.sub{padding-top:92px}
.subhero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:30px;padding-bottom:30px}
.subhero h1{font-size:clamp(44px,6.4vw,90px);line-height:.95;margin:0 0 18px;rotate:-3deg;transform-origin:left;text-shadow:0 4px 30px #000}
.lede2{font-size:17px;max-width:480px;color:#e6dcd3;margin:0 0 14px}
.tagnote{font-size:28px;color:var(--acc);rotate:-3deg;display:inline-block}
.polw{position:relative;max-width:440px;justify-self:center;width:100%}
.polw::before{content:"";position:absolute;left:50%;top:-12px;width:90px;height:28px;margin-left:-45px;background:rgba(217,185,140,.85);rotate:-3deg;z-index:2}
.pol{display:block;width:100%;border:9px solid #f6efe3;border-bottom-width:30px;border-radius:3px;rotate:3deg;box-shadow:0 20px 40px rgba(0,0,0,.55);aspect-ratio:1/1.05;object-fit:cover;transition:rotate .5s}
.polw:hover .pol{rotate:0deg}.pol.wide{aspect-ratio:2/1.1;rotate:-1deg}
.sticker2{position:absolute;left:-12px;bottom:8px;z-index:3;background:#fff;color:var(--ink);padding:6px 16px;font-size:24px;rotate:-7deg;box-shadow:0 6px 12px rgba(0,0,0,.4)}
.offers,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:6px 0 10px}
.pp{position:relative;padding:36px 24px 30px;color:var(--ink);background:var(--paper);rotate:var(--r,-1.5deg);clip-path:polygon(0 3%,8% 0,30% 2%,55% 0,80% 2%,100% 0,99% 40%,100% 100%,70% 98%,40% 100%,12% 98%,0 100%,1% 50%);transition:rotate .4s}
.pp:nth-child(2){--r:1.4deg;background:var(--kraft)}.pp:nth-child(3){--r:-.6deg}.pp:hover{rotate:0deg}
.pp h3{font-size:30px;line-height:1;margin:0 0 8px}.pp p{margin:0;font-size:15px}
.step{padding:6px 10px;border-left:3px dashed #4a3a34}.step b{display:block;font-family:Anton,Impact,sans-serif;font-size:66px;line-height:1;color:var(--acc)}
.step h3{margin:4px 0 6px;font-size:20px}.step p{margin:0;color:var(--mut);font-size:15px}
.news.wide{max-width:640px;margin:50px auto 30px;padding-top:40px}
.news label{display:block;font-size:13px;font-weight:700;margin:0 0 4px}
.news textarea,.news input[type=text],.news input[type=email]{width:100%;padding:11px 14px;border-radius:14px;border:2px dashed #6a4d33;background:rgba(255,255,255,.35);margin-bottom:12px;font:inherit;color:var(--ink)}
.fmsg{padding:10px 14px;border-radius:10px;margin-bottom:12px;font-weight:700;background:rgba(30,90,50,.25)}.fmsg.er{background:rgba(160,40,30,.25)}
.hp{position:absolute;left:-9999px}
.arts.all{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-bottom:30px}
.ar{max-width:760px;padding-bottom:30px}.ar h1{font-size:clamp(36px,6vw,64px);line-height:1;margin:14px 0 6px}
.adate{color:var(--acc);font-size:24px;margin-bottom:26px}
.abody{margin:34px 0}.abody p{font-size:17px;line-height:1.75;color:#e6dcd3;margin:0 0 18px}
.back{color:var(--acc);font-weight:700}
@media(max-width:900px){.subhero,.offers,.steps{grid-template-columns:1fr}.subhero{gap:36px}.polw{max-width:340px}}

/* ===== v2: nové časti ===== */
.burger{width:44px;height:44px}
.lede .btn .ic{fill:currentColor;stroke:none}
.sh .dot .ic{display:block}
/* bento Zoznámte sa */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:26px;margin-top:10px}
.idcard{grid-row:span 2;position:relative;background:var(--paper);color:var(--ink);padding:22px 22px 26px;border-radius:14px;rotate:-1.2deg;box-shadow:0 20px 40px rgba(0,0,0,.5);overflow:hidden}
.idcard::after{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.04' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E")}
.idhead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #8a6b4a;padding-bottom:10px;margin-bottom:16px;gap:10px}
.idhead .disp{font-size:26px;line-height:1}
.stamp{border:3px solid var(--acc);color:var(--acc);padding:2px 10px;border-radius:8px;rotate:8deg;font-size:20px;white-space:nowrap}
.idbody{display:grid;grid-template-columns:42% 1fr;gap:18px;align-items:start;position:relative;z-index:1}
.idph img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;border:5px solid #fff;box-shadow:0 8px 16px rgba(0,0,0,.3);rotate:-2deg}
.idcard dl{margin:0;display:grid;gap:8px}.idcard dl div{border-bottom:1px solid rgba(26,18,16,.15);padding-bottom:5px}
.idcard dt{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#7a5e44}
.idcard dd{margin:0;font-size:21px;line-height:1.1}
.paws{position:absolute;right:-10px;bottom:-14px;font-size:90px;color:rgba(26,18,16,.08);rotate:-20deg}
.igi{background:linear-gradient(160deg,#211a18,#120e0d);border:1px solid #3a302c;border-radius:14px;padding:26px 22px 22px;rotate:1deg}
.igi .polw{max-width:200px;margin:0 auto 18px}.igi .pol{aspect-ratio:1}.igi h3{font-size:34px;margin:0 0 6px}.igi p{margin:0;color:#d8cdc4;font-size:15px}
.since{background:var(--acc);color:#fff;border-radius:14px;padding:22px;rotate:-1.5deg;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 30px rgba(0,0,0,.4)}
.since small{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:12px;opacity:.85}.since b{font-size:clamp(52px,6vw,80px);line-height:1}.since span{font-weight:700}.since em{font-style:normal;font-size:22px;margin-top:6px}
.follow{grid-column:2/4;background:var(--kraft);color:var(--ink);border-radius:14px;padding:24px;rotate:.6deg}
.follow h3{font-size:36px;margin:0 0 6px;line-height:1}.follow p{margin:0 0 14px}
.fbtns{display:flex;flex-wrap:wrap;gap:10px}.fbtns .btn{border-color:var(--ink);background:rgba(255,255,255,.35)}.fbtns .btn .ic{font-size:18px}
/* pätička */
.foot{position:relative;z-index:6;text-align:center;padding:60px 20px 44px;color:#d8cdc4;border-top:1px dashed #3a302c;margin-top:60px}
.fline{font-size:28px;margin-bottom:18px}.fline span{color:var(--acc)}
.soc.big{justify-content:center;font-size:26px;gap:22px;margin:0 0 18px}
.soc.big a{width:54px;height:54px;border-radius:50%;border:1.5px solid #3a302c}
.fmail{display:inline-flex;gap:8px;align-items:center;color:var(--acc);font-weight:700}.fmail .ic{font-size:18px}
.fnav{display:flex;gap:20px;justify-content:center;margin:20px 0 6px;font-size:14px;color:var(--mut)}
.foot small{display:block;font-size:12px;color:var(--mut);margin-top:10px}
/* karty článkov */
.art .meta{display:block;font-size:12px;color:#8d817a;margin:-4px 0 8px}
.empty{font-size:28px;color:var(--acc);text-align:center;padding:40px 0}
/* článok */
.ameta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:26px;color:var(--mut);font-size:14px}.ameta .adate{margin:0}.ameta span{display:inline-flex;gap:6px;align-items:center}
.aperex{font-size:20px;line-height:1.55;color:#fff;margin:34px 0 0;font-weight:600}
.abody h2{font-size:clamp(28px,4vw,40px);margin:40px 0 14px;line-height:1;rotate:-1.5deg;transform-origin:left}
.abody blockquote{margin:30px 0;padding:6px 0 6px 22px;border-left:4px solid var(--acc);font-size:30px;line-height:1.15;color:#fff}
.abody b{color:#fff}
.afig{margin:34px auto;max-width:620px;background:#f6efe3;padding:10px 10px 0;rotate:-1deg;box-shadow:0 18px 36px rgba(0,0,0,.5);position:relative}
.afig:nth-of-type(even){rotate:1.2deg}
.afig::before{content:"";position:absolute;left:50%;top:-12px;width:80px;height:24px;margin-left:-40px;background:rgba(217,185,140,.85);rotate:-3deg}
.afig img{width:100%;height:auto}
.afig figcaption{color:var(--ink);font-size:22px;padding:8px 6px 10px;text-align:center}
.afig:not(:has(figcaption)){padding-bottom:22px}
.aact{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:34px 0;padding:22px 0;border-top:1px dashed #3a302c;border-bottom:1px dashed #3a302c}
.like{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1.5px solid var(--acc);background:none;color:var(--txt);font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .25s,transform .25s}
.like .ic{font-size:20px;color:var(--acc);transition:fill .25s}.like b{min-width:1ch}
.like.on{background:var(--acc);color:#fff}.like.on .ic{fill:#fff;color:#fff}
.like.pop .ic{animation:pop2 .5s}
@keyframes pop2{40%{scale:1.6;rotate:-12deg}}
.share .ic{font-size:17px}
.afollow{text-align:center;margin:10px 0 30px}.afollow p{font-size:26px;color:var(--acc);margin:0 0 14px}
.anav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.anav a{display:block;padding:16px 18px;background:#1b1514;border:1px solid #2c2320;border-radius:12px;transition:border-color .25s,transform .25s}.anav a:hover{border-color:var(--acc);transform:translateY(-3px)}
.anav a.r{text-align:right;grid-column:2}.anav small{display:block;color:var(--acc);font-weight:700;font-size:12px;margin-bottom:4px}.anav b{font-size:15px}
/* pre firmy */
.cta2{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.cta2 .ic{font-size:16px}
.plats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.plat{display:flex;flex-direction:column;gap:2px;padding:20px;background:#1b1514;border:1px solid #2c2320;border-radius:14px;transition:transform .3s,border-color .3s}
.plat:hover{transform:translateY(-4px) rotate(-1deg);border-color:var(--acc)}.plat .ic{font-size:28px;color:var(--acc);margin-bottom:8px}.plat b{font-size:30px;line-height:1.1}.plat small{color:var(--mut)}
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.case{background:var(--paper);color:var(--ink);padding:18px 20px 22px;rotate:var(--r,-1deg);box-shadow:0 14px 26px rgba(0,0,0,.45)}.case:nth-child(even){--r:1deg}
.case img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:12px;border-radius:4px}
.case h3{font-size:28px;margin:0 0 6px;line-height:1}.case p{margin:0 0 10px;font-size:15px}.res{font-size:22px;color:#a3483a}
.quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.quote{margin:0;padding:22px;background:#1b1514;border-left:4px solid var(--acc);border-radius:4px 12px 12px 4px}
.quote blockquote{margin:0 0 10px;font-size:25px;line-height:1.15;color:#fff}.quote figcaption{color:var(--mut);font-size:14px}
/* formulár – papier je naklonený, polia rovno */
.formwrap{position:relative;max-width:640px;margin:50px auto 30px}
.formpaper{position:absolute;inset:0;background:var(--kraft);rotate:1.6deg;box-shadow:0 18px 30px rgba(0,0,0,.5);clip-path:polygon(0 1%,100% 0,99% 50%,100% 100%,40% 99%,0 100%,1% 45%)}
.cform{position:relative;color:var(--ink);padding:34px 26px 26px}
.cform h2{font-size:clamp(34px,6vw,46px);margin:0 0 4px;line-height:1}.cform>p{margin:0 0 16px}
.cform label{display:block;font-size:13px;font-weight:700;margin:0 0 4px}
.cform input,.cform textarea{width:100%;padding:12px 14px;border-radius:12px;border:2px dashed #6a4d33;background:rgba(255,255,255,.45);margin-bottom:14px;font:inherit;font-size:16px;color:var(--ink)}
.cform input:focus,.cform textarea:focus{outline:none;border-style:solid;border-color:var(--acc);background:rgba(255,255,255,.7)}
.cform input::placeholder,.cform textarea::placeholder{color:#7a6048}
.cform .btn{width:100%;justify-content:center;padding:14px}.direct{font-size:14px;text-align:center;margin:14px 0 0}.direct a{font-weight:700;text-decoration:underline}
@media(max-width:960px){
 .bento{grid-template-columns:1fr 1fr}.idcard{grid-column:1/-1;grid-row:auto}.follow{grid-column:1/-1}
}
@media(max-width:640px){
 .bento{grid-template-columns:1fr;gap:22px}.igi,.since,.follow{grid-column:auto}
 .idbody{grid-template-columns:38% 1fr;gap:14px}.idcard dd{font-size:19px}.idhead .disp{font-size:22px}
 .anav{grid-template-columns:1fr}.anav a.r{grid-column:auto}
 .afig{margin:28px -4px}.abody blockquote{font-size:26px}
 .cform{padding:30px 20px 22px}
}

/* v2.1: kompaktná hlavička podstránok – obsah hneď na prvej obrazovke */
.numsnote{font-size:26px;color:#e6dcd3;text-align:center;margin:40px auto 0;max-width:620px;rotate:-1.5deg}.numsnote a{color:var(--acc)}
@media(max-width:900px){
 .subhero{grid-template-columns:minmax(0,1fr) 34%;gap:14px;align-items:start;padding-top:18px;padding-bottom:6px}
 .subhero h1{font-size:clamp(30px,9vw,52px);margin-bottom:10px}
 .lede2{font-size:15px;margin-bottom:8px}.tagnote{font-size:21px}
 .subhero .polw{max-width:none;width:90%;justify-self:start;margin-top:10px}.subhero .polw::before{width:50px;height:16px;margin-left:-25px;top:-8px}
 .subhero .pol{border-width:5px 5px 16px;rotate:3deg}
 .subhero .sticker2{font-size:12px;line-height:1.1;padding:3px 7px;left:-6px;right:-4px;bottom:-4px;text-align:center}
 .subhero .cta2{grid-column:1/-1;margin-top:4px}
 .sub .sec .sh:first-child{margin-top:22px!important}
}

/* v2.2: Baileyho denník – kompaktný aj pri zápise každý deň */
.dchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 14px;margin:0 -16px;padding-inline:16px}.dchips::-webkit-scrollbar{display:none}
.dchips button{flex:none;border:1.5px solid var(--acc);background:none;color:var(--txt);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}
.dchips button.on{background:var(--acc);color:#fff}
.diary{position:relative;max-width:760px;margin:0 auto}
.diary::before{content:"";position:absolute;left:26px;top:8px;bottom:8px;border-left:2px dashed #3a302c}
.dmonth{position:relative;font-size:22px;color:var(--acc);margin:22px 0 10px 62px;letter-spacing:.5px}.dmonth:first-child{margin-top:4px}
.dentry{position:relative;display:grid;grid-template-columns:54px 1fr;gap:8px;margin-bottom:10px;align-items:start}
.dentry[hidden]{display:none}
.ddate{text-align:center;padding-top:6px;position:relative;z-index:1;background:var(--bg);border-radius:10px}
.ddate b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:28px;line-height:1;color:var(--txt)}.ddate small{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.dcard{position:relative;display:flex;gap:12px;align-items:center;min-height:74px;padding:11px 12px 11px 14px;background:var(--paper);color:var(--ink);border-radius:4px 10px 10px 4px;
 background-image:repeating-linear-gradient(transparent 0 25px,rgba(120,90,60,.16) 25px 26px);box-shadow:0 8px 18px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s;rotate:var(--r,0deg)}
.dentry:nth-child(3n) .dcard{--r:-.4deg}.dentry:nth-child(3n+1) .dcard{--r:.3deg}
.dentry:hover .dcard{transform:translateX(4px);box-shadow:0 12px 24px rgba(0,0,0,.45)}
.dcard::before{content:"";position:absolute;left:-21px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--bg)}
.dtxt{flex:1;min-width:0}.dtxt b{display:block;font-size:22px;line-height:1.05;margin-bottom:3px}
.dtxt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.4;color:#4a3a2e}
.dcard img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:4px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.25);rotate:3deg}
.dmood{position:absolute;right:-8px;top:-12px;font-size:24px;rotate:12deg;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.dcard.wimg .dmood{right:62px}
.dpages{display:flex;gap:10px;justify-content:center;margin:24px 0 10px}
.amood{display:inline-flex;gap:4px;align-items:center;background:#1b1514;border:1px solid #2c2320;border-radius:999px;padding:2px 10px}
@media(max-width:640px){.dentry{grid-template-columns:46px 1fr}.diary::before{left:22px}.dmonth{margin-left:52px;font-size:20px}.dtxt b{font-size:20px}.dcard img{width:64px;height:64px}.dcard.wimg .dmood{right:54px}.dcard::before{left:-17px}}

/* v2.3: rohožka v úvode */
.mat{position:relative;display:flex;align-items:center;gap:14px;margin-top:18px;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.matrug{position:relative;display:grid;place-items:center;width:150px;height:66px;border-radius:10px;overflow:hidden;
 background:repeating-linear-gradient(90deg,#7a5a3a 0 3px,#8d6a46 3px 6px),#8d6a46;box-shadow:inset 0 0 0 4px #5a3f27,inset 0 0 0 7px #a9845a,0 10px 20px rgba(0,0,0,.5);rotate:-3deg;transition:rotate .2s}
.matrug .disp{font-size:22px;letter-spacing:2px;color:#3a2716;text-shadow:0 1px 0 rgba(255,255,255,.18);position:relative;z-index:2}
.dirt{position:absolute;width:22px;height:14px;border-radius:50%;background:radial-gradient(#3b2a1c 30%,transparent 70%);opacity:.85;transition:opacity .4s}
.dirt:nth-of-type(1){left:14px;top:10px}.dirt:nth-of-type(2){right:20px;top:34px;width:28px}.dirt:nth-of-type(3){left:52px;bottom:6px}.dirt:nth-of-type(4){right:46px;top:6px;width:16px}
.mat.s1 .dirt:nth-of-type(-n+2){opacity:0}.mat.s2 .dirt{opacity:0}
.mathint{font-size:22px;color:#fff;max-width:170px;line-height:1.05;text-align:left;transition:opacity .2s}
.mat.rub .matrug{animation:rub .35s}
@keyframes rub{25%{translate:-10px 0;rotate:-6deg}50%{translate:9px 0;rotate:0deg}75%{translate:-5px 0}}
.mat.clean .matrug{background:repeating-linear-gradient(90deg,#9c7650 0 3px,#ad865c 3px 6px);rotate:0deg}
.mat.clean .mathint{color:var(--acc)}
.puffs{position:absolute;left:0;top:0;width:150px;height:66px;pointer-events:none}
.puff{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(220,200,170,.75);animation:puff .7s ease-out forwards}
@keyframes puff{to{translate:var(--x) var(--y);scale:2.4;opacity:0}}
.pawp{position:absolute;width:16px;height:16px;color:#fff;opacity:0;animation:pawin .5s forwards}
@keyframes pawin{to{opacity:.9}}
@media(max-width:640px){.matrug{width:130px;height:58px}.matrug .disp{font-size:19px}.mathint{font-size:20px}.puffs{width:130px;height:58px}}

/* v2.5: rohožka „na zemi“ vpravo vedľa čiary pod nadpisom */
.scrow{display:flex;align-items:flex-start;gap:34px}
.scrow .scribble{flex:none}
.scrow .mat{flex-direction:column;align-items:center;gap:4px;margin:-26px 0 0;rotate:-3deg;z-index:6}
.scrow .mathint{text-align:center;max-width:170px}
@media(max-width:640px){
 .scrow{justify-content:space-between;gap:10px}
 .scrow .mat{margin:-44px 9% 0 0;rotate:4deg}
 .scrow .matrug{width:122px;height:56px}.scrow .matrug .disp{font-size:18px}.scrow .puffs{width:122px;height:56px;left:auto}
 .scrow .mathint{font-size:17px;line-height:1}
}
@media(max-width:640px){.scrow+.lede{margin-top:16px}}



/* v2.7: Baileyho menu (ako jedálny lístok v bistre) + Stena vďaky */
.menuw{margin-top:100px}.menuw.cmp{margin:30px 0 26px;padding:0}
.menu{position:relative;max-width:760px;margin:0 auto;background:#f4ead6;color:var(--ink);padding:30px 28px 24px;border-radius:6px;rotate:-.5deg;box-shadow:0 20px 40px rgba(0,0,0,.5);
 background-image:radial-gradient(rgba(120,90,60,.10) 1px,transparent 1px);background-size:6px 6px}
.menu::before{content:"";position:absolute;inset:8px;border:2px solid rgba(26,18,16,.75);border-radius:3px;pointer-events:none;box-shadow:inset 0 0 0 4px #f4ead6,inset 0 0 0 5px rgba(26,18,16,.35)}
.mhead{text-align:center;position:relative}
.mhead h2{font-size:clamp(34px,5vw,50px);margin:0;line-height:1;letter-spacing:1px}
.mhead h2::before,.mhead h2::after{content:"~";color:var(--acc);margin:0 10px;font-family:Caveat,cursive}
.mhead p{margin:6px auto 14px;max-width:520px;font-size:14.5px;color:#4a3a2e}
.mlist{display:grid;gap:2px;position:relative}
.mi{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;background:none;border:0;border-radius:10px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.mi:hover{background:rgba(200,105,90,.10)}.mi.on{background:rgba(200,105,90,.18);transform:translateX(4px)}
.me{font-size:26px;width:34px;text-align:center;flex:none;transition:transform .3s}.mi:hover .me,.mi.on .me{transform:rotate(-12deg) scale(1.15)}
.mn{display:flex;flex-direction:column;min-width:0}.mn b{font-size:16px}.mn small{font-size:17px;color:#7a5e44;line-height:1.1}
.mdots{flex:1;min-width:20px;border-bottom:2px dotted rgba(26,18,16,.35);margin-bottom:6px;align-self:flex-end}
.mp{font-family:Anton,Impact,sans-serif;font-size:22px;white-space:nowrap}
.mi.other{opacity:.75}
.mpick{text-align:center;font-size:12.5px;color:#7a5e44;margin:12px 0 0}.menu.open .mpick{display:none}
.mpay{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;margin-top:16px;padding:16px;background:#fff;border:2px dashed #c8695a;border-radius:12px;animation:mopen .35s ease-out}
@keyframes mopen{from{opacity:0;translate:0 -8px}}
.mqr{text-align:center}.mqrbox{aspect-ratio:1;display:grid;place-items:center;background:#fff}.mqrbox img{width:100%;height:auto;image-rendering:pixelated}.mqr small{font-size:17px}
.msel{font-size:26px;color:var(--acc);line-height:1.05;margin-bottom:6px}
.minfo small{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;color:#7a5e44}
.miban{display:block;font:700 16px/1.3 ui-monospace,Menlo,monospace;margin:2px 0 10px;word-break:break-word}
.mnote{font-size:13px;margin:10px 0 0}.mhelp{font-size:12px;color:#6a5a4c;margin:6px 0 0;line-height:1.35}.msave{display:none}
.thanks{position:relative;margin-top:22px;padding-top:16px;border-top:2px dashed rgba(26,18,16,.25);text-align:center}
.thanks h3{font-size:24px;margin:0 0 8px}
.tnames{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:24px;color:#3a2716}.tnames span{rotate:var(--r)}
.tsig{font-size:20px;color:var(--acc);margin-top:6px}
.menuw.cmp .menu{rotate:0deg;padding:22px 18px 18px}.menuw.cmp .mhead h2{font-size:30px}
@media(max-width:760px){.menuw{margin-top:90px}.menu{padding:26px 16px 20px}.mpay{grid-template-columns:1fr;justify-items:center;text-align:center}.mqr{width:210px}.msave{display:block}.mi{padding:9px 6px;gap:8px}.mn small{font-size:15px}.mp{font-size:20px}}
.mpay[hidden],.mqr[hidden]{display:none}
.mlive{display:flex;align-items:center;justify-content:center;gap:8px;margin:-4px auto 12px;min-height:26px;position:relative}
.mlive-dot{width:8px;height:8px;border-radius:50%;background:#3fae5a;box-shadow:0 0 0 0 rgba(63,174,90,.6);animation:ping 1.8s infinite;flex:none}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(63,174,90,0)}100%{box-shadow:0 0 0 0 rgba(63,174,90,0)}}
.mlive-t{position:relative;display:grid;font-size:19px;color:#5a4330}.ml{grid-area:1/1;opacity:0;translate:0 6px;transition:opacity .4s,translate .4s;text-align:center}.ml.on{opacity:1;translate:0 0}.ml b{color:var(--acc)}
.tnames i{font-style:normal;font-size:18px}
/* v2.8: viac vzduchu v menu + Stena vďaky ako samostatná stránka */
.mhead p{margin:16px auto 26px;max-width:500px;font-size:15.5px;line-height:1.6}
.mpick{margin:22px 0 0;font-size:13.5px}
.mthx{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px auto 4px;padding:18px 0 4px;border-top:2px dashed rgba(26,18,16,.25);color:var(--ink);text-decoration:none;font-size:22px}
.mthx .disp{font-size:26px;letter-spacing:.5px;transition:color .2s}.mthx:hover .disp{color:var(--acc)}
.mthx i{font:700 12px/1 system-ui,sans-serif;font-style:normal;background:var(--acc);color:#fff;border-radius:99px;padding:5px 8px}
.menu.open .mthx{margin-top:22px}
.wall{padding-top:30px}
.wallp{position:relative;max-width:820px;margin:0 auto;background:#f4ead6;color:var(--ink);padding:44px 34px 34px;border-radius:6px;rotate:.4deg;box-shadow:0 20px 40px rgba(0,0,0,.5);text-align:center;
 background-image:radial-gradient(rgba(120,90,60,.10) 1px,transparent 1px);background-size:6px 6px}
.wallp::before{content:"";position:absolute;inset:8px;border:2px solid rgba(26,18,16,.75);border-radius:3px;pointer-events:none}
.wallp h1{font-size:clamp(40px,7vw,64px);margin:0;line-height:1}
.wtext{max-width:520px;margin:18px auto 34px;font-size:15.5px;line-height:1.6;color:#4a3a2e}
.wnames{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 16px}
.wn{display:flex;flex-direction:column;align-items:center;background:#fffaf0;padding:12px 18px 10px;border-radius:4px;rotate:var(--r);box-shadow:0 4px 10px rgba(60,40,20,.15);position:relative;min-width:120px}
.wn::before{content:"";position:absolute;top:-9px;left:50%;width:46px;height:16px;translate:-50% 0;rotate:-3deg;background:rgba(200,105,90,.35)}
.wn b{font-size:28px;line-height:1.05;color:#3a2716}.wn small{font-size:12.5px;color:#7a5e44;margin-top:4px}
.wallp .tsig{margin-top:34px;font-size:24px}
.wempty{font-size:24px;color:#7a5e44}
.wback{text-align:center;margin:40px 0 10px}
@media(max-width:640px){.wallp{padding:36px 18px 26px}.wn{min-width:0;padding:10px 14px 8px}.wn b{font-size:24px}.wnames{gap:16px 10px}}
/* v2.9: menšie menu – dlaždice namiesto dlhého zoznamu */
.menu{max-width:600px;padding:32px 30px 22px}
.mhead h2{font-size:clamp(30px,4.4vw,42px)}
.mhead p{max-width:420px;padding:0 14px;margin:12px auto 20px;font-size:14px;line-height:1.55}
.mlist{grid-template-columns:repeat(4,1fr);gap:8px}
.mi{flex-direction:column;justify-content:center;gap:2px;padding:12px 4px 10px;text-align:center;background:rgba(255,250,240,.75);border:1.5px solid rgba(26,18,16,.12);border-radius:12px}
.mi:hover{background:#fffaf0}.mi.on{transform:translateY(-3px);background:#fff;border-color:var(--acc)}
.mi .me{width:auto;font-size:30px;line-height:1.1}
.mi .mn{align-items:center}.mi .mn b{font-size:12.5px;line-height:1.2}.mi .mn small,.mi .mdots{display:none}
.mi .mp{font-size:16px;color:var(--acc)}
.mi.other{opacity:1;border-style:dashed}
.mpick{margin:16px 0 0;font-size:12.5px}
.msel .mdesc{display:block;font-size:17px;color:#7a5e44;margin-top:2px}
.mthx{margin-top:18px;padding-top:14px}.mthx .disp{font-size:22px}
@media(max-width:760px){.menu{padding:28px 18px 18px}.mi{padding:10px 2px 8px}.mi .me{font-size:26px}.mi .mn b{font-size:11.5px}.mi .mp{font-size:15px}.mlist{gap:6px}.mhead p{padding:0 10px;font-size:13.5px}}
@media(max-width:340px){.mlist{grid-template-columns:repeat(2,1fr)}}
/* v3.0: psí preukaz na šírku ako občiansky, ťuk = otočenie */
.idcard{padding:0;background:none;box-shadow:none;overflow:visible;border-radius:0;perspective:1400px;cursor:pointer;align-self:start;-webkit-tap-highlight-color:transparent}
.idcard::after{display:none}
.idin{display:grid;transition:transform .7s cubic-bezier(.3,1.3,.5,1);transform-style:preserve-3d}
.idcard.flip .idin{transform:rotateY(180deg)}
.idf{grid-area:1/1;position:relative;aspect-ratio:85.6/54;background:linear-gradient(135deg,#f3e6cf 0%,#e9d6b6 55%,#efdfc3 100%);color:var(--ink);border-radius:16px;padding:14px 18px 12px;box-shadow:0 18px 36px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.5);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column}
.idf::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-radial-gradient(circle at 85% 30%,rgba(200,105,90,.07) 0 2px,transparent 2px 9px),radial-gradient(120% 80% at 100% 0,rgba(200,105,90,.18),transparent 60%)}
.idf.back{transform:rotateY(180deg)}
.idtop{display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 9.5px/1 system-ui,sans-serif;letter-spacing:1.2px;color:#8a6b4a;position:relative}
.idtop .stamp{font-size:15px;padding:1px 8px;border-width:2px;rotate:6deg;letter-spacing:0}
.idhead{display:block;border:0;margin:4px 0 8px;padding:0 0 6px;border-bottom:2px dashed rgba(138,107,74,.6);font-size:clamp(18px,3.2vw,24px);line-height:1;position:relative}
.idbody{display:grid;grid-template-columns:30% 1fr;gap:14px;align-items:start;flex:1}
.idph img{aspect-ratio:3/4;border-width:3px;rotate:0deg;border-radius:4px}
.idcard dl{gap:3px;position:relative}.idcard dl div{padding-bottom:2px}
.idcard dt{font-size:8.5px;letter-spacing:.9px}
.idcard dd{font-size:clamp(14px,2.2vw,17px);line-height:1.05}
.idsig{position:absolute;left:18px;bottom:8px;font-size:17px;color:#3a2716;rotate:-4deg}
.idturn{position:absolute;right:14px;bottom:8px;font-size:14px;color:var(--acc)}
.idf.back dl{margin-top:10px;flex:1}.idf.back dd{font-size:clamp(15px,2.4vw,19px)}
.idchip{width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,#e2c27a,#b8913f 60%,#e8cf8f);box-shadow:inset 0 0 0 1px rgba(90,60,20,.4)}
.mrz{font:600 clamp(8.5px,1.55vw,11.5px)/1.35 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#3a2716;background:rgba(255,255,255,.35);margin:6px -18px -12px;padding:6px 18px 8px;white-space:nowrap;overflow:hidden}
.paws{display:none}
@media(max-width:640px){.idf{padding:11px 13px 10px;border-radius:13px}.idbody{gap:10px}.idsig{left:13px;font-size:15px}.idturn{font-size:12px}.mrz{margin:4px -13px -10px;padding:5px 13px 7px}}
.idbody{grid-template-columns:27% 1fr}
.idph{display:flex;flex-direction:column;align-items:center}
.idsig{position:static;display:block;margin-top:3px;font-size:16px;line-height:1;white-space:nowrap}
@media(min-width:961px){.idcard{grid-row:auto}.follow{grid-column:1/-1}}
@media(max-width:640px){.idsig{font-size:14px}}
/* v3.1: otáčanie bez 3D (Safari ukazoval zrkadlovo) */
.idcard{perspective:none}
.idin{transform-style:flat;transition:transform .23s ease-in}
.idcard.flip .idin{transform:none}
.idcard.turn .idin{transform:scaleX(0)}
.idf,.idf.back{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}
.idf.back,.idcard.flip .idf.front{visibility:hidden}
.idcard.flip .idf.back{visibility:visible}
.idsig{margin-top:9px}
/* v3.2: Pre firmy – pečiatky značiek + videá spoluprác */
.brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin:40px auto 0;max-width:900px}
.blab{font-size:24px;color:var(--mut);width:100%;text-align:center;margin-bottom:-2px}
.bstamp{font-size:clamp(20px,3.4vw,30px);letter-spacing:1px;color:var(--txt);border:3px solid currentColor;border-radius:8px;padding:4px 14px 3px;rotate:var(--r);opacity:.92}
.bstamp:nth-child(3n){color:var(--acc)}.bstamp:nth-child(3n+1){color:var(--kraft)}
.cvids{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:10px 0 6px}
.cvid{display:flex;flex-direction:column;background:#f3e9da;color:var(--ink);padding:8px 8px 14px;border-radius:4px;box-shadow:0 16px 30px rgba(0,0,0,.5);rotate:var(--r);text-decoration:none;transition:rotate .35s,translate .35s}
a.cvid:hover{rotate:0deg;translate:0 -6px}
.cvph{position:relative;display:block;aspect-ratio:9/16;background:#2a201b;overflow:hidden;border-radius:2px}
.cvph img{width:100%;height:100%;object-fit:cover;display:block}
.cvph i{position:absolute;left:50%;top:44%;width:56px;height:56px;margin:-28px;border-radius:50%;background:rgba(14,11,10,.6);display:grid;place-items:center;font-style:normal;color:#fff;font-size:19px;backdrop-filter:blur(4px)}
.cvbrand{position:absolute;left:10px;bottom:10px;background:var(--acc);color:#fff;font-size:20px;padding:4px 10px 2px;rotate:-3deg;letter-spacing:.5px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.cvtxt{font-size:14px;line-height:1.4;margin:10px 4px 0}
.cvres{font-size:21px;color:var(--acc);margin:4px 4px 0}
.fbrands{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-4px 0 16px}
.fbrands small{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.7;width:100%}
.fbrands span{font-size:17px;letter-spacing:.5px;border:2px solid currentColor;border-radius:6px;padding:2px 8px 1px;opacity:.85}
@media(max-width:760px){.cvids{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -16px;padding:10px 16px 16px;scrollbar-width:none}.cvids::-webkit-scrollbar{display:none}.cvid{flex:0 0 66%;scroll-snap-align:center}}
.fbrands{display:block;margin:-2px 0 18px}.fbrands small{display:block;width:auto;margin-bottom:3px}.fbrands b{font-weight:400;font-size:19px;letter-spacing:.8px}
.cvids{grid-template-columns:repeat(3,minmax(0,250px));justify-content:center}
/* v3.3: Pre firmy – kompaktná verzia */
.b2{max-width:820px;margin:0 auto}
.b2h{font:800 13px/1.2 system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 12px;color:var(--ink)}
.b2out{color:var(--txt);margin:34px 0 12px}
.b2box{background:var(--paper);color:var(--ink);border-radius:14px;padding:20px 20px 8px;rotate:-.4deg;box-shadow:0 14px 30px rgba(0,0,0,.45);margin-top:10px}
.b2o{display:flex;gap:14px;align-items:flex-start;padding:10px 0 12px;border-top:1px dashed rgba(26,18,16,.25)}.b2o:first-child{border-top:0;padding-top:2px}
.b2e{font-size:26px;line-height:1;flex:none;width:32px;text-align:center}
.b2o b{font-size:17px}.b2o p{margin:2px 0 0;font-size:14.5px;line-height:1.45;color:#4a3a2e}
.b2cases{display:grid;gap:10px}
.b2c{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;background:#1b1514;border:1px solid #2c2320;border-radius:14px;color:var(--txt);text-decoration:none;transition:border-color .2s,translate .2s}
a.b2c:hover{border-color:var(--acc);translate:3px 0}
.b2c img,.b2ci{width:60px;height:60px;border-radius:10px;object-fit:cover;flex:none}
.b2ci{display:grid;place-items:center;background:var(--acc);color:#fff;font-size:28px}
.b2c div{flex:1;min-width:0}.b2c b{font-size:19px;letter-spacing:.5px;font-weight:400}.b2c p{margin:1px 0 0;font-size:14px;color:var(--mut);line-height:1.4}.b2c em{font-style:normal;color:var(--acc);font-size:19px}
.b2c i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff}
.b2q{display:grid;gap:10px;margin-top:14px}
.b2q figure{margin:0;padding:12px 16px;border-left:3px solid var(--acc);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0}
.b2q blockquote{margin:0;font-size:21px;line-height:1.2;color:#fff}.b2q figcaption{font-size:13px;color:var(--mut);margin-top:4px}
.b2v{padding-top:6px}.b2v .vid{flex-basis:118px}
.b2plats{display:flex;flex-wrap:wrap;gap:10px}
.b2p{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1b1514;border:1px solid #2c2320;border-radius:99px;color:var(--txt);text-decoration:none}
.b2p .ic{color:var(--acc);font-size:18px}.b2p b{font-size:17px}.b2p small{color:var(--mut);font-size:13px}
.b2steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.b2steps li{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#1b1514;border-radius:14px;border:1px solid #2c2320}
.b2steps b{font:400 30px/1 Anton,Impact,sans-serif;color:var(--acc)}
.b2steps span{display:flex;flex-direction:column;gap:3px}.b2steps strong{font-size:15px}.b2steps small{font-size:13px;color:var(--mut);line-height:1.4}
#kontakt .formwrap{margin-top:34px}
@media(max-width:700px){.b2steps{grid-template-columns:1fr;gap:8px}.b2steps li{padding:10px 12px;align-items:center}.b2box{padding:16px 16px 6px}}
/* v3.5: úvod – hlavička leží na fotke a odscrolluje sa s ňou; pás sa vysunie až nižšie */
header.ov{position:absolute}
header.ov.stuck{position:fixed;animation:hdin .3s ease-out}
@keyframes hdin{from{transform:translateY(-100%)}}
/* v3.6: finálne doladenie */
.proof{display:inline-block;margin:2px 0 14px;padding:6px 12px;border:1px solid rgba(217,185,140,.45);border-radius:8px;font-size:13px;letter-spacing:.3px;color:var(--kraft);line-height:1.45}
@media(max-width:760px){
 header.stuck .nav{height:54px}header.stuck .logo{font-size:26px}
 .cform{padding:24px 18px 18px}.cform h2{font-size:32px}.cform>p{margin-bottom:12px;font-size:14px}
 .cform label{font-size:12px;margin-bottom:3px}
 .cform input,.cform textarea{padding:9px 12px;margin-bottom:10px;border-radius:10px}
 .cform textarea{height:96px;min-height:72px}
 .cform .btn{padding:12px}.direct{margin-top:10px}
 .proof{font-size:12px;padding:5px 10px;margin-bottom:10px}
}

/* v4.0: Pre firmy – nové poradie, dlaždice, ukážky, grafy, pravidlá, brief */
.firm2 .f2hero h1{font-size:clamp(40px,6vw,84px)}
.f2nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.f2n{background:#1b1514;border:1px solid #2c2320;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}
.f2n .ic{color:var(--acc);font-size:22px;margin-bottom:6px}
.f2n b{font-size:clamp(30px,4vw,44px);line-height:1;color:var(--txt)}
.f2n small{color:var(--mut);font-size:13px;line-height:1.35}
.f2n:nth-child(odd){rotate:-.6deg}.f2n:nth-child(even){rotate:.5deg}
.f2plats{margin-top:12px}
.f2h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:56px 0 16px}
.f2h .disp{font-size:clamp(30px,4.4vw,52px);line-height:1}
.f2h small{font-size:22px;color:var(--acc);rotate:-2deg}
.f2cases{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.f2c{position:relative;display:block;aspect-ratio:9/14;border-radius:16px;overflow:hidden;background:#1b1514;border:1px solid #2c2320;color:#fff;text-decoration:none;isolation:isolate;transition:translate .25s,rotate .25s}
a.f2c:hover{translate:0 -4px;rotate:-1deg}
.f2c img,.f2ci{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.f2ci{display:grid;place-items:center;background:var(--acc);font-size:80px}
.f2c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.88))}
.f2c em{position:absolute;left:12px;top:12px;font-style:normal;background:var(--acc);padding:4px 10px;border-radius:8px;font-size:20px;line-height:1.1;rotate:-3deg;box-shadow:0 6px 14px rgba(0,0,0,.4)}
.f2cb{position:absolute;left:12px;right:12px;bottom:12px}
.f2cb b{display:block;font:400 24px/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.f2cb p{margin:4px 0 0;font-size:13px;line-height:1.35;color:#e6dcd3}
.f2c i{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;font-style:normal;font-size:12px}
.chs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chc{background:#1b1514;border:1px solid #2c2320;border-radius:16px;padding:18px 16px}
.chc h3{margin:0 0 4px;font-size:26px;line-height:1.05}
.chp{margin:0 0 30px;color:var(--mut);font-size:14px;line-height:1.4}.chavgl{color:var(--kraft);white-space:nowrap}
.chbars{display:flex;align-items:flex-end;gap:6px;height:170px;position:relative;border-bottom:1px solid #3a2e2a}
.chb{flex:1;min-width:0;background:var(--acc);border-radius:6px 6px 2px 2px;position:relative;height:var(--h)}
.rv .chb{height:0;transition:height .9s cubic-bezier(.2,.8,.2,1) calc(.25s + var(--d,0s))}.rv.in .chb{height:var(--h)}
.chb.dim{background:#4a3a34}.chb.dim.hi{background:var(--acc)}
.chb span{position:absolute;top:-19px;left:50%;translate:-50% 0;font-size:11px;font-weight:700;white-space:nowrap}
.chavg{position:absolute;left:0;right:0;border-top:2px dashed var(--kraft);z-index:2;opacity:.85}
.chx{display:flex;gap:6px;margin-top:6px}.chx span{flex:1;min-width:0;text-align:center;font-size:10px;color:var(--mut);line-height:1.2;overflow:hidden;white-space:nowrap}
.chdots{display:none}
.f2two{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start;margin-top:56px}
.f2two .b2box{margin-top:0}
.f2rules{position:relative;background:#fbf1de;color:var(--ink);border-radius:4px;padding:22px 20px 54px;rotate:1.2deg;box-shadow:0 16px 30px rgba(0,0,0,.5);background-image:repeating-linear-gradient(transparent 0 33px,rgba(200,105,90,.18) 33px 34px)}
.f2rules::before{content:"";position:absolute;left:50%;top:-12px;width:90px;height:26px;margin-left:-45px;background:rgba(217,185,140,.9);rotate:-2deg}
.f2rules h2{margin:0 0 10px;font-size:30px;color:var(--acc)}
.f2rules ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.f2rules li{display:flex;gap:10px;align-items:baseline}.f2rules li b{font-size:22px;color:var(--acc);flex:none;width:22px}
.f2rules li span{font-size:23px;line-height:1.15}
.f2paw{position:absolute;right:16px;bottom:8px;font-size:40px;rotate:-18deg;opacity:.85}
.f2sig{position:absolute;right:62px;bottom:14px;font-size:18px;color:#7a6656}
.f2chips{border:0;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.f2chips legend{font-size:13px;font-weight:700;margin-bottom:6px;padding:0}
.f2chips label{margin:0;cursor:pointer}
.f2chips input{position:absolute;opacity:0;pointer-events:none}
.f2chips span{display:inline-block;padding:7px 12px;border-radius:99px;border:1.5px solid rgba(26,18,16,.35);font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.f2chips input:checked+span{background:var(--ink);color:#fbf1de;border-color:var(--ink)}
.f2chips input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.f2stamp{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:8px 14px;border:3px solid var(--acc);border-radius:10px;color:var(--acc);rotate:-4deg;width:max-content;max-width:100%;animation:f2st .5s cubic-bezier(.2,1.6,.4,1)}
.f2stamp span{font-size:30px}.f2stamp b{font-size:24px;line-height:1}
@keyframes f2st{from{scale:2.4;opacity:0}}
.f2fab{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;translate:-50% 140%;opacity:0;transition:translate .35s,opacity .35s;box-shadow:0 10px 26px rgba(0,0,0,.55);display:none}
.f2fab.show{translate:-50% 0;opacity:1}
@media(max-width:900px){.f2nums{grid-template-columns:1fr 1fr}.f2cases{grid-template-columns:1fr 1fr}.f2two{grid-template-columns:1fr}}
@media(max-width:760px){
 .f2fab{display:inline-flex}
 .f2n{padding:13px}.f2n b{font-size:30px}
 .f2h{margin-top:42px}.f2h small{font-size:19px}
 .f2cases{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.f2cases::-webkit-scrollbar{display:none}
 .f2c{flex:0 0 62%;scroll-snap-align:start}
 .chs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px;scrollbar-width:none}.chs::-webkit-scrollbar{display:none}
 .chc{flex:0 0 88%;scroll-snap-align:center}
 .chdots{display:flex;justify-content:center;gap:6px;margin-top:10px}.chdots i{width:7px;height:7px;border-radius:50%;background:#4a3a34;transition:background .2s,width .2s}.chdots i.on{background:var(--acc);width:18px;border-radius:9px}
 .chx{gap:2px}.chx span{font-size:9px;letter-spacing:-.2px}
 .f2two{margin-top:42px}.f2rules li span{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.rv .chb{transition:none;height:var(--h)}.f2stamp{animation:none}}
/* v4.1: hero na mobile – text pod fotkou na celú šírku, bez prázdneho pravého stĺpca */
@media(max-width:760px){
 .f2hero{grid-template-columns:minmax(0,1fr) 36%;gap:12px 14px;align-items:start}
 .f2hero>div:first-child{display:contents}
 .f2hero h1{grid-column:1;grid-row:1;align-self:center;margin:0}
 .f2hero .polw{grid-column:2;grid-row:1;width:100%;margin-top:6px}
 .f2hero .lede2,.f2hero .tagnote,.f2hero .cta2{grid-column:1/-1;margin:0}
 .f2hero .lede2{max-width:none}
 .f2hero .tagnote{justify-self:start}
 .f2hero .cta2{flex-wrap:nowrap;gap:10px}.f2hero .cta2 .btn{flex:1;justify-content:center;padding:12px 10px;white-space:nowrap}
}

/* v4.2: kompaktnejšie dlaždice a karty, grafy cez prepínač, výzva namiesto plávajúceho tlačidla */
.f2fab,.chdots,.chavg{display:none!important}
.chtabs{display:none}
.f2cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:22px 0 0;text-align:center}
.f2cta .hand{font-size:24px;color:var(--kraft)}
.chx span{overflow:visible}
@media(max-width:760px){
 .f2nums{gap:10px}.f2n{padding:12px 13px;gap:0}.f2n .ic{font-size:18px;margin-bottom:4px}.f2n b{font-size:28px}.f2n small{font-size:12px}
 .f2cases{gap:10px}.f2c{flex:0 0 46%;aspect-ratio:3/4.3;border-radius:14px}
 .f2c em{font-size:15px;padding:3px 8px;left:8px;top:8px}.f2c i{width:28px;height:28px;right:8px;top:8px;font-size:10px}
 .f2cb{left:9px;right:9px;bottom:9px}.f2cb b{font-size:18px}.f2cb p{font-size:11.5px;line-height:1.3}
 .chtabs{display:flex;gap:4px;padding:4px;background:#1b1514;border:1px solid #2c2320;border-radius:99px;width:max-content;margin:0 0 12px}
 .chtabs button{border:0;background:none;color:var(--mut);font:700 14px Inter,system-ui,sans-serif;padding:8px 18px;border-radius:99px;cursor:pointer}
 .chtabs button.on{background:var(--acc);color:#fff}
 .chs{display:block;overflow:visible;margin:0;padding:0}
 .chc{display:none}.chc.on{display:block}
 .chbars{height:150px}.chp{margin-bottom:26px}
 .f2cta{flex-direction:column;gap:8px}.f2cta .hand{font-size:22px}
}

/* v4.3: bežné video (pozretia, lajky, komentáre) + jeden graf s prepínačom */
.f2avg{background:var(--paper);color:var(--ink);border-radius:16px;padding:16px 18px 18px;rotate:-.5deg;box-shadow:0 14px 30px rgba(0,0,0,.45);margin-bottom:16px}
.f2avgh{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b5a4c}
.f2avgg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.f2avgg div{border-left:3px solid var(--acc);padding-left:12px}
.f2avgg b{display:block;font-size:clamp(30px,5vw,48px);line-height:1}
.f2avgg small{font-size:14px;color:#6b5a4c}
.chone{display:block!important}
.chone .chtabs{display:flex;gap:4px;padding:4px;background:#120e0d;border:1px solid #2c2320;border-radius:99px;width:max-content;max-width:100%;margin:0 0 34px}
.chone .chtabs button{border:0;background:none;color:var(--mut);font:700 14px Inter,system-ui,sans-serif;padding:8px 16px;border-radius:99px;cursor:pointer}
.chone .chtabs button.on{background:var(--acc);color:#fff}
.chpane{display:none}.chpane.on{display:block}
.chnote{margin:14px 0 0;font-size:13px}
@media(max-width:760px){.f2avgg{gap:6px}.f2avgg div{padding-left:8px}.f2avgg b{font-size:26px}.f2avgg small{font-size:12px}.chone .chtabs button{padding:8px 12px;font-size:13px}}
/* v4.4: Pre firmy – rovný, čistý formulár a viac miesta pod fotkou */
.firm2 .formpaper{display:none}
.firm2 #kontakt .formwrap{max-width:640px;margin:46px auto 30px}
.firm2 .cform{background:#1b1514;border:1px solid #2c2320;border-radius:20px;color:var(--txt);padding:28px 24px 22px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.firm2 .cform h2{color:var(--txt);margin-bottom:6px}
.firm2 .cform>p{color:var(--mut);margin-bottom:20px}
.firm2 .cform label{color:var(--txt);font-weight:600;font-size:13px;margin-bottom:6px}
.firm2 .cform input,.firm2 .cform textarea{background:#120e0d;border:1px solid #3a2e2a;border-radius:12px;color:var(--txt);padding:13px 14px;margin-bottom:16px;transition:border-color .2s,background .2s}
.firm2 .cform input:focus,.firm2 .cform textarea:focus{border-style:solid;border-color:var(--acc);background:#0e0b0a}
.firm2 .cform input::placeholder,.firm2 .cform textarea::placeholder{color:#6f625a}
.firm2 .cform textarea{min-height:110px}
.firm2 .f2chips{margin-bottom:18px;gap:8px}
.firm2 .f2chips legend{color:var(--txt);font-weight:600;font-size:13px;margin-bottom:8px}
.firm2 .f2chips span{border:1px solid #3a2e2a;background:#120e0d;color:#e6dcd3;padding:9px 14px;font-size:14px}
.firm2 .f2chips input:checked+span{background:var(--acc);border-color:var(--acc);color:#fff}
.firm2 .cform .btn{margin-top:4px;padding:15px;font-size:15px}
.firm2 .direct{color:var(--mut)}.firm2 .direct a{color:var(--txt)}
.firm2 .fmsg{color:var(--txt)}
@media(max-width:760px){
 .firm2 .cform{padding:22px 16px 18px;border-radius:18px}
 .firm2 .cform input,.firm2 .cform textarea{padding:12px 13px;margin-bottom:14px}
 .firm2 .f2chips span{padding:8px 12px;font-size:13px}
 .f2hero .lede2{margin-top:26px}
}

/* v4.5: úvod – Kde nás nájdeš */
.socg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}
.socc{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 18px 18px;border-radius:18px;background:#1b1514;border:1px solid #2c2320;color:var(--txt);text-decoration:none;overflow:hidden;transition:translate .25s,rotate .25s,border-color .25s}
.socc:hover{translate:0 -4px;rotate:-1deg;border-color:var(--c)}
.socc::before{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:var(--c);opacity:.14;filter:blur(10px)}
.soc-ig{--c:#e1306c}.soc-fb{--c:#1877f2}.soc-tt{--c:#25f4ee}.soc-yt{--c:#ff0033}
.soci{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:24px;margin-bottom:6px}
.soc-tt .soci{background:#000;color:#fff;box-shadow:inset 0 0 0 2px #25f4ee}
.socc b{font-size:28px;line-height:1}
.socc p{margin:0;color:#d8cdc4;font-size:14.5px;line-height:1.4;flex:1}
.socgo{margin-top:8px;font-weight:700;font-size:14px;color:var(--c)}
.soc-tt .socgo{color:#25f4ee}
@media(max-width:900px){.socg{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.socg{gap:10px}.socc{padding:16px 14px 14px;border-radius:16px}.soci{width:40px;height:40px;font-size:21px;border-radius:12px}.socc b{font-size:24px}.socc p{font-size:13px}}
/* v4.6: úvod na mobile – kompaktnejšie */
@media(max-width:760px){
 .cards{gap:62px}
 .card{grid-template-columns:34% 1fr;column-gap:14px;padding:18px 16px 18px}
 .card .cph{margin:-34px 0 0 -2px;border-width:5px 5px 14px}
 .card h2{font-size:28px}
 .card p{margin:14px 0 12px;font-size:14px;line-height:1.45}
 .card .btn{padding:10px 18px;font-size:13.5px}
 .sticker{top:auto;bottom:auto;left:2px;font-size:15px;padding:5px 10px;margin-top:-22px;position:relative!important;grid-column:1;grid-row:2;justify-self:start}
 .card .note2{font-size:18px;margin-top:8px}
 .tagr{top:-58px!important;font-size:19px}
 .sh{margin-top:38px!important;margin-bottom:12px}
 .bento{gap:14px}
 .igi{display:grid;grid-template-columns:36% 1fr;column-gap:14px;align-items:center;padding:16px 16px 16px 14px;rotate:.5deg}
 .igi .polw{grid-row:1/3;max-width:none;margin:0}
 .igi .polw .pol{border-width:5px 5px 14px}
 .igi .sticker2{font-size:13px;padding:2px 7px;left:-6px;bottom:-6px}
 .igi h3{font-size:30px;margin:0 0 4px;align-self:end}
 .igi p{font-size:14px;line-height:1.45;align-self:start}
 #siete .sh{margin-top:34px!important}
 .menuw{margin-top:40px}
 .menu{padding:22px 14px 14px}
 .mhead h2{font-size:34px}
 .mhead p{font-size:13px;margin-bottom:12px}
 .mpick{margin-top:8px}
 .foot{margin-top:36px;padding:36px 20px 30px}.fline{font-size:22px;margin-bottom:12px}
}
@media(max-width:760px){
 .socg{grid-template-columns:1fr;gap:8px}
 .socc{display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center;padding:12px 14px}
 .socc .soci{grid-row:1/3;margin:0;width:42px;height:42px}
 .socc b{font-size:21px;grid-column:2}
 .socc p{grid-column:2;font-size:12.5px;line-height:1.3}
 .socc .socgo{grid-column:3;grid-row:1/3;margin:0;font-size:13px}
 .socc::before{width:120px;height:120px;inset:auto -40px -70px auto}
}
@media(max-width:760px){.sh{margin-top:22px!important;margin-bottom:10px}#zoznamte .sh{margin-top:26px!important}#siete .sh{margin-top:26px!important}.cards{gap:56px}}
/* v4.7: ešte tesnejšie medzery na mobile */
@media(max-width:760px){
 .sh{margin-top:10px!important;margin-bottom:10px}
 #zoznamte .sh,#siete .sh{margin-top:6px!important}
 #zoznamte{margin-top:6px}
 #siete{margin-top:18px}
 .menuw{margin-top:22px!important}
 .bento{gap:12px}
}
@media(max-width:760px){.cards{margin-top:46px}.sticker{white-space:nowrap}.cards+*{margin-top:10px}#zoznamte .sh{margin-top:34px!important}}
/* v5.0: nový úvod – cesty, 3 videá, firmy, jedálny lístok, kto tu býva, naši ľudia, siete */
.hh{font-size:clamp(34px,5vw,64px);line-height:.95;margin:0 0 22px;max-width:900px}
#hero .lede{font-size:clamp(17px,2vw,21px)}
.paths{position:relative;z-index:7;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1120px;margin:28px auto 0;padding:0 24px}
.path{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:18px 54px 18px 22px;border-radius:18px;text-decoration:none;transition:translate .25s,rotate .25s;box-shadow:0 16px 30px rgba(0,0,0,.45)}
.path:hover{translate:0 -4px}
.path span{font-size:22px;line-height:1;opacity:.85}
.path b{font-size:clamp(30px,4vw,46px);line-height:1;margin-top:4px}
.path i{position:absolute;right:20px;top:50%;translate:0 -50%;font-style:normal;font-size:26px;font-weight:700}
.path.p1{background:var(--paper);color:var(--ink);rotate:-1deg}
.path.p2{background:var(--acc);color:#fff;rotate:.8deg}

#videa,#firmy,#zoznamte,#ludia,#siete{scroll-margin-top:80px}
.sec>.sh{margin-top:84px}
.v3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v3c{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#1b1514;border:1px solid #2c2320;isolation:isolate;transition:translate .25s,rotate .25s}
.v3c:nth-child(1){rotate:-1.2deg}.v3c:nth-child(3){rotate:1.2deg}
.v3c:hover{translate:0 -5px;rotate:0deg}
.v3c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.v3c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8))}
.v3c i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;font-style:normal;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.v3c span{position:absolute;left:12px;right:12px;bottom:10px;color:#fff;font-size:24px;line-height:1.05}
.v3more{text-align:center;margin:18px 0 0}.v3more a{color:var(--kraft);font-weight:700;font-size:15px}
#firmy{margin-top:96px}
.firm3{max-width:860px;margin:0 auto;padding:34px 34px 30px 46%;rotate:-.8deg;translate:0 0!important}
.firm3 h2{font-size:clamp(38px,4.6vw,60px)}
.firm3 p{font-size:16px;color:#e6dcd3}
.firm3 .tagr{left:8%;top:-34px}
.proof3{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.proof3 span{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid rgba(217,185,140,.4);border-radius:99px;font-size:13px;color:var(--kraft)}
.proof3 b{font:400 18px/1 Anton,Impact,sans-serif;color:#fff}
.menu.mbig{max-width:820px;padding:30px 30px 24px}
.mtop{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin:0 0 18px}
.mph{width:100%;aspect-ratio:1;object-fit:cover;border:7px solid #fff;border-bottom-width:22px;rotate:-4deg;box-shadow:0 12px 24px rgba(0,0,0,.3)}
.mtop h2{font-size:clamp(34px,4.6vw,54px);line-height:.95;margin:0}
.mtop p{font-size:26px;color:var(--acc);margin:6px 0 0;rotate:-2deg}
.mbig .mhead{text-align:center;border-top:2px dashed rgba(26,18,16,.25);padding-top:14px;margin-bottom:12px}
.mbig .mhead h3{margin:0;font-size:22px;letter-spacing:2px}
.mbig .mhead h3::before,.mbig .mhead h3::after{content:"~";color:var(--acc);margin:0 10px;font-family:Caveat,cursive}
.mfoot{text-align:center;font-size:23px;color:#5a4636;margin:14px 0 0;line-height:1.15}
.menuw.sec{margin-top:96px}
.role{margin:0 0 12px;font-size:15px;line-height:1.45;color:#d8cdc4}.role b{color:var(--txt)}
.bcell{grid-row:span 2;display:flex;flex-direction:column}
.bcell .idcard{grid-row:auto}
.igi .role{margin:0}
.ppl{position:relative;max-width:820px;margin:0 auto;background:#1b1514;border:1px solid #2c2320;border-radius:20px;padding:26px 24px 22px;text-align:center}
.ppl h2{font-size:clamp(32px,4vw,46px);margin:0 0 6px}
.ppl>p{color:var(--mut);margin:0 auto 16px;max-width:520px}
.pplc{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:14px}
.pplc b{font-size:56px;line-height:1;color:var(--acc)}.pplc span{color:#d8cdc4;font-size:15px;text-align:left;max-width:180px;line-height:1.3}
.ppl ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ppl li{padding:7px 12px;border-radius:99px;background:#120e0d;border:1px solid #3a2e2a;font-size:14px}
#ludia{margin-top:84px}
.soc3{max-width:820px;margin:0 auto;display:grid;gap:10px}
.soc3ig{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,#3a1424,#1b1514 60%);border:1px solid #4a2232;color:var(--txt);text-decoration:none}
.soc3ig .soci{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f9ce34,#ee2a7b 50%,#6228d7);display:grid;place-items:center;color:#fff;font-size:28px;margin:0}
.soc3ig b{display:block;font-size:26px;line-height:1}.soc3ig small{display:block;color:#d8cdc4;font-size:13.5px;margin-top:4px}
.soc3ig em{font-style:normal;font-weight:700;color:#ff6fa3;font-size:14px;white-space:nowrap}
.soc3row{display:flex;gap:8px}
.soc3s{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:14px;background:#1b1514;border:1px solid #2c2320;color:var(--txt);text-decoration:none;font-weight:600;font-size:14px}
.soc3s .ic{font-size:18px}.soc3s.soc-tt .ic{color:#25f4ee}.soc3s.soc-fb .ic{color:#4c8dff}.soc3s.soc-yt .ic{color:#ff3355}
.soc3s:hover{border-color:#4a3a34}
@media(max-width:760px){
 .paths{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;padding:0 16px}
 .path{min-height:92px;padding:14px 34px 14px 14px;border-radius:16px}
 .path span{font-size:17px}.path b{font-size:26px}.path i{right:12px;font-size:20px}
 .hh{font-size:36px;margin-bottom:16px}
 .sec>.sh{margin-top:56px!important}
 .v3{gap:8px}.v3c{border-radius:12px}.v3c i{width:38px;height:38px;margin:-19px;font-size:13px}.v3c span{font-size:16px;left:8px;bottom:6px}
 #firmy{margin-top:70px}
 .firm3{padding:20px 16px 18px;rotate:-.6deg}
 .firm3 h2{font-size:30px}.firm3 p{font-size:14px}
 .firm3 .tagr{top:-44px!important;right:4%;left:auto!important}
 .proof3 span{font-size:12px;padding:5px 10px}.proof3 b{font-size:16px}
 .menuw.sec{margin-top:60px}
 .menu.mbig{padding:22px 16px 18px}
 .mtop{grid-template-columns:96px 1fr;gap:14px;margin-bottom:12px}
 .mph{border-width:5px 5px 14px}
 .mtop h2{font-size:28px}.mtop p{font-size:19px}
 .mfoot{font-size:19px}
 .role{font-size:14px}
 #ludia{margin-top:56px}
 .ppl{padding:20px 16px 18px}.pplc b{font-size:46px}
 .soc3ig{grid-template-columns:46px 1fr;padding:14px}.soc3ig .soci{width:46px;height:46px;font-size:23px}.soc3ig b{font-size:22px}.soc3ig em{grid-column:2;font-size:13px}
 .soc3s{flex-direction:column;gap:4px;padding:10px 6px;font-size:12.5px}
}
@media(min-width:761px){.firm3 .cph{width:42%}}
.paths{box-sizing:border-box;width:100%}
.path{min-width:0}
.proof3 span{white-space:nowrap}
@media(max-width:760px){.paths{padding:0 16px}.path b{font-size:22px;overflow-wrap:anywhere}.path span{font-size:16px}.proof3{gap:6px}}
/* v5.2: žiadne osamotené slovo na konci, texty ďalej od objektov */
h1,h2,h3,.hh,.lede,.hand,.tagr,.sticker,.sticker2,.note2,.role,.mpick,.mfoot,.path b,.proof3 span,.ppl>p,.soc3ig small,.chp{text-wrap:balance}
p,small,dd{text-wrap:pretty}
.paths{gap:14px}
.mtop{gap:26px}
.role{margin-bottom:16px}
.firm3 .tagr{top:-44px}
@media(max-width:760px){
 .paths{gap:12px}
 .card{column-gap:20px}
 .card h2{padding-left:2px}
 .firm3 .tagr{top:-50px!important}
 .mtop{gap:18px}
 .role{margin-bottom:14px}
 .igi{column-gap:20px}
}
/* v5.3: nadpisy po segmentoch na jeden riadok, tlačidlá a štítky bez lámania */
@media(max-width:760px){
 .hh{font-size:clamp(26px,8vw,34px)}
 .firm3 h2{font-size:clamp(22px,7vw,28px)}
 .mtop h2{font-size:clamp(22px,6.6vw,28px)}
 .path b{font-size:clamp(18px,5.2vw,22px);overflow-wrap:normal;word-break:keep-all;hyphens:none}
 .path{padding-right:14px}.path i{top:12px;right:12px;translate:none;font-size:16px}
 .proof3 span{white-space:normal}
}
.proof3 span{flex-wrap:wrap}
.proof3 b{white-space:nowrap}
@media(max-width:760px){.card{column-gap:22px}.card p{margin-top:22px}}.bcell .role{margin-bottom:16px}
.proof3{flex-direction:column;align-items:flex-start}
.proof3 span{border-radius:12px;display:inline-flex;align-items:baseline;gap:6px;flex-wrap:nowrap}
@media(max-width:760px){.proof3 span{white-space:nowrap}}
@media(max-width:380px){.proof3 span{white-space:normal;flex-wrap:wrap}}
/* v5.4: hero ako rozcestník – tlačidlá na spodku prvej obrazovky */
.hero .paths{position:absolute;left:0;right:0;bottom:26px;margin:0 auto;z-index:8}
.hero{height:max(680px,100svh)}
@media(max-width:760px){
 .hero{height:auto;min-height:100svh;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 .hero .paths{position:relative;bottom:auto;margin-top:auto;padding-top:22px}
}
.hero .dil{display:none}
/* v5.5: menej prázdna pod rozcestníkom, tlačidlá ďalej od spodnej lišty, čiara nejde cez tlačidlá */
@media(max-width:760px){
 .hero{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 #firmy{margin-top:58px}
 .firm3 .tagr{top:-46px!important}
}
#trail{z-index:0}
.hero .paths{z-index:9}
.path{isolation:isolate}

/* v5.6: hero splýva s pozadím stránky, bez viditeľného okraja pod tlačidlami */
.hero{background:var(--bg)}
.hero::after{display:none}

/* v5.7: bez obrovských medzier, čiara spája všetky sekcie od hero */
#trail{top:430px;height:calc(100% - 430px);z-index:1}
#trail path{opacity:.6}
.hero{height:auto;min-height:0}
@media(min-width:761px){.hero{height:max(680px,100svh)}}
@media(max-width:760px){
 .hero{min-height:0;padding-bottom:10px}
 .hero .paths{margin-top:0;padding-top:24px}
 #videa .sh,.sec>.sh{margin-top:44px!important}
 #firmy{margin-top:62px}
 .menuw.sec{margin-top:44px}
 #ludia{margin-top:36px}
}
.paths .path,.v3c,.firm3,.menu,.idcard,.igi,.ppl,.soc3ig,.soc3s{position:relative;z-index:2}
#trail{z-index:0}.hero .hl,.hero .paths{position:relative;z-index:6}@media(min-width:761px){.hero .hl{position:absolute}.hero .paths{position:absolute}}
/* v6.0: Baileyho menu ako pokladničný bloček */
.mbig .mtop{margin-bottom:20px}
.rcpt{--rc:#fbf8f1;position:relative;max-width:360px;margin:6px auto 0;background:var(--rc);color:#1d1a17;font:13.5px/1.45 ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;padding:22px 18px 26px;box-shadow:0 10px 24px rgba(40,25,10,.25);rotate:-.6deg;
 -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/12px 51% repeat-x;
 mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/12px 51% repeat-x}
.rchd{text-align:center;display:flex;flex-direction:column;gap:1px;padding-bottom:10px;border-bottom:1.5px dashed #9a8f82}
.rchd b{font-size:16px;letter-spacing:1px}
.rchd span{font-size:11.5px;color:#5c544b}
.rcl{margin:10px 0 6px;font-size:12px;color:#5c544b;text-align:center}
.rcitems{list-style:none;margin:0;padding:0}
.rci,.rcown label{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 6px;margin:0;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.rci:active{background:#efe7d8}
.rci.on{background:#f3e6cf}
.rce{font-size:20px;width:26px;text-align:center;flex:none}
.rcn{font-weight:700;letter-spacing:.3px;white-space:nowrap}
.rcq{font-weight:700;color:var(--acc);min-width:0}
.rcd{flex:1;min-width:12px;border-bottom:2px dotted #b8ad9f;margin:0 2px;transform:translateY(-3px)}
.rcp{font-weight:700;white-space:nowrap}.rcp::after{content:" €"}
.rcown input{width:84px;flex:none;padding:6px 8px;border:1.5px dashed #9a8f82;border-radius:6px;background:#fff;font:inherit;font-weight:700;text-align:right;color:inherit}
.rcsum{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:10px;border-top:1.5px dashed #9a8f82}
.rcsum span{font-weight:700;letter-spacing:2px;font-size:15px}
.rctot{font-size:24px;font-weight:800}
.rctot.bump{animation:rcb .3s ease-out}
@keyframes rcb{40%{scale:1.15;color:var(--acc)}}
.rcbtns{display:flex;gap:8px;margin-top:12px}
.rcclr{flex:none;padding:12px 14px;border:1.5px solid #c9bfb1;border-radius:99px;background:none;font:inherit;font-weight:700;color:#5c544b;cursor:pointer}
.rcpay{flex:1;justify-content:center;font-family:Inter,system-ui,sans-serif;padding:13px}
.rcpay:disabled{opacity:.4;cursor:not-allowed;transform:none}
.rcvol{margin:12px 0 0;font-size:11.5px;color:#5c544b;text-align:center}
.rcbar{height:42px;margin:14px auto 6px;width:78%;background:repeating-linear-gradient(90deg,#1d1a17 0 2px,transparent 2px 4px,#1d1a17 4px 7px,transparent 7px 9px,#1d1a17 9px 10px,transparent 10px 13px)}
.rcthx{margin:0;text-align:center;font-size:12px}
.mbig .mpay{margin-top:18px}
@media(max-width:380px){.rcpt{padding:20px 12px 24px;font-size:12.5px}.rce{font-size:18px;width:22px}.rcown input{width:70px}}
.rcgo{display:none!important}.rchd span{text-wrap:balance}
.firm2 .f2stamp{margin:18px 0 22px}.f2again{margin:0 0 6px}.f2again .btn{width:100%;justify-content:center}
/* v6.1: kontrola zariadení */
.f2chips label{position:relative}

@media(min-width:761px) and (max-width:1060px){.firm3{margin-left:28px;margin-right:12px}}
@media(max-width:360px){.chx{height:30px;align-items:flex-start}.chx span{overflow:visible;text-overflow:clip;rotate:-38deg;transform-origin:70% 0;margin-top:6px;font-size:9px}}

/* v10: Stena vďaky – prvá objednávka v rámčeku + lístky s páskou */
.tfrs{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 14px;margin:14px 0 8px}.tfr{position:relative;display:inline-block;background:#3a2716;padding:9px;rotate:var(--r,-1.5deg);margin:0;box-shadow:0 12px 24px rgba(0,0,0,.4)}
.tnail{position:absolute;top:-8px;left:50%;width:10px;height:10px;border-radius:50%;background:#a89c93;translate:-50% 0}
.tfin{background:var(--paper);color:#3a2716;padding:12px 30px 12px;border:2px solid var(--kraft);text-align:center}.tcap{font-size:21px;color:var(--kraft);margin:0 0 28px}.wallp .tcap{color:#7a5e44}.tcnt{font-size:13.5px;color:var(--mut);margin:0 0 16px}.tcnt b{color:var(--acc);font-weight:600}
.tfin small{display:block;font:11px ui-monospace,Menlo,monospace;letter-spacing:1px;color:#7a5e44}
.tfin b{display:block;font-size:44px;line-height:1;margin:2px 0}
.tfin i{font-style:normal;font-size:12.5px;color:#7a5e44}
.tnotes{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 12px;max-width:560px;margin:0 auto 22px}.tnotes:not(.all) .tn{width:calc((100% - 24px)/3)}.tnotes:not(.all) .tfree{width:auto;min-width:calc((100% - 24px)/3);padding-inline:18px}
.tn{position:relative;display:block;background:var(--paper);color:#3a2716;padding:12px 6px 8px;rotate:var(--r,0deg);box-shadow:0 4px 10px rgba(0,0,0,.25);text-align:center;text-decoration:none}
.tn::before{content:"";position:absolute;top:-9px;left:50%;width:42px;height:15px;translate:-50% 0;rotate:-4deg;background:rgba(240,230,210,.55)}
.tn b{display:block;font-size:24px;line-height:.95;overflow-wrap:break-word}
.tn small{display:block;font-size:12px;color:#7a5e44;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmore{background:var(--acc)}.tmore small{color:#3a1e16}
.tfree{background:none;border:2px dashed #5a4840;box-shadow:none;color:var(--kraft)}.tfree small{color:var(--mut)}.tfree::before{background:rgba(200,105,90,.35)}
.tnotes.all{display:flex;flex-wrap:wrap;justify-content:center;max-width:none;gap:16px 10px}
.tnotes.all .tn{padding:9px 12px 6px;box-shadow:0 3px 8px rgba(60,40,20,.15)}.tnotes.all .tn b{font-size:21px}
.wallp .tfr{margin-top:6px}
@media(max-width:640px){.tnotes{gap:18px 8px}.tn b{font-size:20px}.tfin b{font-size:38px}}

.tfin i{display:block}.tfin .tdt{font-size:11px;opacity:.8;margin-top:1px}
.tfrs:has(.tfr+.tfr){gap:18px 10px;max-width:560px;margin-inline:auto}
.tfrs:has(.tfr+.tfr) .tfr{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);box-sizing:border-box;padding:7px}
.tfrs:has(.tfr+.tfr) .tfin{padding:10px 6px 9px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.tfrs:has(.tfr+.tfr) .tfin small{font-size:9.5px;letter-spacing:.3px}
.tfrs:has(.tfr+.tfr) .tfin b{font-size:30px;overflow-wrap:break-word}
.tfrs:has(.tfr+.tfr) .tfin i{font-size:11.5px}