/*===== Hero =====*/
.on-hero{padding:clamp(44px,6vw,80px) 0 clamp(30px,4vw,48px)}
.on-lede{
  margin:22px 0 0;max-width:60ch;
  font-family:'Newsreader',Georgia,serif;
  font-size:clamp(18px,1.7vw,22px);
  line-height:1.55;
  color:var(--ls-inkoust-70);
  text-wrap:pretty;
}

/*===== Tři karty =====*/
.on-karty{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:clamp(14px,1.8vw,22px);
  padding-bottom:clamp(48px,7vw,92px);
}
.on-karta{
  background:var(--ls-karta);
  border:1px solid var(--ls-hranice);
  border-radius:20px;
  box-shadow:var(--ls-stin);
  padding:clamp(26px,3vw,34px) clamp(22px,2.6vw,30px);
}
.on-karta.on-zeleny{background:var(--ls-panel);border-color:rgba(108,154,63,.28);box-shadow:none}

.on-karta h2{
  margin:12px 0 0;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;font-size:26px;line-height:1.18;
  letter-spacing:-.015em;
  color:var(--ls-vino);
  text-wrap:balance;
}
.on-linka{
  width:30px;height:2px;
  background:var(--ls-list);
  border:0;margin:16px 0 0;
}
.on-karta p{
  margin:16px 0 0;
  font-size:15.5px;line-height:1.68;
  color:var(--ls-inkoust-60);
  text-wrap:pretty;
}

/*===== Vínový závěr =====*/
.on-zaver{
  background:var(--ls-vino);
  color:var(--ls-na-vine);
  padding:clamp(48px,7vw,92px) 0;
}
.on-zaver h2{
  margin: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-na-vine);
}

.on-zaver .ls-akce{margin-top:clamp(24px,3vw,32px)}
.on-zaver .ls-btn:focus-visible{outline:3px solid var(--ls-na-vine-3);outline-offset:3px}

/*===== Závěr: text vedle fotky =====*/
.on-zaver-obal{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(26px,4vw,56px);
  align-items:center;
}
.on-zaver .ls-eyebrow{color:var(--ls-na-vine-3)}
.on-zaver-text p{
  margin:18px 0 0;max-width:44ch;
  font-size:16.5px;line-height:1.7;
  color:var(--ls-na-vine-2);
}
.on-zaver-text h2{margin-top:12px}

.on-foto{margin:0}
.on-foto img{
  display:block;
  width:100%;max-width:450px;height:auto;
  margin:0 0 0 auto;
  border-radius:22px;
  box-shadow:0 24px 50px -30px rgba(20,10,14,.85);
}

/*===== Pás faktů pod oběma sloupci =====*/
.on-fakta{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  gap:10px;
  margin-top:clamp(30px,4vw,46px);
}
.on-fakta li{
  background:rgba(255,253,248,.08);
  border:1px solid rgba(255,253,248,.16);
  border-radius:14px;
  padding:16px 12px 15px;
  text-align:center;
}
.on-fakta strong{
  display:block;
  font-family:'Newsreader',Georgia,serif;
  font-weight:600;
  font-size:clamp(26px,3vw,34px);
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--ls-na-vine);
}
.on-fakta span{
  display:block;margin-top:7px;
  font-size:13px;line-height:1.35;
  color:var(--ls-na-vine-2);
}

/*===== Poslední dlaždice jako pointa =====*/
.on-fakta .on-cil{
  background:var(--ls-karta);
  border-color:var(--ls-karta);
}
.on-fakta .on-cil strong{color:var(--ls-vino)}
.on-fakta .on-cil span{color:var(--ls-inkoust-60)}