/* Čalounictví Pružina – ukázkový web FORMA (smyšlený podnik, generuje vizitka/tools/ukazka-pruzina.py). Písma Anybody a Commissioner (SIL OFL), uložená ve složce fonts. */
@font-face{font-family:'Anybody';font-style:normal;font-weight:100 900;font-stretch:50% 150%;font-display:swap;src:url(fonts/anybody-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:'Anybody';font-style:normal;font-weight:100 900;font-stretch:50% 150%;font-display:swap;src:url(fonts/anybody-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:'Commissioner';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/commissioner-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:'Commissioner';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/commissioner-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}

/* látky: html[data-latka] barví stránku, data-f barví kresbu (dvě různé látky naráz během převleku) */
html[data-latka="kuze"]{--k:#b45a22;--kd:#703815;--kl:#db7d42;--lesk:0.38;--pole:#6d3210;--hluboka:#3a1a08;--papir:#c9ece5;--pop:#f6c548;--na-poli:#fff4e8;--na-papire:#2f1606;--na-popu:#2a1700;--na-hl:#fff4e8;--akcent-p:#f6c548;--akcent-h:#f6c548}
[data-f="kuze"]{--k:#b45a22;--kd:#703815;--kl:#db7d42;--lesk:0.38}
[data-f="kuze"] .tx{fill:url(#p-kuze)}
.tk[data-f="kuze"] .tk-pole{fill:#6d3210}.tk[data-f="kuze"] .tk-tx{fill:url(#p-kuze-L)}
html[data-latka="zakar"]{--k:#1f9aa3;--kd:#135f65;--kl:#31cdd8;--lesk:0.12;--pole:#0d5d66;--hluboka:#06353b;--papir:#d3f0ee;--pop:#ff7058;--na-poli:#effcfb;--na-papire:#06353b;--na-popu:#2a0a04;--na-hl:#effcfb;--akcent-p:#ffbeb2;--akcent-h:#ff7058}
[data-f="zakar"]{--k:#1f9aa3;--kd:#135f65;--kl:#31cdd8;--lesk:0.12}
[data-f="zakar"] .tx{fill:url(#p-zakar)}
.tk[data-f="zakar"] .tk-pole{fill:#0d5d66}.tk[data-f="zakar"] .tk-tx{fill:url(#p-zakar-L)}
html[data-latka="samet"]{--k:#2e55e6;--kd:#122f99;--kl:#6e89ee;--lesk:0.1;--pole:#14298f;--hluboka:#0b1a63;--papir:#ffe9a0;--pop:#ffd23f;--na-poli:#f4f6ff;--na-papire:#0b1a63;--na-popu:#1a1405;--na-hl:#f4f6ff;--akcent-p:#ffd23f;--akcent-h:#ffd23f}
[data-f="samet"]{--k:#2e55e6;--kd:#122f99;--kl:#6e89ee;--lesk:0.1}
[data-f="samet"] .tx{fill:url(#p-samet)}
.tk[data-f="samet"] .tk-pole{fill:#14298f}.tk[data-f="samet"] .tk-tx{fill:url(#p-samet-L)}
html[data-latka="mansestr"]{--k:#f0b422;--kd:#9f740b;--kl:#f5cb65;--lesk:0.0;--pole:#c98b08;--hluboka:#5d3b00;--papir:#ece0ff;--pop:#3a1a72;--na-poli:#1c1200;--na-papire:#2a1252;--na-popu:#fff6e0;--na-hl:#fff2d1;--akcent-p:#3a1a72;--akcent-h:#ffd25a}
[data-f="mansestr"]{--k:#f0b422;--kd:#9f740b;--kl:#f5cb65;--lesk:0.0}
[data-f="mansestr"] .tx{fill:url(#p-mansestr)}
.tk[data-f="mansestr"] .tk-pole{fill:#c98b08}.tk[data-f="mansestr"] .tk-tx{fill:url(#p-mansestr-L)}
html[data-latka="len"]{--k:#5c9a45;--kd:#395f2b;--kl:#80bc6a;--lesk:0.0;--pole:#2b6a35;--hluboka:#133f21;--papir:#ffd6e4;--pop:#ffa21f;--na-poli:#f4fbec;--na-papire:#133f21;--na-popu:#1d1100;--na-hl:#f4fbec;--akcent-p:#ffd397;--akcent-h:#ffa21f}
[data-f="len"]{--k:#5c9a45;--kd:#395f2b;--kl:#80bc6a;--lesk:0.0}
[data-f="len"] .tx{fill:url(#p-len)}
.tk[data-f="len"] .tk-pole{fill:#2b6a35}.tk[data-f="len"] .tk-tx{fill:url(#p-len-L)}
html[data-latka="tvid"]{--k:#5d86a3;--kd:#395365;--kl:#8ba8bd;--lesk:0.0;--pole:#2c4a60;--hluboka:#172c3b;--papir:#ffd9c9;--pop:#ff8b5e;--na-poli:#f2f8fc;--na-papire:#172c3b;--na-popu:#241005;--na-hl:#f2f8fc;--akcent-p:#ffa17c;--akcent-h:#ff8b5e}
[data-f="tvid"]{--k:#5d86a3;--kd:#395365;--kl:#8ba8bd;--lesk:0.0}
[data-f="tvid"] .tx{fill:url(#p-tvid)}
.tk[data-f="tvid"] .tk-pole{fill:#2c4a60}.tk[data-f="tvid"] .tk-tx{fill:url(#p-tvid-L)}
html[data-latka="boucle"]{--k:#f0679c;--kd:#c21357;--kl:#f6a8c6;--lesk:0.0;--pole:#b42766;--hluboka:#68123a;--papir:#ffe0ec;--pop:#ffe14d;--na-poli:#fff4f8;--na-papire:#5a0f31;--na-popu:#2a2100;--na-hl:#fff4f8;--akcent-p:#ffe14d;--akcent-h:#ffe14d}
[data-f="boucle"]{--k:#f0679c;--kd:#c21357;--kl:#f6a8c6;--lesk:0.0}
[data-f="boucle"] .tx{fill:url(#p-boucle)}
.tk[data-f="boucle"] .tk-pole{fill:#b42766}.tk[data-f="boucle"] .tk-tx{fill:url(#p-boucle-L)}
html[data-latka="kostka"]{--k:#e0382f;--kd:#921c16;--kl:#e9736d;--lesk:0.0;--pole:#a1161c;--hluboka:#5c0a10;--papir:#ffdada;--pop:#1b1b1d;--na-poli:#fff3ef;--na-papire:#5c0a10;--na-popu:#ffffff;--na-hl:#fff3ef;--akcent-p:#ffd0a0;--akcent-h:#ffd0a0}
[data-f="kostka"]{--k:#e0382f;--kd:#921c16;--kl:#e9736d;--lesk:0.0}
[data-f="kostka"] .tx{fill:url(#p-kostka)}
.tk[data-f="kostka"] .tk-pole{fill:#a1161c}.tk[data-f="kostka"] .tk-tx{fill:url(#p-kostka-L)}
.tk[data-f="zakar"] .tk-tx{opacity:.62}.tk[data-f="mansestr"] .tk-tx{opacity:.5}.tk[data-f="boucle"] .tk-tx{opacity:.42}
[data-f="stara"]{--k:#8d8270;--kd:#5c5345;--kl:#a89d8a;--lesk:0}[data-f="stara"] .tx{fill:url(#p-tvid)}
.tk-b,.prelek{left:0;right:0;top:auto;bottom:0;height:calc(100% + 24px);clip-path:polygon(0px 22px,15px 0,30px 22px,45px 0,60px 22px,75px 0,90px 22px,105px 0,120px 22px,135px 0,150px 22px,165px 0,180px 22px,195px 0,210px 22px,225px 0,240px 22px,255px 0,270px 22px,285px 0,300px 22px,315px 0,330px 22px,345px 0,360px 22px,375px 0,390px 22px,405px 0,420px 22px,435px 0,450px 22px,465px 0,480px 22px,495px 0,510px 22px,525px 0,540px 22px,555px 0,570px 22px,585px 0,600px 22px,615px 0,630px 22px,645px 0,660px 22px,675px 0,690px 22px,705px 0,720px 22px,735px 0,750px 22px,765px 0,780px 22px,795px 0,810px 22px,825px 0,840px 22px,855px 0,870px 22px,885px 0,900px 22px,915px 0,930px 22px,945px 0,960px 22px,975px 0,990px 22px,1005px 0,1020px 22px,1035px 0,1050px 22px,1065px 0,1080px 22px,1095px 0,1110px 22px,1125px 0,1140px 22px,1155px 0,1170px 22px,1185px 0,1200px 22px,1215px 0,1230px 22px,1245px 0,1260px 22px,1275px 0,1290px 22px,1305px 0,1320px 22px,1335px 0,1350px 22px,1365px 0,1380px 22px,1395px 0,1410px 22px,1425px 0,1440px 22px,1455px 0,1470px 22px,1485px 0,1500px 22px,1515px 0,1530px 22px,1545px 0,1560px 22px,1575px 0,1590px 22px,1605px 0,1620px 22px,1635px 0,1650px 22px,1665px 0,1680px 22px,1695px 0,1710px 22px,1725px 0,1740px 22px,1755px 0,1770px 22px,1785px 0,1800px 22px,1815px 0,1830px 22px,1845px 0,1860px 22px,1875px 0,1890px 22px,1905px 0,1920px 22px,1935px 0,1950px 22px,1965px 0,1980px 22px,1995px 0,2010px 22px,2025px 0,2040px 22px,2055px 0,2070px 22px,2085px 0,2100px 22px,2115px 0,2130px 22px,2145px 0,2160px 22px,2175px 0,2190px 22px,2205px 0,2220px 22px,2235px 0,2250px 22px,2265px 0,2280px 22px,2295px 0,2310px 22px,2325px 0,2340px 22px,2355px 0,2370px 22px,2385px 0,2400px 22px,2415px 0,2430px 22px,2445px 0,2460px 22px,2475px 0,2490px 22px,2505px 0,2520px 22px,2535px 0,2550px 22px,2565px 0,2580px 22px,2595px 0,2610px 22px,2625px 0,2640px 22px,2655px 0,2670px 22px,2685px 0,2700px 22px,2715px 0,2730px 22px,2745px 0,2760px 22px,2775px 0,2790px 22px,2805px 0,2820px 22px,2835px 0,2850px 22px,2865px 0,2880px 22px,2895px 0,2910px 22px,2925px 0,2940px 22px,2955px 0,2970px 22px,2985px 0,3000px 22px,3015px 0,3030px 22px,3045px 0,3060px 22px,3075px 0,3090px 22px,3105px 0,3120px 22px,3135px 0,3150px 22px,3165px 0,3180px 22px,3195px 0,3210px 22px,3225px 0,3240px 22px,3255px 0,3270px 22px,3285px 0,3300px 22px,3315px 0,3330px 22px,3345px 0,3360px 22px,3375px 0,3390px 22px,3405px 0,3420px 22px,3435px 0,3450px 22px,3465px 0,3480px 22px,3495px 0,3510px 22px,3525px 0,3540px 22px,3555px 0,3570px 22px,3585px 0,3600px 22px,3615px 0,3630px 22px,3645px 0,3660px 22px,3675px 0,3690px 22px,3705px 0,3720px 22px,3735px 0,3750px 22px,3765px 0,3780px 22px,3795px 0,3810px 22px,3825px 0,3840px 22px,3855px 0,3870px 22px,3885px 0,3900px 22px,3915px 0,3930px 22px,3945px 0,3960px 22px,3975px 0,3990px 22px,4005px 0,4020px 22px,4035px 0,4050px 22px,4065px 0,4080px 22px,4095px 0,4110px 22px,4125px 0,4140px 22px,4155px 0,4170px 22px,4185px 0,4200px 22px,4215px 0,4230px 22px,4245px 0,4260px 22px,4275px 0,4290px 22px,4305px 0,4320px 22px,4335px 0,4350px 22px,4365px 0,4380px 22px,4395px 0,4410px 22px,4425px 0,4440px 22px,4455px 0,4470px 22px,4485px 0,4500px 22px,4515px 0,4530px 22px,4545px 0,4560px 22px,4575px 0,4590px 22px,4605px 0,4620px 22px,4635px 0,4650px 22px,4665px 0,4680px 22px,4695px 0,4710px 22px,4725px 0,4740px 22px,4755px 0,4770px 22px,4785px 0,4800px 22px,4815px 0,4830px 22px,4845px 0,4860px 22px,4875px 0,4890px 22px,4905px 0,4920px 22px,4935px 0,4950px 22px,4965px 0,4980px 22px,4995px 0,5010px 22px,5025px 0,5040px 22px,5055px 0,5070px 22px,5085px 0,5100px 22px,5115px 0,5130px 22px,5145px 0,5160px 22px,5175px 0,5190px 22px,5205px 0,5220px 22px,5235px 0,5250px 22px,5265px 0,5280px 22px,5295px 0,5310px 22px,5325px 0,5340px 22px,5355px 0,5370px 22px,5385px 0,5400px 22px,5415px 0,5430px 22px,5445px 0,5460px 22px,5475px 0,5490px 22px,5505px 0,5520px 22px,5535px 0,5550px 22px,5565px 0,5580px 22px,5595px 0,5610px 22px,5625px 0,5640px 22px,5655px 0,5670px 22px,5685px 0,5700px 22px,5715px 0,5730px 22px,5745px 0,5760px 22px,5775px 0,5790px 22px,5805px 0,5820px 22px,5835px 0,5850px 22px,5865px 0,5880px 22px,5895px 0,5910px 22px,5925px 0,5940px 22px,5955px 0,5970px 22px,5985px 0,6000px 22px,6000px 100%,0 100%)}
.vz0{--i:0}.vz1{--i:1}.vz2{--i:2}.vz3{--i:3}.vz4{--i:4}.vz5{--i:5}.vz6{--i:6}.vz7{--i:7}
.scena-plocha{--sc-pomer:586.7/1240;--sc-cislo:0.4731}.v-kostra{--ty:0%}.v-pruz{--ty:-17.7%}.v-vypln{--ty:-32.7%}.v-potah{--ty:-49.4%}.t-potah{left:79.7%;top:16.6%}.t-vypln{left:87.1%;top:31.2%}.t-pruz{left:90%;top:46.8%}.t-kostra{left:97.4%;top:62.9%}
.v-stary{--ty:-49.4%}

:root{
  --disp:'Anybody','Arial Narrow',Arial,sans-serif;
  --sans:'Commissioner',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --gut:clamp(20px,5vw,76px);
  --hlava:84px;
  --fokus:var(--akcent-p);
  --ease:cubic-bezier(.22,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:12px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font-family:var(--sans);font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--na-poli);background:var(--hluboka);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,figure,blockquote,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skryt{position:absolute;width:0;height:0;overflow:hidden}
.preskocit{position:absolute;left:12px;top:-60px;z-index:50;background:var(--pop);color:var(--na-popu);padding:10px 16px;font-weight:600;text-decoration:none}
.preskocit:focus{top:10px}
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.fake{font-size:15px;line-height:1.3;opacity:.92}

/* ---- barvy potahu na kresbách ---- */
.k{fill:var(--k)}
.kd{fill:var(--kd)}
.lesk{fill-opacity:var(--lesk,0)}

/* ---- tlačítka: přišitý štítek ---- */
.tl{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:56px;padding:12px 26px;text-decoration:none;text-align:left;font-family:var(--sans);font-weight:700;line-height:1.15;border:0;background:var(--pop);color:var(--na-popu);transition:transform .14s var(--ease),background-color .2s}
.tl::before{content:"";position:absolute;inset:5px;border:2px dashed currentColor;opacity:.45;pointer-events:none}
.tl:hover{transform:translateY(-2px)}
.tl:active{transform:translateY(1px)}
.tl-hlavni{font-family:var(--disp);font-weight:800;font-stretch:88%;font-size:1.3em;letter-spacing:.01em}
.tl-cislo{font-size:.9em;font-weight:600;letter-spacing:.02em}
.tl-tmavy{background:var(--hluboka);color:var(--na-hl)}
.tl-velke{min-height:84px;padding:16px 40px}
.tl-velke .tl-hlavni{font-size:2.1em}
.tl-velke .tl-cislo{font-size:1.15em}
.tl-linka{background:transparent;color:inherit;padding:12px 4px;min-height:48px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;font-weight:600}
.tl-linka::before{display:none}

/* ---- hlavička ---- */
.hlava{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:18px var(--gut);color:var(--na-poli)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.logo-znak{width:40px;height:40px;flex:none}
.lz-kruh{fill:var(--pop)}
.lz-pero{fill:none;stroke:var(--na-popu);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.logo-text{font-family:var(--disp);font-weight:700;font-stretch:100%;font-size:21px;line-height:1;letter-spacing:.005em}
.logo-text b{font-weight:900}
.menu{margin-left:auto;display:flex;gap:6px}
.menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;font-weight:600;font-size:16px}
.menu a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.volat-mini{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:0;background:var(--pop);color:var(--na-popu);font-weight:700}
.volat-mini svg{width:20px;height:20px;flex:none;fill:currentColor}

/* ---- 1 úvod: celá plocha je látka ---- */
.uvod{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:1fr auto minmax(136px,auto) minmax(52px,auto);grid-template-areas:"text kus" "akce kus" "vz ks" "pozn pozn";column-gap:clamp(8px,2vw,40px);padding:var(--hlava) var(--gut) 0;color:var(--na-poli);isolation:isolate;overflow:hidden;overflow:clip}
.uvod::after{content:"";grid-area:3/1/5/-1;margin:0 calc(var(--gut) * -1);background:var(--hluboka);z-index:-1;-webkit-mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/26px 13px repeat-x,linear-gradient(#000 0 0) 0 12px/100% calc(100% - 12px) no-repeat;mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/26px 13px repeat-x,linear-gradient(#000 0 0) 0 12px/100% calc(100% - 12px) no-repeat}
.uvod-plocha{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--pole)}
.tk{position:absolute;inset:0;width:100%;height:100%}
.uvod-plocha .tk-b{will-change:transform}
.prelek{position:absolute;z-index:2;overflow:hidden;pointer-events:none;will-change:transform}
.prelek-in{position:absolute;inset:0;will-change:transform}
.prelek .kus{position:absolute;display:block;max-width:none;margin:0;overflow:visible;filter:drop-shadow(0 16px 20px rgba(0,0,0,.34)) drop-shadow(0 0 1.2px rgba(0,0,0,.55))}
.uvod-text{grid-area:text;align-self:end;padding-top:clamp(8px,2vh,28px)}
h1{font-family:var(--disp);font-weight:900;font-stretch:60%;font-size:clamp(44px,7.6vw,130px);line-height:.94;letter-spacing:-.008em}
.h1-r{display:block;white-space:nowrap}
.h1-latka{color:var(--akcent-p)}
.uvod-pod{font-size:clamp(19px,1.6vw,25px);line-height:1.4;max-width:26em;margin-top:clamp(14px,2.4vh,26px);opacity:.96}
.uvod-akce{grid-area:akce;display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding:clamp(16px,3vh,32px) 0}
.uvod-akce .fake{flex-basis:100%}
.uvod-kus{grid-area:kus;position:relative;align-self:end;display:grid;place-items:end center;min-width:0}
.uvod-kus .kus{grid-area:1/1;height:min(max(220px,calc(100svh - 330px)),740px,40vw);width:auto;max-width:none;aspect-ratio:640/560;display:none;overflow:visible;margin-inline:-14%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.34)) drop-shadow(0 0 1.2px rgba(0,0,0,.55))}
.uvod-kus .kus.je{display:block}
.uvod-kus .kus-zidle{transform:scale(1.08);transform-origin:50% 92%}
.uvod-kus .kus-taburet{transform:scale(1.2);transform-origin:50% 92%}
.uvod-kus .kus-gauc{transform:scale(.93);transform-origin:50% 92%}
.blok-vz{grid-area:vz;padding:30px 0 6px;min-width:0;color:var(--na-hl);--fokus:var(--akcent-h)}
.blok-ks{grid-area:ks;padding:30px 0 6px;justify-self:end;color:var(--na-hl);--fokus:var(--akcent-h)}
.dock-nadpis{font-weight:700;font-size:17px;margin-bottom:8px}
.vzornik{position:relative;display:flex;gap:10px;padding-top:6px}
.vzornik::before{content:"";position:absolute;left:-8px;right:-8px;top:24px;height:2px;background:var(--na-hl);opacity:.5}
.vz{position:relative;flex:none;width:68px;height:90px;padding:0;border:0;background:none;color:inherit;transform-origin:50% 18%;transition:transform .2s var(--ease)}
.vz-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}
.vz-dira{fill:var(--hluboka)}
.vz:hover{transform:rotate(3deg)}
.vz[aria-checked="true"]{transform:rotate(-7deg) scale(1.08);z-index:2}
.vz[aria-checked="true"] .vz-svg{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 4px 5px rgba(0,0,0,.4))}
.vz:focus-visible{outline-offset:2px}
.kusy{display:flex;gap:8px}
.kus-tl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:84px;min-height:70px;padding:8px 4px;border:2px dashed color-mix(in srgb,currentColor 55%,transparent);background:transparent;font-weight:600;font-size:15px;transition:background-color .2s,border-color .2s}
.kus-tl .ik{width:34px;height:34px}
.kus-tl:hover{border-color:currentColor}
.kus-tl[aria-checked="true"]{background:var(--akcent-h);color:var(--hluboka);border-color:var(--akcent-h);border-style:solid}
.dock-pozn{grid-area:pozn;font-size:16px;line-height:1.4;padding:6px 0 20px;color:var(--na-hl);--fokus:var(--akcent-h)}
.dock-pozn b{font-weight:700;font-size:1.1em}
.dock-pozn span{margin-left:14px;opacity:.92}

/* ---- 2 pás s obřími slovy ---- */
.slova{position:relative;background:var(--hluboka);color:var(--na-hl);padding:clamp(48px,7vw,110px) var(--gut) clamp(40px,6vw,90px)}
.slova h2{font-family:var(--sans);font-weight:700;font-size:clamp(24px,2.6vw,40px);line-height:1.15;margin-bottom:clamp(14px,2vw,30px)}
.slova-plocha svg{width:100%;height:auto;overflow:visible}
.slova-m{display:none}
.sw{font-family:var(--disp);font-weight:900;font-stretch:75%}
.slova-dira{fill:var(--hluboka)}
.sw1{fill:var(--akcent-h)}.sw2{fill:var(--papir)}.sw3{fill:var(--kl)}.sw4{fill:var(--na-hl)}
.slova-nit{fill:none;stroke:var(--na-hl);stroke-opacity:.42;stroke-width:2.4;stroke-dasharray:9 8}
.slova-pozn{font-size:clamp(18px,1.5vw,24px);max-width:34em;margin-top:clamp(16px,2.4vw,34px);opacity:.92}

/* ---- 3 scéna: křeslo se svlékne ---- */
.scena{position:relative;background:var(--pole);color:var(--na-poli);overflow:clip}
.scena-podium{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr);gap:clamp(20px,4vw,80px);align-items:center;padding:clamp(48px,7vw,96px) var(--gut);min-height:100vh;min-height:100svh}
.scena h2{font-family:var(--disp);font-weight:900;font-stretch:66%;font-size:clamp(52px,7.4vw,120px);line-height:.9;text-wrap:balance}
.kroky{margin-top:clamp(20px,3vw,44px);display:grid;gap:clamp(14px,1.6vw,24px)}
.krok b{display:block;font-family:var(--disp);font-weight:800;font-stretch:90%;font-size:clamp(24px,2.3vw,38px);color:var(--akcent-p);line-height:1.1}
.krok span{display:block;font-size:clamp(22px,2.5vw,40px);line-height:1.2;max-width:17em;margin-top:4px}
.krok span span{display:inline}
.scena-zaver{margin-top:clamp(20px,3vw,44px);font-size:clamp(19px,1.6vw,26px);max-width:24em;padding-top:14px;border-top:2px dashed color-mix(in srgb,var(--na-poli) 55%,transparent)}
.scena-zaver a{font-weight:700;display:inline-block;padding:6px 0;margin-left:.3em}
.scena-plocha{position:relative;justify-self:start;width:100%;max-width:430px;aspect-ratio:var(--sc-pomer,587/1010);margin-left:clamp(0px,3vw,48px)}
.scena-zive .scena-plocha{max-width:min(430px,calc(86svh * var(--sc-cislo,.47)))}
.scena-kamera{position:absolute;left:0;bottom:0;width:100%;height:100%;transform-origin:0 100%}
.vrstva{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translate3d(0,var(--ty,0%),0)}
.v-stary{display:none}
.tag{position:absolute;display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-stretch:88%;font-size:clamp(15px,1.15vw,19px);letter-spacing:.01em;white-space:nowrap}
.tag::before{content:"";width:clamp(28px,4vw,70px);border-top:2px dashed var(--na-poli);opacity:.7}
.tag i{font-style:normal;background:var(--hluboka);color:var(--na-hl);padding:4px 10px}

/* ---- 4 ceník: pás v barvě akcentu, obří číslo ---- */
.cenik{background:var(--pop);color:var(--na-popu);padding:clamp(52px,7vw,110px) var(--gut);--fokus:var(--na-popu)}
.cen-hlava{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(14px,3vw,56px);align-items:end}
.cenik h2{font-family:var(--disp);font-weight:900;font-stretch:66%;font-size:clamp(52px,8.4vw,136px);line-height:.9}
.cen-lead{font-size:clamp(19px,1.7vw,27px);line-height:1.32;max-width:24em}
.hloubky{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,30px);align-items:end;margin-top:clamp(28px,4vw,64px)}
.hl{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:clamp(22px,2.4vw,36px);border:0;background:var(--papir);color:var(--na-papire);box-shadow:0 8px 0 rgba(0,0,0,.14),0 18px 26px -8px rgba(0,0,0,.3);transition:transform .2s var(--ease),background-color .2s,color .2s}
.hl-1{grid-column:1/4;transform:rotate(-1.4deg)}
.hl-2{grid-column:4/8;transform:rotate(.8deg)}
.hl-3{grid-column:8/13;transform:rotate(-.7deg)}
.hl:hover{transform:rotate(0deg) translateY(-3px)}
.hl[aria-checked="true"]{background:var(--hluboka);color:var(--na-hl);box-shadow:0 0 0 3px var(--na-popu),0 8px 0 rgba(0,0,0,.14),0 18px 26px -8px rgba(0,0,0,.3)}
.hl-t{font-family:var(--disp);font-weight:900;font-stretch:72%;line-height:.94}
.hl-1 .hl-t{font-size:clamp(34px,3vw,48px)}
.hl-2 .hl-t{font-size:clamp(38px,3.7vw,60px)}
.hl-3 .hl-t{font-size:clamp(46px,5.2vw,88px)}
.hl-p{font-size:clamp(17px,1.35vw,21px);line-height:1.32;font-weight:500}
.hl-c{font-size:15px;font-weight:700}
.stitek-sev{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.sev{fill:none;stroke:currentColor;stroke-opacity:.55;stroke-width:2;stroke-dasharray:9 7}
.kalk{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(28px,4vw,60px)}
.kalk-volby{display:flex;flex-wrap:wrap;gap:18px clamp(28px,4vw,72px);align-items:flex-start}
.kalk .kus-tl[aria-checked="true"]{background:var(--na-popu);color:var(--pop);border-color:var(--na-popu)}
.kalk-cena .tl{background:var(--na-popu);color:var(--pop)}
.mini{display:flex;flex-wrap:wrap;gap:8px}
.mini .vz{width:46px;height:60px}
.mini .vz-dira{fill:var(--pop)}
.kalk-co{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(22px,2.4vw,38px);line-height:1.1}
.kalk-cislo{font-family:var(--disp);font-weight:900;font-stretch:70%;font-size:clamp(70px,19.6vw,320px);line-height:.9;letter-spacing:-.018em;white-space:nowrap;font-variant-numeric:tabular-nums;margin:.03em 0 0 -.02em}
.kalk-pozn{font-size:clamp(17px,1.4vw,21px);max-width:30em;margin-bottom:18px}
.listek{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);margin-top:clamp(36px,5vw,76px);padding:clamp(26px,3.4vw,52px);background:var(--papir);color:var(--na-papire);box-shadow:0 10px 0 rgba(0,0,0,.14),0 22px 30px -8px rgba(0,0,0,.3);--fokus:var(--na-papire)}
.listek table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.listek caption,.listek h3{text-align:left;font-family:var(--disp);font-weight:900;font-stretch:76%;font-size:clamp(26px,2.7vw,42px);line-height:1;margin-bottom:clamp(12px,1.4vw,22px)}
.listek th,.listek td{padding:12px 10px;text-align:right;font-size:clamp(16px,1.25vw,20px);border-bottom:2px dashed color-mix(in srgb,var(--na-papire) 38%,transparent);white-space:nowrap}
.listek thead th{font-weight:700;font-size:clamp(14px,1.05vw,16px);white-space:normal;line-height:1.15;vertical-align:bottom}
.listek thead td{border-bottom:2px dashed color-mix(in srgb,var(--na-papire) 38%,transparent)}
.listek tbody th{text-align:left;font-weight:700;padding-left:0}
.listek td.je{background:var(--hluboka);color:var(--na-hl);font-weight:700}
.dalsi li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:2px dashed color-mix(in srgb,var(--na-papire) 38%,transparent);font-size:clamp(16px,1.2vw,19px);line-height:1.3}
.dalsi b{flex:none;font-variant-numeric:tabular-nums}
.listek-pozn{margin-top:14px;font-size:15px;font-weight:600}

/* ---- 5 dveře: rozdělená sekce ---- */
.dvere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--papir);color:var(--na-papire)}
.dvere-text{padding:clamp(48px,7vw,110px) var(--gut);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(18px,2.4vw,32px);--fokus:var(--na-papire)}
.dvere h2{font-family:var(--disp);font-weight:900;font-stretch:70%;font-size:clamp(50px,7vw,116px);line-height:.9;max-width:6em}
.dvere-lead{font-size:clamp(20px,1.8vw,28px);line-height:1.3;max-width:19em}
.dvere-seznam{width:100%;max-width:22em}
.dvere-seznam li{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(26px,2.7vw,44px);line-height:1.12;padding:6px 0;border-bottom:2px dashed color-mix(in srgb,var(--na-papire) 40%,transparent)}
.dvere-seznam li:first-child{border-top:2px dashed color-mix(in srgb,var(--na-papire) 40%,transparent)}
.dvere-obraz{position:relative;display:grid;align-items:end;justify-items:center;padding:clamp(24px,4vw,60px) 0 0;background:var(--pole);overflow:hidden;min-height:560px}
.tk-obal{position:absolute;inset:0}
.dvere-kresba{position:relative;width:min(66%,440px)}
.dvere-kresba svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 24px rgba(0,0,0,.34))}
.dv-c{font-family:var(--disp);font-weight:900;font-stretch:84%;font-size:34px;fill:#3a2a0a}

/* ---- 6 práce: galerie s filtrem ---- */
.hotove{background:var(--hluboka);color:var(--na-hl);padding:clamp(52px,7vw,110px) var(--gut);--fokus:var(--akcent-h)}
.hotove-hlava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 48px}
.hotove h2{font-family:var(--disp);font-weight:900;font-stretch:70%;font-size:clamp(58px,10vw,168px);line-height:.86}
.hotove-pozn{font-size:clamp(17px,1.4vw,21px);max-width:21em;line-height:1.35}
.filtr{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(22px,3vw,44px) 0 clamp(20px,2.4vw,34px)}
.filtr-tl{min-height:48px;padding:8px 20px;border:2px dashed color-mix(in srgb,var(--na-hl) 60%,transparent);background:transparent;font-weight:600;font-size:17px;transition:background-color .2s}
.filtr-tl:hover{border-color:var(--na-hl)}
.filtr-tl[aria-pressed="true"]{background:var(--na-hl);color:var(--hluboka);border-color:var(--na-hl);border-style:solid}
.galerie{columns:3;column-gap:clamp(16px,2vw,32px)}
.foto{break-inside:avoid;margin:0 0 clamp(16px,2vw,32px);position:relative}
.foto picture{display:block;-webkit-mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/22px 11px repeat-x,linear-gradient(#000 0 0) 0 10px/100% calc(100% - 20px) no-repeat,conic-gradient(from -45deg at 50% 100%,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/22px 11px repeat-x;mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/22px 11px repeat-x,linear-gradient(#000 0 0) 0 10px/100% calc(100% - 20px) no-repeat,conic-gradient(from -45deg at 50% 100%,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/22px 11px repeat-x}
.foto img{width:100%;height:auto;background:var(--pole)}
.foto figcaption{display:flex;flex-direction:column;margin-top:10px;font-family:var(--disp);font-weight:800;font-stretch:88%;font-size:clamp(19px,1.5vw,24px);line-height:1.1}
.foto figcaption small{font-family:var(--sans);font-weight:500;font-size:15px;opacity:.85;margin-top:3px}
.foto[hidden]{display:none}

/* ---- 7 konec ---- */
.konec{position:relative;color:var(--na-poli);padding:clamp(60px,8vw,140px) var(--gut) clamp(56px,7vw,110px);isolation:isolate;overflow:hidden;overflow:clip}
.konec-plocha{position:absolute;inset:0;z-index:-1;background:var(--pole)}
.konec h2{font-family:var(--disp);font-weight:900;font-stretch:66%;font-size:clamp(50px,10.6vw,184px);line-height:.88;letter-spacing:-.01em}
.konec-vyzva{display:block;color:var(--akcent-p)}
.konec-vrch{display:grid;gap:clamp(26px,3.6vw,56px);justify-items:start}
.konec-akce{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px}
.konec-tel{display:grid;gap:8px}
.konec-pozn{max-width:24em;font-size:clamp(18px,1.5vw,23px);line-height:1.4}
.konec-spodek{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,3.4vw,56px);margin-top:clamp(48px,7vw,110px);align-items:start}
.poptavka,.dilna{position:relative;background:var(--papir);color:var(--na-papire);padding:clamp(28px,3vw,44px);box-shadow:0 10px 0 rgba(0,0,0,.16),0 22px 30px -8px rgba(0,0,0,.35);--fokus:var(--na-papire)}
.poptavka{display:grid;gap:16px}
.poptavka h3,.dilna h3{font-family:var(--disp);font-weight:900;font-stretch:70%;font-size:clamp(40px,4vw,64px);line-height:.95}
.pole{display:grid;gap:6px;font-weight:600;font-size:17px}
.pole input,.pole textarea{width:100%;font:inherit;font-weight:500;color:var(--na-papire);background:color-mix(in srgb,var(--na-papire) 8%,#fff);border:2px solid color-mix(in srgb,var(--na-papire) 70%,transparent);padding:12px 14px;min-height:50px;border-radius:0}
.pole textarea{resize:vertical;min-height:120px}
.poptavka .tl{justify-self:start}
.dilna{display:grid;gap:14px;justify-items:start;background:var(--hluboka);color:var(--na-hl);--fokus:var(--akcent-h)}
.dilna .tl{background:var(--akcent-h);color:var(--hluboka)}
.stav{font-weight:700;font-size:clamp(19px,1.6vw,24px);line-height:1.25}
.stav-on{color:var(--akcent-h)}
.hodiny{width:100%}
.hodiny div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:2px dashed color-mix(in srgb,var(--na-hl) 40%,transparent);font-variant-numeric:tabular-nums}
.hodiny dt{font-weight:700}
.dilna-pozn{font-size:16px;line-height:1.4}

/* ---- patička: přišitá etiketa ---- */
.paticka{background:var(--hluboka);color:var(--na-hl);padding:clamp(28px,4vw,56px) var(--gut) clamp(36px,5vw,70px)}
.paticka-stitek{position:relative;display:grid;gap:8px;background:var(--papir);color:var(--na-papire);padding:clamp(22px,2.6vw,36px) clamp(24px,3vw,44px);max-width:1100px;margin-inline:auto;--fokus:var(--na-papire)}
.paticka-stitek::before{content:"";position:absolute;inset:9px;border:2px dashed currentColor;opacity:.5;pointer-events:none}
.paticka-stitek p{font-size:clamp(16px,1.2vw,19px);line-height:1.5}
.pat-nazev{display:flex;flex-wrap:wrap;align-items:center;column-gap:.5em}
.pat-nazev b{font-family:var(--disp);font-weight:900;font-stretch:84%;font-size:1.3em}
.pat-konc{font-weight:600}
.paticka-stitek a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-weight:700}

/* ---- plovoucí lišta ---- */
.lista{position:fixed;z-index:20;right:20px;bottom:20px;display:none;gap:8px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s,transform .25s var(--ease),visibility 0s .25s}
.lista.je{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.lista a,.lista button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:0;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.lista-volat{background:var(--pop);color:var(--na-popu)}
.lista-volat svg{width:20px;height:20px;fill:currentColor}
.lista-pop{background:var(--papir);color:var(--na-papire)}
.lista a:focus-visible,.lista button:focus-visible{outline-color:currentColor;outline-offset:-6px}

/* ---- vysvětlení ukázky ---- */
.pop{max-width:min(27rem,calc(100vw - 2rem));padding:1.4rem 1.4rem 1.5rem;border:0;color:var(--na-papire);background:var(--papir);--fokus:var(--na-papire)}
.pop::backdrop{background:rgba(10,10,12,.66)}
.pop h2{font-family:var(--disp);font-weight:900;font-stretch:72%;font-size:clamp(1.7rem,6vw,2.1rem);line-height:1;margin:0 0 .7rem}
.pop p{margin:0 0 1.2rem}
.pop .tl{width:100%;align-items:center}
/* náhrada pro prohlížeče bez popoveru */
.pop-fb{display:none;position:fixed;top:50%;left:50%;z-index:100;width:27rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-fb.is-open{display:block}
.pop-shade{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(10,10,12,.66)}
.pop-shade.is-open{display:block}

/* ---- pohyb (jen když je povolen a běží JS) ---- */
@media (prefers-reduced-motion:no-preference){
  .uvod-kus .kus.je{animation:kus-vstup .55s var(--ease) backwards}
  .vzornik .vz{animation:vz-kyv .8s var(--ease);animation-delay:calc(var(--i,0) * 60ms + 700ms)}
  html.js .scena-zive .scena-drah{height:calc(var(--sc-kroku,5) * 100vh);height:calc(var(--sc-kroku,5) * 100svh)}
  html.js .scena-zive .scena-podium{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding-block:clamp(20px,3vh,48px)}
  html.js .scena-zive .kroky{position:relative;display:block;min-height:clamp(150px,13vw,220px)}
  html.js .scena-zive .krok{position:absolute;inset:0 auto auto 0;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s var(--ease);pointer-events:none}
  html.js .scena-zive .krok.je{opacity:1;transform:none}
  html.js .scena-zive .scena-zaver{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s .1s,transform .45s .1s var(--ease),visibility 0s .45s}
  html.js .scena-zive .scena-zaver.je{opacity:1;visibility:visible;transform:none;transition-delay:.1s,.1s,0s}
  html.js .scena-zive .tag{opacity:0;transition:opacity .35s}
  html.js .scena-zive .tag.je{opacity:1}
  html.js .scena-zive .scena-kamera{width:150%;height:150%;transform:scale(.6667)}
  html.js .scena-zive .vrstva{will-change:transform}
  html.js .scena-zive .v-stary{display:block}
  html.js .foto{transition:opacity .25s}
}
@keyframes vz-kyv{0%{rotate:0deg}35%{rotate:-6deg}70%{rotate:3deg}100%{rotate:0deg}}
@keyframes kus-vstup{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}

/* ---- telefon ---- */
@media (max-width:900px){
  :root{--hlava:68px}
  html{scroll-padding-bottom:88px}
  .blok-ks,.dock-pozn{color:var(--na-poli);--fokus:var(--akcent-p)}
  .blok-ks .kus-tl[aria-checked="true"]{background:var(--pop);color:var(--na-popu);border-color:var(--pop)}
  .menu{display:none}
  .hlava{padding:12px var(--gut);gap:12px}
  .volat-mini{margin-left:auto}
  .logo-text{font-size:19px}
  .uvod{--kus-v:min(33svh,290px,max(150px,calc(100svh - 462px)));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(var(--kus-v),auto) minmax(146px,auto) auto auto auto;grid-template-areas:"text" "kus" "vz" "akce" "ks" "pozn";min-height:0}
  .uvod::after{grid-area:3/1/4/-1;-webkit-mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/26px 13px repeat-x,linear-gradient(#000 0 0) 0 12px/100% calc(100% - 25px) no-repeat,conic-gradient(from -45deg at 50% 100%,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/26px 13px repeat-x;mask:conic-gradient(from 135deg at 50% 0,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/26px 13px repeat-x,linear-gradient(#000 0 0) 0 12px/100% calc(100% - 25px) no-repeat,conic-gradient(from -45deg at 50% 100%,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/26px 13px repeat-x}
  .blok-vz{padding:24px 0 12px;min-height:146px}
  .uvod-text{padding-top:6px}
  h1{font-size:clamp(44px,13.4vw,84px)}
  .uvod-pod{font-size:17px;margin-top:8px;line-height:1.35}
  .uvod-kus{align-self:center;margin-top:4px;min-height:var(--kus-v)}
  .uvod-kus .kus{height:var(--kus-v);margin-inline:0}
  .dock-nadpis{margin-bottom:2px;font-size:15px}
  .vzornik{overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(var(--gut) * -1);padding:6px var(--gut) 10px;scrollbar-width:none}
  .vzornik::-webkit-scrollbar{display:none}
  .vzornik::before{left:0;right:0;top:22px}
  .vzornik .vz{scroll-snap-align:center;width:56px;height:74px}
  .uvod-akce{padding:10px 0 6px;gap:4px 20px}
  .uvod-akce .tl-pop{width:100%;min-height:62px;align-items:center;text-align:center}
  .uvod-akce .tl-linka{font-size:16px;min-height:44px}
  .blok-ks{justify-self:stretch;padding-top:10px}
  .kusy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .kus-tl{width:auto;min-height:62px;font-size:14px}
  .kus-tl .ik{width:28px;height:28px}
  .dock-pozn{font-size:14px;padding-bottom:22px}
  .dock-pozn span{display:block;margin-left:0}
  .slova-d{display:none}.slova-m{display:block}
  .scena-podium{grid-template-columns:1fr;gap:6px;align-content:start;padding:16px var(--gut) 12px}
  .scena h2{font-size:clamp(38px,11.4vw,60px)}
  .scena-plocha{width:min(56vw,300px);height:auto;max-width:none;margin:0;justify-self:start}
  .kroky{margin-top:4px}
  .krok b{font-size:22px}
  .krok span{font-size:19px;max-width:15em}
  .scena-zaver{font-size:17px;margin-top:10px;padding-top:10px}
  .tag{font-size:13px;gap:6px}
  .tag::before{width:14px}
  .tag i{white-space:normal;max-width:6.6em;line-height:1.15;padding:3px 7px}
  .cen-hlava{grid-template-columns:1fr}
  .hloubky{grid-template-columns:minmax(0,1fr);gap:18px}
  .hl-1,.hl-2,.hl-3{grid-column:auto}
  .hl-1{margin-right:14%}
  .hl-2{margin-left:7%;margin-right:5%}
  .kalk-volby{display:grid;grid-template-columns:minmax(0,1fr)}
  .kalk .kusy{max-width:400px}
  .mini{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gut) * -1);padding:6px var(--gut) 10px;scrollbar-width:none;scroll-snap-type:x proximity}
  .mini::-webkit-scrollbar{display:none}
  .mini .vz{width:52px;height:68px;scroll-snap-align:center}
  .listek{grid-template-columns:minmax(0,1fr);padding:22px 16px}
  .listek th,.listek td{padding:10px 5px;font-size:15px}
  .listek tbody th{padding-left:0}
  .dvere{grid-template-columns:1fr}
  .dvere-obraz{min-height:0;padding-top:30px}
  .dvere-kresba{width:min(62vw,340px)}
  .galerie{columns:2}
  .hotove-hlava{align-items:flex-start}
  .konec h2{font-size:clamp(44px,13vw,96px);line-height:.92}
  .konec-spodek{grid-template-columns:1fr}
  .lista{display:flex;left:0;right:0;bottom:0;gap:0}
  .lista a,.lista button{flex:1;min-height:60px;box-shadow:none;border-top:2px solid rgba(0,0,0,.2)}
  .paticka{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .pat-nazev{flex-direction:column;align-items:flex-start}
  .pat-nazev .o{display:none}
}
@media (max-width:360px){
  .logo-text{font-size:17px}
  .volat-mini{padding:0 12px;gap:6px}
  .listek{padding:20px 12px}
  .listek th,.listek td{padding:9px 3px;font-size:14px}
  .listek thead th{font-size:13px}
}
@media (max-width:520px){
  .galerie{columns:1}
  .tl-velke{min-height:74px;padding:14px 26px;width:100%;align-items:center}
  .konec-tel{width:100%}
}

/* nejnižší telefon: věta pod nadpisem ustoupí, ať je v první obrazovce kus, vzorník i Zavolat */
@media (max-width:900px) and (max-height:600px){
  .uvod-pod{display:none}
  .uvod{--kus-v:max(150px,calc(100svh - 405px))}
}

/* telefon: živá scéna je mřížka na výšku okna, křeslo dostane zbytek (nic se neořízne při výšce okna 553 až 750 px) */
@media (max-width:900px) and (prefers-reduced-motion:no-preference){
  html.js .scena-zive .scena-podium{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;align-content:stretch;padding:14px var(--gut) 12px}
  html.js .scena-zive .scena-text{display:contents}
  html.js .scena-zive h2{grid-row:1;font-size:clamp(32px,9.6vw,50px)}
  html.js .scena-zive .kroky{grid-row:2;margin:0;min-height:90px}
  html.js .scena-zive .scena-plocha{grid-row:3;height:100%;width:auto;max-width:none;min-height:0;margin:0;justify-self:start;aspect-ratio:var(--sc-pomer,587/1010)}
  html.js .scena-zive .scena-zaver{grid-row:4;margin:0;padding-top:8px;font-size:16px}
}
@media (max-width:340px) and (prefers-reduced-motion:no-preference){
  html.js .scena-zive .kroky{min-height:116px}
}
/* počítač s nízkým oknem: scéna se zmenší, ať se vejde (živá je jen nad 560 px výšky) */
@media (min-width:901px) and (max-height:760px) and (prefers-reduced-motion:no-preference){
  html.js .scena-zive .scena h2{font-size:clamp(40px,5.4vw,86px)}
  html.js .scena-zive .kroky{margin-top:16px;min-height:clamp(120px,10vw,170px)}
  html.js .scena-zive .krok span{font-size:clamp(20px,2vw,32px)}
  html.js .scena-zive .scena-zaver{margin-top:14px;font-size:clamp(17px,1.4vw,22px)}
}
/* FORMA-POLISH (generuje vizitka/tools/ukazky-polish.py) */
::selection{background:#f6c548;color:#111111}
:where(html){scrollbar-color:#f6c548 #3a1a08}
:where(input,textarea){caret-color:#f6c548}
: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 #f6c548;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 */