@charset "utf-8";

@font-face{font-family:Vollkorn;src:url(pismo/vollkorn-var-latin-ext.woff2) format('woff2');
 font-weight:400 900;font-style:normal;font-display:swap;
 unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Vollkorn;src:url(pismo/vollkorn-var-latin.woff2) format('woff2');
 font-weight:400 900;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Vollkorn;src:url(pismo/vollkorn-var-italic-latin-ext.woff2) format('woff2');
 font-weight:400 700;font-style:italic;font-display:swap;
 unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Vollkorn;src:url(pismo/vollkorn-var-italic-latin.woff2) format('woff2');
 font-weight:400 700;font-style:italic;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Hanken;src:url(pismo/hanken-var-latin-ext.woff2) format('woff2');
 font-weight:300 800;font-style:normal;font-display:swap;
 unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Hanken;src:url(pismo/hanken-var-latin.woff2) format('woff2');
 font-weight:300 800;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --tma:#241a1c;          
  --tma-2:#33262a;
  --tma-3:#463337;
  --papir:#faf5ec;        
  --papir-2:#f2e8d9;      
  --papir-3:#eaddc8;
  --med:#8f4a20;          
  --med-2:#733a17;
  
  --mosaz:#7e591c;        
  
  --zlato:#e5bc68;
  --text:#231c1e;
  --text-2:#5a4a4e;
  --ram:#ded0bb;
  --stin:0 1px 2px rgba(36,26,28,.06),0 8px 24px rgba(36,26,28,.07);
  --stin-2:0 2px 6px rgba(36,26,28,.10),0 18px 44px rgba(36,26,28,.13);
  --r:14px;
  --pas:1220px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--text);
  font:400 clamp(16.5px,.55vw + 15px,18.5px)/1.62 Hanken,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:clip}

img{max-width:100%;height:auto;display:block}
a{color:var(--med);text-underline-offset:.18em;text-decoration-thickness:.07em}
a:hover{color:var(--med-2)}
h1,h2,h3,h4{font-family:Vollkorn,Georgia,"Times New Roman",serif;font-weight:700;
  line-height:1.14;letter-spacing:-.006em;margin:0 0 .5em;color:var(--tma);
  text-wrap:balance}
h1{font-size:clamp(2.15rem,4.6vw,3.6rem)}
h2{font-size:clamp(1.7rem,3vw,2.5rem)}
h3{font-size:clamp(1.2rem,1.5vw,1.42rem)}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.05em;padding-left:1.25em}
li{margin-bottom:.34em}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--med);outline-offset:3px;border-radius:4px}
.pas{width:min(100% - 2.4rem,var(--pas));margin-inline:auto}

.pas-uzky{width:min(100% - 2.4rem,72rem)}

.preskoc{position:absolute;left:-9999px;top:0;z-index:200;background:var(--tma);
  color:#fff;padding:.7rem 1.1rem;border-radius:0 0 8px 0}
.preskoc:focus{left:0}

.navrh-lista{background:var(--tma-3);color:#f0e3d4;font-size:.83rem;padding:.5rem 0}
.navrh-lista .pas{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.navrh-lista a{color:#f6dcae}

.hlava{background:var(--tma);position:sticky;top:0;z-index:60;
  box-shadow:0 1px 0 rgba(255,255,255,.07)}
.hlava-v{display:flex;align-items:center;gap:1.1rem;padding:.65rem 0}
.znacka{flex:0 0 auto;display:block;line-height:0}
.znacka img{width:152px;height:63px;object-fit:contain}
.menu{list-style:none;display:flex;gap:.15rem;margin:0;padding:0}
.menu a{display:block;padding:.5rem .72rem;border-radius:8px;color:#f2e5d6;
  text-decoration:none;font-size:.95rem;font-weight:500;
  transition:background .18s ease,color .18s ease}
.menu a:hover{background:rgba(255,255,255,.09);color:#fff}
.menu a[aria-current=page]{color:#fff;background:rgba(255,255,255,.06);
  box-shadow:inset 0 -2px 0 var(--zlato)}
.hlava-akce{margin-left:auto;display:flex;align-items:center;gap:.9rem}
.hlava-tel{color:#f2e5d6;text-decoration:none;font-weight:600;white-space:nowrap}
.hlava-tel:hover{color:#fff;text-decoration:underline}
.prep{display:none}

.tl{display:inline-block;padding:.82rem 1.5rem;border-radius:10px;font-weight:600;
  text-decoration:none;border:2px solid transparent;font-size:1rem;
  transition:transform .16s ease,background .18s ease,border-color .18s ease,color .18s ease}
.tl:hover{transform:translateY(-2px)}
.tl-1{background:var(--med);color:#fff}
.tl-1:hover{background:var(--med-2);color:#fff}
.tl-2{background:transparent;color:var(--tma);border-color:var(--ram)}
.tl-2:hover{border-color:var(--med);color:var(--med-2)}
.tl-mala{padding:.5rem 1rem;font-size:.93rem}
.tl-svetla{background:transparent;color:#f6ead9;border-color:rgba(255,255,255,.4)}
.tl-svetla:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}

.hero{position:relative;isolation:isolate;background:var(--tma)}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 42%;z-index:-2}
.hero-kryt{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,rgba(26,17,19,.90) 0%,rgba(26,17,19,.78) 42%,rgba(26,17,19,.42) 100%)}
.hero-text{padding:clamp(3.4rem,8vw,6.6rem) 0 clamp(2.6rem,5vw,4rem);max-width:44rem;color:#fdf7ee}
.hero h1{color:#fff;margin-bottom:.42em}
.hero-stitek{font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:600;color:var(--zlato);margin-bottom:1rem}
.hero-perex{font-size:clamp(1.05rem,1.4vw,1.22rem);color:#efe0cf;max-width:34rem}
.hero-tlacitka{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.9rem}

.medaile{background:var(--tma-2);color:#f7ece0;padding:1.5rem 0;
  border-top:1px solid rgba(255,255,255,.08)}
.medaile-m{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.medaile-p{border-left:3px solid var(--zlato);padding-left:1rem}
.medaile-c{font-family:Vollkorn,Georgia,serif;font-size:1.85rem;font-weight:700;
  line-height:1.05;color:#fff;display:block}
.medaile-t{font-size:.9rem;color:#dfcdba;margin:.25rem 0 0}

.sekce{padding:clamp(3.2rem,6vw,5.4rem) 0}
.sekce-2{background:var(--papir-2)}
.sekce-tma{background:var(--tma);color:#f4e9dc}
.sekce-tma h2,.sekce-tma h3{color:#fff}
.sekce-tma a{color:#f0c778}
.hlavicka-s{max-width:44rem;margin-bottom:2.4rem}
.hlavicka-s p{color:var(--text-2);font-size:1.06rem;margin-bottom:0}
.stitek{display:inline-block;font-size:.8rem;letter-spacing:.13em;font-weight:700;
  text-transform:uppercase;color:var(--mosaz);margin-bottom:.7rem}
.sekce-tma .stitek{color:var(--zlato)}

.sezona{background:var(--med);color:#fff;padding:1.15rem 0}
.sezona .pas{display:flex;gap:.9rem 1.5rem;align-items:baseline;flex-wrap:wrap}
.sezona b{font-size:1.08rem}
.sezona-d{color:#ffe6cd}

.oznameni{background:#fdf3e3;border-bottom:1px solid var(--ram);
  color:var(--tma-2);padding:.8rem 0;font-size:.95rem}
.oznameni .pas{display:flex;gap:.6rem;align-items:baseline}
.oznameni .pas::before{content:"‚2";color:var(--med);font-weight:700}

.mriz{display:grid;gap:1.5rem}
.mriz-3{grid-template-columns:repeat(3,1fr)}
.mriz-2{grid-template-columns:repeat(2,1fr)}
.karta{background:#fff;border:1px solid var(--ram);border-radius:var(--r);
  padding:1.7rem;box-shadow:var(--stin);
  transition:transform .2s ease,box-shadow .2s ease}
.karta:hover{transform:translateY(-3px);box-shadow:var(--stin-2)}
.karta h3{margin-bottom:.45em}
.karta p:last-child{margin-bottom:0}
.karta-cena{font-family:Vollkorn,Georgia,serif;font-size:1.5rem;font-weight:700;
  color:var(--med);display:block;margin-bottom:.2rem}
.karta-odkaz{font-weight:600;text-decoration:none;display:inline-block;margin-top:.4rem}
.karta-odkaz::after{content:' →'}
.karta-odkaz:hover{text-decoration:underline}

.band{position:relative;min-height:min(56vw,470px);display:flex;align-items:flex-end;
  background:var(--tma);isolation:isolate}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}

.band::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(24,16,18,.92) 0%,rgba(24,16,18,.58) 45%,rgba(24,16,18,.16) 100%)}
.band-text{padding:2.2rem 0;color:#fdf6ec;max-width:42rem}
.band-text h2{color:#fff}
.band-text p:last-child{margin-bottom:0}

.tab-obal{overflow-x:auto;margin-bottom:1.3rem;border:1px solid var(--ram);
  border-radius:var(--r);background:#fff}
table{border-collapse:collapse;width:100%;font-size:.98rem}
th,td{text-align:left;padding:.72rem .95rem;border-bottom:1px solid var(--ram)}
th{font-weight:700;background:var(--papir-2);white-space:nowrap}

tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
td.cislo,th.cislo{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.body{list-style:none;padding:0}
.body li{position:relative;padding-left:1.7rem;margin-bottom:.6rem}
.body li::before{content:'';position:absolute;left:0;top:.55em;width:.6rem;height:.6rem;
  border-radius:50%;background:var(--mosaz)}

.kalk{background:#fff;border:1px solid var(--ram);border-radius:var(--r);
  padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--stin)}
.kalk-radek{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.3rem}
.pole{display:flex;flex-direction:column;gap:.4rem}
.pole label{font-weight:600;font-size:.95rem}
.pole select,.pole input,.pole textarea{font:inherit;padding:.72rem .85rem;
  border:1.5px solid var(--ram);border-radius:9px;background:#fff;color:var(--text);
  width:100%}
.pole select:focus,.pole input:focus,.pole textarea:focus{border-color:var(--med);
  outline:2px solid rgba(143,74,32,.25);outline-offset:0}
.pole-napoveda{font-size:.86rem;color:var(--text-2)}
.kalk-vysledek{background:var(--papir-2);border-radius:11px;padding:1.3rem 1.4rem;
  border:1px solid var(--ram)}
.kalk-cislo{font-family:Vollkorn,Georgia,serif;font-size:clamp(1.6rem,3.2vw,2.15rem);
  font-weight:700;color:var(--tma);line-height:1.1;display:block}
.kalk-popis{font-size:.95rem;color:var(--text-2);margin:.15rem 0 0}
.kalk-dvojice{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.kalk-hlaska{margin:.9rem 0 0;padding:.75rem .9rem;border-radius:9px;font-size:.94rem;
  background:#fff5e6;border:1px solid #e8c89a;color:#6b4210}
.kalk-hlaska[hidden]{display:none}
.kalk-pozn{font-size:.88rem;color:var(--text-2);margin:1rem 0 0}

.galerie{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  list-style:none;padding:0;margin:0}
.galerie li{margin:0}

.dlazdice{display:flex;flex-direction:column;width:100%;padding:0;
  border:1px solid var(--ram);background:#fff;
  border-radius:11px;overflow:hidden;cursor:zoom-in;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dlazdice:hover{transform:translateY(-3px);box-shadow:var(--stin-2);border-color:var(--mosaz)}
.dlazdice img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}
.dlazdice-foto img{aspect-ratio:4/3;object-fit:cover}
.dlazdice-popis{display:block;flex:1 1 auto;padding:.7rem .85rem;text-align:left;
  font-size:.88rem;line-height:1.4;
  color:var(--text-2);background:var(--papir-2);border-top:1px solid var(--ram)}
.dlazdice-popis b{display:block;color:var(--tma);font-size:.94rem;font-weight:700}
.medailka{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;padding:.12rem .5rem;border-radius:99px;margin-top:.35rem}
.m-zlato{background:#f6e2b0;color:#6d4d05}
.m-stribro{background:#e3e3e6;color:#4c4c52}
.m-bronz{background:#eed7c2;color:#6f4423}

.lupa{position:fixed;inset:0;z-index:120;background:rgba(20,13,15,.94);
  display:flex;align-items:center;justify-content:center;padding:clamp(.8rem,3vw,2.4rem);
  gap:.8rem}
.lupa[hidden]{display:none}
.lupa-ram{margin:0;max-width:min(100%,1100px);max-height:100%;display:flex;
  flex-direction:column;gap:.8rem;align-items:center}
.lupa-ram img{max-height:calc(100vh - 9rem);width:auto;max-width:100%;object-fit:contain;
  border-radius:8px;background:#fff}
.lupa-ram figcaption{color:#f0e2d2;text-align:center;font-size:.95rem;max-width:52ch}
.lupa-x{position:absolute;top:.9rem;right:1rem;width:2.9rem;height:2.9rem;border-radius:50%;
  border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;
  cursor:pointer}
.lupa-x:hover{background:rgba(255,255,255,.26)}
.lupa-sip{flex:0 0 auto;width:3.1rem;height:3.1rem;border-radius:50%;border:0;
  background:rgba(255,255,255,.14);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.lupa-sip:hover{background:rgba(255,255,255,.26)}
.lupa-pocet{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);
  color:#d8c6b4;font-size:.9rem;margin:0}

.form{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}
.form .siroke{grid-column:1 / -1}
.form textarea{min-height:8.5rem;resize:vertical}
.souhlas{display:flex;gap:.65rem;align-items:flex-start;font-size:.93rem;
  color:var(--text-2)}
.souhlas input{width:1.15rem;height:1.15rem;margin-top:.2rem;flex:0 0 auto}
.form-hlaska{grid-column:1 / -1;padding:.9rem 1.05rem;border-radius:10px;
  background:#e8f2e4;border:1px solid #b6d3ac;color:#2e4a26}
.form-hlaska[hidden]{display:none}

.kontakt-m{display:grid;grid-template-columns:1.15fr .85fr;gap:2.4rem;align-items:start}
.doba{width:100%;border-collapse:collapse}
.doba th{background:transparent;padding-left:0}
.doba td{text-align:right}
.doba tr.zavreno td,.doba tr.zavreno th{color:var(--text-2)}

.pata{background:var(--tma);color:#e8d9c9;padding:3.2rem 0 1.6rem;margin-top:0}
.pata a{color:#f0c778}
.pata-mriz{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.2rem;
  padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.12)}
.pata-logo{width:190px;height:79px;object-fit:contain;margin-bottom:1rem}
.pata-popis{color:#cdb9a8;font-size:.95rem;max-width:30rem}
.pata-nadpis{font-size:1.05rem;color:#fff;margin-bottom:.7rem}
.pata-radky{font-size:.95rem;line-height:1.8}
.pata-menu{list-style:none;padding:0;margin:0;font-size:.95rem;line-height:1.85}
.pata-menu a{text-decoration:none}
.pata-menu a:hover{text-decoration:underline}
.pata-dole{font-size:.83rem;color:#a9968a;margin:1.3rem 0 0}
.pata-vek{color:#c3b0a2;font-weight:600}

.js .odkryj{opacity:0;transform:translateY(18px);
  transition:opacity .6s ease,transform .6s ease}
.js .odkryj.videt{opacity:1;transform:none}
.js .odkryj-1{transition-delay:.08s}
.js .odkryj-2{transition-delay:.16s}
.js .odkryj-3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .js .odkryj{opacity:1;transform:none}
  .tl:hover,.karta:hover,.dlazdice:hover{transform:none}
}
[data-bez-animaci] .odkryj{opacity:1!important;transform:none!important}

@media (max-width:1080px){
  .medaile-m{grid-template-columns:repeat(2,1fr);gap:1.2rem}
  .pata-mriz{grid-template-columns:1fr 1fr}
  .pata-o{grid-column:1 / -1}
}
@media (max-width:900px){
  .mriz-3{grid-template-columns:1fr 1fr}
  .kontakt-m{grid-template-columns:1fr;gap:1.8rem}
  .hlava-tel{display:none}
}
@media (max-width:820px){
  .prep{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;
    background:rgba(255,255,255,.10);color:#f5eade;border:0;border-radius:9px;
    padding:.55rem .9rem;font:600 .95rem/1 Hanken,sans-serif;cursor:pointer}
  .prep-c{width:1.05rem;height:.7rem;position:relative;display:inline-block}
  .prep-c::before,.prep-c::after,.prep-c span{content:'';position:absolute;left:0;
    width:100%;height:2px;background:currentColor;border-radius:2px}
  .prep-c::before{top:0}
  .prep-c::after{bottom:0}
  .menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;
    background:var(--tma-2);padding:.5rem 1.2rem 1.1rem;
    border-top:1px solid rgba(255,255,255,.1);display:none;
    box-shadow:0 18px 30px rgba(0,0,0,.3)}
  .menu.otevreno{display:flex}
  .menu a{padding:.8rem .4rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu a[aria-current=page]{box-shadow:inset 3px 0 0 var(--zlato)}
  .hlava-akce{margin-left:0;order:3}
  .hlava-v{flex-wrap:wrap;position:relative}
}
@media (max-width:720px){
  .mriz-3,.mriz-2{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .kalk-radek,.kalk-dvojice{grid-template-columns:1fr}
  .medaile-m{grid-template-columns:1fr;gap:1rem}
  .pata-mriz{grid-template-columns:1fr}
  .navrh-lista .pas{font-size:.78rem}
  .lupa-sip{width:2.5rem;height:2.5rem;font-size:1.6rem}
  .hero-foto{object-position:50% 50%}
}
@media (max-width:520px){
  .galerie{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
  .hero-tlacitka .tl{width:100%;text-align:center}
}

@media print{
  .navrh-lista,.hlava,.hero-tlacitka,.lupa,.prep{display:none}
  body{background:#fff}
  .band img,.hero-foto{display:none}
}