/*===== Fonty =====*/
@font-face{
  font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/newsreader-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:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/newsreader-latin.woff2) format('woff2');
}
@font-face{
  font-family:'Karla';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/karla-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:'Karla';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/karla-latin.woff2) format('woff2');
}

/*===== Tokeny =====*/
:root{
  --ls-papir:#FAF6EE;
  --ls-plocha:#F3EFE4;
  --ls-karta:#FFFDF8;
  --ls-vino:#8C1B3F;
  --ls-vino-tmave:#6E1230;
  --ls-vino-slabe:rgba(140,27,63,.28);
  --ls-list:#6C9A3F;
  --ls-list-text:#4E7226;
  --ls-list-aktivni:#3F5C1E;
  --ls-panel:#EDF1E3;
  --ls-zelena-hero:#007935;
  --ls-inkoust:#241A1C;
  --ls-inkoust-70:#5C4E50;
  --ls-inkoust-60:#6E6062;
  --ls-inkoust-45:#8A7B7D;
  --ls-na-vine:#FFF6F0;
  --ls-na-vine-2:#F5DDD4;
  --ls-na-vine-3:#F0C7B9;
  --ls-hranice:rgba(36,26,28,.08);
  --ls-hranice-2:rgba(36,26,28,.14);
  --ls-stin:0 20px 40px -34px rgba(36,26,28,.55);
  --ls-stin-cta:0 10px 24px -12px rgba(140,27,63,.7);
}

/*===== Plocha stránky =====*/
html.ls{background:var(--ls-papir)}
html.ls body{font-family:'Karla',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
html.ls body::before{display:none}

/*===== Typografie =====*/
.ls-h1{
  margin:22px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:500;
  font-size:clamp(38px,6vw,68px);
  line-height:1.03;
  letter-spacing:-.025em;
  color:var(--ls-vino);
  text-wrap:balance;
}
.ls-h2{
  margin:0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.1;
  letter-spacing:-.02em;
  color:var(--ls-vino);
  text-wrap:balance;
}
.ls-lede{
  margin:20px 0 0;
  max-width:56ch;
  font-size:clamp(17px,1.4vw,20px);
  line-height:1.6;
  color:var(--ls-inkoust-70);
  text-wrap:pretty;
}

/*===== Badge s tečkou =====*/
.ls-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 14px 7px 10px;
  background:var(--ls-panel);color:var(--ls-list-text);
  border-radius:999px;
  font-size:13px;font-weight:600;
}
.ls-badge::before{
  content:"";
  flex:none;
  width:8px;height:8px;
  border-radius:999px;
  background:var(--ls-list);
}

/*===== Tlačítka =====*/
.ls-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 24px;
  border-radius:999px;
  font-family:inherit;font-size:15px;font-weight:700;
  text-decoration:none;cursor:pointer;
  border:1.5px solid transparent;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.ls-btn-plna{background:var(--ls-vino);color:var(--ls-na-vine);box-shadow:var(--ls-stin-cta)}
.ls-btn-plna:hover{background:var(--ls-vino-tmave)}
.ls-btn-obrys{background:transparent;color:var(--ls-vino);border-color:var(--ls-hranice-2)}
.ls-btn-obrys:hover{border-color:var(--ls-vino)}
.ls-btn-svetle{background:var(--ls-karta);color:var(--ls-vino)}
.ls-btn-svetle:hover{background:var(--ls-na-vine-2)}
.ls-btn-obrys-svetly{background:transparent;color:var(--ls-na-vine);border-color:rgba(255,253,248,.45)}
.ls-btn-obrys-svetly:hover{border-color:var(--ls-karta);background:rgba(255,253,248,.1)}
.ls-btn[disabled]{opacity:.55;cursor:default}
.ls-akce{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/*===== Řádek faktů =====*/
.ls-fakta{
  margin:28px 0 0;
  display:flex;flex-wrap:wrap;
  gap:clamp(16px,3vw,36px);
  list-style:none;
  font-size:14px;color:var(--ls-inkoust-60);
}
.ls-fakta strong{color:var(--ls-inkoust);font-weight:700}

/*===== Vínový pás s odpočtem =====*/
.ls-volby{
  position:relative;
  overflow:hidden;
  background:var(--ls-vino);
  color:var(--ls-na-vine);
  padding:clamp(44px,6vw,80px) 0;
}
.ls-volby > .wrap{position:relative;z-index:1}
.ls-volby-znak{
  position:absolute;
  right:clamp(-60px,-3vw,-10px);
  top:50%;
  transform:translateY(-50%);
  width:clamp(200px,30vw,380px);
  opacity:.08;
  filter:brightness(0) invert(1);
  pointer-events:none;
  user-select:none;
}
.ls-volby-obal{
  display:grid;gap:clamp(26px,4vw,56px);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  align-items:center;
}
.ls-volby-eyebrow{
  margin:0;
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ls-na-vine-3);
}
.ls-volby h2{
  margin:14px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;letter-spacing:-.02em;
  color:var(--ls-na-vine);
}
.ls-volby-popis{
  margin:14px 0 0;max-width:46ch;
  font-size:15.5px;line-height:1.6;
  color:var(--ls-na-vine-2);
}

.ls-odpocet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ls-cela{
  background:rgba(255,253,248,.1);
  border:1px solid rgba(255,253,248,.2);
  border-radius:16px;
  padding:16px 4px 12px;
  text-align:center;
}
.ls-cislo{
  display:block;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(28px,3.6vw,44px);
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--ls-na-vine);
}
.ls-jednotka{
  display:block;margin-top:8px;
  font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--ls-na-vine-3);
}

/*===== Panel s formulářem =====*/
.ls-panel{
  background:var(--ls-panel);
  border-radius:26px;
  padding:clamp(28px,4vw,48px) clamp(22px,3vw,44px);
  display:grid;gap:clamp(26px,4vw,48px);
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  align-items:start;
}
.ls-panel-text h2{
  margin:12px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;letter-spacing:-.025em;
  color:var(--ls-vino);
  text-wrap:balance;
}
.ls-panel-text p{
  margin:16px 0 0;max-width:44ch;
  font-size:16px;line-height:1.65;
  color:var(--ls-inkoust-70);
}

.ls-formular{
  background:var(--ls-karta);
  border-radius:20px;
  border:1px solid var(--ls-hranice);
  box-shadow:var(--ls-stin);
  padding:clamp(22px,2.6vw,30px);
}
.ls-stitek{
  display:block;
  font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--ls-list-text);
  margin-bottom:10px;
}
.ls-nepovinne{
  font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--ls-inkoust-45);
}

.ls-chipy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ls-chip{
  padding:8px 14px;
  border-radius:999px;
  border:1.5px solid var(--ls-hranice-2);
  background:transparent;
  font-family:inherit;font-size:13.5px;font-weight:600;
  color:var(--ls-inkoust-60);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.ls-chip:hover{border-color:var(--ls-list)}
.ls-chip[aria-pressed="true"]{
  background:var(--ls-panel);
  border-color:var(--ls-list);
  color:var(--ls-list-aktivni);
}

.ls-pole{margin-bottom:18px}
.ls-formular fieldset{border:0;min-width:0}
.ls-formular legend{padding:0}
.ls-formular textarea,
.ls-formular input[type="text"]{
  width:100%;
  font-family:inherit;font-size:15.5px;line-height:1.55;
  color:var(--ls-inkoust);
  background:var(--ls-papir);
  border:1.5px solid var(--ls-hranice-2);
  border-radius:14px;
  padding:13px 15px;
}
.ls-formular textarea{min-height:132px;resize:vertical}
.ls-formular textarea:focus,
.ls-formular input[type="text"]:focus{outline:none;border-color:var(--ls-list)}
.ls-formular textarea:focus-visible,
.ls-formular input[type="text"]:focus-visible{outline:3px solid var(--ls-list);outline-offset:2px}

.ls-poznamka{
  margin:14px 0 0;
  font-size:12.5px;line-height:1.6;
  color:var(--ls-inkoust-45);
}
.ls-poznamka a{color:var(--ls-vino);font-weight:600}

.ls-hlaska{margin:14px 0 0;font-size:14px;font-weight:600}
.ls-hlaska.info{color:var(--ls-inkoust-60)}
.ls-hlaska.ok{color:var(--ls-list-aktivni)}
.ls-hlaska.err{color:var(--ls-vino)}

/*===== Past na roboty =====*/
.ls-past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/*===== Poděkování po odeslání =====*/
.ls-diky{text-align:center;padding:18px 6px 10px}
.ls-fajfka{
  width:52px;height:52px;margin:0 auto;
  border-radius:999px;
  background:var(--ls-panel);color:var(--ls-list-aktivni);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:700;
}
.ls-diky h3{
  margin:18px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;font-size:26px;line-height:1.15;
  color:var(--ls-vino);
}
.ls-diky p:not(.ls-fajfka){margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--ls-inkoust-70)}
.ls-diky button{margin-top:22px}

/*===== Poppins — jen pro popisek u šipky dolů =====*/
@font-face{
  font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/poppins-600-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:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/poppins-600-latin.woff2) format('woff2');
}

/*===== Hlavička v novém designu =====*/
.ls-head{
  background:rgba(250,246,238,.88);
  border-bottom:1px solid var(--ls-hranice);
}
.ls-head .wrap{min-height:75px}
.ls-head .brand img{width:auto;height:75px}
.ls-head .brand span{
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;font-size:1.12rem;
  color:var(--ls-vino);
}
.ls-head .brand span em{
  font-family:'Karla',system-ui,sans-serif;
  font-weight:700;font-size:.66rem;
  letter-spacing:.14em;
  color:var(--ls-list-text);
}
.ls-head .nav a{font-family:'Karla',system-ui,sans-serif;font-size:.94rem;color:var(--ls-inkoust)}
.ls-head .nav a:hover{background:var(--ls-panel);color:var(--ls-list-aktivni)}
.ls-head .nav a[aria-current="page"]{color:var(--ls-vino);background:rgba(140,27,63,.09)}
.ls-head .nav a[aria-current="page"]:hover{background:rgba(140,27,63,.13);color:var(--ls-vino)}
.ls-head .nav a.nav-cta,
.ls-head .nav a.nav-cta:hover{color:var(--ls-na-vine)}
.ls-head .nav a.nav-cta{background:var(--ls-vino);font-weight:700}
.ls-head .nav a.nav-cta:hover{background:var(--ls-vino-tmave)}
.ls-head .nav-toggle{border-color:var(--ls-hranice-2);color:var(--ls-inkoust)}
.ls-head .nav-toggle:hover{border-color:var(--ls-vino);background:rgba(140,27,63,.05)}

@media (max-width:900px){
  .ls-head .nav{
    background:var(--ls-papir);
    border-bottom-color:var(--ls-hranice);
    box-shadow:0 20px 38px rgba(58,14,29,.12);
  }
  .ls-head .nav a{border-bottom-color:var(--ls-hranice)}
  .ls-head .nav a[aria-current="page"]{background:transparent;color:var(--ls-vino)}
  .ls-head .nav a[aria-current="page"]::after{background:var(--ls-list)}
}

/*===== Patička v novém designu =====*/
.ls-foot{
  background:var(--ls-plocha);
  border-top:1px solid var(--ls-hranice);
  padding:clamp(40px,5vw,64px) 0 0;
  margin-top:auto;
}
.ls-foot-mrizka{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:clamp(26px,4vw,48px);
}
.ls-foot-znacka{display:inline-block}
.ls-foot-znacka img{width:196px;height:auto}
.ls-foot-claim{
  margin:16px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-size:19px;line-height:1.3;
  color:var(--ls-vino);
}
.ls-foot-claim em{
  display:block;margin-top:4px;
  font-size:16px;
  color:var(--ls-list-text);
}
.ls-foot-popis{
  margin:14px 0 0;max-width:34ch;
  font-size:14px;line-height:1.6;
  color:var(--ls-inkoust-60);
}

.ls-foot-nadpis{
  margin:0 0 14px;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ls-inkoust-45);
}
.ls-foot-odkazy{list-style:none;display:grid;gap:10px;font-size:15px}
.ls-foot-odkazy a{
  color:var(--ls-inkoust-70);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.ls-foot-odkazy a:hover{color:var(--ls-vino);border-bottom-color:var(--ls-vino)}

.ls-foot-pas{
  margin-top:clamp(30px,4vw,48px);
  padding:20px 0 24px;
  border-top:1px solid var(--ls-hranice);
  display:flex;flex-wrap:wrap;gap:8px 22px;
  font-size:13px;color:var(--ls-inkoust-45);
}
.ls-foot-pas p{margin:0}
.ls-foot-pas a{color:var(--ls-inkoust-60)}
.ls-foot-pas a:hover{color:var(--ls-vino)}

/*===== Šipka dolů přes fotku =====*/
@keyframes lsCueDot{
  0%{transform:translateY(0);opacity:0}
  18%{opacity:1}
  78%{opacity:1}
  100%{transform:translateY(58px);opacity:0}
}
.ls-cue{
  position:absolute;
  right:clamp(18px,4vw,48px);
  top:0px;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  text-decoration:none;
  transition:transform .3s ease;
}
.ls-cue:hover{transform:translateY(4px)}
.ls-cue span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:'Poppins',system-ui,sans-serif;
  font-weight:600;font-size:11.5px;
  letter-spacing:.28em;text-transform:uppercase;
  color:#FFFDF8;
  text-shadow:0 1px 2px rgba(20,16,18,.95), 0 0 12px rgba(20,16,18,.85);
}
.ls-cue i{
  position:relative;
  display:block;width:1px;height:64px;
  background:linear-gradient(to bottom, rgba(255,253,248,.75), rgba(255,253,248,.12));
  box-shadow:0 0 8px rgba(20,16,18,.6);
}
.ls-cue::after{
  content:"";
  width:7px;height:7px;
  margin-top:-5px;
  border-right:1.5px solid rgba(255,253,248,.8);
  border-bottom:1.5px solid rgba(255,253,248,.8);
  transform:rotate(45deg);
  filter:drop-shadow(0 1px 3px rgba(20,16,18,.9));
}
.ls-cue i::after{
  content:"";
  position:absolute;left:-2px;top:0;
  width:5px;height:5px;border-radius:999px;
  background:#FFFDF8;
  box-shadow:0 0 8px rgba(20,16,18,.9);
  animation:lsCueDot 2.4s cubic-bezier(.45,0,.2,1) infinite;
}
@media (prefers-reduced-motion:reduce){
  .ls-cue i::after{animation:none;opacity:1}
}

/*===== Eyebrow nad nadpisem =====*/
.ls-eyebrow{
  margin:0;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ls-list-text);
}

/*===== Počítadlo znaků =====*/
.ls-pocet{
  margin:8px 0 0;
  text-align:right;
  font-size:12.5px;
  color:var(--ls-inkoust-45);
  font-variant-numeric:tabular-nums;
}
.ls-pocet.moc{color:var(--ls-vino);font-weight:700}

/*===== Mobil: dvojice tlačítek vedle sebe =====*/
@media (max-width:560px){
  .ls-akce{flex-wrap:nowrap;gap:10px}
  .ls-akce .ls-btn{
    flex:1 1 0;
    min-width:0;
    padding:12px 8px;
    font-size:14px;
    white-space:nowrap;
  }
}

/*===== Mobil: šipka „Číst dál" nemá smysl =====*/
@media (max-width:760px){
  .ls-cue{display:none}
}

/*===== Mobil: méně vnořeného odsazení ve formulářových panelech =====*/
@media (max-width:640px){
  .ls-panel{
    padding:22px 14px;
    gap:22px;
    border-radius:20px;
  }
  .ls-formular{padding:18px 16px}
  .ls-panel-text p{max-width:none}
}

/*===== Textová stránka v novém designu =====*/
.zs-hero{padding:clamp(44px,6vw,80px) 0 clamp(20px,3vw,32px)}
.zs-obsah{padding:0 0 clamp(48px,7vw,92px)}

.ls-text{max-width:68ch}
.ls-text h2{
  margin:clamp(30px,4vw,44px) 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(22px,2.4vw,28px);
  line-height:1.2;
  color:var(--ls-vino);
}
.ls-text h3{
  margin:26px 0 0;
  font-size:17px;font-weight:700;
  color:var(--ls-inkoust);
}
.ls-text p{
  margin:14px 0 0;
  font-size:16px;line-height:1.72;
  color:var(--ls-inkoust-70);
  text-wrap:pretty;
}
.ls-text ul{margin:14px 0 0 20px;color:var(--ls-inkoust-70)}
.ls-text li{margin-top:9px;font-size:16px;line-height:1.65}
.ls-text strong{color:var(--ls-inkoust)}
.ls-text a{color:var(--ls-vino);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ls-text a:hover{color:var(--ls-vino-tmave)}

/*===== Lišta se souhlasem s měřením (zatím vypnutá) =====*/
.ck-lista{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:60;
  background:var(--ls-karta);
  border-top:1px solid var(--ls-hranice-2);
  box-shadow:0 -12px 30px -22px rgba(36,26,28,.6);
  padding:18px 0;
}
.ck-obal{
  display:flex;flex-wrap:wrap;
  gap:16px clamp(20px,3vw,40px);
  align-items:center;justify-content:space-between;
}
.ck-text{flex:1 1 280px;min-width:0}
.ck-nadpis{
  margin:0 0 4px;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ls-list-text);
}
.ck-popis{
  margin:0;max-width:62ch;
  font-size:14.5px;line-height:1.6;
  color:var(--ls-inkoust-70);
}
.ck-popis a{color:var(--ls-vino);font-weight:600}
.ck-akce{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.ck-akce .ls-btn{font-size:14px;padding:11px 20px}

@media (max-width:560px){
  .ck-akce{width:100%}
  .ck-akce .ls-btn{flex:1 1 0;white-space:nowrap}
}

/*===== Ikony sítí v menu =====*/
.nav-site{display:flex;align-items:center;gap:6px;margin-left:4px}
.ls-head .nav-site a{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;
  padding:0;
  border-radius:50%;
  border-bottom:none;
  color:var(--ls-inkoust-60);
}
.ls-head .nav-site a:hover{background:var(--ls-panel);color:var(--ls-vino)}

/*===== Tlačítko zpět nahoru =====*/
.ls-nahoru{
  position:fixed;
  right:clamp(14px,3vw,26px);
  bottom:clamp(14px,3vw,26px);
  z-index:35;
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;
  border:none;border-radius:50%;
  background:var(--ls-vino);
  color:var(--ls-na-vine);
  box-shadow:0 8px 22px rgba(58,14,29,.28);
  cursor:pointer;
  opacity:0;visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s,background-color .2s;
}
.ls-nahoru.je-videt{opacity:1;visibility:visible;transform:none}
.ls-nahoru:hover{background:var(--ls-vino-tmave)}
.ls-nahoru:focus-visible{outline:3px solid var(--ls-list);outline-offset:3px}

@media (max-width:900px){
  .nav-site{justify-content:center;gap:12px;padding:14px 0 2px}
  .ls-head .nav-site a{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){
  .ls-nahoru{transition:opacity .01s linear,visibility .01s linear}
}