body{margin:0;background:#F6F1E8}
a{color:#2B2622}a:hover{color:#B0655E}
.grid{background-image:linear-gradient(rgba(43,38,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,38,34,.045) 1px,transparent 1px);background-size:80px 80px}
.it{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.mono{font-family:"DM Mono",ui-monospace,monospace}
.hud{font:500 11px/1.5 "DM Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6F665E;display:inline-flex;align-items:center;gap:8px}
.hud::before{content:"";width:6px;height:6px;border-radius:50%;background:#EFA6A0;box-shadow:0 0 0 3px rgba(239,166,160,.25);flex:none}
.glass{background:rgba(255,255,255,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(43,38,34,.08);border-radius:24px}
.bar{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(43,38,34,.1);box-shadow:0 12px 36px -20px rgba(43,38,34,.35)}
.bar a{color:#2B2622}
.navwrap{align-items:flex-start !important;height:0 !important;overflow:visible}
.navwrap > nav.bar{align-self:flex-start;height:auto !important;min-height:0}
.navwrap{transition:transform .38s cubic-bezier(.2,.75,.2,1),opacity .3s}
.navwrap.hide{transform:translateY(-130%);opacity:0;pointer-events:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:16px 26px;text-decoration:none;font:500 15px Jost,system-ui,sans-serif;letter-spacing:.01em;min-height:52px;box-sizing:border-box;cursor:pointer;border:1px solid transparent;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s}
.btn:hover{transform:translateY(-1px)}
.btn.lime{background:#EFA6A0;color:#2B2622}.btn.lime:hover{background:#F5BDB8;box-shadow:0 12px 32px -12px rgba(239,166,160,.9)}
.btn.ink{background:#2B2622;color:#F6F1E8}.btn.ink:hover{background:#3D3630}
.btn.ghost{background:transparent;color:#2B2622;border-color:rgba(43,38,34,.28)}.btn.ghost:hover{border-color:#2B2622}
.scan{position:relative;overflow:hidden;border-radius:18px;background:#E9E2D6}
.scan img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.35) contrast(1.08) brightness(1.02)}
.scan::before,.scan::after{content:"";position:absolute;width:22px;height:22px;z-index:2;pointer-events:none}
.scan::before{left:12px;top:12px;border-left:1.5px solid #EFA6A0;border-top:1.5px solid #EFA6A0}
.scan::after{right:12px;bottom:12px;border-right:1.5px solid #EFA6A0;border-bottom:1.5px solid #EFA6A0}
.read{position:absolute;left:14px;bottom:12px;z-index:2;font:500 10.5px/1.6 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#F6F1E8;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.pt{transition:cx .6s cubic-bezier(.2,.75,.2,1),cy .6s cubic-bezier(.2,.75,.2,1),r .6s,opacity .6s,fill .6s}
.conv{animation:conv 1.4s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--d)}
@keyframes conv{from{transform:translate(var(--dx),var(--dy));opacity:0}to{transform:none;opacity:1}}
.sway{transform-origin:220px 470px;animation:sway 9s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-1.1deg) scale(.992)}50%{transform:rotate(1.1deg) scale(1.008)}}
.trk{transform-origin:220px 470px;animation:trk 9s ease-in-out infinite}
@keyframes trk{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg)}}
.life{animation:float var(--fd) ease-in-out var(--fdl) infinite alternate,glow 7s ease-in-out var(--gd) infinite}
@keyframes float{from{transform:translate(0,0)}to{transform:translate(var(--ax),var(--ay))}}
@keyframes glow{0%,80%,100%{opacity:.86}88%{opacity:1;fill:#EFA6A0}}
.leaf{animation:fall var(--lf) ease-in var(--ld) infinite}
@keyframes fall{0%{transform:translate(0,0) rotate(0);opacity:0}6%{opacity:1}72%{opacity:.9}100%{transform:translate(var(--lx),250px) rotate(1turn);opacity:0}}
.pulse{animation:pulse 7s ease-in-out infinite}
@keyframes pulse{0%,78%,100%{r:6.5px}84%{r:9px}}
.ring{animation:ring 7s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes ring{0%,80%{opacity:0;transform:scale(.2)}84%{opacity:.55}100%{opacity:0;transform:scale(1)}}
.cut{animation:cut 1.3s cubic-bezier(.4,0,.8,.4) forwards}
@keyframes cut{to{transform:translate(0,230px) rotate(.4turn);opacity:0}}
.lit .cr{fill:#C97C75}
.lit .ci{fill:#D98B84}
.seg{display:inline-flex;border:1px solid rgba(43,38,34,.2);border-radius:999px;padding:3px;background:rgba(255,255,255,.7)}
.seg button{border:0;background:transparent;border-radius:999px;padding:8px 14px;font:500 12.5px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#2B2622;cursor:pointer;min-height:34px}
.seg button.on{background:#2B2622;color:#F6F1E8}
.in{opacity:0;transform:translateY(18px);animation:in .9s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes in{to{opacity:1;transform:none}}
.tick{display:flex;gap:56px;white-space:nowrap;animation:tick 48s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.pin{position:sticky;top:0;height:900px;overflow:hidden}
.s1{view-timeline-name:--s1}.s3{view-timeline-name:--s3}
.rv{opacity:1}
.prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#EFA6A0;transform:scaleX(0);transform-origin:left}
.rail{position:absolute;left:0;top:28px;height:1px;width:100%;background:rgba(43,38,34,.15);transform:scaleX(0);transform-origin:left}
.m1,.m2,.m3,.m4{opacity:0}
@supports (animation-timeline: view()){
  .prog{animation:prog linear both;animation-timeline:scroll(root)}
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 8% entry 45%}
  .rv2{animation-range:entry 14% entry 52%}.rv3{animation-range:entry 20% entry 60%}.rv4{animation-range:entry 26% entry 66%}
  .h1a{animation:out linear both;animation-timeline:--s1;animation-range:contain 0% contain 50%}
  .h1b{animation:inn linear both;animation-timeline:--s1;animation-range:contain 40% contain 90%}
  .m1{animation:mm linear both;animation-timeline:--s1;animation-range:contain 5% contain 25%}
  .m2{animation:mm linear both;animation-timeline:--s1;animation-range:contain 20% contain 40%}
  .m3{animation:mm linear both;animation-timeline:--s1;animation-range:contain 35% contain 55%}
  .m4{animation:mm linear both;animation-timeline:--s1;animation-range:contain 50% contain 70%}
  .tilt{animation:tilt linear both;animation-timeline:--s1;animation-range:contain 0% contain 100%}
  .track{animation:track linear both;animation-timeline:--s3;animation-range:contain 0% contain 100%}
  .rail{animation:rail linear both;animation-timeline:view();animation-range:entry 20% entry 90%}
}
@keyframes prog{to{transform:scaleX(1)}}
@keyframes rv{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-40px)}}
@keyframes inn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes mm{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes tilt{from{transform:rotate(0) scale(1)}to{transform:rotate(-4deg) scale(1.06)}}
@keyframes track{to{transform:translateX(calc(-100% + 100vw))}}
@keyframes rail{to{transform:scaleX(1)}}
.opt{border:1px solid rgba(43,38,34,.2);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.7);color:#2B2622;cursor:pointer;font:400 15px Jost,system-ui,sans-serif;min-height:48px;transition:all .25s;text-align:left;display:flex;flex-direction:column;gap:4px}
.opt:hover{border-color:#2B2622}
.opt.on{background:#2B2622;color:#F6F1E8;border-color:#2B2622}
.opt .d{font-size:12.5px;opacity:.65;line-height:1.4}
.rng{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:rgba(43,38,34,.2);outline:none;border-radius:2px}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#EFA6A0;border:8px solid #F6F1E8;box-shadow:0 0 0 1px #2B2622;cursor:pointer}
.rng::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#EFA6A0;border:0;cursor:pointer}
.ipt{border:0;border-bottom:1px solid rgba(43,38,34,.3);background:transparent;color:#2B2622;padding:8px 0 12px;width:100%;outline:none;font:300 30px/1.1 Jost,system-ui,sans-serif;min-height:48px}
.ipt::placeholder{color:rgba(43,38,34,.3)}.ipt:focus{border-color:#2B2622}
.fld{width:100%;box-sizing:border-box;border:1px solid rgba(43,38,34,.25);border-radius:12px;padding:13px 14px;background:#fff;color:#2B2622;font:400 15px Jost,system-ui,sans-serif;outline:none;min-height:48px;transition:border-color .2s}
.fld:focus{border-color:#2B2622}
.fld::placeholder{color:rgba(43,38,34,.4)}
textarea.fld{min-height:88px;resize:vertical}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;color:#4A433D;cursor:pointer}
.chk input{width:20px;height:20px;margin:1px 0 0;accent-color:#2B2622;flex:none}
.filebtn{display:inline-flex;align-items:center;gap:10px;border:1px dashed rgba(43,38,34,.35);border-radius:12px;padding:12px 14px;font:400 14px Jost,system-ui,sans-serif;cursor:pointer;min-height:48px;color:#2B2622;background:rgba(255,255,255,.6)}
.filebtn input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.err{font-size:13px;color:#B5473F;border-left:2px solid #B5473F;padding-left:10px}
.flab{display:flex;flex-direction:column;gap:6px;min-width:0}.flab > span{font-size:13px;font-weight:500;color:#2B2622;padding-left:2px}
.fld::placeholder{color:rgba(43,38,34,.38)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #2B2622;outline-offset:3px;border-radius:6px}
.fld:focus-visible{outline-offset:0;border-radius:12px}
.fhint{font-size:12.5px;line-height:1.45;color:#6F665E;padding-left:2px}.fhint.bad{color:#B5473F}.fhint.good{color:#3F6B2A}
.fld.bad{border-color:#B5473F}.fld.good{border-color:#3F6B2A}
.nudge{font-size:13.5px;line-height:1.5;color:#2B2622;background:rgba(239,166,160,.22);border:1px solid rgba(43,38,34,.12);border-radius:12px;padding:12px 14px}
.qty{width:44px;height:44px;border-radius:50%;border:1px solid rgba(43,38,34,.3);background:#fff;cursor:pointer;font:400 20px Jost,sans-serif;color:#2B2622}
.faq{border-top:1px solid rgba(43,38,34,.14)}
.faq button{width:100%;background:none;border:0;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;text-align:left;color:#2B2622;min-height:56px}
.plus{width:36px;height:36px;border-radius:50%;border:1px solid rgba(43,38,34,.25);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .35s,background .25s;font:300 22px Jost,sans-serif}
.plus.on{transform:rotate(45deg);background:#EFA6A0;border-color:#EFA6A0}
.row{display:grid;grid-template-columns:72px minmax(0,1fr) 300px;gap:32px;align-items:center;padding:36px 0;border-top:1px solid rgba(43,38,34,.14);transition:background .3s}
.row:hover .scan img{filter:grayscale(0) contrast(1.05)}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:#EFA6A0;cursor:pointer;position:relative;flex:none;padding:0;transition:transform .25s}
.burger:active{transform:scale(.94)}
.bl,.bl::before,.bl::after{content:"";position:absolute;left:12px;width:20px;height:1.6px;background:#2B2622;transition:transform .3s,opacity .3s}
.bl{top:21px}.bl::before{left:0;top:-6px}.bl::after{left:0;top:6px}
.bl.on{transform:rotate(45deg)}.bl.on::before{transform:rotate(-90deg) translateX(-6px)}.bl.on::after{opacity:0}
.mi{display:block;padding:14px 16px;border-radius:14px;text-decoration:none;font-size:17px;min-height:48px;box-sizing:border-box}
.mi:hover{background:rgba(43,38,34,.05)}
.sumbar{display:none}
.mobbar.off{display:none !important}
.btn.busy{opacity:.6;pointer-events:none}
.morebtn{all:unset;cursor:pointer;font:500 14px Jost,system-ui,sans-serif;color:#2B2622;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start;min-height:0}
.rowbtn h3{pointer-events:none}
@media (min-width:1041px){ .g-hero > div:first-child{padding-top:104px;box-sizing:border-box} }
@media (max-width:1040px){
  .g2{grid-template-columns:1fr !important;height:auto !important;min-height:0 !important}
  .g-hero{padding-top:120px !important;padding-bottom:64px !important;gap:56px !important}
  .navlinks{display:none !important}
  .bar{gap:14px !important;padding:8px 8px 8px 18px !important}
  .menu{top:88px !important}
  .row{grid-template-columns:48px 1fr !important}
  .row .scan{grid-column:1 / -1}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .pin{height:auto !important;min-height:0 !important;overflow:visible !important;position:relative !important}
  .s1,.s3{height:auto !important}
  .h1a,.h1b{animation:none !important;opacity:1 !important;position:relative !important;inset:auto !important}
  .h1b{margin-top:56px}
  .m1,.m2,.m3,.m4{opacity:1 !important;animation:none !important}
  .tilt{animation:none !important}
  .track{width:auto !important;flex-direction:column;animation:none !important;transform:none !important;padding:0 24px !important}
  .track article{width:100% !important;height:auto !important;grid-template-columns:1fr !important}
  .track article .scan{height:auto !important;aspect-ratio:3/2}
  section,form,footer,nav{padding-left:24px;padding-right:24px}
}
@media (prefers-reduced-motion: reduce){ .in,.rv,.tick,.prog,.rail,.h1a,.h1b,.m1,.m2,.m3,.m4,.tilt,.track{animation:none !important;opacity:1 !important;transform:none !important} .track{width:auto !important;flex-wrap:wrap} .pin{position:relative !important;height:auto !important} .s1,.s3{height:auto !important} }
@media (max-width:1040px){
  .burger{display:inline-block}
  .g-hero > div:first-child{order:2}
  .g-hero > div:last-child{order:1}
  .g-hero h1{font-size:clamp(40px,11vw,64px) !important}
  .h1b{margin-top:40px}
}
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:84px}
  /* lišta nahoře: jen logo + menu */
  .navtel{display:none !important}
  nav.bar > .btn.lime{display:none !important}
  .bar{padding:6px 6px 6px 16px !important;gap:10px !important}
  .bar img{height:34px !important}
  .burger{margin-left:auto}
  .menu{top:84px !important;left:16px !important;right:16px !important}
  /* spodní lišta akcí */
  .mobbar{display:flex !important;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;border-radius:999px;box-sizing:border-box}
  .mobbar .btn{padding:12px 16px !important;min-height:46px !important;font-size:15px !important}
  /* obecný rytmus */
  section,form,footer{padding-left:20px !important;padding-right:20px !important}
  section{padding-top:64px !important;padding-bottom:64px !important}
  h2{font-size:clamp(30px,8.6vw,40px) !important;line-height:1.05 !important}
  p{font-size:16px !important}
  .btn{min-height:50px}
  /* hero: jedna obrazovka, strom první */
  .g-hero{padding:88px 20px 24px !important;gap:20px !important;min-height:0 !important;display:flex !important;flex-direction:column}
  .g-hero > div:first-child{order:2;min-height:0 !important}
  .g-hero > div:last-child{order:1}
  .g-hero > div:last-child > div{max-width:300px !important;margin:0 auto}
  .g-hero img.in{height:40px !important}
  .g-hero h1{font-size:clamp(36px,10.5vw,46px) !important;line-height:1.02 !important}
  .g-hero p{font-size:16px !important;max-width:none !important}
  .g-hero .btn.ghost{display:none}
  .g-hero .btn.lime{width:100%;justify-content:center}
  .h1a{gap:18px !important}
  .h1b{margin-top:44px;gap:14px !important}
  .h1b p:first-of-type{font-size:clamp(34px,10vw,44px) !important}
  .s1 .hud{font-size:10px !important}
  .s1 > .pin > div:last-child{display:none !important}
  /* pás faktů */
  .tick{animation-duration:70s}
  /* Hanka */
  #hanka .g2{gap:28px !important}
  #hanka .scan{aspect-ratio:1 !important;border-radius:20px !important}
  #hanka img[alt="Holky v korunách"]{max-width:100% !important;margin:0 !important}
  #hanka ul{gap:8px 0 !important}
  #hanka .btn{width:100%;justify-content:center}
  /* Co děláme: karty */
  .row{display:flex !important;flex-direction:column;gap:14px !important;padding:28px 0 !important}
  .row > .mono{display:none}
  .row .scan{order:-1;aspect-ratio:16/9 !important;border-radius:16px !important}
  .row h3{font-size:26px !important}
  /* Pět pravidel: vodorovné karty na přejetí */
  .s3{height:auto !important;padding:0 !important}
  .s3 .pin{position:relative !important;height:auto !important;overflow:visible !important;gap:20px !important;padding:64px 0 !important}
  .s3 .pin > div:first-child{padding:0 20px !important;flex-direction:column;align-items:flex-start !important;gap:10px !important}
  .track{width:auto !important;animation:none !important;transform:none !important;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;padding:4px 20px 12px !important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .track::-webkit-scrollbar{display:none}
  .track article{flex:0 0 84vw !important;width:84vw !important;height:auto !important;grid-template-columns:1fr !important;scroll-snap-align:center;padding:8px !important;gap:8px !important}
  .track article .scan{height:auto !important;aspect-ratio:16/10}
  .track article > div:last-child{padding:18px 14px 16px !important;gap:14px !important}
  .track article p{font-size:21px !important;line-height:1.2 !important}
  /* Postup: svislá osa */
  .rail{display:none}
  .steps{grid-template-columns:1fr !important;gap:0 !important;border-left:1px solid rgba(43,38,34,.18);margin-left:12px !important;padding-left:28px !important}
  .steps li{padding:0 0 32px !important;position:relative}
  .steps li > span{position:absolute !important;left:-41px !important;top:2px !important}
  .steps h3{font-size:22px !important}
  /* Pro představu: přejetí prstem */
  #cena ~ section{}
  .examples{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:none}
  .examples::-webkit-scrollbar{display:none}
  .examples > div{flex:0 0 78vw;scroll-snap-align:center}
  /* Kalkulačka */
  #cena .g2{gap:36px !important;padding:56px 20px 72px !important}
  #cena .g2 > div:first-child{gap:40px !important;order:2}
  #cena-souhrn{display:contents !important}
  #cena-souhrn > .glass:first-child{order:1;padding:14px 16px 4px !important}
  #cena-souhrn > .glass:first-child > div:last-child{max-width:260px;margin:0 auto}
  #cena-souhrn > .glass:last-child{order:3;scroll-margin-top:80px}
  #cena-souhrn > .glass:last-child::before{content:"Vaše cena a poptávka";display:block;font:500 11px/1.5 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#6F665E;margin-bottom:6px}
  #cena h2{font-size:clamp(32px,9vw,42px) !important}
  #cena .opt{font-size:16px !important;padding:14px 16px !important}
  #cena [style*="repeat(auto-fit,minmax(min(170px,100%),1fr))"]{grid-template-columns:1fr !important}
  #cena [style*="repeat(auto-fit,minmax(min(200px,100%),1fr))"]{grid-template-columns:1fr !important}
  #cena label[for],#cena span[style*="font-size:22px;font-weight:300"]{font-size:19px !important}
  .rng::-webkit-slider-thumb{width:34px;height:34px;border-width:9px}
  .ipt,.fld{font-size:16px !important}
  #cena .btn{width:100%;justify-content:center}
  .qty{width:48px;height:48px}
  /* Kde, Otázky, závěr */
  #kde .g2{gap:24px !important}
  #faq{gap:16px !important}
  #faq > div:first-child{position:static !important}
  #faq .btn{width:100%;justify-content:center}
  .faq button{padding:20px 0 !important}
  .faq button span:first-child{font-size:19px !important}
  section > div.rv.g2{padding:40px 22px !important;border-radius:24px !important;gap:28px !important}
  section > div.rv.g2 h2{font-size:clamp(36px,10vw,48px) !important}
  section > div.rv.g2 .btn{width:100%;justify-content:center}
  section > div.rv.g2 img{width:min(100%,220px) !important;justify-self:start !important}
  footer{flex-direction:column;align-items:flex-start !important;gap:10px !important;padding-bottom:24px !important}
  .seg button{padding:8px 10px;font-size:11px}
  /* ── kompaktní pořadí na mobilu ── */
  .page{display:flex;flex-direction:column;overflow-x:clip}
  .page > *{min-width:0;max-width:100%}
  .page > section,.page > footer{width:100%;box-sizing:border-box;margin-left:0 !important;margin-right:0 !important}
  .examples{max-width:none;width:calc(100% + 40px)}
  .g-hero{align-items:stretch !important}
  .g-hero > div:last-child{display:flex !important;justify-content:center;width:100%}
  .g-hero > div:last-child > div{width:100% !important}
  .page > div:first-child{order:0}
  .s1{order:1} #hanka{order:2} .examples-sec{order:3} #cena{order:4} #co{order:5} #jak{order:6} #postup{order:7} #kde{order:8} #faq{order:9} .cta-sec{order:10} .page > footer{order:11}
  .ticker{display:none !important}
  .h1b{display:none !important}
  .mfacts{display:flex !important}
  .g-hero > div:last-child > div{max-width:240px !important}
  .g-hero{padding-bottom:16px !important}
  /* Hanka kompaktně */
  #hanka{padding-top:40px !important;padding-bottom:16px !important}
  #hanka .g2{display:grid !important;grid-template-columns:96px minmax(0,1fr) !important;gap:16px !important;align-items:start !important}
  #hanka .scan{aspect-ratio:1 !important;border-radius:16px !important}
  #hanka .scan .read{display:none}
  #hanka .scan::before,#hanka .scan::after{display:none}
  #hanka .bio{gap:8px !important}
  #hanka .bio .hud{display:none}
  #hanka .bio img[alt="Holky v korunách"]{max-width:200px !important}
  #hanka .bio h2{font-size:22px !important;line-height:1.15 !important}
  #hanka .bio p,#hanka .bio ul,#hanka .bio .bio-actions{display:none !important}
  #hanka .bio.open p{display:block !important;font-size:15px !important}
  #hanka .bio.open ul{display:flex !important}
  #hanka .bio.open .bio-actions{display:flex !important;grid-column:1 / -1}
  #hanka .bio.open{grid-column:1 / -1}
  #hanka .morebtn{display:inline-block !important;margin-top:4px}
  /* Pro představu úzké */
  .examples-sec{padding-top:24px !important;padding-bottom:8px !important}
  .examples-sec h2{font-size:22px !important}
  .examples-sec .hud{display:none}
  .examples-sec .rv{margin-bottom:10px !important}
  .examples > div{flex:0 0 62vw;padding:14px 16px !important;gap:4px !important;border-radius:16px !important}
  .examples > div span:nth-child(2){font-size:13px !important;line-height:1.35 !important}
  .examples > div span:nth-child(3){font-size:22px !important}
  /* Kalkulačka hned pod tím */
  #cena{margin-top:16px}
  #cena .g2{padding-top:40px !important}
  /* Co děláme = rozbalovací řádky */
  #co{padding-top:56px !important;padding-bottom:24px !important}
  #co > .rv:first-child{margin-bottom:8px !important}
  #co > .rv:first-child p{display:none}
  .row{padding:4px 0 !important;gap:0 !important}
  .row .rowbtn{min-height:56px;width:100%}
  .row h3{font-size:20px !important}
  .rowplus{display:inline-flex !important;width:30px;height:30px}
  .row p,.row .scan{display:none !important}
  .row.open p{display:block !important;padding:0 0 14px}
  .row.open .scan{display:block !important;order:3;margin-bottom:16px}
  .row .rowbtn{order:1}.row p{order:2}
  #co .rv:last-child{padding-top:16px !important;grid-template-columns:1fr !important}
  #co .rv:last-child > .mono{display:none}
  #co .rv:last-child p{font-size:14px !important}
  /* Pět pravidel nižší */
  .s3 .pin{padding:48px 0 !important}
  .track article .scan{aspect-ratio:16/8}
  .track article p{font-size:18px !important}
  .track article > div:last-child span:last-child{display:none}
  /* Postup krátce */
  #postup{padding-top:40px !important;padding-bottom:40px !important}
  #postup > .rv:first-child p{display:none}
  .steps li{padding-bottom:20px !important;gap:6px !important}
  .steps p{font-size:14px !important}
  /* Kde rozbalovací */
  #kde{padding-top:40px !important}
  #kde .kde > div{display:none}
  #kde .kde.open > div{display:flex}
  #kde .morebtn{display:inline-block !important}
  #kde .kde{gap:12px !important}
  #faq{padding-top:48px !important}
}
@media (max-width:420px){
  .steps{grid-template-columns:1fr !important}
  .row{grid-template-columns:1fr !important}
}


[data-uncompiled]{visibility:hidden}