/* Bistro Šalvěj (ukázka FORMA) – kuchařka na zeleném stole: papír s nádechem šalvěje, černá sazba, šalvějová zelená, rajčatová jen pro čas rezervace, tužka pro poznámky kuchařky. Písma uložená u webu (Rokkitt, Public Sans, Caveat – SIL OFL 1.1). */
@font-face{font-family:'Rokkitt';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rokkitt-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rokkitt';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rokkitt-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/caveat-600-cz.woff2) format('woff2')}
@font-face{font-family:'Rokkitt-nahrada';src:local('Georgia');size-adjust:85%}
@font-face{font-family:'Public-nahrada';src:local('Arial'),local('Helvetica');size-adjust:102.5%}

:root{
  --paper:#e9ecdf;--paper-2:#dee3d1;--sage:#bccbb0;
  --ink:#161714;--mute:#484b43;--line:#b3baa5;
  --green:#2f5d3a;--green-l:#d2dfca;--stul:#2a4733;--stul-2:#1c3024;--krem:#eff1e5;--krem-2:#c8d3bf;
  --tomato:#b4371f;--tuzka:#4c4e46;
  --slab:'Rokkitt','Rokkitt-nahrada',Georgia,serif;--sans:'Public Sans','Public-nahrada',system-ui,sans-serif;--ruka:'Caveat','Segoe Print','Bradley Hand',cursive;
  --gut:clamp(1.1rem,5.2vw,5.4rem);
  --u:min(1vw,1.6vh);--sv:1vh;
}
@supports (height:1svh){:root{--u:min(1vw,1.6svh);--sv:1svh;--dv:1dvh}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--green) var(--paper-2)}
body{margin:0;background:var(--stul-2);color:var(--ink);font:400 1.0625rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;padding-bottom:4.6rem}
::selection{background:var(--green);color:var(--krem)}
img{display:block;max-width:100%;height:auto}
a{color:var(--green);text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}
.top :focus-visible,.pas :focus-visible,.ousko :focus-visible,.how :focus-visible,.konec :focus-visible,.foot :focus-visible,.sticky :focus-visible{outline-color:var(--krem)}
[hidden]{display:none!important}
h1,h2,h3{margin:0;font-family:var(--slab);font-weight:800;line-height:1;letter-spacing:-.008em}
p{margin:0;text-wrap:pretty}
figure{margin:0}
abbr{text-decoration:none}
.skip{position:absolute;left:-999px;top:0;z-index:50;background:var(--ink);color:var(--krem);padding:.6rem 1rem}
.skip:focus{left:1rem}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.4rem;border:0;background:var(--green);color:var(--krem);font:700 1.0625rem/1.15 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s,transform .14s}
.btn:hover{background:#244a2e}
.btn:active{transform:translateY(1px)}
.btn-line{background:transparent;color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.btn-line:hover{background:var(--green);color:var(--krem)}
.btn-krem{background:var(--krem);color:var(--stul-2)}
.btn-krem:hover{background:#fff}
.btn-line-krem{background:transparent;color:var(--krem);box-shadow:inset 0 0 0 2px var(--krem)}
.btn-line-krem:hover{background:var(--krem);color:var(--stul-2)}
.cta{display:flex;flex-wrap:wrap;gap:.65rem}
.as-link{padding:0;border:0;background:none;color:var(--green);font:inherit;text-align:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.as-link:hover{text-decoration-thickness:2px}
.fake{font-size:.92em;font-weight:400;color:var(--mute);white-space:nowrap}

/* značky variant */
.marks{display:inline-flex;gap:.25rem}
.mk{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;font:800 .95rem/1 var(--slab);color:var(--green);box-shadow:inset 0 0 0 1.6px var(--green)}
.mk-c{color:var(--krem);background:var(--green);box-shadow:none}

/* tužka, otisky, stránkování */
.tuzka{font:600 1.5rem/1.05 var(--ruka);color:var(--tuzka)}
.otisk{position:absolute;width:6.5rem;height:auto;pointer-events:none;filter:drop-shadow(0 .5px .4px rgba(62,72,52,.55))}
.folio{position:absolute;bottom:.5rem;font:600 1rem/1 var(--slab);color:var(--mute)}
.str-l .folio{left:1.1rem}.str-r .folio{right:1.1rem}
.sipka{position:absolute;fill:none;stroke:var(--tuzka);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- kniha: výchozí podoba (bez JS, omezený pohyb, malé výšky) je řada otevřených dvojstran pod sebou ---------- */
.scena{background:var(--stul)}
.stul{position:relative;display:flex;flex-direction:column;color:var(--krem)}
.top{order:-5}
.ousko{order:-4}
.title-page{order:-3}
.pas{order:-2}
.list.day{order:-1}
html:not(.js) .variant{display:none}
.top{display:flex;align-items:center;gap:.9rem;min-height:3.25rem;padding:.4rem .9rem}
.brand{display:flex;align-items:baseline;gap:.7rem;margin-right:auto;color:var(--krem);text-decoration:none}
.brand-name{font:800 1.75rem/1 var(--slab)}
.brand-sub{display:none;color:var(--krem-2);font-size:1.0625rem}
.top-res{display:none;color:var(--krem-2);font-size:1.0625rem}
.top-res b{font:800 1.3em/1 var(--slab);color:var(--krem)}
.call{min-height:44px;padding:.4rem 1rem;border:0;background:transparent;color:var(--krem);font:700 1.0625rem/1.2 var(--sans);box-shadow:inset 0 0 0 2px var(--krem);cursor:pointer;transition:background-color .18s,color .18s}
.call:hover{background:var(--krem);color:var(--stul-2)}
.ousko{display:flex;gap:.1rem;padding:0 .5rem .5rem}
.ousko a{position:relative;flex:1;display:grid;place-items:center;min-height:44px;padding:0 .3rem;color:var(--krem);font:700 1.0625rem/1 var(--slab);text-decoration:none;transition:background-color .18s,color .18s}
.ousko a:first-child{flex:1.5}
.ousko a.ted{background:var(--paper);color:var(--green)}
.ousko a.dnes::after{content:"";position:absolute;left:50%;bottom:.28rem;width:.35rem;height:.35rem;margin-left:-.175rem;border-radius:50%;background:var(--tomato)}
.ousko a.pryc{color:var(--krem-2)}
.kniha{--rezim:plocha;position:relative;display:contents}
.vazba{display:none}
.list{position:relative;display:grid;margin:0 .5rem 1rem;background:var(--paper)}
.str{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:1.25rem 1.1rem 2rem;background:var(--paper);color:var(--ink)}
.str::after{content:"";position:absolute;inset:0;pointer-events:none}

/* titulní dvojstrana */
.title-page h1{font-size:clamp(3.5rem,19vw,5.5rem);line-height:.86;color:var(--ink)}
#today-word{display:block;color:var(--green)}
.tp-date{margin-top:.55rem;font:600 clamp(1.25rem,5.4vw,1.55rem)/1.15 var(--slab);color:var(--mute)}
.title-page .str-r{order:-1;padding:0;min-height:62vw}
.foto-str{position:absolute;inset:0;background:#d8d4cb}
.foto-str picture{display:contents}
.foto-str img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.foto-str figcaption{position:absolute;left:1.1rem;bottom:.7rem;font:600 1.15rem/1 var(--ruka);color:#4a453b}
.title-page .folio{display:none}
.legend{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin-top:.55rem;color:var(--mute);font-size:.95rem}
.legend .lg{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
.legend .mk{width:1.35rem;height:1.35rem;font-size:.82rem}
.reserve-strip{margin-top:.8rem;padding-top:.65rem;border-top:2px solid var(--ink);color:var(--ink);font-weight:600;line-height:1.35}
.reserve-strip b{font:800 1.3em/1 var(--slab);color:var(--tomato);white-space:nowrap}
.title-page .cta{display:none}
.tz-deset{display:none}
.o-tp{right:.3rem;bottom:.2rem;width:5rem;transform:rotate(14deg)}

/* recepty */
.recipes{list-style:none;margin:0;padding:0}
.recipe{position:relative;border-top:1.5px solid var(--line)}
.recipe:first-child{border-top:0}
.recipe-soup,.r-pick{display:grid;grid-template-columns:2.1rem 1fr auto;grid-template-areas:"n name price" "n name marks" "n desc desc";gap:.12rem .6rem;align-items:start;width:100%;padding:.75rem .15rem}
.r-pick{position:relative;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.r-pick:hover{background:var(--green-l)}.r-pick:disabled:hover{background:transparent}.r-pick:hover .r-n::after{border-color:var(--green)}}
.recipe{--r-n:1.95rem}
.r-n{grid-area:n;font:800 var(--r-n)/.95 var(--slab);color:var(--green);text-align:center}
.recipe-soup .r-n{font-size:1.9rem}
.r-pick .r-n{position:relative}
.r-pick:not(:disabled) .r-n::after{content:"";position:absolute;left:50%;top:50%;width:1.36em;height:1.36em;margin:-.7em 0 0 -.68em;border:1.5px dashed #8d9680;border-radius:50%;transition:border-color .18s,opacity .18s}
.r-pick[aria-pressed="true"] .r-n::after{opacity:0}
.r-body{display:contents}
.r-name{grid-area:name;font:700 1.3rem/1.12 var(--slab)}
.r-desc{grid-area:desc;margin-top:.12rem;font-size:.97rem;line-height:1.36;color:var(--mute)}
.r-price{grid-area:price;font:800 1.35rem/1.1 var(--slab);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.recipe .marks{grid-area:marks;justify-self:end}
.tick{--t:calc(var(--r-n)*1.5);grid-area:n;justify-self:center;align-self:start;width:var(--t);height:var(--t);margin:calc(var(--r-n)*.47 - var(--t)/2) calc(var(--t)/-2) calc(var(--t)/-1);pointer-events:none;overflow:visible}
.tick path{fill:none;stroke:var(--tuzka);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset .55s cubic-bezier(.3,.6,.2,1)}
.r-pick[aria-pressed="true"]{background:var(--green-l)}
.r-pick[aria-pressed="true"] .tick path{stroke-dashoffset:0}
.r-pick:disabled{cursor:default}
.recipe.skrt .r-name{text-decoration:line-through 2px var(--tuzka);color:var(--mute)}
.recipe.skrt .r-desc,.recipe.skrt .r-n,.recipe.skrt .r-price,.recipe.skrt .marks{opacity:.5}
.recipes-today .r-desc{display:none}
.recipes-today .recipe-soup,.recipes-today .r-pick{grid-template-columns:1.8rem 1fr auto auto;grid-template-areas:"n name marks price";align-items:center;gap:0 .5rem;padding:.42rem .1rem}
.recipes-today .r-name{font-size:1.12rem}
.recipes-today .recipe{--r-n:1.5rem}
.recipes-today .r-price{font-size:1.12rem}
.recipes-today .mk{width:1.35rem;height:1.35rem;font-size:.82rem}
.recipes-today .tick{align-self:center;margin-top:calc(var(--t)/-2);margin-bottom:calc(var(--t)/-2)}
.recipes-today{margin-top:.65rem}

/* dny: levá strana je obraz dne */
.day-h{order:-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .55rem;font-size:clamp(2.9rem,14vw,4rem);line-height:.92}
.day-n{color:var(--green)}
.day-d{font-size:.42em;font-weight:600;color:var(--mute);font-variant-numeric:tabular-nums}
.day.is-today .day-h::after{content:"dnes";align-self:center;padding:.12rem .55rem;background:var(--tomato);color:#fff;font:700 1.0625rem/1.4 var(--sans)}
.day.po-desate .day-h::after{content:"dnes · bez rezervace"}
.day.is-past .day-h::after{content:"už snědeno";font:600 1.5rem/1 var(--ruka);color:var(--tuzka)}
.day.is-today.is-past .day-h::after{content:"dnes · už snědeno";padding:0;background:none;color:var(--tuzka);font:600 1.5rem/1 var(--ruka)}
.day.is-past .r-n{color:var(--mute)}
.day-closed .closed-note{margin:auto 0;font:800 clamp(2.6rem,12vw,3.6rem)/1 var(--slab);color:var(--green)}
.str-l h2{margin-top:.8rem;font-size:1.7rem;color:var(--ink)}
.sec-lead{color:var(--mute)}
.str-l .sec-lead{margin-top:.3rem}
.vlepena{display:none}
.list-velky,.snitka{display:none}
.den-ut .str-l{background:var(--green);color:var(--krem)}
.den-ut .day-n,.den-ut .day-d{color:var(--krem)}
.den-st .str-l{background:#17120e;color:var(--krem)}
.den-st .day-h{position:relative;z-index:1}
.den-st .day-n,.den-st .day-d{color:var(--krem)}
.foto-den{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 60%}
.den-pa .str-l{background:var(--sage)}
.den-pa .day-n{color:var(--ink)}
.den-pa .day-d{color:var(--ink)}
.den-ut.is-past .day-h::after,.den-st.is-past .day-h::after{color:var(--krem)}
.stitek{display:none}
.tz-po,.tz-ct,.tz-pa,.do-kolika{display:none}
.o-po,.o-ut,.o-ct,.o-pa{display:none}
.str-l .folio{display:none}

/* filtr a lístek */
.pas{padding:.2rem .6rem 1rem}
.variant{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.35rem .85rem;border:0;background:transparent;color:var(--krem);font:600 1rem/1.2 var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1.6px rgba(239,241,229,.45);transition:background-color .18s,color .18s,box-shadow .18s}
.chip:hover{box-shadow:inset 0 0 0 1.6px var(--krem)}
.chip .mk{width:1.45rem;height:1.45rem;font-size:.86rem;color:var(--krem);box-shadow:inset 0 0 0 1.6px var(--krem)}
.chip .mk-c{background:var(--krem);color:var(--stul-2);box-shadow:none}
.chip[aria-pressed="true"]{background:var(--krem);color:var(--stul-2);box-shadow:none}
.chip[aria-pressed="true"] .mk{color:var(--green);box-shadow:inset 0 0 0 1.6px var(--green)}
.chip[aria-pressed="true"] .mk-c{background:var(--green);color:var(--krem);box-shadow:none}
.pas-t{display:none;color:var(--krem-2)}
.slip{position:fixed;left:.6rem;right:.6rem;bottom:calc(4.9rem + env(safe-area-inset-bottom));z-index:29;padding:.8rem .95rem;background:#f8f9f2;color:var(--ink);box-shadow:0 0 0 1.5px var(--tuzka),0 18px 34px -14px rgba(0,0,0,.55);transform:rotate(-.6deg)}
@media (prefers-reduced-motion:no-preference){.slip{animation:listek .24s cubic-bezier(.16,1,.3,1)}}
@keyframes listek{from{opacity:0;translate:0 .9rem}}
.slip-t{font:600 1.0625rem/1.3 var(--slab);margin-bottom:.5rem}
.slip-t b{color:var(--tomato)}
.slip-a{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem}
.btn-small{min-height:44px;padding:.5rem 1rem;font-size:1rem}
.slip-x{min-height:44px;padding:0;border:0;background:none;color:var(--mute);font:600 1rem/1 var(--sans);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}

/* ---------- pod knihou ---------- */
.hlad{position:relative;overflow:hidden;background:#efa11e}
.hlad img{width:100%;height:clamp(30rem,124vw,42rem);object-fit:cover}
.hlad h2{position:absolute;left:var(--gut);bottom:clamp(1.4rem,5vw,3.4rem);font-size:clamp(3rem,13.2vw,5rem);line-height:.92;color:var(--ink)}
.perm,.where{padding:clamp(3.2rem,8vw,7.5rem) var(--gut);background:var(--paper);color:var(--ink)}
.perm h2,.where h2,.how h2{font-size:clamp(2.9rem,12vw,5.6rem);line-height:.94}
.perm h2,.where h2{color:var(--green)}
.perm .sec-lead{margin-top:.8rem;max-width:34rem}
.dezerty{margin-top:clamp(2rem,6vw,4.4rem)}
.dez-velke{font:800 clamp(2rem,8.6vw,3.2rem)/1.03 var(--slab);color:var(--ink)}
.dez-male{position:relative;margin-top:1rem;max-width:32rem;color:var(--mute)}
.dez-male b{font:800 1.3em/1 var(--slab);color:var(--ink)}
.dez-male .tuzka{display:block;margin-bottom:.3rem}
.napoje{display:grid;gap:2.4rem;margin-top:clamp(2.6rem,7vw,5.4rem)}
.perm-col h3{font-size:1.75rem;margin-bottom:.6rem;color:var(--green)}
.perm-list{list-style:none;margin:0;padding:0}
.perm-list li{display:grid;grid-template-columns:1fr auto;gap:0 .9rem;align-items:baseline;padding:.42rem 0}
.o-name{font:600 1.3rem/1.2 var(--slab)}
.o-tecky{display:none}
.perm-list b{font:800 1.35rem/1.2 var(--slab);font-variant-numeric:tabular-nums}
.o-desc{grid-column:1/-1;font-size:1rem;color:var(--mute)}
.week-note{margin-top:2.2rem;max-width:44rem;color:var(--mute)}

.how{display:grid;background:var(--green);color:var(--krem)}
.how-foto{position:relative;background:#1d1510}
.how-foto img{width:100%;height:clamp(24rem,92vw,36rem);object-fit:cover}
.how-foto figcaption{position:absolute;left:1rem;bottom:.8rem;color:#f4f1e6;font-size:1rem}
.how-foto figcaption span{font:700 1.1em/1 var(--slab);margin-right:.3rem}
.how-t{padding:clamp(2.6rem,7vw,6rem) var(--gut)}
.how-meta{font:600 1.5rem/1.1 var(--ruka);color:#dfe6d6}
.how h2{margin-top:.4rem}
.steps{list-style:none;margin:2rem 0 0;padding:0;counter-reset:s;display:grid;gap:1.5rem}
.steps li{counter-increment:s;position:relative;padding-left:3.4rem;line-height:1.45;color:#e4e9dc}
.steps li::before{content:counter(s);position:absolute;left:0;top:-.28rem;font:800 3rem/1 var(--slab);color:var(--sage)}
.steps b{display:block;font:700 1.5rem/1.15 var(--slab);color:var(--krem);margin-bottom:.15rem}

.big-addr{margin-top:1rem;font:800 clamp(1.9rem,8vw,3rem)/1.05 var(--slab)}
.near{margin:.7rem 0 1.4rem;color:var(--mute);max-width:32rem}
.contacts{margin:1.8rem 0 0;display:grid;gap:.7rem}
.contacts dt{color:var(--mute);font-size:1rem}
.contacts dd{margin:0;font-weight:700;font-size:1.2rem;overflow-wrap:anywhere}
.where-r{margin-top:2.6rem}
.hours{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.hours caption{text-align:left;font:800 1.75rem/1.1 var(--slab);margin-bottom:.5rem;color:var(--green)}
.hours th,.hours td{padding:.55rem .6rem;text-align:left;font:700 1.4rem/1.15 var(--slab);border-top:1.5px solid var(--line)}
.hours tr:first-child th,.hours tr:first-child td{border-top:0}
.hours td{text-align:right;font-weight:600}
.hours tr.today{background:url(kruh.svg) center/100% 100% no-repeat}
.hours tr.today th,.hours tr.today td,.hours tr.today+tr th,.hours tr.today+tr td{border-top-color:transparent}
.hours-note{margin-top:1rem;font-weight:600}
.hours-note b{font:800 1.2em/1 var(--slab);color:var(--tomato)}
.hours-closed{margin-top:.8rem;font-weight:700}

.konec{position:relative;overflow:hidden;padding:clamp(4rem,13vw,10rem) var(--gut) clamp(3rem,8vw,6rem);background:var(--stul-2);color:var(--krem)}
.konec-list{position:absolute;right:-18%;top:6%;width:min(120%,86rem);max-width:none;transform:rotate(-14deg)}
.konec h2{position:relative;font-size:clamp(4rem,22vw,9rem);line-height:.86;letter-spacing:-.015em}
.konec-t{position:relative;margin-top:1.4rem;max-width:30rem;font-size:1.2rem;color:var(--krem-2)}
.konec .cta{position:relative;margin-top:1.6rem}
.foot{padding:2.4rem var(--gut) 2.6rem;background:var(--stul-2);color:var(--krem-2);border-top:1.5px solid rgba(239,241,229,.2)}
.foot .foot-znak{font:800 clamp(2.8rem,6vw,4.6rem)/1 var(--slab);color:var(--krem)}
.foot-sl{display:grid;gap:1.1rem;margin-top:1rem}
.foot b{color:var(--krem)}
.foot .as-link,.foot a{color:var(--krem)}
.foot .fake{color:var(--krem-2)}
.foot-back{font-weight:700}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1.35fr 1fr;gap:.55rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:var(--stul-2);transform:translateY(110%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.sticky.on{transform:none}
.sticky .btn{min-height:50px;padding:.6rem .7rem;white-space:nowrap}

.pop{max-width:min(27rem,calc(100vw - 2rem));padding:1.6rem 1.4rem 1.4rem;border:0;color:var(--ink);background:var(--paper);box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.pop::backdrop{background:rgba(22,23,20,.55)}
.pop h2{font-size:clamp(1.7rem,7vw,2.1rem);color:var(--green);margin-bottom:.7rem}
.pop p{margin:0 0 1.2rem}
.pop .btn{width:100%}

/* ---------- velký tablet a počítač: kompozice a písmo od 1000 px ---------- */
@media (min-width:700px){
  .foot-sl{grid-template-columns:1fr 1fr 1.2fr;gap:3rem}
  .perm-list li{display:flex;flex-wrap:wrap;gap:0}
  .o-tecky{display:block;flex:1;min-width:1.2rem;margin:0 .5rem;border-bottom:2px dotted var(--line)}
  .o-desc{flex-basis:100%}
  .napoje{grid-template-columns:1fr 1fr;gap:clamp(2.4rem,7vw,7rem)}
  .hlad img{height:clamp(26rem,52vw,60rem);-webkit-mask-image:linear-gradient(to right,transparent 26%,#000 47%);mask-image:linear-gradient(to right,transparent 26%,#000 47%)}
  .hlad h2{top:clamp(2rem,5.4vw,6rem);bottom:auto;font-size:clamp(3.2rem,7.7vw,9rem)}
  .dez-velke{font-size:clamp(2.6rem,6.5vw,7.2rem)}
  .slip{left:auto;right:1.2rem;bottom:1.2rem;max-width:30rem}
}
@media (min-width:1000px){
  body{padding-bottom:0}
  .sticky{display:none}
  .brand-sub,.top-res,.pas-t{display:block}
  .ousko{gap:.2rem}
  .list{grid-template-columns:1fr 1fr;margin:0 var(--gut) 1.4rem}
  .title-page .str-r{order:0}
  .pas{padding:.4rem var(--gut) 1.2rem}
  .str{min-height:calc(var(--u)*54);padding:calc(var(--u)*3) calc(var(--u)*3.6) calc(var(--u)*3.2)}
  .str-l::after{background:linear-gradient(to left,rgba(40,50,34,.32),rgba(40,50,34,.1) 2.4%,rgba(40,50,34,0) 9%)}
  .str-r::after{background:linear-gradient(to right,rgba(40,50,34,.34),rgba(40,50,34,.1) 2.4%,rgba(40,50,34,0) 9%)}
  .title-page h1{font-size:calc(var(--u)*10.6)}
  .title-page.dlouhe h1{font-size:calc(var(--u)*7.7)}
  .tp-date{margin-top:calc(var(--u)*.7);font-size:calc(var(--u)*2.2)}
  .recipes-today{margin-top:calc(var(--u)*1.3)}
  .recipes-today .recipe-soup,.recipes-today .r-pick{grid-template-columns:calc(var(--u)*2.8) 1fr auto calc(var(--u)*5);gap:0 calc(var(--u)*.7);padding:calc(var(--u)*.62) .1rem}
  .recipes-today .r-name{font-size:max(1.2rem,calc(var(--u)*1.55))}
  .recipes-today .recipe{--r-n:calc(var(--u)*2.1)}
  .recipes-today .r-price{font-size:max(1.2rem,calc(var(--u)*1.55))}
  .legend{display:none}
  .reserve-strip{margin-top:auto;padding-top:calc(var(--u)*.9);font-size:max(1.0625rem,calc(var(--u)*1.25))}
  .title-page .cta{display:flex;margin-top:calc(var(--u)*1)}
  .title-page .cta .btn{min-height:max(48px,calc(var(--u)*3.7));font-size:max(1.0625rem,calc(var(--u)*1.25))}
  .tz-deset{display:block;position:absolute;right:calc(var(--u)*2.8);bottom:calc(var(--u)*3.2);font-size:calc(var(--u)*1.85);transform:rotate(-3deg);text-align:center}
  .o-tp{right:calc(var(--u)*5.4);bottom:auto;top:calc(var(--u)*3.4);width:calc(var(--u)*11);transform:rotate(16deg)}
  .dlouhe .o-tp{display:none}
  .foto-str figcaption{left:calc(var(--u)*2.6);bottom:calc(var(--u)*1.5);font-size:max(1.3rem,calc(var(--u)*1.7))}
  .folio{bottom:calc(var(--u)*1.2);font-size:max(1rem,calc(var(--u)*1.1))}
  .str-l .folio{display:block;left:calc(var(--u)*3.6)}
  .str-r .folio{right:calc(var(--u)*3.6)}
  .title-page .folio{display:none}
  /* recepty na pravé straně */
  .str-r .recipes{display:flex;flex-direction:column;flex:1}
  .str-r .recipe{flex:1 1 0;display:flex}
  .str-r .recipe.recipe-soup{display:grid}
  .str-r .recipe-soup,.str-r .r-pick{grid-template-columns:calc(var(--u)*4.4) 1fr auto;grid-template-areas:"n body price" "n body marks";grid-template-rows:auto 1fr;gap:calc(var(--u)*.25) calc(var(--u)*1);align-content:center;padding:calc(var(--u)*.6) .2rem}
  .str-r .r-body{grid-area:body;display:grid;align-content:start;gap:calc(var(--u)*.3);min-width:0}
  .str-r .r-name,.str-r .r-desc{grid-area:auto;margin:0}
  .str-r .recipe{--r-n:calc(var(--u)*3.7)}
  .str-r .recipe-soup .r-n{font-size:calc(var(--u)*3)}
  .str-r .r-name{font-size:max(1.45rem,calc(var(--u)*2))}
  .str-r .r-desc{font-size:max(1.0625rem,calc(var(--u)*1.28));line-height:1.36}
  .str-r .r-price{font-size:max(1.45rem,calc(var(--u)*2))}
  .str-r .mk{width:max(1.6rem,calc(var(--u)*1.9));height:max(1.6rem,calc(var(--u)*1.9));font-size:max(.95rem,calc(var(--u)*1.1))}
  .str-r .closed-note{font-size:calc(var(--u)*6)}
  /* levá strana */
  .day-h{font-size:calc(var(--u)*9.6);gap:0 calc(var(--u)*1)}
  .day-d{font-size:.3em}
  .day.is-today .day-h::after{font-size:max(1.0625rem,calc(var(--u)*1.25))}
  .day.is-past .day-h::after{font-size:calc(var(--u)*2.1)}
  .str-l h2{margin-top:calc(var(--u)*1.4);font-size:calc(var(--u)*2.5)}
  .str-l .sec-lead{max-width:calc(var(--u)*36);font-size:max(1.0625rem,calc(var(--u)*1.28))}
  .vlepena{display:block;position:absolute;left:calc(var(--u)*3.2);bottom:calc(var(--u)*3.8);width:calc(var(--u)*31);padding:calc(var(--u)*.55);background:#f6f7ef;box-shadow:0 calc(var(--u)*.5) calc(var(--u)*1.5) rgba(30,36,26,.28);transform:rotate(-1.8deg)}
  .vlepena::before{content:"";position:absolute;left:50%;top:calc(var(--u)*-.9);width:calc(var(--u)*7);height:calc(var(--u)*1.8);margin-left:calc(var(--u)*-3.5);background:rgba(214,219,197,.82);transform:rotate(2deg)}
  .vlepena img{width:100%;aspect-ratio:25/17;object-fit:cover}
  .tuzka{font-size:max(1.6rem,calc(var(--u)*2.1))}
  .tz-po,.tz-ct,.tz-pa{display:block;position:absolute}
  .tz-po{right:calc(var(--u)*2.6);bottom:calc(var(--u)*25.4);max-width:calc(var(--u)*16);text-align:right;transform:rotate(-3deg)}
  .o-po,.o-ut,.o-ct,.o-pa{display:block}
  .o-po{right:calc(var(--u)*1.6);bottom:calc(var(--u)*4.4);width:calc(var(--u)*8.6);transform:rotate(-22deg)}
  .list-velky{display:block;position:absolute;left:calc(var(--u)*-16);top:calc(var(--u)*29);width:calc(var(--u)*70);max-width:none;transform:rotate(-41deg);transform-origin:40% 50%}
  .stitek{display:block;position:absolute;background:#f4f6ea;color:var(--tuzka);font:600 max(1.6rem,calc(var(--u)*2.1))/1.05 var(--ruka);padding:calc(var(--u)*.7) calc(var(--u)*1.1);box-shadow:0 calc(var(--u)*.3) calc(var(--u)*1.1) rgba(0,0,0,.3)}
  .den-ut .stitek{left:calc(var(--u)*3.6);bottom:calc(var(--u)*3.6);transform:rotate(-2.4deg)}
  .den-st .stitek{left:calc(var(--u)*3.6);bottom:calc(var(--u)*3.6);transform:rotate(1.8deg)}
  .o-ut{right:calc(var(--u)*3.6);bottom:calc(var(--u)*3.6);width:calc(var(--u)*8.6);opacity:.8;filter:none;transform:rotate(16deg)}
  .den-st .folio,.den-ut .folio{color:var(--krem)}
  .snitka{display:block;position:absolute;right:calc(var(--u)*1.4);bottom:calc(var(--u)*-5);height:calc(var(--u)*41);width:auto;transform:rotate(9deg)}
  .tz-ct{left:calc(var(--u)*3.6);top:calc(var(--u)*15.5);max-width:calc(var(--u)*20);transform:rotate(-2deg)}
  .o-ct{left:calc(var(--u)*4.4);bottom:calc(var(--u)*4);width:calc(var(--u)*8.6);transform:rotate(12deg)}
  .do-kolika{display:block;position:absolute;left:calc(var(--u)*3.3);bottom:calc(var(--u)*5.2);font:800 calc(var(--u)*13.6)/.8 var(--slab);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
  .do-kolika span{display:block;margin-bottom:calc(var(--u)*.8);font:600 calc(var(--u)*2.7)/1 var(--ruka);letter-spacing:0;color:var(--tuzka);transform:rotate(-2deg);transform-origin:0 100%}
  .tz-pa{right:calc(var(--u)*2.8);top:calc(var(--u)*17.6);max-width:calc(var(--u)*13);text-align:right;color:var(--ink);transform:rotate(3deg)}
  .o-pa{left:calc(var(--u)*3.8);top:calc(var(--u)*16);width:calc(var(--u)*9.4);transform:rotate(-10deg)}
  /* pod knihou */
  .perm-hl{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:4vw}
  .perm .sec-lead{margin-top:0;font-size:clamp(1.125rem,1.45vw,1.4rem)}
  .perm h2,.where h2,.how h2{font-size:clamp(4.4rem,7.6vw,8.6rem)}
  .dez-male{margin-top:1.4rem;font-size:1.25rem;max-width:42rem}
  .perm-col h3{font-size:2.3rem}
  .o-name{font-size:clamp(1.45rem,1.9vw,1.9rem)}
  .perm-list b{font-size:clamp(1.5rem,2vw,2rem)}
  .o-desc{font-size:1.0625rem}
  .week-note{font-size:1.0625rem}
  .how{grid-template-columns:1fr 1fr}
  .how-foto img{position:absolute;inset:0;height:100%}
  .steps{gap:1.7rem}
  .steps li{padding-left:4.4rem;font-size:1.125rem}
  .steps li::before{font-size:4rem}
  .steps b{font-size:1.75rem}
  .how-meta{font-size:1.75rem}
  .where{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:start}
  .big-addr{font-size:clamp(2.4rem,3.6vw,3.8rem)}
  .near{font-size:1.2rem}
  .where-r{margin-top:0}
  .contacts dt{font-size:1.0625rem}
  .hours caption{font-size:2.3rem}
  .hours th,.hours td{padding:.7rem .9rem;font-size:clamp(1.5rem,2.1vw,2.1rem)}
  .hours-note{font-size:1.125rem}
  .konec h2{font-size:13.2vw;white-space:nowrap}
  .konec-t{font-size:1.5rem;max-width:42rem}
  .foot p{font-size:1.0625rem}
}

/* ---------- kniha: fotky na zadních listech ---------- */
/* Listy leží na sobě a zadní jsou jen průhledné, takže by se jejich fotky stahovaly souběžně s hlavní. Počkají, viz pust() ve skriptu. */
/* Titulní list dopočítá skript (dnešní jídla, třída tesno) a výška se tím změní o stovky pixelů: ukáže se až hotový, s pojistkou kdyby skript nedoběhl. */
@keyframes ukaz-titul{to{visibility:visible}}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px){
  html:not(.obrazy) .list.day img,html:not(.obrazy) .hlad img{display:none}
  html:not(.obrazy) .hlad{min-height:clamp(30rem,124vw,42rem)}
  html:not(.js) .title-page{visibility:hidden;animation:ukaz-titul 0s linear 2.5s forwards}
  /* ruční písmo Caveat (45 kB) je mimo titulní list vidět až po posunutí, nemusí se stahovat souběžně s hlavní fotkou */
  html:not(.obrazy){--ruka:cursive}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:1000px){
  html.js:not(.obrazy) .title-page{--ruka:'Caveat','Segoe Print','Bradley Hand',cursive}  /* na počítači je tužka vidět hned */
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:700px){
  html:not(.obrazy) .hlad{min-height:clamp(26rem,52vw,60rem)}
}

/* ---------- jeden list: telefon a tablet ---------- */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (max-width:999px){
  .scena{height:calc(var(--sv)*100 + var(--sv)*72*5)}
  .stul{position:sticky;top:0;height:calc(var(--dv,1vh)*100);overflow:hidden;--band:3.25rem;--bar:calc(4.1rem + env(safe-area-inset-bottom))}
  .top{position:absolute;left:0;right:0;top:0;height:var(--band);padding:0 .5rem 0 .75rem}
  .call{display:none}
  .ousko{position:absolute;right:.35rem;top:.25rem;left:5.6rem;height:2.75rem;padding:0;z-index:1}
  .ousko a{min-height:0;font-size:1.0625rem}
  .kniha{--rezim:list;position:absolute;left:0;right:.45rem;top:var(--band);bottom:var(--bar);display:block;z-index:2}
  .vazba{display:block;position:absolute;inset:0;background:var(--paper)}
  .okraj{display:none}
  .okraj-r{display:block;position:absolute;right:-.45rem;top:.1rem;bottom:.1rem;width:.45rem;background:repeating-linear-gradient(90deg,#c9cfba 0 1px,#eef0e4 1px 2px)}
  .list{position:absolute;inset:0;display:flex;flex-direction:column;margin:0;opacity:0;pointer-events:none;overflow:hidden;background:var(--paper)}
  .kniha:not(.zije) .list:first-of-type,.list.vidi{opacity:1;pointer-events:auto}
  .str{padding:.9rem 1.1rem}
  .str-l{flex:0 0 auto}
  .str-r{flex:1 1 0;min-height:0;padding:.05rem .85rem .3rem .9rem}
  .str-r .recipes{display:flex;flex-direction:column;flex:1;min-height:0}
  .str-r .recipe{flex:1 1 auto;display:flex;align-items:center}
  .str-r .recipe.recipe-soup{display:grid;align-content:center}
  .str-r .recipe-soup,.str-r .r-pick{padding:.34rem .1rem}
  .str-r .r-name{font-size:1.22rem}
  .str-r .r-desc{font-size:.94rem;line-height:1.32}
  .str-r .r-price{font-size:1.25rem}
  .folio{display:none}
  .title-page .str-l{padding-top:.85rem;padding-bottom:.9rem}
  .title-page .str-r{order:-1;flex:1 1 0;min-height:0;padding:0}
  .day-h{font-size:clamp(2.5rem,12.4vw,3.4rem)}
  .o-tp{right:.6rem;left:auto;top:.5rem;bottom:auto;width:5.4rem}
  .den-st .str-l,.den-ut .str-l{overflow:hidden}
  .str-l h2,.str-l .sec-lead{display:none}
  .pas{display:none}
  .slip{position:absolute;left:.6rem;right:1rem;top:calc(var(--band) + .55rem);bottom:auto;max-width:none;z-index:7;transform:rotate(-.5deg)}
  .sticky .variant{display:none;flex-wrap:nowrap;gap:.45rem}
  .v-tydnu:not(.za-knihou) .sticky{grid-template-columns:1fr auto}
  .v-tydnu:not(.za-knihou) .bar-menu{display:none}
  .v-tydnu:not(.za-knihou) .sticky .variant{display:flex}
  .sticky .chip{justify-content:center;min-width:50px;min-height:50px;padding:0}
  .sticky .chip[data-f="all"]{display:none}
  .chip-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sticky .chip .mk{width:1.7rem;height:1.7rem;font-size:1rem}
  .list.tesno .r-desc{display:none}
  .title-page.tesno .legend{gap:.1rem .75rem;margin-top:.3rem;font-size:.82rem}
  .title-page.tesno .legend .mk{width:1.15rem;height:1.15rem;font-size:.72rem}
  .title-page.tesno figcaption{display:none}
  .title-page.tesno h1{font-size:14.8vw;line-height:.92}
  .title-page.tesno #today-word{display:inline}
  .title-page.tesno.dlouhe h1{font-size:11.2vw}
  .title-page.tesno .o-tp{display:none}
  .title-page.tesno .str-l{padding-top:.6rem;padding-bottom:.7rem}
  .title-page.tesno .recipes-today{margin-top:.35rem}
  .title-page.tesno .recipes-today .recipe-soup,.title-page.tesno .recipes-today .r-pick{padding:.28rem .1rem}
  .title-page.tesno .reserve-strip{margin-top:.45rem;padding-top:.4rem}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:700px) and (max-width:999px){
  .ousko{left:auto;width:22rem}
  .brand-sub{display:block}
  .kniha{left:.9rem;right:1.35rem}
  .str{padding:1.6rem 2.2rem}
  .str-r{padding:.4rem 2.2rem 1rem}
  .str-r .recipe-soup,.str-r .r-pick{grid-template-columns:3.4rem 1fr auto;column-gap:1rem}
  .str-r .recipe{--r-n:3rem}
  .str-r .r-name{font-size:1.85rem}
  .str-r .r-desc{font-size:1.2rem;line-height:1.38}
  .str-r .r-price{font-size:1.85rem}
  .str-r .mk{width:1.9rem;height:1.9rem;font-size:1.1rem}
  .day-h{font-size:4.6rem}
  .title-page h1{font-size:6.6rem}
  .tp-date{font-size:1.8rem}
  .recipes-today .r-name,.recipes-today .r-price{font-size:1.4rem}
  .reserve-strip{font-size:1.15rem}
  .sticky{grid-template-columns:1fr auto auto;justify-content:end}
}

/* ---------- otevřená kniha: počítač ---------- */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:1000px){
  .scena{height:calc(var(--sv)*100 + var(--sv)*72*5)}
  .stul{position:sticky;top:0;height:calc(var(--sv)*100);overflow:hidden;--band:max(46px,calc(var(--u)*3.6));--side:max(40px,calc(var(--u)*3.4))}
  .top{position:absolute;left:0;right:0;top:0;height:var(--band);min-height:0;padding:0 var(--side)}
  .brand-name{font-size:max(1.75rem,calc(var(--u)*2.3))}
  .kniha{--rezim:dvoj;position:absolute;left:var(--side);right:var(--side);top:var(--band);bottom:var(--band);display:block;z-index:2}
  .vazba{display:block;position:absolute;inset:calc(var(--u)*-.5) calc(var(--u)*-.8);background:var(--stul-2);border-radius:calc(var(--u)*.3);box-shadow:0 calc(var(--u)*.2) calc(var(--u)*2.6) rgba(6,14,9,.55)}
  .okraj{position:absolute;top:calc(var(--u)*.62);bottom:calc(var(--u)*.2);width:calc(var(--u)*.7);background:repeating-linear-gradient(90deg,#c6ccb7 0 1px,#eef0e4 1px 2px);transition:transform .3s}
  .okraj-l{left:calc(var(--u)*.2);transform-origin:100% 50%}
  .okraj-r{right:calc(var(--u)*.2);transform-origin:0 50%}
  .list{display:contents}
  .str{position:absolute;top:0;bottom:0;width:50%;min-height:0;opacity:0;pointer-events:none}
  .str-l{left:0}
  .str-r{left:50%}
  .kniha:not(.zije) .list:first-of-type .str,.str.vidi{opacity:1;pointer-events:auto}
  .title-page .str-r{min-height:0}
  .ousko{position:absolute;right:calc(var(--u)*.2);top:calc(var(--band) + var(--u)*2.2);width:calc(var(--side) - var(--u)*.2);display:flex;flex-direction:column;gap:calc(var(--u)*.2);padding:0;z-index:3}
  .ousko a{flex:none;min-height:max(44px,calc(var(--u)*3.9));padding:0 0 0 calc(var(--u)*.3);background:var(--sage);color:var(--stul-2);font-size:max(1.0625rem,calc(var(--u)*1.3));border-radius:0 calc(var(--u)*.55) calc(var(--u)*.55) 0;box-shadow:inset calc(var(--u)*.7) 0 calc(var(--u)*.6) calc(var(--u)*-.5) rgba(20,36,24,.5)}
  .ousko a:first-child{flex:none;font-size:max(1rem,calc(var(--u)*1.15));writing-mode:vertical-rl;min-height:max(72px,calc(var(--u)*6.4))}
  .ousko a:hover{background:var(--krem)}
  .ousko a.ted{background:var(--paper);color:var(--green);box-shadow:none}
  .ousko a.pryc{color:var(--stul-2)}
  .ousko a.dnes::after{left:auto;right:.3rem;bottom:50%;margin:0 0 -.175rem}
  .pas{position:absolute;left:var(--side);right:var(--side);bottom:0;height:var(--band);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0}
  .variant{flex-wrap:nowrap}
  .chip{min-height:max(36px,calc(var(--u)*2.7));font-size:max(1.0625rem,calc(var(--u)*1.12))}
  .pas-t{font-size:max(1.0625rem,calc(var(--u)*1.12));white-space:nowrap}
  .slip{position:absolute;left:calc(var(--side) + var(--u)*3.2);right:auto;bottom:calc(var(--band) + var(--u)*1.6);width:calc(var(--u)*33);max-width:none;z-index:7;padding:calc(var(--u)*1.1) calc(var(--u)*1.4);transform:rotate(-1.2deg)}
  .slip-t{font-size:max(1.125rem,calc(var(--u)*1.4))}
  html:not(.v-tydnu) .slip{left:auto;right:calc(var(--side) + var(--u)*2.4)}
  .chip{white-space:nowrap}
  .list.tesno .str-r .r-desc{display:none}
  .title-page.tesno h1{font-size:calc(var(--u)*6.6)}
  .title-page.tesno #today-word{display:inline}
  .title-page.tesno .tz-deset{display:none}
}

@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:1000px) and (max-width:1219px){
  .pas-t,.tz-deset{display:none}
  .chip{padding:.3rem .6rem;font-size:1rem}
}

/* ohnutý list: řetěz svislých pruhů, které jsou jeden v druhém */
.lety{position:absolute;inset:0;z-index:6;perspective:calc(var(--u)*165);perspective-origin:50% 44%;pointer-events:none}
.retez{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateZ(0);transform-style:preserve-3d;visibility:hidden}
.retez.leti{visibility:visible}
.pruh{position:absolute;top:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:0 50%;will-change:transform}
.tvar{position:absolute;top:0;bottom:0;left:0;right:-.7px;overflow:hidden;background:var(--paper);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tvar-z{transform:rotateY(180deg)}
.svetlo{position:absolute;inset:0;opacity:0;will-change:opacity;background:linear-gradient(to right,#0d1a10,rgba(13,26,16,0))}
.svetlo-p{background:linear-gradient(to left,#0d1a10,rgba(13,26,16,0))}
.klon{position:absolute;top:0;left:0;height:100%}
.klon:not(.list) .str{position:absolute;inset:0;width:100%;left:0;opacity:1}
.klon.list{display:flex;opacity:1;inset:0 auto 0 0}
.stin{position:absolute;top:0;bottom:0;width:50%;z-index:5;opacity:0;pointer-events:none;will-change:opacity}
.stin-l{left:0;background:linear-gradient(to left,rgba(10,20,12,.5),rgba(10,20,12,.16) 45%,rgba(10,20,12,0))}
.stin-r{left:50%;background:linear-gradient(to right,rgba(10,20,12,.58),rgba(10,20,12,.16) 55%,rgba(10,20,12,0))}
@media (max-width:999px){
  .lety{perspective:1300px;perspective-origin:30% 45%}
  .retez{left:0}
  .stin-l{display:none}
  .stin-r{left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tick path{transition:none}
  .sticky,.btn,.call,.chip,.r-pick{transition:none}
}
/* FORMA-POLISH (generuje vizitka/tools/ukazky-polish.py) */
:where(input,textarea){caret-color:#e3ebe2}
:where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible){outline:3px solid #e3ebe2;outline-offset:3px}
:where(a){text-underline-offset:.2em}
:where(table,dd,time,data,[class*=cen],[class*=price],[class*=hod],[class*=hours],[class*=doba],[class*=kc]){font-variant-numeric:tabular-nums}
/* /FORMA-POLISH */