/* Pizzerie Paprsek – ukázkový web FORMA, smyšlený podnik. Motiv: rozvozové kolo, které je pizza, a kuchyňský lístek z termotiskárny.
   Písma: Anton, Courier Prime a Fira Sans (SIL OFL), uložená ve složce fonts/. Žádné vnější zdroje. */
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-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:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/courier-prime-400-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/courier-prime-400-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:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/courier-prime-700-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/courier-prime-700-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:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/fira-sans-400-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/fira-sans-400-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:"Fira Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fira-sans-700-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fira-sans-700-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}

:root{
  --paper:#EEF0EC;      /* termopapír */
  --sheet:#FAFAF7;      /* proužek účtenky */
  --ink:#131416;        /* tisk */
  --ink2:#4B5157;       /* tlumený text, 6,6:1 na papíře */
  --coal:#131416;       /* černá kuchyně a silnice */
  --coal2:#2A2C30;
  --on-coal:#F4F2EA;
  --on-coal2:#BDBFB8;
  --paprika:#B83A08;    /* cena na papíře, 5:1 */
  --orange:#FF6A13;     /* obloha: černý text má 6,7:1 */
  --orange2:#FF8A45;
  --line:#B9BDB5;
  --mono:"Courier Prime","Courier New",Courier,monospace;
  --sans:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --disp:"Anton",Impact,"Arial Narrow",sans-serif;
  --gut:max(16px,env(safe-area-inset-left));
  --hl:60px;            /* výška hlavičky */
  --k:3.27;             /* šířka slova PAPRSEK v Antonu v em: slovo vyplní celou šířku */
}
@media (min-width:700px){:root{--gut:max(32px,env(safe-area-inset-left))}}
@media (min-width:1100px){:root{--gut:clamp(48px,4.4vw,84px)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:76px;scroll-padding-bottom:84px;scrollbar-color:#FF6A13 #131416}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--coal);color:var(--ink);font:400 1rem/1.55 var(--sans);overflow-x:clip}
@media (min-width:1000px){body{font-size:1.0625rem}}
body.s-barem{padding-bottom:0}
[hidden]{display:none!important}
img,svg{max-width:100%}
a{color:inherit}
p{margin:0 0 .8rem}
h1,h2,h3,h4{font-family:var(--sans);font-weight:700;line-height:1.1;margin:0}
::selection{background:#131416;color:#FF6A13}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.wrap{width:100%;padding:0 var(--gut)}
.skip{position:absolute;left:8px;top:-60px;z-index:50;background:var(--orange);color:var(--coal);padding:.6rem .9rem;font-weight:700;text-decoration:none}
.skip:focus{top:8px}

/* fokus: na papíře a na oranžové černý rámeček, na černé oranžový */
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.top :focus-visible,.m-pas :focus-visible,.obj :focus-visible,.konec :focus-visible,.pata :focus-visible,.bar :focus-visible{outline-color:var(--orange)}
.tiket :focus-visible{outline-color:var(--ink)}

/* tlačítka: hranaté jako účtenka, kulaté jen „+“ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5ch;min-height:44px;padding:.55rem 1.1rem;border:2px solid transparent;border-radius:0;font:700 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:center;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s,border-color .15s}
.btn-call{background:var(--orange);color:var(--coal);border-color:var(--orange)}
.btn-call:hover{background:var(--orange2);border-color:var(--orange2)}
.btn:disabled{opacity:.42;cursor:not-allowed}
.btn-sm{min-height:42px;padding:.4rem .95rem}
.btn-velke{min-height:56px;font-size:1.12rem;padding:.65rem 1.3rem}
.btn-velke .cislo{font-family:var(--mono);font-weight:700;letter-spacing:.01em}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-ghost:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.obj .btn-ghost:hover:not(:disabled){background:var(--on-coal);color:var(--coal);border-color:var(--on-coal)}

/* hlavička */
.top{position:sticky;top:0;z-index:30;background:var(--coal);color:var(--on-coal)}
.top-in{display:flex;align-items:center;gap:1rem;min-height:var(--hl);padding-top:.3rem;padding-bottom:.3rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--on-coal);margin-right:auto;min-width:0}
.brand-kola{width:58px;height:28px;flex:none;color:var(--on-coal)}
.kolo-nav{fill:var(--orange)}
.brand-t{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand-name{font-weight:700;font-size:1.08rem}
.brand-sub{font:400 .8rem/1.2 var(--mono);color:var(--on-coal2);white-space:nowrap}
.nav{display:none;gap:1.6rem}
.nav a{color:var(--on-coal);text-decoration:none;font-weight:500;font-size:1.0625rem;padding:.4rem 0;border-bottom:2px solid transparent;transition:border-color .15s}
.nav a:hover{border-bottom-color:var(--orange)}
@media (min-width:900px){.nav{display:flex}}

/* úvod a scéna: nejdřív hotová kompozice (omezený pohyb, bez JS), scéna až dole v @media */
.jizda{position:relative;background:var(--orange);color:var(--ink)}
.pod{position:relative;display:flex;flex-direction:column;background:var(--orange);--spod:0px;--r:min(74vw,38svh);--mv:clamp(19rem,62vw,34rem);--fs:calc((100vw - 2*var(--gut))/var(--k));--kt:min(33.6rem,calc(100svh - var(--hl) - 7.5rem));--kx:60%}
.uvod{position:relative;order:1;display:flex;flex-direction:column;min-height:calc(100vh - var(--hl));min-height:calc(100svh - var(--hl));padding:0 var(--gut);overflow:hidden}
.uvod-kolo{position:absolute;left:calc(var(--kx) - var(--r));top:var(--kt);width:calc(var(--r)*2);height:calc(var(--r)*2);max-width:none;overflow:visible}
h1{position:relative;margin:.5rem 0 0;font-family:var(--disp);font-weight:400;text-transform:uppercase;color:var(--ink)}
.h1-a{display:block;font-size:clamp(2.2rem,10.4vw,5.2rem);line-height:1.12;letter-spacing:.01em}
.h1-b{display:block;font-size:var(--fs);line-height:1.14;letter-spacing:.005em;margin-top:-.06em}
.uvod-dole{position:relative;width:100%;max-width:29rem;margin-top:.4rem}
.lead{font-size:1.08rem;line-height:1.45;margin:0 0 .9rem;color:var(--ink)}
.hero-act{display:grid;gap:.55rem}
.volba{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.uvod .btn-call{background:var(--ink);border-color:var(--ink);color:var(--on-coal)}
.uvod .btn-call:hover{background:#000;border-color:#000;color:#fff}
.fake{font-size:.92rem}
.fake-row{margin:.55rem 0 0;font-size:.92rem}
.tiket.stav{margin:0 calc(-1*var(--gut));padding:.42rem var(--gut) .5rem}
.stav-h{display:inline;font:700 1rem/1.3 var(--mono);margin:0}
/* Stav doplní skript a bývá kratší než hodiny v HTML. Do té doby má lístek výšku běžného stavu, jinak nadpis pod ním poskočí (CLS 0,13). Bez JS platí hodiny z HTML. */
@media (scripting:enabled) and (max-width:999.98px){
  .stav:not(.otevreno):not(.zavreno):not(.nejiste){height:2.5rem}
  .stav:not(.otevreno):not(.zavreno):not(.nejiste)>*{display:none}
}
@media (scripting:enabled) and (max-width:374.98px){
  .stav:not(.otevreno):not(.zavreno):not(.nejiste){height:4rem}
}
.stav-p{display:inline-block;font:400 .95rem/1.3 var(--sans);margin:0 0 0 1ch;color:var(--ink2)}
.stav.otevreno .stav-h{color:var(--paprika)}
.stav.otevreno .stav-h::before{content:"";display:inline-block;width:.62em;height:.62em;border-radius:50%;background:var(--paprika);margin-right:.45em}
.rejstrik{position:absolute;left:0;right:0;bottom:0;list-style:none;margin:0;padding:0 var(--gut);display:flex;justify-content:space-between;gap:.4rem;background:var(--coal)}
.rejstrik a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-coal);text-decoration:none;font:400 .92rem var(--mono)}
.rejstrik a:hover{color:var(--orange)}
@media (min-width:1000px){
  /* slovo vyplní šířku, ale nechá místo na text pod ním; kolo začíná těsně pod slovem */
  .pod{--r:min(29vw,50svh);--mv:clamp(24rem,46vw,40rem);--fs:min(calc((100vw - 2*var(--gut))/var(--k)),calc((100svh - var(--hl) - 22.6rem)/1.14));--kt:calc(6.5rem + var(--fs)*1.08);--kx:67%}
  .h1-a{font-size:clamp(3rem,5.4vw,5.4rem);margin-top:.5rem}
  .uvod-dole{max-width:27.5rem;margin-top:.8rem}
  .lead{font-size:1.2rem}
  .tiket.stav{position:absolute;right:var(--gut);top:0;margin:0;padding:.6rem 1.1rem .7rem;z-index:2}
  .rejstrik{display:none}
}
@media (min-width:1000px) and (max-height:760px){.lead{font-size:1.06rem;margin-bottom:.6rem}.fake-row{margin-top:.3rem}.btn-velke{min-height:50px}}
/* užší počítač a tablet: kolo se vyhne textu */
@media (min-width:1000px) and (max-width:1279.98px){.pod{--kx:75%;--r:min(24vw,50svh)}.uvod-dole{max-width:24rem}}
@media (min-width:600px) and (max-width:999.98px){.pod{--kt:calc(100svh - var(--hl) - 17rem);--kx:64%}}
/* malý telefon: úvod se musí vejít celý */
@media (max-width:599.98px) and (max-height:700px){
  .pod{--kt:calc(100svh - var(--hl) - 5rem)}
  .h1-a{font-size:2rem}
  .lead{font-size:1rem;line-height:1.38;margin-bottom:.6rem}
  .btn-velke{min-height:48px;font-size:1.05rem}
  .fake-row{margin-top:.35rem}
}
/* telefon naležato: nadpis vlevo, text a tlačítka vpravo */
@media (min-width:600px) and (max-height:520px){
  .pod{--fs:min(calc(44vw/var(--k)*1.4),36svh);--kt:calc(100svh - var(--hl) - 4.4rem);--r:min(30vw,62svh);--kx:24%}
  .uvod{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:2rem;justify-items:start}
  .tiket.stav{grid-column:1 / -1;justify-self:stretch}
  h1{grid-column:1}
  .h1-a{font-size:2rem}
  .uvod-dole{grid-column:2;max-width:24rem;margin-top:.5rem}
  .lead{font-size:.95rem;line-height:1.34;margin-bottom:.45rem}
  .btn-velke{min-height:46px;font-size:1rem}
  .uvod .btn{min-height:42px;padding-block:.2rem;font-size:.95rem;white-space:nowrap;padding-inline:.5rem}
  .hero-act,.volba{gap:.35rem}
  .fake-row{margin-top:.25rem}
  .rejstrik{display:none}
}

/* kola: vnitřek je kreslený v sprite, pozici dává scéna nebo statický plakát */
.k-toc,.k-rot{position:absolute;inset:0}
.k-v{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.k-klin{position:absolute;left:38.56%;top:7.2%;width:22.88%;height:43.22%;overflow:visible;transform-origin:50% 99.02%}
.kl2{transform:rotate(30deg)}.kl3{transform:rotate(60deg)}.kl4{transform:rotate(90deg)}.kl5{transform:rotate(120deg)}.kl6{transform:rotate(150deg)}.kl7{transform:rotate(180deg)}
.kl8{transform:rotate(210deg)}.kl9{transform:rotate(240deg)}.kl10{transform:rotate(270deg)}.kl11{transform:rotate(300deg)}.kl12{transform:rotate(330deg)}
.k-naboj{position:absolute;left:44.5%;top:44.5%;width:11%;height:11%;display:none}

/* statický plakát: kolo s pizzami před Pardubicemi */
.sc-pribeh{order:2;display:grid;gap:1.6rem;padding:2.4rem var(--gut) 2rem}
.sc-vety{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}
.sc-vety li{font:400 clamp(1.9rem,5.6vw,3.6rem)/1.14 var(--disp);text-transform:uppercase}
.sc-cas{width:100%;max-width:21rem;--zub:var(--sheet)}
.cas{font:700 clamp(3.4rem,10vw,5.2rem)/1 var(--mono);margin:0 0 .5rem;letter-spacing:-.04em;white-space:nowrap}
.cas-m{font-size:.42em;letter-spacing:0;margin-left:.42em}
.cas-ted{display:none;font:700 1rem/1.25 var(--mono);margin:0}
.cas-log{list-style:none;margin:0;padding:0;font:400 1rem/1.5 var(--mono)}
.cas-log span{display:inline-block;min-width:2.2ch;font-weight:700;text-align:right}
.sc-svet{order:3;position:relative;height:var(--mv);overflow:hidden;--rk:calc(var(--mv)*.17);--bx:50%}
.mesto{position:absolute;bottom:0;height:var(--mv)}
.mesto-d{height:calc(var(--mv)*.8333);bottom:calc(var(--mv)*.1667);width:calc(var(--mv)*5.4167);left:calc(var(--mv)*-.7)}
.mesto-b{width:calc(var(--mv)*7.6389);left:calc(var(--mv)*-2.37)}
.mesto-b::after{content:"";position:absolute;left:0;right:0;top:100%;height:30vh;background:var(--coal)}
.mesto-svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.kolo{position:absolute;width:calc(var(--rk)*2.0345);height:calc(var(--rk)*2.0345);bottom:calc(var(--mv)*.1333);pointer-events:none}
.kolo-z{left:calc(var(--bx) - var(--rk)*2.6)}
.kolo-p{left:calc(var(--bx) + var(--rk)*.14)}
.ram{position:absolute;left:calc(var(--bx) - var(--rk)*2.704);bottom:calc(var(--mv)*.1333 + var(--rk)*.7242);width:calc(var(--rk)*5.086);aspect-ratio:590/270;pointer-events:none}
.ram-svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.klika{position:absolute;left:35.25%;top:84%;width:16.95%;aspect-ratio:1;overflow:visible}
@media (min-width:760px){
  .sc-pribeh{grid-template-columns:minmax(0,1fr) 21rem;gap:3rem;align-items:start;padding-top:3.4rem}
}

/* proužek účtenky */
.tiket{position:relative;background:var(--sheet);color:var(--ink);padding:1.1rem 1.1rem 1.5rem;--zub:var(--sheet)}
.tiket::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;background:linear-gradient(135deg,var(--zub) 50%,transparent 50%) 0 0/14px 10px repeat-x,linear-gradient(225deg,var(--zub) 50%,transparent 50%) 7px 0/14px 10px repeat-x;pointer-events:none}
.t-hlava{font:700 .92rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .7rem;padding-bottom:.55rem;border-bottom:2px dashed var(--line);color:var(--ink)}

/* polední menu: černý pás s obřím dnem */
.m-pas{background:var(--coal);color:var(--on-coal);padding:clamp(3rem,7vw,6.5rem) 0 clamp(3rem,7vw,6rem)}
.m-grid{display:grid;gap:2rem}
.m-nad{display:block;font:700 1.15rem/1.2 var(--sans);margin-bottom:.3rem}
.m-den{display:block;font:400 clamp(4.4rem,23vw,11.5rem)/1.1 var(--disp);text-transform:uppercase;color:var(--orange);letter-spacing:.005em}
.m-dny{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:1rem 0 1.1rem;max-width:26rem}
.m-dny button{position:relative;min-height:52px;border:0;background:var(--coal2);color:var(--on-coal);font:700 1.05rem var(--mono);cursor:pointer;transition:background-color .15s,color .15s;-webkit-appearance:none;appearance:none}
.m-dny button:hover{background:#3A3D42}
.m-dny button[aria-pressed="true"]{background:var(--orange);color:var(--coal)}
.m-dny .dnes::after{content:"dnes";position:absolute;left:0;right:0;bottom:3px;font:400 .68rem/1 var(--mono);text-align:center}
.m-dny .dnes{padding-bottom:12px}
.m-pas .sub{color:var(--on-coal2);font-size:1.0625rem;max-width:30rem;margin:0}
.rr{list-style:none;margin:0;padding:0}
.rr-menu .r{display:grid;grid-template-columns:2rem minmax(0,1fr) auto 3.1rem;column-gap:.6rem;align-items:center;padding:1.1rem 0;border-top:2px dashed #45484E}
.rr-menu .r:first-child{border-top:0;padding-top:.2rem}
.rr-menu .r-cis{font:700 1.3rem/1 var(--mono);color:var(--orange)}
.rr-menu .r-n{font:700 clamp(1.18rem,3.1vw,1.9rem)/1.2 var(--sans);min-width:0}
.rr-menu .r-g{font:400 .66em var(--mono);color:var(--on-coal2);white-space:nowrap}
.r-a-m{display:block;font:400 .9rem/1.4 var(--mono);color:var(--on-coal2);margin-top:.15rem}
.rr-menu .r-p{display:block;font:400 1rem/1.35 var(--sans);color:var(--on-coal2);margin-top:.15rem}
.rr-menu .c-m{font:700 clamp(1.5rem,3.4vw,2.3rem)/1 var(--mono);color:var(--orange);letter-spacing:-.02em;text-align:right}
.rr-menu .r-zdarma .r-b{display:none}
.rr-menu .r-zdarma .c-m{grid-column:3 / 5;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:0}
.m-pas .poznamka{margin:1rem 0 0;color:var(--on-coal2);font-size:.95rem;max-width:44rem}
.bez-menu{border:2px dashed #45484E;padding:1.1rem 1.2rem}
.bez-menu p{margin:0}
.r-b{width:3rem;height:3rem;margin:0;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--paper);font:700 1.5rem/1 var(--mono);cursor:pointer;touch-action:manipulation;transition:background-color .15s,color .15s,transform .14s;-webkit-appearance:none;appearance:none}
.r-b:hover{background:var(--orange);color:var(--coal)}
.r-b:active{transform:scale(.93)}
.r-b:disabled{opacity:.28;cursor:not-allowed;background:var(--ink);color:var(--paper)}
.r-b.ok{background:var(--paprika);color:#fff}
.m-pas .r-b{background:var(--orange);color:var(--coal)}
.m-pas .r-b:hover{background:var(--orange2)}
.m-pas .r-b:disabled{background:var(--coal2);color:var(--on-coal2);opacity:1}
.m-pas .r-b.ok{background:var(--on-coal)}
@media (min-width:1000px){
  .m-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,5vw,6rem);align-items:start}
  .m-nad{font-size:1.5rem}
  .m-den{font-size:clamp(7rem,12.6vw,12.5rem)}
  .rr-menu .r{grid-template-columns:2.8rem minmax(0,1fr) auto 3.4rem;column-gap:1rem;padding:1.5rem 0}
}

/* lístek: papír vlevo, černý pult s tiskárnou vpravo */
.lk{background:var(--paper);color:var(--ink)}
.lk-l{min-width:0;padding:clamp(3rem,6vw,5.5rem) var(--gut) clamp(3rem,6vw,5rem)}
.lk-l>h2,.roz h2,.kon h2{font:400 clamp(4rem,19vw,10rem)/1.08 var(--disp);text-transform:uppercase;letter-spacing:.005em}
.lk-l>h2{margin-bottom:.1rem}
.lk-l>.sub{font-size:1.15rem;max-width:34rem;margin-bottom:1.1rem;color:var(--ink2)}
.ovl{display:contents}
.hled{display:block;max-width:26rem}
.hled input{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:0;background:var(--sheet);color:var(--ink);font:400 1.0625rem var(--sans);padding:.4rem .8rem;-webkit-appearance:none;appearance:none}
.hled input::placeholder{color:var(--ink2);opacity:1}
.chips{position:sticky;top:var(--hl);z-index:8;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;margin:.6rem calc(-1*var(--gut)) 0;padding:.55rem var(--gut);background:var(--paper)}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;min-height:44px;padding:.3rem .95rem;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:700 1rem var(--sans);cursor:pointer;transition:background-color .15s,color .15s;-webkit-appearance:none;appearance:none}
.chips button:hover{background:#DDE0DA}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.vys{font:400 .95rem var(--mono);color:var(--ink2);margin:.2rem 0 0;min-height:1.3em}
.kat{margin-top:1.8rem}
.kat-h{border-bottom:4px solid var(--ink);padding-bottom:.45rem;margin-bottom:.1rem}
.kat-h h3{font:400 clamp(2.2rem,8vw,3.6rem)/1.14 var(--disp);text-transform:uppercase;letter-spacing:.01em}
.kat-pozn{font-size:1rem;color:var(--ink2);margin:.1rem 0 0;max-width:40rem}
.sk{margin-top:0}
.sk-h{font:700 1rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:1rem 0 .35rem;border-bottom:2px dashed var(--line)}
.sk-popis{font-size:1rem;color:var(--ink2);margin:.5rem 0 0}
.r:not(.r-m){display:grid;grid-template-columns:minmax(0,1fr) auto 3rem;grid-template-areas:"n c b" "p p b";column-gap:.7rem;row-gap:.1rem;align-items:start;padding:.85rem 0;border-bottom:1px dotted var(--line)}
.r[data-pizza]{grid-template-columns:2.3rem minmax(0,1fr) auto 3rem;grid-template-areas:"k n c b" "k p p b"}
.r:last-child{border-bottom:0}
.r-klin{grid-area:k;width:2.3rem;height:4.34rem;overflow:visible;margin-top:.05rem;transition:transform .18s}
@media (hover:hover){.r:hover .r-klin{transform:translateY(-3px) rotate(-7deg)}}
.r:not(.r-m) .r-n{grid-area:n;font:700 1.12rem/1.25 var(--sans);overflow-wrap:anywhere;min-width:0}
.r:not(.r-m) .r-g{font:400 .9rem var(--mono);color:var(--ink2);white-space:nowrap}
.r:not(.r-m) .r-p{grid-area:p;font:400 .98rem/1.38 var(--sans);color:var(--ink2);min-width:0}
.r-a{white-space:nowrap}
.r:not(.r-m) .r-a{display:block;font:400 .85rem/1.4 var(--mono)}
.r-ceny{grid-area:c;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.r:not(.r-m) .r-b{grid-area:b;align-self:center}
.r-c{font:700 1.5rem/1.1 var(--mono);white-space:nowrap;letter-spacing:-.02em}
body[data-rezim="tady"] .c-t,body[data-rezim="dovoz"] .c-d{color:var(--paprika)}
body[data-rezim="dovoz"] .c-d{order:-1}
body[data-rezim="tady"] .r-ceny .c-d,body[data-rezim="dovoz"] .r-ceny .c-t{font:400 .88rem/1.3 var(--mono);letter-spacing:0;color:var(--ink2)}
body[data-rezim="tady"] .r-ceny .c-d::before{content:"dovoz "}
body[data-rezim="dovoz"] .r-ceny .c-t::before{content:"tady "}
body[data-rezim="dovoz"] .r.jen-tady .r-n,body[data-rezim="dovoz"] .r.jen-tady .r-p,
body[data-rezim="tady"] .r.jen-dovoz .r-n,body[data-rezim="tady"] .r.jen-dovoz .r-p{color:var(--ink2);font-weight:400}
.prisady{list-style:none;margin:.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));column-gap:1.4rem}
.prisady li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px dotted var(--line);padding:.35rem 0;font-size:1.0625rem}
.pc{font:700 1.0625rem var(--mono)}
.poznamka,.pozn{font-size:.95rem;color:var(--ink2);max-width:68ch}
@media (min-width:1000px){.poznamka,.pozn,.m-pas .poznamka,.obj .pozn{font-size:1rem}.fake,.fake-row{font-size:1rem}.stav-p{font-size:1rem}.kat-pozn{font-size:1.0625rem}}
.poznamka-l{margin-top:1.6rem}
.nic{font:700 1.2rem var(--sans);margin:1.5rem 0}
@media (min-width:1000px){
  .lk{display:grid;grid-template-columns:minmax(0,1fr) clamp(23.5rem,31vw,29rem);align-items:start}
  .lk-l>h2{font-size:clamp(8rem,13.5vw,12.5rem)}
  .kat-h{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
  .kat-pozn{text-align:right;max-width:26rem;padding-bottom:.25rem}
  .r:not(.r-m){grid-template-columns:minmax(0,1fr) 5.4rem 3.2rem;column-gap:1rem;padding:1rem 0}
  .r[data-pizza]{grid-template-columns:2.7rem minmax(0,1fr) 5.4rem 3.2rem;grid-template-areas:"k n c b" "k p c b";grid-template-rows:auto 1fr}
  .r-klin{width:2.7rem;height:5.1rem}
  .r:not(.r-m) .r-n{font-size:1.45rem}
  .r:not(.r-m) .r-p{font-size:1.0625rem}
  .r:not(.r-m) .r-a{display:inline;font-size:.95rem;margin-left:.6ch}
  .r-c{font-size:1.85rem}
  body[data-rezim="tady"] .r-ceny .c-d,body[data-rezim="dovoz"] .r-ceny .c-t{font-size:.95rem}
  .r-b{width:3.2rem;height:3.2rem}
}
@media (min-width:1280px){
  .kat-sk{display:grid;grid-template-columns:1fr 1fr;column-gap:2.6rem}
  .kat-pizza .kat-sk,.kat-napoje .kat-sk{display:block}
  .kat-napoje .rr{display:grid;grid-template-columns:1fr 1fr;column-gap:2.6rem}
  .kat-testoviny .r,.kat-predkrmy .r,.kat-napoje .r{grid-template-columns:minmax(0,1fr) 4.8rem 3.2rem;grid-template-areas:"n c b" "p c b"}
}

/* účtenka: černý pult s tiskárnou, na telefonu list ze spodní lišty */
.obj{background:var(--coal);color:var(--on-coal);display:flex;flex-direction:column;gap:.7rem;padding:.8rem var(--gut) max(.9rem,env(safe-area-inset-bottom));outline:0}
.obj-hlava{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.obj h2{font:400 clamp(2.2rem,9vw,3rem)/1.16 var(--disp);text-transform:uppercase;letter-spacing:.01em}
.obj-zavri{min-height:44px;padding:.3rem .9rem;border:2px solid var(--on-coal2);background:transparent;color:var(--on-coal);font:700 1rem var(--sans);cursor:pointer;-webkit-appearance:none;appearance:none}
.rezim{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--orange)}
.rezim button{min-height:52px;border:0;background:transparent;color:var(--on-coal);font:700 1.05rem var(--sans);cursor:pointer;padding:.3rem .5rem;transition:background-color .15s,color .15s;-webkit-appearance:none;appearance:none}
.rezim button[aria-pressed="true"]{background:var(--orange);color:var(--coal)}
.rezim button:hover:not([aria-pressed="true"]){background:var(--coal2)}
.rezim button:focus-visible{outline-offset:-6px;outline-color:var(--on-coal)}
.obj-tisk{position:relative;min-height:0;flex:0 1 auto;display:flex;flex-direction:column;margin-bottom:9px}
.obj-tisk::before{content:"";flex:none;height:12px;background:#000;box-shadow:inset 0 -3px 0 #3A3D42,0 2px 0 var(--coal2)}
.obj-tisk::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-9px;height:10px;background:linear-gradient(135deg,var(--sheet) 50%,transparent 50%) 0 0/14px 10px repeat-x,linear-gradient(225deg,var(--sheet) 50%,transparent 50%) 7px 0/14px 10px repeat-x;pointer-events:none}
.obj-tiket{margin:0 .7rem;padding:.9rem 1rem 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:9rem;outline:0}
.obj-tiket::after{display:none}
.tiket-prazdny{font:400 1rem/1.4 var(--mono);color:var(--ink2);margin:0 0 .9rem}
.tl-seznam{list-style:none;margin:0 0 .4rem;padding:0}
.tl{padding:.55rem 0;border-bottom:1px dotted var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .6rem}
.tl-n{font:700 1.02rem/1.3 var(--mono);overflow-wrap:anywhere}
.tl-c{font:700 1.02rem/1.3 var(--mono);text-align:right;white-space:nowrap}
.tl-c.bez{color:var(--ink2);font-weight:400}
.tl-ovl{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.tl-ovl button,.tl-ovl select{min-height:44px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:700 1.05rem var(--mono);padding:.1rem .6rem;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s}
.tl-ovl button{min-width:44px}
.tl-ovl select{font:400 1rem var(--sans);max-width:100%;padding-right:1.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 13px) 55%,calc(100% - 8px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.tl-ovl button:hover{background:var(--ink);color:var(--paper)}
.tl-x{list-style:none;margin:0;padding:0 0 0 1.2ch;grid-column:1 / -1;font:400 .95rem/1.4 var(--mono)}
.tl-x li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:36px}
.tl-x button{border:0;background:none;color:var(--ink);font:400 .95rem var(--sans);text-decoration:underline;cursor:pointer;min-height:40px;padding:0 .3rem}
.tl-doprava .tl-n{font-weight:400}
.tl-zdarma{font:700 .98rem/1.3 var(--mono);color:var(--paprika);margin:.4rem 0 0}
.tl-upozorneni{font-size:.95rem;color:var(--paprika);margin:.4rem 0 0}
.celkem{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:.5rem -1rem 0;padding:.6rem 1rem .75rem;border-top:2px dashed var(--line);background:var(--sheet);font:700 1.15rem var(--mono)}
.celkem strong{font-size:clamp(1.9rem,6vw,2.5rem);letter-spacing:-.03em;white-space:nowrap}
.obj-act{display:grid;gap:.5rem;margin-top:auto}
.obj-act .btn-velke{width:100%}
.obj-druhe{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.obj .pozn{color:var(--on-coal2);margin:0;font-size:.95rem}
.obj .pozn:empty{display:none}
.nojs-zprava{display:none}
.odkaz-btn{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.15em;cursor:pointer;-webkit-appearance:none;appearance:none}
.odkaz-btn:hover{color:var(--paprika)}
.obj .odkaz-btn:hover{color:var(--orange)}
@media (prefers-reduced-motion:no-preference){
  .tl.nove{animation:tisk .24s steps(5,end) both}
  @keyframes tisk{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 -2px 0)}}
}
@media (max-width:999.98px){
  .obj{position:fixed;left:0;right:0;bottom:0;z-index:46;max-height:calc(100svh - 10px);overflow:auto;overscroll-behavior:contain;transform:translateY(103%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}
  .obj.otevrena{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  .obj-tiket{min-height:6.5rem;max-height:46svh}
  .pozn-dop{display:none}
}
@media (min-width:1000px){
  .obj{position:sticky;top:var(--hl);height:calc(100vh - var(--hl));padding:1.1rem clamp(1.2rem,2.2vw,2rem) 1.1rem}
  .obj-zavri{display:none}
}
@media (min-width:1000px) and (max-height:760px){.pozn-dop{display:none}.obj{gap:.5rem;padding-top:.7rem}.obj h2{font-size:2.2rem}.rezim button{min-height:44px}}
.list-bg{position:fixed;inset:0;z-index:45;background:rgba(19,20,22,.72)}
@media (min-width:1000px){.list-bg{display:none}}

/* rozvoz: oranžový pás a obří čísla */
.roz{background:var(--orange);color:var(--ink);padding:clamp(3rem,7vw,6.5rem) 0}
.roz-grid{display:grid;gap:2rem}
.roz-lead{font-size:1.25rem;line-height:1.4;max-width:26rem;margin:.3rem 0 1.4rem}
.kroky{margin:0;padding:0;list-style:none;counter-reset:k;max-width:30rem}
.kroky li{position:relative;counter-increment:k;padding:.7rem 0 .75rem 2.8rem;border-top:2px solid var(--ink);font-size:1.0625rem}
.kroky li::before{content:counter(k);position:absolute;left:0;top:.45rem;font:400 2rem/1.1 var(--disp)}
.roz .odkaz-btn:hover{color:#fff}
.cisla{margin:0}
.cisla div{display:flex;flex-direction:column;border-top:4px solid var(--ink);padding:.5rem 0 .7rem}
.cisla dd{order:-1;margin:0;font:400 clamp(3.4rem,17vw,5rem)/1.14 var(--disp);letter-spacing:.005em;white-space:nowrap}
.cisla dt{font:700 1.08rem/1.3 var(--sans)}
.roz-pozn{margin:0;font-size:1.0625rem;font-weight:700;max-width:40rem}
@media (min-width:1000px){
  .roz-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:1.6rem clamp(2.5rem,5vw,6rem)}
  .roz h2{font-size:clamp(6.4rem,10vw,10rem)}
  .cisla{grid-row:span 2}
  .cisla div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:2rem;padding:.25rem 0 .55rem}
  .cisla dd{order:0;font-size:clamp(5rem,9.2vw,9.4rem)}
  .cisla dt{order:1;font-size:1.25rem;line-height:1.25;text-align:right;max-width:18rem}
  .roz-pozn{grid-column:1;align-self:end}
}

/* kontakt */
.kon{background:var(--paper);color:var(--ink);padding:clamp(3rem,7vw,6rem) 0 clamp(3.5rem,7vw,6.5rem)}
.kon-grid{display:grid;gap:2.4rem}
address{font-style:normal;font-size:1.25rem;line-height:1.45;margin:.2rem 0 1.4rem}
.kon-odber{font:700 1.3rem/1.2 var(--sans);margin-bottom:.35rem}
.kon-t>p{max-width:30rem;font-size:1.0625rem}
.kon-nav{margin:1rem 0 0}
.kon-box{align-self:start;margin-bottom:9px;padding:1.2rem 1.2rem 1.5rem}
.kon-box .t-hlava{font-size:1rem}
.hodiny{border-collapse:collapse;width:100%;margin-bottom:.8rem}
.hodiny th,.hodiny td{padding:.6rem 0;border-bottom:1px dotted var(--line);text-align:left;font:400 clamp(1.08rem,3.4vw,1.7rem)/1.2 var(--mono)}
.hodiny td{text-align:right;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.hodiny tr.dnes th,.hodiny tr.dnes td{color:var(--paprika);font-weight:700}
.nojs-menu{display:none}
@media (min-width:1000px){
  .kon-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,5vw,6rem);align-items:start}
  .kon h2{font-size:clamp(6.4rem,10vw,10rem)}
  .kon-box{padding:1.6rem 2rem 1.9rem}
}

/* konec: velká věta a kolo s pizzou */
.konec{position:relative;overflow:hidden;background:var(--coal);color:var(--on-coal);padding:clamp(3.4rem,8vw,7.5rem) 0 calc(min(58vw,15rem) + 1.5rem)}
.konec h2{font:400 clamp(3.6rem,18.4vw,14.5rem)/1.1 var(--disp);text-transform:uppercase;letter-spacing:.005em;color:var(--orange);max-width:7.6em}
.konec-in{position:relative;z-index:2}
.konec-cta{margin-top:1.5rem;display:grid;gap:.6rem;justify-items:start}
.konec-cta .btn-velke{min-height:64px;font-size:1.25rem;padding:.7rem 1.6rem}
.konec .pozn,.konec .fake{color:var(--on-coal2)}
.konec-kolo{position:absolute;right:calc(50% - min(58vw,15rem));bottom:calc(-1.02*min(58vw,15rem));width:calc(2*min(58vw,15rem));height:calc(2*min(58vw,15rem))}
.pata{background:var(--coal);color:var(--on-coal2);padding:1.6rem 0 2rem;font-size:1rem}
.pata-in{display:grid;gap:.9rem;border-top:2px dashed #45484E;padding-top:1.3rem;margin-top:0}
.pata p{margin:0;max-width:44rem}
.pata strong{color:var(--on-coal);font:400 1.5rem/1.2 var(--disp);text-transform:uppercase;letter-spacing:.01em}
.pata a{color:var(--on-coal)}
.foot-back{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.foot-back:hover{color:var(--orange)}
body.s-barem .pata{padding-bottom:6rem}
@media (min-width:1000px){
  .konec{padding:clamp(4rem,7vw,7rem) 0 clamp(4rem,7vw,6.5rem);min-height:min(52rem,calc(100vh - var(--hl)))}
  .konec h2{font-size:clamp(9rem,13.4vw,14rem);max-width:8em}
  .konec-kolo{right:calc(-.12*min(46vw,42rem));bottom:calc(-.34*min(46vw,42rem));width:min(46vw,42rem);height:min(46vw,42rem)}
  .pata-in{grid-template-columns:minmax(0,3fr) minmax(0,6fr) auto;gap:2.5rem;align-items:start}
}

/* plovoucí pruh: přepínač cen a účtenka */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.45rem var(--gut) max(.45rem,env(safe-area-inset-bottom));background:var(--coal);border-top:3px solid var(--orange)}
.bar-in{display:flex;gap:.45rem;align-items:stretch}
.rezim-bar{flex:none}
.rezim-bar button{min-width:3.9rem;min-height:50px;font-size:1rem}
.bar-u{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.05rem;min-height:54px;padding:.2rem .8rem;border:0;background:var(--orange);color:var(--coal);text-align:left;cursor:pointer;transition:background-color .15s;-webkit-appearance:none;appearance:none}
.bar-u:hover{background:var(--orange2)}
.bar-n{font:700 .85rem/1.1 var(--sans)}
.bar-t{font:700 1rem/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1000px){.bar-in{max-width:30rem;margin-left:auto}}

/* vysvětlení ukázky */
.pop{max-width:min(27rem,calc(100vw - 2rem));padding:1.4rem 1.4rem 1.5rem;border:0;color:var(--ink);background:var(--sheet);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.pop::backdrop{background:rgba(19,20,22,.72)}
.pop h2{font-size:clamp(1.4rem,6vw,1.7rem);margin:0 0 .7rem}
.pop p{margin:0 0 1.2rem;color:var(--ink2)}
.pop .btn{width:100%}
.pop-fb{position:fixed;left:50%;top:50%;z-index:60;width:min(27rem,calc(100vw - 2rem));margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-fb:not(.is-open){display:none}
.pop-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:rgba(19,20,22,.72)}
.pop-bg:not(.is-open){display:none}

@media (max-width:379px){.brand-sub{display:none}.bar-u{padding:.2rem .6rem}.rezim-bar button{min-width:3.4rem}}

/* scéna: kolo je pizza. Jen s JS a bez omezeného pohybu, jinak platí hotová kompozice výše.
   Jen transform, opacity a clip-path; pódium stojí díky position: sticky, scroll se nezachytává. */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .jizda{height:500lvh;background:var(--coal)}
  .pod{position:sticky;top:var(--hl);display:block;height:calc(100lvh - var(--hl));overflow:hidden;--spod:calc(100lvh - 100svh);--mv:clamp(22rem,74lvh,max(46rem,34vw))}
  .uvod{position:absolute;inset:0;z-index:5;min-height:0;overflow:visible;padding-bottom:var(--spod);will-change:transform,opacity}
  .uvod-kolo{display:none}
  .pod.f-pryc .uvod{visibility:hidden}
  .rejstrik{bottom:var(--spod)}
  .sc-svet{position:absolute;inset:0;height:auto;overflow:visible}
  .sc-svet>.mesto{left:0;visibility:hidden;will-change:transform}
  .mesto-b{bottom:var(--spod)}
  .mesto-d{bottom:calc(var(--mv)*.1667 + var(--spod))}
  .pod.f-mesto .sc-svet>.mesto{visibility:visible}
  .kolo-z{left:calc(var(--kx) - var(--r));top:var(--kt);bottom:auto;width:calc(var(--r)*2);height:calc(var(--r)*2);will-change:transform}
  .kolo-z .k-rot{will-change:transform}
  .kolo-z .k-klin{will-change:transform;visibility:hidden}
  .kolo-z.kliny .k-klin{visibility:visible}
  .kolo-z .k-naboj{display:block;will-change:transform}
  .kolo-z.otoc .k-toc{animation:otoc .9s cubic-bezier(.2,.7,.2,1) 1}
  @keyframes otoc{from{transform:rotate(-90deg)}to{transform:rotate(0)}}
  .kolo-p{left:0;top:0;bottom:auto;visibility:hidden;will-change:transform}
  .kolo-p .k-rot{will-change:transform}
  .ram{left:0;top:0;bottom:auto;visibility:hidden;will-change:transform,clip-path}
  .pod.f-kolo .kolo-p,.pod.f-kolo .ram{visibility:visible}
  .klika{will-change:transform}
  .sc-pribeh{position:absolute;inset:0;display:block;padding:0;z-index:6;pointer-events:none}
  .sc-vety{position:absolute;left:var(--gut);right:var(--gut);top:clamp(.9rem,2.8lvh,2rem);display:block}
  .sc-vety li{position:absolute;left:0;top:0;right:0;max-width:17ch;font-size:clamp(2.3rem,10.6vw,3.3rem);line-height:1.12;opacity:0;visibility:hidden;will-change:transform,opacity}
  .sc-cas{position:absolute;right:var(--gut);top:calc(clamp(.9rem,2.8lvh,2rem) + 7.6rem);width:11.6rem;max-width:none;padding:.5rem .7rem .7rem;visibility:hidden;will-change:transform}
  .sc-cas .t-hlava{font-size:.78rem;margin-bottom:.3rem;padding-bottom:.3rem}
  .cas{font-size:2.7rem;margin:0}
  .cas-ted{display:block;font-size:.88rem;min-height:1.25em}
  .cas-log{display:none}
  .pod.f-cas .sc-cas{visibility:visible}
  .konec-kolo .k-rot{will-change:transform}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-height:560px){
  .sc-vety li{font-size:2.1rem;max-width:17ch}
  .sc-cas{top:.6rem}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:760px) and (min-height:561px){
  .sc-vety li{font-size:clamp(3rem,6vw,5.6rem);max-width:15.5ch}
  .sc-cas{left:var(--gut);right:auto;top:auto;bottom:0;width:20rem;padding:.95rem 1.2rem 1.4rem}
  .sc-cas::after{bottom:auto;top:-9px;transform:scaleY(-1)}
  .sc-cas .t-hlava{font-size:.92rem;margin-bottom:.45rem;padding-bottom:.45rem}
  .cas{font-size:clamp(4.4rem,11vh,6.2rem);margin-bottom:.4rem}
  .cas-ted{display:none}
  .cas-log{display:block}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* FORMA-POLISH (generuje vizitka/tools/ukazky-polish.py) */
:where(input,textarea){caret-color:#ff7a3d}
: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 #ff7a3d;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 */