@font-face{font-family:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;
  src:url(pismo/alfaslab-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:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;
  src:url(pismo/alfaslab-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:"Labrada";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(pismo/labrada-var-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:"Labrada";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(pismo/labrada-var-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{
  
  --noc:#101a26;
  --noc-2:#18242f;
  --noc-linka:#2d3f4f;
  --papir:#eef2f7;
  --papir-2:#dde5ee;
  --inkoust:#141c25;
  --sede:#4c5a68;
  --modra:#17568f;
  --modra-tm:#0f3f6d;
  --horcice:#e9b440;
  --krem:#eef2f7;
  --krem-tl:#b9c6d4;
  --divadlo:#6a4585;
  --festival:#7d5300;
  --hospoda:#2c6246;
  --nadpis:"Alfa Slab One","Rockwell","Roboto Slab",Georgia,serif;
  --text:"Labrada",Georgia,"Times New Roman",serif;
  --pas:72rem;
  --mezera:clamp(3.5rem, 2rem + 6vw, 7rem);
}

[hidden]{display:none !important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--papir);color:var(--inkoust);font-family:var(--text);
  font-size:clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);line-height:1.6;
  font-variant-numeric:lining-nums}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--nadpis);font-weight:400;line-height:1.08;margin:0;letter-spacing:.005em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.ik{width:1.1em;height:1.1em;flex:none;vertical-align:-.15em}
:focus-visible{outline:3px solid var(--horcice);outline-offset:3px;border-radius:2px}

.pas{width:100%;max-width:var(--pas);margin:0 auto;padding-inline:clamp(1rem, 0.5rem + 2.5vw, 2.5rem)}

.preskocit{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--horcice);color:var(--noc);
  padding:.6rem 1rem;font-weight:700;text-decoration:none}
.preskocit:focus{top:1rem}

.navrh-lista{background:#25303c;color:var(--krem);font-size:.875rem;line-height:1.4}
.navrh-lista .pas{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;justify-content:space-between;padding-block:.55rem}
.navrh-lista a{color:var(--horcice)}

.oznameni{background:var(--horcice);color:var(--noc);font-weight:700;text-align:center}
.oznameni .pas{padding-block:.7rem}

.hlavicka{position:sticky;top:0;z-index:50;background:rgba(16,26,38,.96);color:var(--krem);
  border-bottom:1px solid var(--noc-linka);backdrop-filter:blur(6px)}
.hlavicka__pas{display:flex;align-items:center;gap:1rem;min-height:4.5rem}
.znacka{display:flex;align-items:center;gap:.55rem;text-decoration:none;margin-right:auto}
.znacka__doli{font-family:var(--nadpis);font-size:2rem;line-height:1;color:var(--krem);
  text-shadow:.05em .05em 0 var(--modra)}
.znacka__klub{font-size:.78rem;line-height:1.1;text-transform:uppercase;letter-spacing:.14em;color:var(--krem-tl)}
.menu{display:flex;align-items:center;gap:1.25rem}
.menu ul{display:flex;gap:.25rem 1.25rem;flex-wrap:wrap}
.menu ul a{text-decoration:none;font-weight:600;padding:.4rem 0;border-bottom:2px solid transparent;
  transition:border-color .2s,color .2s}
.menu ul a:hover{color:var(--horcice);border-color:var(--horcice)}
.tel-tlacitko{display:inline-flex;align-items:center;gap:.45rem;background:var(--horcice);color:var(--noc);
  text-decoration:none;font-weight:700;padding:.55rem .95rem;border-radius:2px;white-space:nowrap;
  transition:background .2s,transform .2s}
.tel-tlacitko:hover{background:#f2c257;transform:translateY(-1px)}
.menu-tlacitko{display:none;align-items:center;gap:.4rem;background:none;border:1px solid var(--noc-linka);
  color:var(--krem);font:inherit;font-weight:700;padding:.45rem .8rem;border-radius:2px;cursor:pointer}

@media (max-width:60rem){
  .menu-tlacitko{display:inline-flex}
  .hlavicka__pas{flex-wrap:wrap}
  .menu{flex-basis:100%;flex-direction:column;align-items:stretch;gap:.75rem;padding-bottom:1rem}
  .menu[hidden]{display:none}
  .menu ul{flex-direction:column;gap:0}
  .menu ul a{display:block;padding:.75rem 0;border-bottom:1px solid var(--noc-linka);font-size:1.125rem}
  .tel-tlacitko{justify-content:center;padding:.8rem}
}

.tlacitko{display:inline-flex;align-items:center;gap:.5rem;background:var(--modra);color:var(--krem);
  text-decoration:none;font-weight:700;padding:.85rem 1.3rem;border:2px solid var(--modra);border-radius:2px;
  transition:background .2s,border-color .2s,transform .2s}
.tlacitko:hover{background:var(--modra-tm);border-color:var(--modra-tm);transform:translateY(-2px)}
.tlacitko--obrys{background:transparent;color:inherit;border-color:currentColor}
.tlacitko--obrys:hover{background:rgba(233,180,64,.16);border-color:var(--horcice)}
.stitek{font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;color:var(--modra);margin:0 0 .6rem}
.stitek--svetly{color:var(--horcice)}
.sekce-hlava{max-width:44rem;margin-bottom:clamp(1.75rem, 1rem + 2vw, 3rem)}
.sekce-hlava h2{font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.6rem)}
.sekce-hlava__perex{margin-top:1rem;color:var(--sede);font-size:1.125rem}

.uvod{position:relative;overflow:hidden;background:var(--noc);color:var(--krem);
  background-image:
    radial-gradient(ellipse 60% 70% at 78% 0%, rgba(233,180,64,.20), transparent 70%),
    radial-gradient(rgba(238,242,247,.055) 1px, transparent 1.4px);
  background-size:auto,7px 7px}
.uvod__pas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem, 1rem + 4vw, 5rem);
  align-items:center;padding-block:clamp(3rem, 2rem + 5vw, 6.5rem)}

.uvod__nad{display:block;font-family:var(--text);font-weight:700;text-transform:uppercase;
  letter-spacing:.2em;font-size:.9rem;color:var(--horcice);margin-bottom:.2rem}
.uvod__jmeno{display:block}
.uvod__nadpis{margin:.2rem 0 1.4rem;line-height:.86}
.uvod__doli{display:block;font-size:clamp(6rem, 2.5rem + 15vw, 13.5rem);color:var(--krem);
  text-shadow:.045em .045em 0 var(--modra);letter-spacing:-.01em}
.uvod__klub{display:block;font-size:clamp(2.4rem, 1.4rem + 4vw, 4.4rem);color:var(--horcice);margin-top:.12em;
  letter-spacing:.02em}
.uvod__perex{font-size:clamp(1.15rem, 1rem + 0.6vw, 1.45rem);line-height:1.5;max-width:34rem;color:var(--krem)}
.uvod__akce{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

.uvod__plakat{position:relative}
.vecer{background:var(--papir);color:var(--inkoust);padding:clamp(1.5rem, 1rem + 2vw, 2.4rem);
  border-top:.55rem solid var(--modra);transform:rotate(-1.2deg);
  box-shadow:0 1.6rem 3rem rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.2)}
.vecer__stitek{font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--modra)}
.vecer__datum{font-family:var(--nadpis);line-height:.9;margin:.2rem 0 .35rem;color:var(--modra)}
.vecer__den{font-size:clamp(4rem, 2.5rem + 5vw, 6.2rem)}
.vecer__mesic{font-size:clamp(1.8rem, 1.2rem + 2vw, 2.6rem)}
.vecer__kdy{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;
  border-bottom:2px solid var(--inkoust);padding-bottom:.9rem;margin-bottom:1rem}
.vecer__nazev{font-size:clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem);overflow-wrap:break-word;margin-bottom:.5rem}
.vecer__popis{font-size:1.1rem;color:var(--sede);margin-bottom:.5rem}
.vecer__vstupne{font-weight:700;margin:0}
.vecer__vice{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.6rem;color:var(--horcice);
  font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
.vecer__vice:hover{border-color:var(--horcice)}

@media (max-width:52rem){
  .uvod__pas{grid-template-columns:1fr}
  .vecer{transform:rotate(-.6deg)}
}

.program{padding-block:var(--mezera)}
.mesice{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem .1rem 1rem;margin-bottom:1rem;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mesice button{flex:none;font-family:var(--nadpis);font-size:1.12rem;background:transparent;color:var(--inkoust);
  border:2px solid var(--inkoust);border-radius:2px;padding:.55rem 1rem .5rem;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s}
.mesice button span{font-family:var(--text);font-size:.8rem;font-weight:700;margin-left:.3rem;opacity:.75}
.mesice button:hover{background:var(--papir-2)}
.mesice button[aria-selected="true"]{background:var(--modra);border-color:var(--modra);color:var(--krem)}

.mesic + .mesic{margin-top:3rem}
.js .mesice:not([hidden]) ~ .mesic{margin-top:0}
.mesic__nazev{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(2.6rem, 1.6rem + 4vw, 4.6rem);
  text-transform:uppercase;border-bottom:.35rem solid var(--inkoust);padding-bottom:.4rem}
.mesic__rok{font-size:.4em;color:var(--modra)}

.akce{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 12rem;gap:1rem 2rem;
  padding-block:1.6rem;border-bottom:1px solid rgba(28,22,18,.28)}
.akce__datum{display:flex;flex-direction:column;margin:0;line-height:1.05}
.akce__den{font-family:var(--nadpis);font-size:3.1rem;line-height:.95;color:var(--modra)}
.akce__mesic{font-weight:700;font-size:1.05rem}
.akce__tyden{text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;color:var(--sede);margin-top:.15rem}
.akce__druh{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.13em;font-size:.78rem;color:var(--modra);margin-bottom:.35rem}
.akce__druh::before{content:"";width:.6rem;height:.6rem;background:currentColor;border-radius:50%}
.akce--divadlo .akce__druh{color:var(--divadlo)}
.akce--festival .akce__druh{color:var(--festival)}
.akce--hospoda .akce__druh{color:var(--hospoda)}
.akce__nazev{font-size:clamp(1.5rem, 1.15rem + 1.3vw, 2.2rem);overflow-wrap:break-word;margin-bottom:.4rem}
.akce__popis{margin-bottom:.35rem;max-width:44rem}
.akce__ucinkuji{color:var(--sede);margin:0;max-width:44rem}
.akce__ucinkuji span{font-weight:700;color:var(--inkoust)}
.akce__info{margin:0;display:flex;flex-direction:column;gap:.55rem;align-self:start;
  border-left:2px solid var(--inkoust);padding-left:1.1rem}
.akce__info dt{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700;color:var(--sede)}
.akce__info dd{margin:0;font-family:var(--nadpis);font-size:1.3rem;line-height:1.15}
.akce--festival{background:linear-gradient(90deg, rgba(233,180,64,.22), transparent 70%)}

.mesic__dalsi{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}
.mesic__dalsi button{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-weight:700;
  background:none;border:0;border-bottom:2px solid var(--modra);color:var(--inkoust);padding:.4rem 0;cursor:pointer}
.mesic__dalsi button:hover{color:var(--modra)}
.mesic__dalsi .zpet .ik{transform:scaleX(-1)}
.program__prazdno{font-size:1.25rem}

@media (max-width:48rem){
  .akce{grid-template-columns:1fr;gap:.6rem}
  .akce__datum{flex-direction:row;align-items:baseline;gap:.5rem;flex-wrap:wrap}
  .akce__den{font-size:2.4rem}
  .akce__info{flex-direction:row;gap:1.5rem;border-left:0;border-top:2px solid var(--inkoust);padding:.7rem 0 0}
}

.hospoda{background:var(--noc-2);color:var(--krem);padding-block:var(--mezera);
  background-image:radial-gradient(ellipse 50% 80% at 0% 100%, rgba(23,86,143,.45), transparent 70%)}
.hospoda__pas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:end}
.hospoda h2{font-size:clamp(2.6rem, 1.5rem + 4.5vw, 5rem);color:var(--krem);text-shadow:.04em .04em 0 var(--modra);margin-bottom:1.2rem}
.hospoda__text{font-size:clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);line-height:1.5;max-width:36rem}
.hospoda__drobne{color:var(--horcice);font-weight:700;margin:0}
.hospoda__dalsi h3,.divadlo__dalsi h3{font-size:1.35rem;margin-bottom:.8rem}
.kratce li{padding:.7rem 0;border-top:1px solid var(--noc-linka)}
.kratce__kdy{font-family:var(--nadpis);font-size:1.2rem;margin-right:.4rem}
.hospoda .kratce__kdy{color:var(--horcice)}
@media (max-width:52rem){.hospoda__pas{grid-template-columns:1fr}}

.festivaly{background:var(--papir-2);padding-block:var(--mezera)}
.festivaly__mrizka{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:1rem}
.festival{background:var(--papir);border:3px solid var(--inkoust);padding:1.5rem 1.4rem 1.3rem;
  display:flex;flex-direction:column;gap:.7rem;min-height:12rem;
  transition:transform .25s,box-shadow .25s}
.festival:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--modra)}
.festival h3{font-size:clamp(1.35rem, 1.15rem + 0.6vw, 1.65rem);overflow-wrap:break-word;hyphens:auto}
.festival p{margin:0;color:var(--sede)}
.kratce--festival{margin-top:auto}
.kratce--festival li{border-top:2px solid var(--inkoust);padding-bottom:0}
.kratce--festival li::before{content:"Nejbližší ročník";display:block;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sede)}
.kratce--festival .kratce__kdy{color:var(--modra)}

.divadlo{padding-block:var(--mezera)}
.divadlo__pas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem clamp(2rem, 1rem + 4vw, 5rem)}
.divadlo h2{font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.6rem);margin-bottom:1.2rem}
.divadlo .kratce li{border-color:rgba(28,22,18,.28)}
.divadlo .kratce__kdy{color:var(--divadlo)}
@media (max-width:52rem){.divadlo__pas{grid-template-columns:1fr}}

.kontakt{background:var(--papir-2);padding-block:var(--mezera);border-top:.35rem solid var(--inkoust)}
.kontakt__pas{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem, 1rem + 4vw, 4.5rem);align-items:stretch}
.kontakt h2{font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.4rem);margin-bottom:1rem}
.kontakt__tel .ik{width:.8em;height:.8em}
.kontakt__tel{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--nadpis);
  font-size:clamp(2rem, 1.4rem + 2.6vw, 3.2rem);color:var(--modra);text-decoration:none;margin:.4rem 0 1.2rem;
  border-bottom:.2rem solid transparent;transition:border-color .2s}
.kontakt__tel:hover{border-color:var(--modra)}
.kontakt__dalsi li{margin-bottom:.6rem}
.kontakt__dalsi a{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;text-decoration-thickness:1px;text-underline-offset:.2em}
.kontakt__adresa{margin-top:1.6rem;padding-top:1.2rem;border-top:2px solid var(--inkoust)}
.mapa{display:flex;flex-direction:column;min-height:22rem}
.mapa__ram{position:relative;flex:1;min-height:20rem;border:3px solid var(--inkoust);background:var(--papir)}
.mapa__ram iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapa__pod{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin:.7rem 0 0;font-size:.9rem}
.mapa__pod a{display:inline-flex;align-items:center;gap:.35rem;font-weight:700}
.mapa__pod span{color:var(--sede)}
@media (max-width:52rem){.kontakt__pas{grid-template-columns:1fr}}

.paticka{background:var(--noc);color:var(--krem-tl);padding-block:3rem 2.5rem;font-size:.98rem}
.paticka__pas{display:grid;grid-template-columns:1.2fr 1fr auto;gap:2rem;align-items:start}
.paticka__nazev{font-family:var(--nadpis);font-size:2.6rem;line-height:1;color:var(--krem);
  text-shadow:.05em .05em 0 var(--modra);margin-bottom:.8rem}
.paticka__odkazy li{margin-bottom:.5rem}
.paticka a{display:inline-flex;align-items:center;gap:.5rem;color:var(--krem);text-decoration:none}
.paticka a:hover{color:var(--horcice)}
.paticka__nahoru a{font-weight:700;color:var(--horcice)}
@media (max-width:52rem){.paticka__pas{grid-template-columns:1fr}}

.chyba{background:var(--noc);color:var(--krem);min-height:60vh}
.chyba__pas{padding-block:clamp(3rem, 2rem + 6vw, 7rem);max-width:48rem}
.chyba__kod{font-family:var(--nadpis);font-size:clamp(6rem, 3rem + 14vw, 12rem);line-height:.9;margin:0;
  color:var(--krem);text-shadow:.05em .05em 0 var(--modra)}
.chyba h1{font-size:clamp(2rem, 1.3rem + 3vw, 3.4rem);margin:1rem 0}
.chyba__tel a{color:var(--horcice);font-weight:700}

.js .odkryt{opacity:0;transform:translateY(1.2rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .odkryt.je-videt{opacity:1;transform:none}
.js .uvod .odkryt:nth-child(2){transition-delay:.12s}
.js .uvod .odkryt:nth-child(3){transition-delay:.24s}
.js .uvod .odkryt:nth-child(4){transition-delay:.36s}
.js .uvod__plakat.odkryt{transition-delay:.3s}
.js .uvod__plakat.odkryt.je-videt{transform:none}
.js .festival.odkryt.je-videt:hover{transform:translate(-3px,-3px)}
.akce.prichazi{animation:prichazi .45s ease both}
@keyframes prichazi{from{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
html[data-bez-animaci] .odkryt{opacity:1 !important;transform:none !important;transition:none !important}
html[data-bez-animaci] .akce{animation:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .odkryt{opacity:1;transform:none;transition:none}
  .akce.prichazi{animation:none}
  *,*::before,*::after{transition-duration:.01ms !important}
}

@media print{
  .hlavicka,.navrh-lista,.mesice,.mapa,.uvod__akce,.mesic__dalsi{display:none !important}
  .mesic[hidden]{display:block !important}
  body{background:#fff}
  .uvod{background:#fff;color:#000}
}

.historie{background:var(--noc);color:var(--krem);padding-block:var(--mezera)}
.historie h2{font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.6rem);color:var(--krem)}
.historie .sekce-hlava__perex{color:var(--krem-tl)}
.galerie{columns:3 16rem;column-gap:1rem}
.galerie li{break-inside:avoid;margin-bottom:1rem}
.snimek{display:block;position:relative;width:100%;padding:0;border:0;background:var(--noc-2);cursor:zoom-in;
  overflow:hidden;border-radius:2px;color:inherit;font:inherit;text-align:left}
.snimek img{display:block;width:100%;height:auto;transition:transform .5s ease,filter .3s}
.snimek:hover img{transform:scale(1.035);filter:brightness(1.08)}
.snimek__popis{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .6rem;font-size:.9rem;font-weight:600;
  background:linear-gradient(transparent, rgba(7,13,20,.9));color:var(--krem)}

.lupa{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:3.5rem 4.5rem 2rem;
  background:rgba(6,11,17,.95)}
.lupa[open]{display:grid}
.lupa figure{margin:0;display:grid;gap:.7rem;justify-items:center}
.lupa img{max-width:100%;max-height:80vh;width:auto;height:auto}
.lupa__text{color:var(--krem);text-align:center}
.lupa__pocitadlo{color:var(--krem-tl);font-size:.85rem;letter-spacing:.08em;margin:0}
.lupa button{position:absolute;width:3rem;height:3rem;border:0;border-radius:50%;cursor:pointer;
  background:rgba(238,242,247,.16);color:var(--krem);font-size:1.9rem;line-height:1;transition:background .2s}
.lupa button:hover{background:rgba(238,242,247,.32)}
.lupa__zavrit{top:clamp(.8rem, 3vw, 1.5rem);right:clamp(.8rem, 3vw, 1.5rem)}
.lupa__dozadu{left:clamp(.5rem, 2vw, 1.5rem);top:50%;transform:translateY(-50%)}
.lupa__dopredu{right:clamp(.5rem, 2vw, 1.5rem);top:50%;transform:translateY(-50%)}
@media (max-width:40rem){
  .lupa{padding:3.5rem .75rem 5rem}
  .lupa__dozadu,.lupa__dopredu{top:auto;bottom:1rem;transform:none}
}

.paticka__podpis{grid-column:1 / -1;margin:1.4rem 0 0;padding-top:1.2rem;
  border-top:1px solid var(--noc-linka);font-size:.9rem;color:var(--krem-tl)}
.paticka__podpis a{display:inline;text-decoration:underline;text-underline-offset:.2em}

.pravni{background:var(--papir);padding-block:var(--mezera)}
.pravni__pas{max-width:44rem}
.pravni h1{font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.4rem);margin-bottom:1.2rem}
.pravni h2{font-size:clamp(1.4rem, 1.2rem + 0.8vw, 1.8rem);margin:2rem 0 .6rem}
.pravni__kdo{border-left:.35rem solid var(--modra);padding-left:1.1rem;color:var(--sede)}
.pravni__zpet{margin-top:2.5rem;font-weight:700}
.pravni__zpet a{display:inline-flex;align-items:center;gap:.4rem;color:var(--modra)}
.paticka__pravni{display:inline-block;margin-top:.5rem;font-weight:400;
  text-decoration:underline;text-underline-offset:.2em}

@media (max-width:48rem){
  
  .mesice{flex-wrap:wrap;overflow:visible;gap:.4rem;padding-bottom:.8rem}
  .mesice button{flex:1 1 auto;min-width:5.5rem;min-height:44px;font-size:1rem;
    padding:.5rem .6rem}
  .mesic__nazev{font-size:clamp(2.2rem, 1.4rem + 6vw, 3.4rem)}

  .galerie{columns:2;column-gap:.6rem}
  .galerie li{margin-bottom:.6rem}
  .snimek__popis{padding:1.1rem .5rem .45rem;font-size:.8rem}

  .menu ul a,.kontakt__dalsi a,.paticka a,.mapa__pod a,.vecer__vice,
  .mesic__dalsi button,.pravni__zpet a,.paticka__pravni{
    min-height:44px;display:inline-flex;align-items:center}
  .paticka__odkazy li,.kontakt__dalsi li{margin-bottom:.15rem}
  .znacka{min-height:44px}

  .akce__info dt,.akce__tyden,.stitek,.vecer__stitek,.akce__druh{font-size:.8rem}
  .akce{padding-block:1.2rem}
  .akce__nazev{font-size:clamp(1.45rem, 1.1rem + 2.2vw, 1.9rem)}

  .paticka__pas{gap:1.4rem}
  .kratce li{padding:.85rem 0}
}