/* ──────────────────────────────────────────────────────────────────────────
   LingoClub · POHYBOVÁ STUDIE
   Samostatná ukázka. Barvy jsou převzaté z ostrého webu, vizuál a pohyb
   jsou nové. S ostrým webem nic nesdílí kromě fontu, fotek a barev.
   ────────────────────────────────────────────────────────────────────────── */

@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/font-0fd8012915.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: 400; font-display: swap; src: url("/assets/fonts/font-7e48d54b1d.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: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/font-0c19389564.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: 500; font-display: swap; src: url("/assets/fonts/font-bba020c0fd.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: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/font-b2accf62f0.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("/assets/fonts/font-fffe793f52.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: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/font-a83d28cf2a.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: 700; font-display: swap; src: url("/assets/fonts/font-6af69d307c.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: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/fonts/font-d52e1d8948.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: 800; font-display: swap; src: url("/assets/fonts/font-4fe5f87dec.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: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/fonts/font-47844c7827.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: 900; font-display: swap; src: url("/assets/fonts/font-0ef2c92433.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{
  --zluta:#F1BA12;
  --zluta-svetla:#FFD200;
  --cerna:#16130F;
  --krem:#FFFCF2;
  --cervena:#9F0409;
  --modra:#0D5EAF;
  --seda:#16130F;   /* dřív šedá — Jerry chce všude černou */
  --linka:rgba(22,19,15,.12);
  --font:'Poppins',system-ui,-apple-system,sans-serif;
  --r:24px;
  --pruzina:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  margin:0;
  background:var(--krem);
  color:var(--cerna);
  font-family:var(--font);
  font-size:17px;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}

.obal{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
section[id]{scroll-margin-top:104px}

/* ── typografie ───────────────────────────────────────────────────────── */
.display{
  font-weight:900;
  font-size:clamp(44px,8.2vw,116px);
  line-height:.98;
  letter-spacing:-.035em;
  margin:0;
}
.nadpis{
  font-weight:900;
  font-size:clamp(32px,4.6vw,64px);
  line-height:1.02;
  letter-spacing:-.03em;
  margin:0;
}
.stitek{
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--seda);
  margin:0 0 20px;
}

/* ── navigace ─────────────────────────────────────────────────────────── */
.nav{
  position:fixed;inset:0 0 auto;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;
  padding:14px clamp(16px,4vw,32px);
  margin:12px auto 0;
  max-width:1120px;
  border-radius:100px;
  background:rgba(255,252,242,.72);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border:1px solid transparent;
  transition:border-color .5s var(--pruzina),box-shadow .5s var(--pruzina),
             transform .5s var(--pruzina),background .5s var(--pruzina);
}
.nav.je-dole{
  border-color:var(--linka);
  box-shadow:0 10px 40px -18px rgba(22,19,15,.35);
}
.nav__logo{font-weight:900;letter-spacing:-.02em;font-size:18px;text-decoration:none}
.nav__odkazy{display:flex;gap:clamp(14px,2.4vw,30px);list-style:none;margin:0;padding:0}
.nav__odkazy a{
  text-decoration:none;font-size:14px;font-weight:600;color:var(--seda);
  transition:color .3s
}
.nav__odkazy a:hover{color:var(--cerna)}
@media (max-width:820px){.nav__odkazy{display:none}}

/* ── tlačítka ─────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 26px;border-radius:100px;
  font-size:15px;font-weight:700;letter-spacing:-.01em;
  text-decoration:none;border:1px solid transparent;
  transition:transform .45s var(--pruzina),box-shadow .45s var(--pruzina),
             background .3s,color .3s;
  will-change:transform;
}
.btn--plne{background:var(--cerna);color:var(--krem)}
.btn--zluta{background:var(--zluta);color:var(--cerna)}
.btn--cervena{background:var(--cervena);color:var(--krem)}
.btn--duch{background:transparent;color:var(--cerna);border-color:var(--linka)}
.btn:hover{box-shadow:0 18px 40px -18px rgba(22,19,15,.55)}
.btn__sipka{transition:transform .45s var(--pruzina)}
.btn:hover .btn__sipka{transform:translateX(4px)}

/* ── hero ─────────────────────────────────────────────────────────────── */
.hero{position:relative;height:190vh}
.hero__scena{
  position:sticky;top:0;height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.hero__dlazdice{position:absolute;inset:0;pointer-events:none;z-index:1}
.dlazdice{
  position:absolute;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 30px 70px -30px rgba(22,19,15,.45);
  will-change:transform,opacity;
}
.dlazdice img{width:100%;height:100%;object-fit:cover}
.hero__stred{position:relative;z-index:3;text-align:center;
  display:grid;place-items:center;will-change:transform,opacity}
.hero__stred > *{grid-area:1/1}
.hero__znacka{
  font-weight:900;letter-spacing:-.04em;
  font-size:clamp(48px,11vw,168px);line-height:.9;margin:0;
  will-change:transform,opacity;
}
.hero__obsah{max-width:820px;margin:0 auto;will-change:transform,opacity;width:100%}
.hero__podtitul{
  font-size:clamp(17px,2vw,22px);color:var(--seda);
  margin:22px auto 32px;max-width:34ch;
}
.hero__tlacitka{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero__mys{
  position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;
  animation:pulz 2.6s var(--pruzina) infinite;
}
.hero__mys__kolecko{
  display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  border:1px solid rgba(22,19,15,.28);
  font-size:20px;line-height:1;color:var(--cerna);
}
@keyframes pulz{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}

/* ── postupné odkrývání slov ──────────────────────────────────────────── */
.manifest{padding:clamp(90px,14vw,190px) 0}
.manifest p{
  font-weight:800;
  font-size:clamp(26px,4.2vw,58px);
  line-height:1.18;letter-spacing:-.03em;
  margin:0;max-width:20ch;
}
.slovo{
  color:rgba(22,19,15,.45);
  transition:color .5s var(--pruzina),background .5s var(--pruzina),
             box-shadow .5s var(--pruzina);
}
.slovo.je-videt{color:var(--cerna)}
.slovo--cervena.je-videt{color:var(--cervena)}
/* Žlutá přímo v písmu — Jerryho rozhodnutí. Na krémovém podkladu má
   kontrast 1,8:1, tedy pod normou; je to vědomá volba, ne přehlédnutí. */
.slovo--zluta.je-videt{color:var(--zluta)}

/* ── karty nabídky ────────────────────────────────────────────────────── */
.nabidka{padding:0 0 clamp(80px,10vw,140px)}
.nabidka__mrizka{
  display:grid;gap:20px;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));
}
.karta{
  position:relative;border-radius:var(--r);padding:34px 30px 30px;
  background:#fff;border:1px solid var(--linka);
  min-height:300px;display:flex;flex-direction:column;
  transition:transform .6s var(--pruzina),box-shadow .6s var(--pruzina);
  will-change:transform;
  transform-style:preserve-3d;
}
.karta:hover{box-shadow:0 40px 80px -40px rgba(22,19,15,.4)}
.karta__cislo{
  font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--seda);margin:0
}
.karta__nadpis{
  font-size:26px;font-weight:900;letter-spacing:-.02em;margin:14px 0 10px;line-height:1.1
}
.karta__text{font-size:15px;color:var(--seda);margin:0}
.karta__pata{margin-top:auto;padding-top:24px;font-size:14px;font-weight:700}
.karta--zluta{background:var(--zluta);border-color:transparent}
.karta--zluta .karta__cislo,.karta--zluta .karta__text{color:var(--cerna)}
.karta--tmava{background:var(--cerna);color:var(--krem);border-color:transparent}
.karta--tmava .karta__cislo,.karta--tmava .karta__text{color:var(--krem)}

/* ── vodorovný pás jazyků ─────────────────────────────────────────────── */
.jazyky{position:relative;height:340vh;background:var(--cervena);color:var(--krem)}
.jazyky__scena{
  position:sticky;top:0;height:100vh;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
}
.jazyky__hlava{
  padding:0 clamp(20px,5vw,48px);margin-bottom:34px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap
}
.jazyky__hlava .stitek{color:var(--krem);margin:0 0 12px}
.jazyky__pas{display:flex;gap:24px;padding-left:clamp(20px,5vw,48px);will-change:transform}
.jazyk{
  flex:0 0 clamp(260px,32vw,420px);
  border-radius:var(--r);overflow:hidden;
  background:var(--zluta);color:var(--cerna);
  display:flex;flex-direction:column;
}
.jazyk__foto{aspect-ratio:4/3;overflow:hidden;background:var(--zluta)}
.jazyk__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--pruzina)}
.jazyk:hover .jazyk__foto img{transform:scale(1.06)}
.jazyk__telo{padding:24px 24px 28px}
.jazyk__cislo{font-size:12px;font-weight:800;letter-spacing:.16em}
.jazyk__nazev{font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-.02em;margin:10px 0 8px;line-height:1.08}
.jazyk__text{font-size:14.5px;line-height:1.55;margin:0}

/* ── intenziv ─────────────────────────────────────────────────────────── */
.intenziv{padding:clamp(90px,13vw,170px) 0}
.intenziv__mrizka{
  display:grid;gap:clamp(28px,5vw,64px);align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
}
.intenziv__foto{
  border-radius:var(--r);overflow:hidden;position:relative;
  aspect-ratio:5/4;box-shadow:0 50px 90px -50px rgba(22,19,15,.6);
}
.intenziv__foto img{
  width:100%;height:100%;object-fit:cover;object-position:50% 26%;
  will-change:transform;
}
.intenziv__seznam{list-style:none;margin:28px 0 32px;padding:0}
.intenziv__seznam li{
  padding:14px 0;border-top:1px solid var(--linka);
  display:flex;justify-content:space-between;gap:16px;font-size:15.5px
}
.intenziv__seznam li span:last-child{font-weight:700}

/* ── ceník ────────────────────────────────────────────────────────────── */
.cenik{padding:0 0 clamp(90px,13vw,170px)}
.cenik__mrizka{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin-top:44px}
.cena{
  border-radius:var(--r);padding:32px 28px;background:#fff;border:1px solid var(--linka);
  display:flex;flex-direction:column;gap:8px;min-height:230px;
  transition:transform .6s var(--pruzina),box-shadow .6s var(--pruzina);
  will-change:transform;
}
.cena:hover{box-shadow:0 40px 80px -40px rgba(22,19,15,.4)}
.cena__nazev{font-size:17px;font-weight:800;margin:0}
.cena__popis{font-size:14px;color:var(--seda);margin:0}
.cena__castka{
  margin:auto 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:900;
  letter-spacing:-.03em;color:var(--cervena);font-feature-settings:'tnum' 1
}
.cena__jednotka{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--seda);margin:0}
.cena--zluta{background:var(--zluta);border-color:transparent}
.cena--zluta .cena__popis,.cena--zluta .cena__jednotka{color:var(--cerna)}
.cena--zluta .cena__castka{color:var(--cerna)}

/* ── recenze ──────────────────────────────────────────────────────────── */
.recenze{padding:clamp(80px,11vw,150px) 0;overflow:hidden;background:#fff;border-top:1px solid var(--linka);border-bottom:1px solid var(--linka)}
.recenze__pas{display:flex;gap:20px;width:max-content;animation:jizda 46s linear infinite}
@keyframes jizda{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.recenze__pas{animation:none;flex-wrap:wrap;width:auto}}
.recenze__karta{
  flex:0 0 clamp(280px,32vw,430px);
  border-radius:var(--r);border:1px solid var(--linka);padding:28px 26px;
  background:var(--krem);display:flex;flex-direction:column;gap:12px
}

.recenze__hvezdy{color:var(--zluta);letter-spacing:.18em;font-size:14px}
.recenze__text{font-size:14.5px;line-height:1.6;margin:0}
.recenze__kdo{font-size:13px;font-weight:800;color:var(--seda);margin:auto 0 0}

/* ── závěrečná výzva ──────────────────────────────────────────────────── */
.vyzva{
  background:var(--zluta);color:var(--cerna);
  padding:clamp(90px,14vw,180px) 0;text-align:center;overflow:hidden
}
.vyzva .display{max-width:16ch;margin:0 auto}
.vyzva__tlacitka{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:38px}

/* ── pata ─────────────────────────────────────────────────────────────── */
.pata{background:var(--cerna);color:var(--krem);padding:clamp(60px,8vw,100px) 0 44px}
.pata__mrizka{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.pata h3,.pata__nadpis{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--krem);margin:0 0 16px;font-weight:800}
.pata ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pata a{text-decoration:none;font-size:15px;color:var(--krem)}
.pata a:hover{text-decoration:underline;text-underline-offset:4px}
.pata__dole{
  margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,252,242,.14);
  font-size:13px;opacity:.72;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap
}

/* ── odkrývání při scrollu ────────────────────────────────────────────── */
.lc-js .odkryt{opacity:0;transform:translateY(30px)}
.lc-js .odkryt.je-videt{
  opacity:1;transform:none;
  transition:opacity .9s var(--pruzina),transform .9s var(--pruzina)
}

/* ── kdo nechce pohyb, ten ho mít nebude ──────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .lc-js .odkryt{opacity:1;transform:none}
  .slovo{color:var(--cerna)}
  .hero{height:auto}
  .hero__scena{position:static;height:auto;padding:180px 0 90px}
  .hero__dlazdice{display:none}
  .jazyky{height:auto}
  .jazyky__scena{position:static;height:auto;padding:100px 0}
  .jazyky__pas{overflow-x:auto;transform:none!important;padding-bottom:20px}
}

/* ── mobil ────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .hero{height:140vh}
  .jazyky{height:300vh}
}

/* ══════════════════════════════════════════════════════════════════════════
   DÍLY PRO PODSTRÁNKY
   ══════════════════════════════════════════════════════════════════════════ */

/* ── fotky lektorek v úvodu ───────────────────────────────────────────── */
.dlazdice--foto{aspect-ratio:1/1;background:var(--zluta)}
.dlazdice--foto img{width:100%;height:100%;object-fit:cover;display:block}

.hero__logo{
  width:clamp(150px,20vw,270px);margin:0 auto 6px;
  will-change:transform,opacity;
}
.hero__logo img{width:100%;height:auto}

/* ── hlavička podstránky ──────────────────────────────────────────────── */
.podhlavi{
  padding:calc(clamp(90px,11vw,150px) + 60px) 0 clamp(50px,7vw,100px);
  position:relative;overflow:hidden;
}
.podhlavi--zluta{background:var(--zluta)}
.podhlavi--tmava{background:var(--cerna);color:var(--krem)}
.podhlavi--tmava .stitek{color:var(--krem)}
.podhlavi__lead{
  font-size:clamp(17px,1.9vw,21px);line-height:1.55;
  max-width:46ch;margin:26px 0 0;
}
.podhlavi--zluta .podhlavi__lead{color:var(--cerna)}
.podhlavi--tmava .podhlavi__lead{color:var(--krem)}
.podhlavi__tlacitka{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* ── obecná sekce ─────────────────────────────────────────────────────── */
.blok{padding:clamp(70px,10vw,140px) 0}
.blok--uzky{padding:clamp(50px,7vw,100px) 0}
.blok--krem{background:var(--krem)}
.blok--bila{background:#fff}
.blok--tmava{background:var(--cerna);color:var(--krem)}
.blok--tmava .stitek{color:var(--krem)}
.blok--zluta{background:var(--zluta)}
.blok__hlava{max-width:44ch;margin:0 0 48px}
.blok__lead{font-size:17px;line-height:1.65;color:var(--seda);margin:20px 0 0}
/* zarovnání do bloku — dělení slov brání dírám mezi slovy */
.blok__lead--blok{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.blok--tmava .blok__lead{color:var(--krem)}

/* ── informační dlaždice (Jak kurzy fungují) ──────────────────────────── */
/* samostatné kartičky místo slepené mřížky — když jich je pět nebo
   sedm, nezůstane po nich prázdné plné pole */
.dlazdice-info{
  display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
}

.info{background:#fff;padding:26px 24px 28px;border-radius:18px;
  border:1px solid var(--linka)}
.blok--tmava .info{background:#211d18;border-color:rgba(255,252,242,.18)}
.blok--cervena .info{background:#fff;color:var(--cerna)}
.info__stitek{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--seda);margin:0 0 10px}
.blok--tmava .info__stitek{color:var(--krem)}
.info__hodnota{font-size:clamp(19px,2vw,24px);font-weight:900;letter-spacing:-.02em;line-height:1.12;margin:0}
.info__pozn{font-size:13.5px;line-height:1.5;margin:10px 0 0}
.blok--tmava .info__pozn{color:var(--krem)}

/* ── velká sekce jazyka ───────────────────────────────────────────────── */
.jazyk-sekce{position:relative;overflow:hidden;padding:clamp(70px,9vw,130px) 0}
.jazyk-sekce__mrizka{
  display:grid;gap:clamp(30px,5vw,72px);align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
}
.jazyk-sekce--obracene .jazyk-sekce__mrizka > figure{order:2}
.jazyk-sekce__foto{
  margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;
  box-shadow:0 50px 90px -50px rgba(0,0,0,.6);
}
.jazyk-sekce__foto img{width:100%;height:100%;object-fit:cover}
.jazyk-sekce__cislo{font-size:12px;font-weight:800;letter-spacing:.18em}
.jazyk-sekce__nazev{font-size:clamp(30px,4vw,54px);font-weight:900;letter-spacing:-.03em;line-height:1.02;margin:14px 0 8px}
.jazyk-sekce__role{font-size:16px;font-weight:700;margin:0}
.jazyk-sekce__text{font-size:16px;line-height:1.65;margin:22px 0 0;max-width:52ch}
.jazyk-sekce__slogan{font-size:clamp(19px,2.1vw,25px);font-weight:800;line-height:1.3;letter-spacing:-.02em;margin:26px 0 0}
.jazyk-sekce__vlajka{width:52px;border-radius:5px;overflow:hidden;box-shadow:0 6px 18px -8px rgba(0,0,0,.5);margin-bottom:18px}
.jazyk-sekce__vlajka svg{display:block;width:100%;height:auto}

/* ── karty (obecné) ───────────────────────────────────────────────────── */
.karty{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr))}
.karty--2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.karty--4{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}

/* ── časová osa ───────────────────────────────────────────────────────── */
.osa{display:grid;gap:0}
.osa__rok{
  display:grid;gap:clamp(20px,4vw,56px);
  grid-template-columns:minmax(90px,140px) 1fr;
  padding:34px 0;border-top:1px solid var(--linka);
}
.blok--tmava .osa__rok{border-color:rgba(255,252,242,.16)}
.osa__cislo{font-size:clamp(28px,3.4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1;margin:0;color:var(--zluta)}
.osa__nadpis{font-size:clamp(19px,2vw,25px);font-weight:900;letter-spacing:-.02em;margin:0 0 10px;line-height:1.15}
.osa__text{font-size:15.5px;line-height:1.65;margin:0;max-width:60ch;color:var(--krem)}

/* ── tým ──────────────────────────────────────────────────────────────── */
.tym{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.lektor__foto{margin:0 0 18px;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:#26211c}
.lektor__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--pruzina)}
.lektor:hover .lektor__foto img{transform:scale(1.05)}
.lektor__jmeno{font-size:21px;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}
.lektor__role{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--seda);margin:0 0 12px}
.lektor__text{font-size:14.5px;line-height:1.6;margin:0;color:var(--seda)}
.blok--tmava .lektor__role,.blok--tmava .lektor__text{color:var(--krem)}

/* ── formulář ─────────────────────────────────────────────────────────── */
.formular{
  border-radius:var(--r);background:#fff;border:1px solid var(--linka);
  padding:clamp(26px,3.4vw,44px);display:grid;gap:22px;
  box-shadow:0 50px 100px -60px rgba(22,19,15,.5);
}
.pole{display:grid;gap:8px}
.pole label{font-size:13px;font-weight:700;letter-spacing:.01em}
.pole input,.pole select,.pole textarea{
  font-family:inherit;font-size:16px;color:var(--cerna);
  padding:14px 16px;border-radius:14px;
  border:1px solid var(--linka);background:var(--krem);
  transition:border-color .3s,box-shadow .3s,background .3s;
  width:100%;
}
.pole textarea{resize:vertical;min-height:130px;line-height:1.55}
.pole input:focus,.pole select:focus,.pole textarea:focus{
  outline:none;background:#fff;border-color:var(--cerna);
  box-shadow:0 0 0 4px rgba(241,186,18,.35);
}
.pole--dvojice{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.souhlas{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--seda)}
.souhlas input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--cerna)}
.past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kontakt-rychle{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin-top:34px}
.kontakt-rychle a{
  display:flex;flex-direction:column;gap:6px;text-decoration:none;
  border-radius:18px;border:1px solid var(--linka);background:#fff;padding:20px 22px;
  transition:transform .5s var(--pruzina),box-shadow .5s var(--pruzina);
}
.kontakt-rychle a:hover{transform:translateY(-4px);box-shadow:0 30px 60px -35px rgba(22,19,15,.5)}
.kontakt-rychle strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--seda);font-weight:800}
.kontakt-rychle span{font-size:17px;font-weight:700;letter-spacing:-.01em}

/* ── próza (právní stránky) ───────────────────────────────────────────── */
.proza{max-width:74ch}
.proza h2{font-size:clamp(21px,2.2vw,27px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:52px 0 16px}
.proza h2:first-child{margin-top:0}
.proza p,.proza li{font-size:16px;line-height:1.7;margin:0 0 14px}
.proza ul{margin:0 0 18px;padding-left:22px}
.proza a{color:var(--cervena);text-underline-offset:3px}

/* ── podmínky (rozbalovací) ───────────────────────────────────────────── */
.podminka{border-top:1px solid var(--linka);padding:0}
.podminka summary{
  cursor:pointer;list-style:none;padding:24px 0;
  font-size:clamp(18px,2vw,23px);font-weight:900;letter-spacing:-.02em;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
}
.podminka summary::-webkit-details-marker{display:none}
.podminka summary::after{
  content:"+";font-size:26px;font-weight:400;line-height:1;
  transition:transform .5s var(--pruzina);flex:0 0 auto;
}
.podminka[open] summary::after{transform:rotate(45deg)}
.podminka__telo{padding:0 0 26px}
.podminka__telo p{font-size:16px;line-height:1.7;margin:0 0 12px;color:var(--seda);max-width:66ch}

/* ── pruh se slevami ──────────────────────────────────────────────────── */
.pruh{
  border-radius:var(--r);background:var(--cerna);color:var(--krem);
  padding:28px 32px;margin-top:20px;display:grid;gap:10px;
}
.pruh p{margin:0;font-size:16.5px;font-weight:700;line-height:1.45}
.pruh--zluty{background:var(--zluta);color:var(--cerna)}

/* ── e-knihy ──────────────────────────────────────────────────────────── */
.ebook{
  border-radius:var(--r);border:1px solid var(--linka);background:#fff;
  padding:32px 30px;display:flex;flex-direction:column;gap:12px;
  transition:transform .6s var(--pruzina),box-shadow .6s var(--pruzina);
}
.ebook:hover{box-shadow:0 40px 80px -40px rgba(22,19,15,.4)}
.ebook__stitek{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cervena);margin:0}
.ebook__nazev{font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0}
.ebook__text{font-size:15px;line-height:1.6;color:var(--seda);margin:0}
.ebook .btn{align-self:flex-start;margin-top:14px}

/* ── odrážky ──────────────────────────────────────────────────────────── */
.seznam{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.seznam li{display:flex;gap:14px;font-size:16px;line-height:1.55}
.seznam li::before{content:"→";flex:0 0 auto;opacity:.45;font-weight:700}

/* ── mobil ────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .osa__rok{grid-template-columns:1fr;gap:12px}
  .jazyk-sekce--obracene .jazyk-sekce__mrizka > figure{order:0}
}
@media (prefers-reduced-motion:reduce){
  .kontakt-rychle a:hover{transform:none}
}

/* ══════════════════════════════════════════════════════════════════════════
   ÚPRAVY PODLE PŘIPOMÍNEK — 4. 9. 2026
   ══════════════════════════════════════════════════════════════════════════ */

/* ── logo v navigaci místo psaného názvu ──────────────────────────────── */
.nav__logo{display:flex;align-items:center;line-height:0}
.nav__logo img{width:auto;height:40px}
@media (max-width:520px){.nav__logo img{height:34px}}

/* ── úvod: žluté pozadí, Jazykovka nad logem ─────────────────────────── */
.hero--zluta{background:var(--krem)}
.hero--zluta .hero__scena{background:var(--zluta)}
.hero__znak{
  display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vw,14px);
  will-change:transform,opacity;
}
.hero__jazykovka{width:clamp(190px,25vw,340px);height:auto}
.hero__logo{width:clamp(180px,24vw,320px);height:auto;margin:0}
.hero--zluta .dlazdice--vlajka{border-color:rgba(22,19,15,.14)}
.hero--zluta .btn--duch{color:var(--cerna)}

/* ── barevné karty ───────────────────────────────────────────────────── */
.karta--cervena{background:var(--cervena);color:var(--krem);border-color:transparent}
.karta--cervena .karta__cislo,.karta--cervena .karta__text{color:var(--krem)}
.karta--bila{background:#fff;border-color:var(--linka)}

/* celá dlaždice je proklik */
.karta--proklik{text-decoration:none;cursor:pointer;color:var(--cerna)}
.karta--proklik.karta--tmava,.karta--proklik.karta--cervena{color:var(--krem)}
.karta--proklik:hover{box-shadow:0 40px 80px -40px rgba(22,19,15,.45)}
.karta--proklik .karta__pata{
  display:inline-flex;align-items:center;gap:6px;
  transition:transform .45s var(--pruzina);
}
.karta--proklik:hover .karta__pata{transform:translateX(4px)}

/* ── barevné bloky ───────────────────────────────────────────────────── */
.blok--cervena{background:var(--cervena);color:var(--krem)}
.blok--cervena .stitek{color:var(--krem)}
.blok--cervena .blok__lead{color:var(--krem)}

/* ── Materiály k samostudiu: černá se žlutými akcenty ──────────────────── */
.samostudium{background:var(--cerna);color:var(--krem)}
.samostudium .stitek{color:var(--zluta)}
.samostudium .blok__lead{color:var(--krem)}
.samostudium .nadpis{text-transform:uppercase}
.samostudium__linka{
  width:96px;height:6px;background:var(--zluta);
  border-radius:3px;margin:22px 0 26px;
}
.recenze.blok--krem{background:var(--krem)}
.recenze.blok--krem .recenze__karta{background:#fff}
.nabidka.blok--bila{background:#fff;padding-top:clamp(70px,9vw,120px)}

/* ── rozpis videokurzů (jeden panel místo čtyř) ──────────────────────── */
.rozpis{
  border-radius:var(--r);overflow:hidden;
  border:2px solid var(--zluta);background:var(--cerna);color:var(--krem);
  transition:transform .6s var(--pruzina),box-shadow .6s var(--pruzina);
  will-change:transform;
}
.rozpis__polozka{
  margin:0;padding:20px clamp(20px,2.4vw,28px);
  border-bottom:2px solid var(--zluta);
  font-size:clamp(17px,1.9vw,21px);font-weight:800;letter-spacing:-.02em;
  display:flex;align-items:center;gap:14px;
}
.rozpis__polozka::before{
  content:"✓";color:var(--zluta);font-weight:900;flex:0 0 auto;
}
.rozpis__cena{
  margin:0;padding:22px clamp(20px,2.4vw,28px);
  background:var(--zluta);color:var(--cerna);
  font-size:clamp(20px,2.2vw,26px);font-weight:900;letter-spacing:-.02em;
  font-feature-settings:'tnum' 1;
}

/* ── fotky v pásu jazyků: čtverec, obličej v horní třetině ───────────── */
.jazyk__foto{aspect-ratio:1/1}
.jazyk__foto img{object-position:50% 22%}

/* ── mobil ───────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .hero__jazykovka{width:clamp(170px,52vw,240px)}
  .hero__logo{width:clamp(160px,50vw,230px)}
}

/* nápověda k vodorovnému pásu — vlastní roh, ať neleze do nadpisu */
.jazyky__napoveda{
  position:absolute;right:clamp(20px,5vw,48px);bottom:26px;margin:0;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--krem);
}
@media (max-width:600px){.jazyky__napoveda{display:none}}

/* ══════════════════════════════════════════════════════════════════════════
   ÚPRAVY PODLE PŘIPOMÍNEK — 6. 9. 2026
   ══════════════════════════════════════════════════════════════════════════ */

/* 2) /kurzy/ — „Pro koho to je“ a odrážky pod ním o dvě čísla větší */
.stitek--vetsi{font-size:14px}
.seznam--vetsi li{font-size:18px}

/* ── Cestovní angličtina: panely žlutě s černým textem ─────────────────── */
.blok--tmava .dlazdice-info--zlute .info{
  background:var(--zluta);border-color:transparent;color:var(--cerna);
}
.blok--tmava .dlazdice-info--zlute .info__stitek,
.blok--tmava .dlazdice-info--zlute .info__hodnota,
.blok--tmava .dlazdice-info--zlute .info__pozn{color:var(--cerna)}

/* ── světlé karty v tmavé sekci: text černě ────────────────────────────── */
/* .blok--tmava nastavuje krémovou barvu celému bloku a karty ji dědily.
   Číslo i text si ji přebíjely samy, nadpis ne — na bílé kartě mizel. */
.blok--tmava .karta--bila,
.blok--tmava .karta--zluta{color:var(--cerna)}
.blok--tmava .karta--bila .karta__nadpis,
.blok--tmava .karta--zluta .karta__nadpis{color:var(--cerna)}

/* ── ukázka studentského webu (video) ─────────────────────────────────── */
.ukazka{margin:clamp(32px,3.5vw,48px) 0 0;display:grid;gap:12px}
.ukazka__ramecek{
  border-radius:var(--r);overflow:hidden;border:1px solid var(--linka);
  background:var(--krem);line-height:0;
}
.ukazka__ramecek video{display:block;width:100%;height:auto}
.ukazka__popis{
  font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--seda);margin:0;
}
.blok--tmava .ukazka__ramecek{border-color:rgba(255,252,242,.22)}
.blok--tmava .ukazka__popis{color:var(--krem)}