/* ==========================================================================
   Ateliér v továrně – návrh designu (v2)
   Směr: „Tiché světlo“ – len, slonovina, modrá z loga, mlhavá modř, pudr.
   Elegantní, decentní, luxusní. Bez křiklavých kontrastů.
   ========================================================================== */

:root {
  --paper: #ffffff;      /* čistě bílá (uživatel 2026-11-05: slonovinu nechce) */
  --paper-2: #f5f5f4;    /* neutrální světle šedá (béžový len uživatel 2026-11-05 nechce) */
  --card: #fffefb;
  --ink: #34302c;        /* tmavě šedohnědá místo černé */
  --ink-2: #5f5a53;
  --ink-3: #8d877e;
  --line: #e5e5e2;
  /* akcent = modrá z loga #3d5a80 (proměnné „amber“ ponechány kvůli kompatibilitě) */
  --amber: #3d5a80;      /* modrá z loga – tlačítka, odkazy (kontrast AA) */
  --amber-2: #a9b7ca;    /* světlá modrá */
  --amber-soft: #e8edf3; /* modrý pastel */
  --sage: #8ea2b3;       /* mlhavě modrá */
  --sage-soft: #ecf1f4;
  --blush: #f4ebe6;      /* pudrová */
  --blush-2: #d9c3b8;
  --sky-soft: #eef2f4;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 1px 2px rgba(52, 48, 44, .03), 0 14px 34px -18px rgba(52, 48, 44, .12);
  --shadow-lg: 0 30px 60px -30px rgba(52, 48, 44, .22);
  --serif: "Jost", "Helvetica Neue", Arial, sans-serif; /* nadpisy: lehký bezpatkový */
  --sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 400 17px/1.75 var(--sans);
  letter-spacing: .005em;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
/* jemné filmové zrno */
body::before { display: none;
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .018;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img { max-width: 100%; display: block; }
a { color: inherit; }
.wrap { width: min(var(--wrap), 100% - 40px); margin-inline: auto; }

h1, h2, h3 { font-family: var(--serif); font-weight: 300; letter-spacing: -.02em; line-height: 1.05; margin: 0; }
h1 { font-size: clamp(2.6rem, 5.6vw, 4.8rem); font-weight: 300; }
h2 { font-size: clamp(2rem, 3.8vw, 3.1rem); font-weight: 300; }
h3 { font-size: 1.6rem; }
h1 em, h2 em { font-style: normal; color: var(--amber); font-weight: 300; }
p { margin: 0 0 1em; color: var(--ink-2); }
.lead { font-size: 1.12rem; font-weight: 300; color: var(--ink-2); max-width: 36em; }

.eyebrow {
  display: inline-flex; align-items: center; gap: .9em;
  font: 500 .72rem/1 var(--sans); letter-spacing: .28em; text-transform: uppercase; color: var(--ink-3);
  margin-bottom: 1.4rem;
}
.eyebrow::before { content: ""; width: 32px; height: 1px; background: var(--amber-2); }

/* bez „štětcového“ podtržení – jen jemná kurzíva */
.mark { font-style: normal; color: var(--amber); }

/* ---------- tlačítka ---------- */
.btn {
  --bg: var(--ink); --fg: var(--paper);
  display: inline-flex; align-items: center; gap: .8em; padding: 1.15em 2em; border-radius: 2px;
  background: var(--bg); color: var(--fg); text-decoration: none; font: 500 .74rem/1 var(--sans);
  letter-spacing: .2em; text-transform: uppercase;
  border: 1px solid var(--bg); transition: background .35s ease, color .35s ease, border-color .35s ease;
}
.btn:hover { background: transparent; color: var(--bg); }
.btn .arr { transition: transform .35s; }
.btn:hover .arr { transform: translateX(4px); }
.btn--amber { --bg: var(--amber); --fg: #fff; }
.btn--ghost { --bg: transparent; --fg: var(--ink); border-color: var(--ink-3); }
.btn--ghost:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.link { font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--amber-2); padding-bottom: 3px; letter-spacing: .02em; }
.link:hover { color: var(--amber); border-color: var(--amber); }

/* ---------- horní lišta + hlavička ---------- */
.topbar { background: var(--paper-2); color: var(--ink-2); font-size: .8rem; letter-spacing: .03em; border-bottom: 1px solid var(--line); }
.topbar .wrap { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; }
.topbar a { text-decoration: none; }
.topbar .hl { color: var(--amber); font-weight: 500; }

.header { position: sticky; top: 0; z-index: 50; background: rgba(251, 249, 245, .86); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid transparent; transition: border-color .3s; }
.header.scrolled { border-color: var(--line); }
.header .wrap { display: flex; align-items: center; gap: 2rem; height: 78px; }
.brand { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
.brand img { width: 44px; height: 44px; opacity: .85; }
.brand b { font: 300 1.45rem/1 var(--serif); letter-spacing: 0; }
.brand small { display: block; font: 400 .64rem/1.4 var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-3); margin-top: .2rem; }
.nav { display: flex; gap: 2.1rem; margin-left: auto; }
.nav a { text-decoration: none; font-weight: 400; font-size: .86rem; letter-spacing: .08em; position: relative; padding: .3em 0; color: var(--ink-2); }
.nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: var(--amber); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.nav a:hover::after, .nav a[aria-current]::after { transform: scaleX(1); }
.nav a.kids { color: var(--ink); font-weight: 500; }
.header .btn { padding: 1em 1.4em; }
.burger { display: none; margin-left: auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); }
.burger span { display: block; width: 18px; height: 1.5px; background: var(--ink); margin: 4px auto; }

/* ---------- hero ---------- */
.hero { position: relative; padding: clamp(3rem, 7vw, 6rem) 0 clamp(4rem, 8vw, 7rem); }
.hero .wrap { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.hero h1 { margin-bottom: 1.6rem; }
.hero .lead { margin-bottom: 2.2rem; }
.hero-cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 2.6rem; }
.trust-row { display: flex; flex-wrap: wrap; gap: 1.6rem 2.8rem; padding-top: 1.8rem; border-top: 1px solid var(--line); }
.trust-row div { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); line-height: 1.35; }
.trust-row b { display: block; font: 300 2rem/1 var(--serif); letter-spacing: 0; text-transform: none; color: var(--ink); margin-bottom: .4rem; }

/* úvod: video dlaždice (inspirace zajezdy.cz) */
.hero--tiles { padding: clamp(1.6rem, 3vw, 2.6rem) 0 clamp(2.5rem, 5vw, 4rem); }
.hero--tiles .wrap { display: block; }
.hero-intro { display: grid; grid-template-columns: 1.6fr 1fr; gap: 1rem 3rem; align-items: end; margin-bottom: clamp(1.4rem, 2.6vw, 2.2rem); }
.hero--tiles h1 { font-size: clamp(2rem, 3.3vw, 3rem); margin: .6rem 0 0; }
.hero--tiles .lead { margin: 0; font-size: 1rem; }
.bento { display: grid; grid-template-columns: 1.95fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; height: clamp(360px, 36vw, 540px); }
.tile { position: relative; display: block; border-radius: var(--radius); overflow: hidden; color: #fff; text-decoration: none; background: #2b2724; box-shadow: var(--shadow); }
.tile--big, .tile--tall { grid-row: span 2; }
.tile-media, .tile-media img, .tile-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tile-media video, .tile-media img { transition: transform 1.6s cubic-bezier(.2,.8,.2,1); }
.tile:hover .tile-media video, .tile:hover .tile-media img { transform: scale(1.03); }
.hv-stack video.hv { opacity: 0; transition: opacity 1.6s ease, transform 1.6s cubic-bezier(.2,.8,.2,1); }
.hv-stack video.hv.on { opacity: 1; }
.tile-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(28,25,22,0) 35%, rgba(28,25,22,.7) 100%); }
.tile--big .tile-veil { background: linear-gradient(90deg, rgba(28,25,22,.55) 0%, rgba(28,25,22,.1) 55%), linear-gradient(180deg, rgba(28,25,22,0) 45%, rgba(28,25,22,.6) 100%); }
.tile-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(1.1rem, 2vw, 2rem); z-index: 2; }
.tile-t { font: 300 clamp(1.5rem, 2.2vw, 2rem)/1.05 var(--serif); color: #fff; margin: .5rem 0 .9rem; }
.tile--big .tile-t { font-size: clamp(2rem, 3.6vw, 3.2rem); max-width: 9em; margin-bottom: .6rem; }
.tile-txt p { margin: 0 0 1.2rem; color: rgba(255,255,255,.86); max-width: 26em; }
.tile-btn { display: inline-flex; align-items: center; gap: .6em; padding: .85em 1.3em; background: rgba(255,255,255,.94); color: var(--ink); border-radius: 2px; font: 500 .64rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; transition: background .3s, color .3s; }
.tile:not(.tile--big):not(.tile--tall) .tile-btn { background: transparent; color: #fff; padding: 0; border-bottom: 1px solid rgba(255,255,255,.55); padding-bottom: .4em; }
.tile:hover .tile-btn { background: var(--amber); color: #fff; }
.tile:not(.tile--big):not(.tile--tall):hover .tile-btn { background: transparent; border-color: #fff; }
.tile-badge { position: absolute; top: 14px; right: 14px; z-index: 2; display: inline-flex; align-items: center; gap: .55rem; background: rgba(255,254,251,.94); color: var(--ink); border-radius: 2px; padding: .5em .85em; font: 500 .62rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.tile-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px var(--amber-soft); }
.hero--tiles .trust-row { margin-top: clamp(1.4rem, 2.6vw, 2.2rem); border-top: 0; padding-top: 0; justify-content: space-between; }
.hero-visual { position: relative; aspect-ratio: 4 / 4.6; }
.photo {
  position: absolute; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg);
  background: var(--paper-2);
}
.photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.photo:hover img { transform: scale(1.04); }
.hero-visual .p1 { inset: 0 18% 14% 0; }
.hv-stack video, .photo video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hv-stack video.hv { opacity: 0; transition: opacity 1.4s ease; }
.hv-stack video.hv.on { opacity: 1; }
.photo .veil, .viewfinder::before, .viewfinder::after { z-index: 2; }
.hero-visual .p2 { width: 44%; aspect-ratio: 4/5; right: 0; bottom: 0; border: 8px solid var(--paper); }
.hero-visual .frame { position: absolute; inset: 5% 13% 9% 5%; border: 1px solid var(--blush-2); border-radius: var(--radius); z-index: -1; transform: translate(-28px, 28px); }
.hero-visual .note {
  position: absolute; left: -22px; bottom: 10%; background: var(--card); border-radius: var(--radius); padding: 1rem 1.3rem; box-shadow: var(--shadow);
  display: flex; align-items: center; gap: .8rem; font-size: .85rem; line-height: 1.35; border: 1px solid var(--line);
}
.note .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 5px var(--amber-soft); flex: none; }
.note b { display: block; font: 300 1.15rem/1.2 var(--serif); }

/* jemné rohy hledáčku */
.viewfinder::before, .viewfinder::after {
  content: ""; position: absolute; width: 22px; height: 22px; border: 1px solid rgba(255,255,255,.85); z-index: 2; pointer-events: none;
}
.viewfinder::before { top: 18px; left: 18px; border-right: 0; border-bottom: 0; }
.viewfinder::after { bottom: 18px; right: 18px; border-left: 0; border-top: 0; }

/* ---------- sekce obecně ---------- */
section { position: relative; }
.section { padding: clamp(5rem, 11vw, 9rem) 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 3.6rem; flex-wrap: wrap; }
.section-head h2 { max-width: 14em; }
.section-head p { max-width: 30em; margin: 0; font-weight: 300; }
.tint { background: var(--paper-2); }
.dark { background: var(--sky-soft); }
.dark .eyebrow::before { background: var(--sage); }

/* ---------- nabídka pro děti ---------- */
.age-switch { display: inline-flex; margin-bottom: 2.8rem; gap: 2rem; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.age-switch button { border: 0; background: none; padding: .8em 0; font: 400 .78rem var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); cursor: pointer; border-bottom: 1px solid transparent; margin-bottom: -1px; transition: color .3s, border-color .3s; }
.age-switch button.on { color: var(--ink); border-color: var(--ink); }

.offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; }
.offer {
  display: flex; flex-direction: column; text-decoration: none; transition: opacity .5s;
}
.offers--two { grid-template-columns: repeat(2, 1fr); gap: 3.2rem; }
.offers--two .offer-img { aspect-ratio: 5/4; }
.age-switch--sm { display: flex; gap: 1.4rem; margin-bottom: 1.2rem; }
.age-switch--sm button { font-size: .66rem; padding: .6em 0; }
.term[hidden] { display: none; }
.offer-img { position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: var(--radius); }
.offer-img img, .offer-img video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.6s cubic-bezier(.2,.8,.2,1); }
.offer:hover .offer-img img, .offer:hover .offer-img video { transform: scale(1.04); }
/* krátké video smyčky: dokud není video, plakát (fotka) jemně „dýchá“ */
.offer-img video.loop:not(.playing) { animation: breathe 14s ease-in-out infinite alternate; }
@keyframes breathe { from { transform: scale(1); } to { transform: scale(1.07) translate(-1%, -1%); } }
.veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(40,36,32,0) 38%, rgba(40,36,32,.62) 100%); pointer-events: none; }
.ov { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.6rem 1.6rem 1.5rem; color: #fff; z-index: 2; }
.ov-k { display: block; font: 500 .62rem/1 var(--sans); letter-spacing: .28em; text-transform: uppercase; opacity: .9; margin-bottom: .7rem; }
.ov-k::before { content: ""; display: inline-block; width: 22px; height: 1px; background: currentColor; vertical-align: middle; margin-right: .8em; opacity: .8; }
.ov-t { font: 300 2rem/1.05 var(--serif); color: #fff; margin: 0; max-width: 11em; }
.offer-tag { position: absolute; left: 16px; top: 16px; background: rgba(251,249,245,.92); backdrop-filter: blur(6px); border-radius: 2px; padding: .55em .9em; font: 500 .64rem/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; }
.offer-body { padding: 1.6rem 0 0; display: flex; flex-direction: column; gap: .9rem; flex: 1; }
.offer-body h3 { font-size: 1.85rem; }
.offer-body p { margin: 0; font-size: .95rem; font-weight: 300; }
.facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: .4rem 0 .2rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.fact { display: grid; grid-template-columns: auto 1fr; column-gap: .65rem; row-gap: .15rem; align-items: center; padding: .95rem 1rem; }
.fact + .fact { border-left: 1px solid var(--line); }
.fact:first-child { padding-left: 0; }
.fact svg { grid-row: 1 / 3; color: var(--amber); }
.fact-l { font: 500 .62rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); }
.fact-v { font-size: .98rem; font-weight: 400; color: var(--ink); white-space: nowrap; }
@media (max-width: 1100px) and (min-width: 721px) { .fact { grid-template-columns: 1fr; } .fact svg { grid-row: auto; margin-bottom: .2rem; } }
@media (max-width: 420px) { .facts { grid-template-columns: 1fr; } .fact { padding: .7rem 0; } .fact + .fact { border-left: 0; border-top: 1px solid var(--line); } }
.offer-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; padding-top: .6rem; }
.price { font: 300 1.5rem/1 var(--serif); }
.price small { font: 400 .74rem var(--sans); letter-spacing: .06em; color: var(--ink-3); }
.go { font: 500 .7rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ink); display: inline-flex; gap: .6em; align-items: center; }
.go::before { content: "Detail"; }
.offer:hover .go { color: var(--amber); }

/* ---------- proč rodiče věří ---------- */
.why { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.why-photos { position: relative; aspect-ratio: 1 / 1.05; }
.why-photos .a { inset: 0 22% 22% 0; }
.why-photos .b { inset: 42% 0 0 36%; border: 4px solid var(--paper); }
.badge-round {
  position: absolute; left: 6%; bottom: 6%; width: 138px; height: 138px; border-radius: 50%; background: var(--blush); color: var(--ink-2);
  border: 1px solid var(--blush-2); display: grid; place-items: center; text-align: center; font: 400 .66rem/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; z-index: 3;
}
.badge-round b { display: block; font: 300 2.8rem/1 var(--serif); letter-spacing: 0; color: var(--ink); text-transform: none; }
.pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 2.2rem 2.6rem; margin-top: 2.8rem; }
.pillar { display: block; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.pillar .ic { display: inline-flex; color: var(--amber); margin-bottom: .9rem; }
.pillar h3 { font-size: 1.45rem; margin: 0 0 .5rem; }
.pillar p { font-size: .93rem; font-weight: 300; margin: 0; }

/* ---------- den na táboře (timeline) ---------- */
.day { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: 1rem; position: relative; }
.day::before { content: ""; position: absolute; left: 0; right: 0; top: 22px; height: 1px; background: var(--sage); opacity: .45; }
.step { position: relative; padding-right: 1.8rem; }
.step .t { display: inline-grid; place-items: center; height: 44px; padding: 0 1.1rem; background: var(--sky-soft); color: var(--ink); font: 300 1.35rem var(--serif); position: relative; z-index: 1; padding-left: 0; }
.step h3 { font-size: 1.4rem; margin: 1.2rem 0 .5rem; }
.step p { font-size: .9rem; font-weight: 300; margin: 0; }

/* ---------- galerie (filmový pás) ---------- */
.film { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(20px, (100vw - var(--wrap)) / 2) 1.2rem; scrollbar-width: none; }
.film::-webkit-scrollbar { display: none; }
.film figure { flex: none; width: clamp(240px, 28vw, 360px); margin: 0; scroll-snap-align: start; }
.film figure:nth-child(even) { margin-top: 3rem; }
.film .photo { position: relative; aspect-ratio: 4/5; box-shadow: none; }
.film figcaption { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); margin-top: .9rem; display: flex; gap: .8rem; }
.film figcaption::before { content: attr(data-n); font: 300 .95rem var(--serif); letter-spacing: 0; color: var(--amber); }

/* ---------- recenze ---------- */
.reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; }
.review { padding: 2rem 0 0; border-top: 1px solid var(--blush-2); display: flex; flex-direction: column; gap: 1.4rem; }
.review blockquote { margin: 0; font: 300 1.4rem/1.45 var(--serif); color: var(--ink); }
.review blockquote::before { content: "“"; display: block; font: 300 4rem/.5 var(--serif); color: var(--blush-2); margin-bottom: .6rem; font-style: normal; }
.review .who { margin-top: auto; display: flex; align-items: center; gap: .9rem; font-size: .82rem; color: var(--ink-3); }
.review .who b { color: var(--ink); font-weight: 500; letter-spacing: .04em; }
.review .av { display: none; }
.stars { color: var(--ink-3); letter-spacing: 4px; font-size: .8rem; }
.placeholder { outline: 1px dashed #c9a98a; outline-offset: 8px; }
.ph-note { display: inline-block; font: 500 .68rem/1.4 var(--sans); letter-spacing: .04em; color: #9a6b45; background: #f6ece2; padding: .25em .6em; border-radius: 2px; text-transform: none; }

/* ---------- kurzy pro dospělé ---------- */
.adults { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.course-list { border-top: 1px solid var(--ink-3); }
.course { display: grid; grid-template-columns: 96px 1fr auto; gap: 1.6rem; align-items: center; padding: 1.5rem 0; border-bottom: 1px solid var(--line); text-decoration: none; transition: background .4s; }
.course:hover { background: var(--paper-2); }
.course .date { font: 300 1.9rem/1 var(--serif); }
.course .date small { display: block; font: 400 .64rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); margin-top: .4rem; }
.course h3 { font-size: 1.4rem; margin-bottom: .25rem; }
.course span { font-size: .84rem; font-weight: 300; color: var(--ink-3); }
.course .p { font: 300 1.25rem var(--serif); white-space: nowrap; }

/* ---------- FAQ ---------- */
.faq { max-width: 860px; margin: 0 auto; border-top: 1px solid var(--ink-3); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; padding: 1.6rem 3rem 1.6rem 0; font: 300 1.55rem/1.3 var(--serif); position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 14px; height: 14px; border-right: 1px solid var(--ink-2); border-bottom: 1px solid var(--ink-2); transform: translateY(-75%) rotate(45deg); transition: transform .4s; }
.faq details[open] summary::after { transform: translateY(-25%) rotate(-135deg); }
.faq details p { padding-bottom: 1.6rem; max-width: 46em; font-weight: 300; }

/* ---------- CTA pás ---------- */
.cta-band { border-radius: var(--radius); overflow: hidden; position: relative; display: grid; grid-template-columns: 1.15fr 1fr; background: var(--blush); }
.cta-band .txt { padding: clamp(2.4rem, 6vw, 5rem); }
.cta-band h2 { margin-bottom: 1.2rem; }
.cta-band .img { position: relative; min-height: 360px; }
.cta-band .img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.notify { display: flex; gap: 0; margin-top: 2rem; max-width: 480px; flex-wrap: wrap; border-bottom: 1px solid var(--ink-2); }
.notify input { flex: 1 1 220px; min-width: 0; padding: 1em 0; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 1rem; outline: none; }
.notify input::placeholder { color: var(--ink-3); }
.notify .btn { --bg: transparent; --fg: var(--ink); border: 0; padding: 1em 0 1em 1em; }
.notify .btn:hover { color: var(--amber); }
.small { font-size: .78rem; color: var(--ink-3); margin-top: 1rem; }

/* ---------- patička ---------- */
.footer { padding: 6rem 0 2.4rem; background: var(--paper-2); margin-top: clamp(5rem, 11vw, 9rem); }
.footer .cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2.5rem; }
.footer h4 { font: 500 .66rem var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 1.3rem; }
.footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.footer a { text-decoration: none; color: var(--ink-2); }
.footer a:hover { color: var(--amber); }
.footer .base { margin-top: 4rem; padding-top: 1.6rem; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .85rem; color: var(--ink-3); }

/* ---------- reveal animace ---------- */
.rv { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
.rv.in { opacity: 1; transform: none; }
.rv.d1 { transition-delay: .1s; } .rv.d2 { transition-delay: .2s; } .rv.d3 { transition-delay: .3s; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .rv { opacity: 1; transform: none; }
}

/* ==========================================================================
   Stránka tábora
   ========================================================================== */
.crumbs { font-size: .85rem; color: var(--ink-3); padding-top: 1.6rem; }
.crumbs a { text-decoration: none; }
.crumbs a:hover { color: var(--amber); }
.camp-hero { padding: 2rem 0 3rem; }
.camp-hero .wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.camp-hero h1 { font-size: clamp(2.3rem, 5vw, 4rem); margin-bottom: 1.2rem; }
.camp-gallery { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 5px; margin-top: 2rem; aspect-ratio: 16/10; }
.camp-gallery .photo { position: relative; }
.camp-gallery .photo:first-child { grid-row: span 2; }
.chips { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; margin: 1.8rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.chip { display: inline-flex; align-items: center; gap: .6em; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); }
.chip svg { color: var(--amber); }

.booking { position: sticky; top: 100px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 2.2rem; box-shadow: var(--shadow); }
.booking h3 { font: 500 .68rem var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 1.2rem; }
.term { display: grid; grid-template-columns: 20px 1fr auto; gap: 1rem; align-items: center; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: var(--radius-sm); margin-bottom: .7rem; cursor: pointer; transition: border-color .3s, background .3s; }
.term:hover { border-color: var(--amber-2); }
.term.sel { border-color: var(--amber); background: var(--amber-soft); }
.term input { accent-color: var(--amber); width: 16px; height: 16px; margin: 0; }
.term b { display: block; font: 300 1.4rem/1.1 var(--serif); }
.term span { font-size: .82rem; font-weight: 300; color: var(--ink-3); }
.seats { text-align: right; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.bar { width: 74px; height: 2px; background: var(--line); overflow: hidden; margin-top: .5rem; margin-left: auto; }
.bar i { display: block; height: 100%; background: var(--sage); }
.bar.low i { background: var(--blush-2); }
.booking .total { display: flex; justify-content: space-between; align-items: baseline; margin: 1.5rem 0; padding-top: 1.3rem; border-top: 1px solid var(--line); font-size: .9rem; color: var(--ink-3); }
.booking .total b { font: 300 2.4rem/1 var(--serif); color: var(--ink); }
.booking .btn { width: 100%; justify-content: center; padding: 1.3em; }
.assure { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; gap: .55rem; font-size: .88rem; color: var(--ink-2); }
.assure li { display: flex; gap: .55rem; align-items: flex-start; }
.assure svg { color: var(--sage); flex: none; margin-top: 3px; }
.contact-mini { display: flex; gap: .8rem; align-items: center; margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--line); font-size: .88rem; }
.contact-mini img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }

.camp-body { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 5vw, 4.5rem); }
.learn { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.4rem; margin-top: 2rem; border-top: 1px solid var(--line); }
.learn div { display: flex; gap: 1rem; align-items: baseline; padding: 1.1rem 0; border-bottom: 1px solid var(--line); font-weight: 400; font-size: .98rem; }
.learn .n { font: 300 1.2rem var(--serif); color: var(--amber); flex: none; }

.week { display: grid; gap: 0; border-left: 1px solid var(--amber-2); margin-left: 4px; }
.week .d { position: relative; padding: 0 0 2.2rem 2.2rem; }
.week .d::before { content: ""; position: absolute; left: -4px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }
.week .d small { font: 500 .66rem var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--ink-3); }
.week .d h3 { font-size: 1.55rem; margin: .3rem 0 .35rem; }
.week .d p { margin: 0; font-size: .93rem; font-weight: 300; }

.mentor { display: grid; grid-template-columns: 220px 1fr; gap: 3rem; align-items: center; padding: 2.4rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mentor .photo { position: relative; aspect-ratio: 4/5; box-shadow: none; }
.practical { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; }
.practical div { padding-top: 1.4rem; border-top: 1px solid var(--ink-3); }
.practical h3 { font-size: 1.6rem; margin: 0 0 .6rem; }
.practical p { font-size: .93rem; font-weight: 300; margin: 0; }
.practical .ic { display: inline-flex; color: var(--amber); margin-bottom: .9rem; }

.mobile-book { display: none; }

/* ==========================================================================
   Responzivita
   ========================================================================== */
@media (max-width: 1080px) {
  .nav { display: none; }
  .burger { display: block; }
  .header.open .nav { display: flex; flex-direction: column; gap: 0; position: absolute; left: 0; right: 0; top: 78px; background: var(--paper); border-bottom: 1px solid var(--line); padding: .5rem 20px 1.2rem; box-shadow: var(--shadow); }
  .header.open .nav a { padding: .9rem 0; border-bottom: 1px solid var(--line); font-size: 1.05rem; }
  .header.open .nav a::after { display: none; }
  .header .btn { display: none; }
  .offers, .reviews { grid-template-columns: 1fr 1fr; }
  .day { grid-template-columns: 1fr 1fr; gap: 2rem 0; }
  .day::before { display: none; }
  .footer .cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  body { font-size: 16px; }
  .topbar .addr { display: none; }
  .hero-intro { grid-template-columns: 1fr; }
  .hero .wrap, .why, .adults, .cta-band, .camp-hero .wrap, .camp-body { grid-template-columns: 1fr; }
  .hero-visual { max-width: 520px; width: 100%; margin: 0 auto; }
  .hero-visual .note { left: 0; }
  .hero-visual .frame { display: none; }
  .why-photos { max-width: 520px; }
  .practical { grid-template-columns: 1fr; }
  .booking { position: static; }
  .cta-band .img { min-height: 220px; order: -1; }
  .mobile-book { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: rgba(251,249,245,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--line); padding: .8rem 16px; align-items: center; justify-content: space-between; }
  .mobile-book b { font: 300 1.5rem var(--serif); }
  .mobile-book small { display: block; font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); }
  .mobile-book .btn { padding: 1.1em 1.4em; }
}
@media (max-width: 620px) {
  .wrap { width: calc(100% - 32px); }
  .offers, .reviews, .pillars, .learn { grid-template-columns: 1fr; }
  .day { grid-template-columns: 1fr; }
  .course { grid-template-columns: 64px 1fr; }
  .course .p { grid-column: 2; }
  .mentor { grid-template-columns: 1fr; }
  .mentor .photo { max-width: 160px; }
  .footer .cols { grid-template-columns: 1fr; }
  .camp-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; aspect-ratio: auto; }
  .camp-gallery .photo { aspect-ratio: 4/3; }
  .camp-gallery .photo:first-child { grid-column: span 2; grid-row: auto; }
  .trust-row { gap: 1.2rem 1.6rem; }
  .hero-intro { grid-template-columns: 1fr; }
  .bento { grid-template-columns: 1fr; grid-template-rows: none; height: auto; }
  .tile { aspect-ratio: 16/10; }
  .tile--big, .tile--tall { grid-row: auto; aspect-ratio: 4/5; }
  .hero--tiles .trust-row { justify-content: flex-start; }
  .hero--tiles .lead { display: none; }
  .hero-visual .note { left: 0; bottom: 4%; }
  .mentor { grid-template-columns: 1fr; }
  .section-head { margin-bottom: 2rem; }
}

/* --- fotokroužek: výhody / kurzy pro dospělé --- */
.perks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.perks div { padding-top: 1.4rem; border-top: 1px solid var(--line); }
.perks b { display: block; font: 300 2.2rem/1 var(--serif); color: var(--ink); margin-bottom: .7rem; letter-spacing: -.02em; }
.perks b small { font-size: .9rem; color: var(--ink-3); margin-left: .2rem; }
.perks span { font-size: .93rem; font-weight: 300; color: var(--ink-2); }
.kurz-filter { margin-bottom: 2.4rem; }
.offers.kurzy { gap: 3rem 2.4rem; }
.kurz .offer-img { aspect-ratio: 4/3; }
.kurz[hidden] { display: none; }
.kurz-date { position: absolute; left: 14px; top: 14px; background: rgba(255,254,251,.95); color: var(--ink); border-radius: 2px; padding: .55em .8em; font: 300 1.25rem/1 var(--serif); }
.kurz-date small { display: block; font: 500 .56rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin-top: .35rem; }
.kurz-t { font-size: 1.45rem; margin: 1.2rem 0 .5rem; }
.kurz .offer-body p { font-size: .93rem; font-weight: 300; color: var(--ink-2); margin: 0 0 1.1rem; }
@media (max-width: 1080px) { .perks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .perks { grid-template-columns: 1fr; } }

/* --- ikony a animace --- */
.ico { display: block; flex: none; }
.trust-row .ico { color: var(--amber); margin-bottom: .8rem; }
.perks .ico { color: var(--amber); margin-bottom: 1rem; }
.step-ico { display: block; color: var(--amber); margin-top: 1.1rem; }
.step-ico + h3 { margin-top: .6rem; }
.dark .step-ico { color: var(--amber); }

/* ikony se dokreslí jednou linkou */
.motion .ico :is(path, circle, rect) { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1); }
.motion .ico.drawn :is(path, circle, rect) { stroke-dashoffset: 0; }
.motion .ico.drawn :is(path, circle, rect):nth-child(2) { transition-delay: .25s; }
.motion .ico.drawn :is(path, circle, rect):nth-child(n+3) { transition-delay: .45s; }

/* hledáček: rohy najedou a obraz se doostří */
.motion .viewfinder::before, .motion .viewfinder::after { opacity: 0; transition: transform 1.2s cubic-bezier(.2,.8,.2,1) .6s, opacity 1s ease .6s; }
.motion .viewfinder::before { transform: translate(-14px, -14px); }
.motion .viewfinder::after { transform: translate(14px, 14px); }
.motion .viewfinder.focused::before, .motion .viewfinder.focused::after { opacity: 1; transform: none; }

/* galerie: fotky hned v barvě, hledáček v rozích se objeví postupně */
.motion .film figure:nth-child(2) .viewfinder::before, .motion .film figure:nth-child(2) .viewfinder::after { transition-delay: .9s; }
.motion .film figure:nth-child(3) .viewfinder::before, .motion .film figure:nth-child(3) .viewfinder::after { transition-delay: 1.2s; }
.motion .film figure:nth-child(4) .viewfinder::before, .motion .film figure:nth-child(4) .viewfinder::after { transition-delay: 1.5s; }
.motion .film figure:nth-child(5) .viewfinder::before, .motion .film figure:nth-child(5) .viewfinder::after { transition-delay: 1.8s; }
.motion .film figure:nth-child(6) .viewfinder::before, .motion .film figure:nth-child(6) .viewfinder::after { transition-delay: 2.1s; }
.motion .camp-gallery .photo:nth-child(2).viewfinder::before, .motion .camp-gallery .photo:nth-child(2).viewfinder::after { transition-delay: 1s; }
.motion .camp-gallery .photo:nth-child(3).viewfinder::before, .motion .camp-gallery .photo:nth-child(3).viewfinder::after { transition-delay: 1.4s; }

/* den na táboře: linka se protáhne zleva doprava, kroky naskočí za sebou */
.motion .day::before { transform: scaleX(0); transform-origin: left; transition: transform 2.4s cubic-bezier(.65,0,.35,1); }
.motion .day.run::before { transform: scaleX(1); }
.motion .day .step { opacity: 0; transform: translateY(14px); transition: opacity .7s, transform .7s; }
.motion .day.run .step { opacity: 1; transform: none; }
.motion .day.run .step:nth-child(2) { transition-delay: .45s; }
.motion .day.run .step:nth-child(3) { transition-delay: .9s; }
.motion .day.run .step:nth-child(4) { transition-delay: 1.35s; }
.motion .day.run .step:nth-child(5) { transition-delay: 1.8s; }
.motion .day .step.rv { transform: translateY(14px); }

/* měsíc v kroužku / týden na táboře: svislá linka a body postupně */
.week { position: relative; border-left-color: transparent; }
.week::before { content: ""; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background: var(--amber-2); transform-origin: top; }
.motion .week::before { transform: scaleY(0); transition: transform 2.2s cubic-bezier(.65,0,.35,1); }
.motion .week.run::before { transform: scaleY(1); }
.motion .week .d { opacity: 0; transform: translateX(-8px); transition: opacity .6s, transform .6s; }
.motion .week.run .d { opacity: 1; transform: none; }
.motion .week.run .d:nth-child(2) { transition-delay: .4s; }
.motion .week.run .d:nth-child(3) { transition-delay: .8s; }
.motion .week.run .d:nth-child(4) { transition-delay: 1.2s; }
.motion .week.run .d:nth-child(5) { transition-delay: 1.6s; }

/* obsazenost termínu se naplní */
.motion .bar i { transform: scaleX(0); transform-origin: left; transition: transform 1.4s cubic-bezier(.2,.8,.2,1) .2s; }
.motion .bar.fill i { transform: none; }

/* „volná místa“ – jemný puls jako živý stav */
.motion .tile-badge .dot, .motion .note .dot { animation: pulse 2.4s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(61,90,128,.35); } 50% { box-shadow: 0 0 0 6px rgba(61,90,128,0); } }

/* kurzy: datum „odtrhnuté z kalendáře“ */
.motion .kurz .kurz-date { transform: translateY(-6px); opacity: 0; transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s; }
.motion .kurz .offer-img:hover .kurz-date, .motion .kurz .kurz-date { transform: none; opacity: 1; }
.kurz:hover .kurz-date { transform: rotate(-2deg); }

/* --- menu: rozbalovací „Pro děti“ --- */
.has-sub { position: relative; display: flex; align-items: center; }
.has-sub > a { display: inline-flex; align-items: center; gap: .45em; }
.has-sub .chev { transition: transform .3s; }
.has-sub.open .chev { transform: rotate(180deg); }
.sub { position: absolute; top: calc(100% + 14px); left: -22px; min-width: 330px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: .6rem; display: grid; gap: .2rem;
       opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s, transform .25s, visibility 0s .25s; z-index: 60; }
.sub::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.has-sub.open .sub, .has-sub:not(.mega):focus-within .sub { opacity: 1; visibility: visible; transform: none; transition: opacity .25s, transform .25s; }
.nav .sub a { display: flex; align-items: center; gap: .9rem; padding: .6rem; border-radius: 4px; letter-spacing: 0; color: var(--ink); }
.nav .sub a::after { display: none; }
.nav .sub a:hover { background: var(--paper-2); }
.sub img { width: 64px; height: 48px; object-fit: cover; border-radius: 3px; flex: none; }
.sub b { display: block; font-weight: 400; font-size: .98rem; }
.sub small { display: block; font-size: .74rem; color: var(--ink-3); letter-spacing: .02em; margin-top: .15rem; }
@media (max-width: 1080px) {
  .header.open .has-sub { flex-direction: column; align-items: stretch; }
  .header.open .has-sub > a { justify-content: space-between; }
  .header.open .has-sub .chev { display: none; }
  .header.open .sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: .2rem 0 .6rem; min-width: 0; background: transparent; }
  .header.open .nav .sub a { border-bottom: 0; padding: .5rem 0; }
}

/* --- světlo přes žaluzie (inspirace: okno ateliéru) --- */
.blinds { position: relative; isolation: isolate; overflow: hidden; background: #ece7df; }
.blinds::before {
  content: ""; position: absolute; inset: -25% -10%; z-index: -1; pointer-events: none;
  background: repeating-linear-gradient(118deg, transparent 0 34px, rgba(255,255,255,.62) 34px 52px, transparent 52px 64px);
  filter: blur(5px);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 22% 18%, #000 0%, rgba(0,0,0,.55) 40%, transparent 75%);
          mask-image: radial-gradient(ellipse 70% 60% at 22% 18%, #000 0%, rgba(0,0,0,.55) 40%, transparent 75%);
}
.blinds::after { /* druhé, slabší okno vpravo dole */
  content: ""; position: absolute; inset: -25% -10%; z-index: -1; pointer-events: none;
  background: repeating-linear-gradient(118deg, transparent 0 30px, rgba(255,255,255,.4) 30px 44px, transparent 44px 58px);
  filter: blur(7px);
  -webkit-mask-image: radial-gradient(ellipse 45% 50% at 88% 85%, #000 0%, transparent 70%);
          mask-image: radial-gradient(ellipse 45% 50% at 88% 85%, #000 0%, transparent 70%);
}
.motion .blinds::before { animation: light-drift 38s ease-in-out infinite alternate; }
.motion .blinds::after { animation: light-drift 46s ease-in-out infinite alternate-reverse; }
@keyframes light-drift { from { transform: translate3d(-2%, -1%, 0) skewX(0deg); } to { transform: translate3d(2%, 1.5%, 0) skewX(-3deg); } }
/* šikmý horní okraj jako dopadající světlo */
.blinds.slant { clip-path: polygon(0 clamp(28px, 5vw, 80px), 100% 0, 100% 100%, 0 100%); padding-top: calc(clamp(4rem, 9vw, 8rem) + clamp(28px, 5vw, 80px)); }

/* --- menu: tabule „Kurzy pro dospělé“ --- */
.header .wrap { position: relative; }
.has-sub.mega { position: static; }
.sub--mega { left: 0; right: 0; top: calc(100% - 8px); min-width: 0; padding: 1.6rem 1.8rem 1.8rem; gap: 1.2rem; }
.mhead { display: flex; justify-content: space-between; align-items: baseline; }
.mhead > span { font: 300 1.6rem/1 var(--serif); color: var(--ink); letter-spacing: -.02em; }
.nav .mhead .link { font-size: .78rem; letter-spacing: .06em; padding: 0 0 3px; }
.nav .mhead .link::after { display: none; }
.mgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.nav .sub .mcard { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: transform .35s, box-shadow .35s; }
.nav .sub .mcard:hover { background: var(--paper); transform: translateY(-3px); box-shadow: var(--shadow); }
.mimg { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; }
.mcard[hidden] { display: none !important; }
.sub .mimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; }
.mtags { position: absolute; left: 10px; bottom: 10px; display: flex; flex-wrap: wrap; gap: 4px; }
.mtags i { font-style: normal; font: 500 .58rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; background: rgba(255,254,251,.94); color: var(--ink); padding: .55em .75em; border-radius: 2px; }
.mtags i:first-child { background: var(--amber); color: #fff; }
.mbody { display: flex; flex-direction: column; padding: .9rem 1rem 1rem; flex: 1; }
.sub .mbody b { font-size: 1rem; line-height: 1.3; min-height: 2.6em; }
.mrow { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: .55rem 0; margin: .7rem 0; font-size: .82rem; }
.sub .mrow small { margin: 0; font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; }
.mfoot { display: flex; justify-content: space-between; align-items: baseline; margin-top: auto; }
.mprice { font: 300 1.3rem/1 var(--serif); color: var(--ink); }
.mseats { font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: var(--amber); }
@media (max-width: 1080px) {
  .header.open .sub--mega { padding: .2rem 0 .8rem; }
  .header.open .mhead > span { display: none; }
  .header.open .mgrid { grid-template-columns: 1fr; gap: .4rem; }
  .header.open .nav .sub .mcard { flex-direction: row; border: 0; background: transparent; }
  .header.open .mimg { width: 64px; height: 48px; aspect-ratio: auto; flex: none; border-radius: 3px; overflow: hidden; }
  .header.open .mtags, .header.open .mrow, .header.open .mseats { display: none; }
  .header.open .mbody { padding: 0 0 0 .9rem; }
  .header.open .sub .mbody b { min-height: 0; font-size: .95rem; }
  .header.open .mprice { font-size: .8rem; color: var(--ink-3); }
}

/* --- přehled kurzů (filtry, řazení, karty) --- */
.cp-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; flex-wrap: wrap; margin-bottom: clamp(1.6rem, 3vw, 2.6rem); }
.cp-head h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); margin-top: .6rem; }
.cp-contact { display: flex; flex-direction: column; gap: .4rem; font-size: .9rem; }
.cp-contact a { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: var(--ink-2); }
.cp-contact svg { color: var(--amber); }
.cp-layout { display: grid; grid-template-columns: 260px 1fr; gap: clamp(1.6rem, 3vw, 3rem); align-items: start; }
.cp-filters { position: sticky; top: 100px; }
.cp-filters-toggle { display: none; }
.fgroup { padding: 1.3rem 0; border-top: 1px solid var(--line); }
.fgroup:first-child { border-top: 1px solid var(--ink-3); }
.fgroup h4 { font: 500 .64rem var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 .9rem; }
.fchips { display: flex; flex-wrap: wrap; gap: .4rem; }
.fchips button { border: 1px solid var(--line); background: var(--card); border-radius: 2px; padding: .5em .8em; font: 400 .82rem var(--sans); color: var(--ink-2); cursor: pointer; transition: all .25s; }
.fchips button small { color: var(--ink-3); margin-left: .2rem; }
.fchips button:hover { border-color: var(--amber-2); }
.fchips button.on { background: var(--amber); border-color: var(--amber); color: #fff; }
.fchips button.on small { color: rgba(255,255,255,.75); }
.chk { display: flex; align-items: center; gap: .6rem; padding: .3rem 0; font-size: .9rem; cursor: pointer; }
.chk input { accent-color: var(--amber); width: 16px; height: 16px; }
.switch { display: flex; align-items: center; gap: .7rem; font-size: .9rem; cursor: pointer; }
.switch input { position: absolute; opacity: 0; }
.switch .track { width: 34px; height: 20px; border-radius: 20px; background: var(--line); position: relative; transition: background .25s; flex: none; }
.switch .track::after { content: ""; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform .25s; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.switch input:checked + .track { background: var(--amber); }
.switch input:checked + .track::after { transform: translateX(14px); }
.switch input:focus-visible + .track { outline: 2px solid var(--amber-2); outline-offset: 2px; }
.cp-voucher { display: flex; gap: .8rem; align-items: center; margin-top: .6rem; padding: 1rem; background: var(--blush); border-radius: var(--radius); text-decoration: none; color: var(--ink); }
.cp-voucher svg { color: var(--amber); flex: none; }
.cp-voucher b { display: block; font-weight: 500; }
.cp-voucher span { font-size: .82rem; color: var(--ink-2); }
.cp-bar { display: flex; justify-content: space-between; align-items: center; gap: 1rem 2rem; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.cp-sort { display: flex; gap: 1.6rem; flex-wrap: wrap; }
.cp-sort button { border: 0; background: none; padding: .9em 0; font: 400 .74rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); cursor: pointer; border-bottom: 1px solid transparent; margin-bottom: -1px; }
.cp-sort button.on { color: var(--ink); border-color: var(--ink); }
.cp-search { display: flex; align-items: center; gap: .5rem; color: var(--ink-3); border-bottom: 1px solid var(--line); padding: .3rem 0; }
.cp-search input { border: 0; background: none; font: 300 .92rem var(--sans); color: var(--ink); outline: none; width: 160px; }
.cp-active { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0 1.4rem; font-size: .85rem; color: var(--ink-3); }
.cp-reset { border: 0; background: none; color: var(--amber); cursor: pointer; font: 400 .85rem var(--sans); }
.cp-empty { padding: 2rem 0; color: var(--ink-3); }
.cgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
.ccard { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; text-decoration: none; color: var(--ink); transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.ccard:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.ccard[hidden] { display: none; }
.cimg { position: relative; display: block; aspect-ratio: 16/11; overflow: hidden; }
.cimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.ccard:hover .cimg img { transform: scale(1.04); }
.cbody { display: flex; flex-direction: column; padding: 1.2rem 1.3rem 1.3rem; flex: 1; }
.cbody h3 { font-size: 1.3rem; line-height: 1.2; margin: 0 0 .6rem; }
.cbody p { font-size: .88rem; font-weight: 300; color: var(--ink-2); margin: 0 0 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cbody dl { margin: 0 0 1rem; border-top: 1px solid var(--line); }
.cbody dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--line); font-size: .82rem; }
.cbody dt { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); padding-top: .2rem; }
.cbody dd { margin: 0; text-align: right; }
.cfoot { display: flex; justify-content: space-between; align-items: baseline; margin-top: auto; }
.cprice { font: 300 1.5rem/1 var(--serif); }
.cseats { font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--amber); }
.cseats.is-low { color: #a5654d; }
.cseats.is-none { color: var(--ink-3); }
.cgrid--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1080px) {
  .cp-layout { grid-template-columns: 1fr; }
  .cp-filters { position: static; }
  .cp-filters-toggle { display: inline-flex; gap: .4rem; border: 1px solid var(--ink-3); background: none; padding: .7em 1.2em; font: 500 .7rem var(--sans); letter-spacing: .2em; text-transform: uppercase; cursor: pointer; border-radius: 2px; }
  .cp-filters-body { display: none; margin-top: 1rem; }
  .cp-filters.open .cp-filters-body { display: block; }
  .cgrid, .cgrid--3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) { .cgrid, .cgrid--3 { grid-template-columns: 1fr; } .cp-search input { width: 120px; } }

/* --- detail kurzu --- */
.kd-top { padding: 1.4rem 0 0; }
.kd-top h1 { font-size: clamp(2.3rem, 4.6vw, 3.8rem); margin: .4rem 0 1.6rem; }
.kd-facts { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.3fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.kd-facts > div { padding: 1.2rem 1.4rem 1.2rem 0; display: flex; flex-direction: column; gap: .3rem; }
.kd-facts > div + div { padding-left: 1.4rem; border-left: 1px solid var(--line); }
.kd-facts small { font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); }
.kd-facts b { font-weight: 400; font-size: 1rem; }
.kd-facts .link { font-size: .8rem; align-self: flex-start; }
.kd-lektor { flex-direction: row !important; align-items: center; gap: .9rem !important; }
.kd-lektor img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.kd-lektor span { display: flex; flex-direction: column; gap: .2rem; }
.kd-body { padding: clamp(2rem, 4vw, 3.4rem) 0 clamp(4rem, 8vw, 6rem); }
.kd-grid { display: grid; grid-template-columns: 1fr 380px; gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.kd-main h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); margin: 3rem 0 1rem; }
.kd-main > p { font-weight: 300; max-width: 42em; }
.kd-perex { font-size: 1.15rem; font-weight: 400 !important; line-height: 1.6; color: var(--ink); margin-top: 0; }
.kd-gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 5px; aspect-ratio: 16/9; margin-top: 2rem; }
.kg-item { position: relative; overflow: hidden; border-radius: var(--radius-sm); display: block; }
.kg-item:first-child { grid-row: span 2; }
.kg-item:nth-child(n+6) { display: none; }
.kg-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.kg-item:hover img { transform: scale(1.05); }
.kd-steps { list-style: none; padding: 0; margin: 0; counter-reset: s; display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.4rem; border-top: 1px solid var(--line); }
.kd-steps li { counter-increment: s; padding: 1.1rem 0 1.1rem 2.4rem; border-bottom: 1px solid var(--line); position: relative; font-size: .92rem; font-weight: 300; color: var(--ink-2); }
.kd-steps li::before { content: counter(s, decimal-leading-zero); position: absolute; left: 0; top: 1.1rem; font: 300 1.05rem var(--serif); color: var(--amber); }
.kd-steps b { display: block; font-weight: 500; color: var(--ink); margin-bottom: .2rem; }
.kd-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; position: relative; }
.kd-timeline::before { content: ""; position: absolute; left: 18px; right: 18px; top: 18px; height: 1px; background: var(--amber-2); }
.kd-timeline > div span { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--paper); border: 1px solid var(--amber); color: var(--amber); font: 300 1rem var(--serif); }
.kd-timeline p { font-size: .9rem; font-weight: 300; color: var(--ink-2); margin: .9rem 0 0; }
.kd-timeline b { display: block; font-weight: 500; color: var(--ink); font-size: 1rem; margin-bottom: .25rem; }
.kd-two { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; margin-top: 3rem; }
.kd-box { background: var(--paper-2); border-radius: var(--radius); padding: 1.6rem 1.8rem; }
.kd-box h3 { font-size: 1.35rem; margin: 0 0 1rem; }
.kd-box p { font-size: .92rem; font-weight: 300; margin: 0; }
.kd-mentor { grid-template-columns: 180px 1fr; }
.kd-quote { font: 300 1.25rem/1.5 var(--serif) !important; color: var(--ink) !important; border-left: 2px solid var(--amber-2); padding-left: 1.4rem; }
.kd-side { position: sticky; top: 100px; }
.kd-card { padding: 0; overflow: hidden; position: static; }
.kd-cimg { position: relative; aspect-ratio: 16/10; }
.kd-cimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kd-ctitle { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 1.4rem 1.6rem .4rem; }
.kd-ctitle b { font-weight: 400; font-size: 1.1rem; line-height: 1.3; }
.kd-price { font: 300 1.9rem/1 var(--serif); white-space: nowrap; }
.kd-terms { padding: .8rem 1.6rem 0; }
.kd-th { display: flex; justify-content: space-between; font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); padding-bottom: .6rem; }
.kd-card > .btn { margin: 1.2rem 1.6rem 0; width: calc(100% - 3.2rem); }
.kd-more { display: flex; flex-direction: column; padding: 1rem 1.6rem 1.6rem; }
.kd-more a { font-size: .85rem; color: var(--ink-2); text-decoration: none; padding: .55rem 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; }
.kd-more a::after { content: "→"; color: var(--amber); }
.kd-more a:hover { color: var(--amber); }
@media (max-width: 1080px) {
  .kd-grid { grid-template-columns: 1fr; }
  .kd-side { position: static; order: -1; }
  .kd-facts { grid-template-columns: 1fr 1fr; }
  .kd-facts > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .kd-facts > div { border-top: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .kd-steps, .kd-two, .kd-timeline { grid-template-columns: 1fr; }
  .kd-timeline::before { display: none; }
  .kd-gallery { grid-template-columns: 1fr 1fr; aspect-ratio: auto; grid-template-rows: auto; }
  .kg-item { aspect-ratio: 4/5; }
  .kg-item:first-child { grid-column: span 2; grid-row: auto; aspect-ratio: 16/11; }
  .kd-mentor { grid-template-columns: 1fr; }
}

/* --- detail kurzu: termín jako lístek z kalendáře --- */
.kterm { display: grid; grid-template-columns: auto 1fr; gap: 1rem 1.1rem; align-items: center; padding: 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; cursor: pointer; position: relative; transition: border-color .3s, box-shadow .3s; }
.kterm input { position: absolute; opacity: 0; pointer-events: none; }
.kterm.sel { border-color: var(--amber); box-shadow: 0 0 0 3px var(--amber-soft); }
.kcal { display: flex; flex-direction: column; align-items: center; width: 64px; border-radius: 6px; overflow: hidden; border: 1px solid var(--amber); background: #fff; }
.kcal small:first-child { width: 100%; text-align: center; background: var(--amber); color: #fff; font: 500 .62rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; padding: .45rem 0 .4rem; }
.kcal b { font: 300 2rem/1 var(--serif); color: var(--ink); padding: .35rem 0 .1rem; }
.kcal small:last-child { font-size: .62rem; color: var(--ink-3); letter-spacing: .08em; padding-bottom: .4rem; }
.kinfo { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.kinfo b { font-weight: 500; font-size: 1.05rem; color: var(--ink); }
.kinfo span { display: flex; align-items: center; gap: .45rem; font-size: .86rem; color: var(--ink-2); }
.kinfo svg { color: var(--amber); flex: none; }
.kseats { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .9rem; border-top: 1px dashed var(--line); font-size: .86rem; color: var(--ink-2); }
.kseats b { color: #a5654d; font-weight: 500; }
.kdots { display: flex; gap: 5px; }
.kdots i { width: 10px; height: 10px; border-radius: 50%; }
.kdots .taken { background: var(--line); }
.kdots .free { background: var(--amber); box-shadow: 0 0 0 3px var(--amber-soft); }
.motion .kdots .free { animation: seat-in .6s cubic-bezier(.2,.8,.2,1) both; }
.motion .kdots .free:nth-child(6) { animation-delay: .1s; } .motion .kdots .free:nth-child(7) { animation-delay: .2s; } .motion .kdots .free:nth-child(8) { animation-delay: .3s; }
@keyframes seat-in { from { transform: scale(0); } to { transform: none; } }
.kd-th { font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); padding-bottom: .7rem; }

/* --- detail kurzu: termín jako modrý panel (varianta D) --- */
.kd-dterm { background: var(--amber); color: #fff; border-radius: 8px; padding: 1.3rem 1.3rem 1.1rem; position: relative; overflow: hidden; }
.kd-dterm::after { content: ""; position: absolute; right: -44px; top: -44px; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); pointer-events: none; }
.kd-dterm::before { content: ""; position: absolute; right: -14px; top: -14px; width: 90px; height: 90px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.kd-dterm .lbl { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.kd-dterm .big { display: flex; align-items: baseline; gap: .6rem; margin: .5rem 0 .25rem; }
.kd-dterm .big b { font: 200 3.2rem/1 var(--serif); letter-spacing: -.03em; }
.kd-dterm .big span { font-size: 1rem; }
.kd-dterm .meta { font-size: .86rem; color: rgba(255,255,255,.85); }
.kd-dterm .seat { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.22); display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: .84rem; color: rgba(255,255,255,.85); }
.kd-dterm .seat b { font-weight: 500; color: #fff; }
.kd-dterm .dots { display: flex; gap: 5px; }
.kd-dterm .dots i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.28); }
.kd-dterm .dots i.f { background: #fff; }
.motion .kd-dterm .dots i.f { animation: seat-in .6s cubic-bezier(.2,.8,.2,1) both; }
.motion .kd-dterm .dots i.f:nth-child(6) { animation-delay: .1s; } .motion .kd-dterm .dots i.f:nth-child(7) { animation-delay: .2s; } .motion .kd-dterm .dots i.f:nth-child(8) { animation-delay: .3s; }
.kd-terms { padding: 1rem 1.6rem 0; }

/* --- termíny jako panely (tábor, kroužek) – vybraný = modrý panel jako v detailu kurzu --- */
.dterm { display: block; position: relative; overflow: hidden; border-radius: 8px; padding: 1.1rem 1.2rem 1rem; margin-bottom: .7rem; border: 1px solid var(--line); background: #fff; color: var(--ink); cursor: pointer; transition: background .35s, color .35s, border-color .35s; }
div.dterm { cursor: default; }
.dterm[hidden] { display: none; }
.dterm input { position: absolute; opacity: 0; pointer-events: none; }
.dterm > span { display: block; }
.dterm .lbl { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--ink-3); }
.dterm .big { display: flex; align-items: baseline; gap: .55rem; margin: .4rem 0 .2rem; }
.dterm .big b { font: 200 2.3rem/1 var(--serif); letter-spacing: -.03em; }
.dterm .big span { font-size: .92rem; }
.dterm .meta { font-size: .84rem; color: var(--ink-2); }
.dterm .seat { margin-top: .85rem; padding-top: .75rem; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: .8rem; font-size: .8rem; color: var(--ink-2); }
.dterm .seat b { font-weight: 500; color: var(--ink); }
.dterm .dots { display: flex; gap: 4px; flex-wrap: wrap; }
.dterm .dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.dterm .dots i.f { background: var(--amber); }
.dterm:hover { border-color: var(--amber-2); }
.dterm.sel { background: var(--amber); border-color: var(--amber); color: #fff; }
.dterm.sel::after { content: ""; position: absolute; right: -44px; top: -44px; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); pointer-events: none; }
.dterm.sel::before { content: ""; position: absolute; right: -14px; top: -14px; width: 90px; height: 90px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.dterm.sel .lbl { color: rgba(255,255,255,.72); }
.dterm.sel .meta, .dterm.sel .seat { color: rgba(255,255,255,.85); }
.dterm.sel .seat { border-top-color: rgba(255,255,255,.22); }
.dterm.sel .seat b { color: #fff; }
.dterm.sel .dots i { background: rgba(255,255,255,.28); }
.dterm.sel .dots i.f { background: #fff; }
.dterm:has(input:focus-visible) { outline: 2px solid var(--amber-2); outline-offset: 2px; }

/* --- menu: Jost, malé prostrkané verzálky (varianta 2) --- */
.nav > a, .nav .has-sub > a { font: 500 .68rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-2); }
.nav a.kids, .nav .has-sub > a.kids { font-weight: 600; color: var(--ink); }
.sub b { font: 500 .95rem var(--sans); letter-spacing: 0; text-transform: none; }
.sub small { font-family: var(--sans); }
.nav .mhead .link { font-family: var(--sans); }
@media (max-width: 1080px) { .header.open .nav > a, .header.open .nav .has-sub > a { font-size: .78rem; } }.topbar .tel { display: inline-flex; align-items: center; gap: .45em; } .topbar .tel svg { color: var(--amber); }

/* --- menu Pro děti: číslovaný seznam (varianta 4) --- */
.sub--list { min-width: 340px; padding: .4rem 1.3rem; gap: 0; }
.nav .sub--list a { padding: 1rem 0; border-radius: 0; gap: 1.2rem; }
.nav .sub--list a + a { border-top: 1px solid var(--line); }
.nav .sub--list a:hover { background: transparent; }
.sub--list .n { font: 200 2rem/1 var(--serif); color: var(--amber-2); width: 2ch; flex: none; transition: color .25s; letter-spacing: 0; }
.nav .sub--list a:hover .n, .nav .sub--list a:hover b { color: var(--amber); }
.sub--list b { transition: color .25s; }
.sub--list .go2 { margin-left: auto; color: var(--amber); opacity: 0; transform: translateX(-4px); transition: opacity .25s, transform .25s; }
.nav .sub--list a:hover .go2 { opacity: 1; transform: none; }
@media (max-width: 1080px) {
  .header.open .sub--list { padding: 0 0 .6rem; }
  .header.open .nav .sub--list a { padding: .7rem 0; border-bottom: 0; }
  .header.open .sub--list .n { font-size: 1.5rem; }
  .header.open .sub--list .go2 { display: none; }
}

/* --- stránka kurzů: „V příštích týdnech“ nahoře --- */
.upcoming { padding: clamp(1.4rem, 2.6vw, 2.2rem) 0 0; }
.up-box { position: relative; border-radius: var(--radius); background: var(--paper-2); padding: clamp(1.4rem, 3vw, 2.4rem); }
.up-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.up-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.up-head span { font-size: .9rem; color: var(--ink-2); }
.up-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.up-grid .mcard { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; text-decoration: none; color: var(--ink); transition: transform .35s, box-shadow .35s; }
.up-grid .mcard:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.up-grid .mimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.up-grid .mbody b { font-weight: 500; font-size: 1.02rem; line-height: 1.3; min-height: 2.6em; display: block; }
.up-grid .mrow small { font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.cp-head--all h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); margin-top: .6rem; }
@media (max-width: 1080px) { .up-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .up-grid { grid-template-columns: 1fr; } }

/* --- volná místa číslem místo teček --- */
.kd-dterm .seat, .dterm .seat { align-items: flex-end; }
.seat-l { display: flex; flex-direction: column; gap: .5rem; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; flex: 1; max-width: 60%; }
.cap { display: block; height: 3px; border-radius: 3px; background: rgba(255,255,255,.25); overflow: hidden; }
.cap i { display: block; height: 100%; background: rgba(255,255,255,.55); border-radius: 3px; }
.seat-n { display: flex; align-items: baseline; gap: .3rem; white-space: nowrap; }
.seat-n b { font: 300 2.2rem/1 var(--serif); letter-spacing: -.03em; color: #fff; }
.seat-n small { font-size: .9rem; opacity: .75; }
.dterm:not(.sel) .seat-l { color: var(--ink-3); }
.dterm:not(.sel) .cap { background: var(--line); }
.dterm:not(.sel) .cap i { background: var(--amber-2); }
.dterm:not(.sel) .seat-n b { color: var(--ink); }
.motion .cap i { transform-origin: left; animation: cap-fill 1.2s cubic-bezier(.2,.8,.2,1) both .2s; }
@keyframes cap-fill { from { transform: scaleX(0); } to { transform: none; } }

/* --- detail kurzu: další termíny, termín v přípravě --- */
.kd-tlist { margin-top: .9rem; }
.kd-tlist .lbl { display: block; font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .3rem; }
.kd-trow { display: grid; grid-template-columns: 4.6rem 1fr auto; align-items: center; gap: .8rem; padding: .7rem .2rem; border-bottom: 1px solid var(--line); cursor: pointer; transition: color .25s, background .25s; }
.kd-trow input { position: absolute; opacity: 0; pointer-events: none; }
.kd-trow .d b { display: block; font: 300 1.25rem/1 var(--serif); letter-spacing: -.02em; }
.kd-trow .d small { font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.kd-trow .t { font-size: .86rem; color: var(--ink-2); }
.kd-trow .s { font-size: .74rem; color: var(--ink-3); }
.kd-trow:hover { color: var(--amber); }
.kd-trow:hover .t { color: var(--amber); }
.kd-trow:has(input:checked) { background: var(--amber-soft); padding-left: .6rem; padding-right: .6rem; border-radius: 4px; }
.kd-dterm--none .big b { font-size: 2.3rem; }
.kd-dterm--none .meta { margin-top: .5rem; line-height: 1.5; }
.kd-nophoto { background: var(--paper-2); min-height: 220px; }

/* --- fotogalerie tábor/kroužek --- */
.pgal { padding-top: 0; }
.pg-note { font-size: .82rem; color: var(--ink-3); letter-spacing: .04em; margin: 0; }
.pg-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: clamp(150px, 15vw, 220px); grid-auto-flow: dense; gap: 5px; }
.pg-item, .pg-cta { position: relative; overflow: hidden; border-radius: var(--radius-sm); display: block; }
.pg-big { grid-column: span 2; grid-row: span 2; }
.pg-tall { grid-row: span 2; }
.pg-wide { grid-column: span 2; }
.pg-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.4s cubic-bezier(.2,.8,.2,1), filter .6s; }
.pg-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,24,32,.62), transparent 45%); opacity: 0; transition: opacity .45s; }
.pg-cap { position: absolute; left: 1rem; right: 1rem; bottom: .9rem; z-index: 1; color: #fff; font-size: .88rem; display: flex; gap: .7rem; align-items: baseline; transform: translateY(10px); opacity: 0; transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s; }
.pg-cap i { font: 200 1.5rem/1 var(--serif); font-style: normal; opacity: .85; }
.pg-item:hover img, .pg-item:focus-visible img { transform: scale(1.06); }
.pg-item:hover::after, .pg-item:focus-visible::after { opacity: 1; }
.pg-item:hover .pg-cap, .pg-item:focus-visible .pg-cap { transform: none; opacity: 1; }
.pg-item { cursor: zoom-in; }
.pg-cta { grid-column: span 2; background: var(--amber); color: #fff; text-decoration: none; padding: clamp(1.2rem, 2.4vw, 2rem); display: flex; flex-direction: column; justify-content: space-between; }
.pg-cta span { font: 300 clamp(1.25rem, 2vw, 1.7rem)/1.2 var(--serif); max-width: 16em; }
.pg-cta b { font: 500 .68rem var(--sans); letter-spacing: .2em; text-transform: uppercase; }
.pg-cta span { position: relative; z-index: 1; }
.pg-smile { position: absolute; right: 18%; top: 50%; width: clamp(72px, 9vw, 124px); height: auto; transform: translateY(-50%); fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; overflow: visible; }
.pg-smile .eye { fill: #fff; stroke: none; transform-box: fill-box; transform-origin: center; }
.pg-smile .mouth { transform-box: fill-box; transform-origin: center top; transition: transform .45s cubic-bezier(.3,1.6,.5,1); }
.pg-cta:hover .pg-smile .mouth { transform: scale(1.18, 1.3); }
.pg-cta:hover .pg-smile .eye-l { animation: pg-wink .5s ease; }
@keyframes pg-wink { 40%, 60% { transform: scaleY(.12); } }
/* smajlík se „rozbalí“: kruh se nakreslí, naskočí oči, pak úsměv */
.motion .pg-smile .ring, .motion .pg-smile .mouth { stroke-dasharray: 1; stroke-dashoffset: 1; }
.motion .pg-smile .eye { transform: scale(0); }
.motion .pg-cta.in .pg-smile .ring { stroke-dashoffset: 0; transition: stroke-dashoffset 1.1s cubic-bezier(.6,0,.3,1) .5s; }
.motion .pg-cta.in .pg-smile .eye { transform: scale(1); transition: transform .5s cubic-bezier(.3,1.8,.5,1) 1.5s; }
.motion .pg-cta.in .pg-smile .eye-r { transition-delay: 1.62s; }
.motion .pg-cta.in .pg-smile .mouth { stroke-dashoffset: 0; transition: stroke-dashoffset .7s cubic-bezier(.4,0,.2,1) 1.85s, transform .45s cubic-bezier(.3,1.6,.5,1); }
.motion .pg-cta.in:hover .pg-smile .eye-l { animation: pg-wink .5s ease; }
/* postupné odhalení */
.motion .pg-grid > * { opacity: 0; transform: translateY(18px) scale(.985); transition: opacity .8s, transform .9s cubic-bezier(.2,.8,.2,1); }
.motion .pg-grid > .in { opacity: 1; transform: none; }
@media (max-width: 760px) {
  .pg-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 42vw; gap: 4px; }
  .pg-cap { opacity: 1; transform: none; font-size: .78rem; left: .7rem; bottom: .6rem; }
  .pg-cap i { font-size: 1.1rem; }
  .pg-item::after { opacity: .5; }
  .pgal .section-head { align-items: flex-start; }
}
/* lightbox */
.lb { position: fixed; inset: 0; z-index: 200; background: rgba(14,17,23,.96); display: grid; grid-template-rows: auto 1fr auto; opacity: 0; pointer-events: none; transition: opacity .35s; color: #fff; }
.lb.open { opacity: 1; pointer-events: auto; }
.lb-top { display: flex; justify-content: space-between; align-items: center; padding: 1rem clamp(1rem, 3vw, 2rem); font-size: .85rem; }
.lb-count { font: 200 1.4rem var(--serif); letter-spacing: .04em; }
.lb-count small { font-size: .9rem; opacity: .55; }
.lb-x, .lb-nav { background: none; border: 1px solid rgba(255,255,255,.25); color: #fff; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; transition: background .25s, border-color .25s; }
.lb-x:hover, .lb-nav:hover { background: rgba(255,255,255,.12); border-color: #fff; }
.lb-stage { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 clamp(.5rem, 6vw, 6rem); }
.lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; box-shadow: 0 30px 80px rgba(0,0,0,.5); transition: opacity .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.lb-stage img.swap { opacity: 0; transform: scale(.98); }
.lb-nav { position: absolute; top: 50%; transform: translateY(-50%); }
.lb-prev { left: clamp(.5rem, 2vw, 1.5rem); } .lb-next { right: clamp(.5rem, 2vw, 1.5rem); }
.lb-bot { padding: .9rem clamp(1rem, 3vw, 2rem) 1.2rem; display: flex; flex-direction: column; gap: .8rem; align-items: center; }
.lb-cap { font-size: .95rem; opacity: .9; min-height: 1.4em; }
.lb-strip { display: flex; gap: 6px; overflow-x: auto; max-width: 100%; padding-bottom: 2px; scrollbar-width: none; }
.lb-strip button { flex: none; width: 64px; height: 44px; padding: 0; border: 0; border-radius: 3px; overflow: hidden; cursor: pointer; opacity: .4; transition: opacity .25s, outline-color .25s; outline: 2px solid transparent; outline-offset: 1px; background: #000; }
.lb-strip button.on { opacity: 1; outline-color: #fff; }
.lb-strip img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 760px) { .lb-nav { display: none; } .lb-strip button { width: 48px; height: 34px; } }

/* --- konec galerie --- */

/* --- uložit termín do kalendáře --- */
.cal-save { position: relative; margin: 1rem 0 .4rem; padding: .95rem 1rem 1rem; border: 1px dashed var(--amber-2); border-radius: var(--radius-sm); background: var(--amber-soft); }
.cal-save p { font-size: .84rem; line-height: 1.5; color: var(--ink-2); margin: 0 0 .75rem; }
.cal-save p b { display: block; font-weight: 500; color: var(--ink); margin-bottom: .15rem; }
.cal-btn { width: 100%; display: flex; align-items: center; gap: .6rem; background: var(--card); border: 1px solid var(--line); border-radius: 6px; padding: .7rem .85rem; font: 500 .82rem var(--sans); color: var(--ink); cursor: pointer; transition: border-color .25s, color .25s; }
.cal-btn > span { flex: 1; text-align: left; }
.cal-btn svg:first-child { color: var(--amber); flex: none; }
.cal-btn .chev { transition: transform .3s; }
.cal-btn:hover { border-color: var(--amber); color: var(--amber); }
.cal-save.open .cal-btn .chev { transform: rotate(180deg); }
.cal-when { white-space: nowrap; font-weight: 600; }
.cal-menu { position: absolute; left: 1rem; right: 1rem; top: calc(100% - .6rem); z-index: 20; background: var(--card); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow-lg); padding: .35rem; animation: cal-in .25s cubic-bezier(.2,.8,.2,1); }
.cal-menu[hidden] { display: none; }
@keyframes cal-in { from { opacity: 0; transform: translateY(-6px); } }
.cal-menu a { display: flex; align-items: center; gap: .75rem; padding: .65rem .7rem; border-radius: 5px; text-decoration: none; color: var(--ink); transition: background .2s; }
.cal-menu a:hover { background: var(--paper-2); }
.cal-menu a svg { color: var(--amber); flex: none; }
.cal-menu b { display: block; font-weight: 500; font-size: .88rem; }
.cal-menu small { display: block; font-size: .74rem; color: var(--ink-3); }
.cal-save.saved .cal-btn svg:first-child { animation: cal-pop .5s cubic-bezier(.3,1.8,.5,1); }
@keyframes cal-pop { 40% { transform: scale(1.3); } }
/* --- konec kalendáře --- */

/* --- praktické info (tábor) --- */
.pi3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.pi3-card { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); display: flex; flex-direction: column; overflow: hidden; }
.pi3-top { padding: 1.8rem 1.8rem 1.2rem; }
.pi3-num { font: 200 3.4rem/1 var(--serif); color: var(--amber-2); display: block; margin-bottom: .8rem; }
.pi3 h3 { font-size: 1.55rem; margin: 0 0 .55rem; }
.pi3 p, .pi3 li { font-size: 1.06rem; line-height: 1.7; font-weight: 400; color: var(--ink-2); }
.pi3-top p { margin: 0; }
.pi3-bottom { flex: 1; display: flex; flex-direction: column; padding: 0 1.8rem 1.8rem; }
.pi3-map { border: 0; width: 100%; flex: 1; min-height: 220px; border-radius: 8px; filter: grayscale(1) sepia(.15) contrast(.95); display: block; }
/* batoh */
.pack ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.pack label { display: flex; gap: .65rem; align-items: center; cursor: pointer; user-select: none; }
.pack input { position: absolute; opacity: 0; pointer-events: none; }
.pack .bx { width: 22px; height: 22px; flex: none; border-radius: 5px; border: 1.5px solid var(--amber-2); display: grid; place-items: center; background: var(--card); transition: background .25s, border-color .25s; }
.pack .bx svg { stroke: #fff; stroke-dasharray: 20; stroke-dashoffset: 20; transition: stroke-dashoffset .3s ease .05s; }
.pack input:checked + .bx { background: var(--amber); border-color: var(--amber); animation: pack-pop .4s cubic-bezier(.3,1.8,.5,1); }
.pack input:checked + .bx svg { stroke-dashoffset: 0; }
.pack input:checked ~ span:last-child { color: var(--ink); }
.pack input:focus-visible + .bx { outline: 2px solid var(--amber); outline-offset: 2px; }
.pack li b { font-weight: 500; color: var(--ink); }
@keyframes pack-pop { 40% { transform: scale(1.25); } }
.pack-bar { margin-top: 1.1rem; display: flex; align-items: center; gap: .8rem; font-size: .86rem; color: var(--ink-3); position: relative; }
.pack-bar i { flex: 1; height: 4px; background: var(--line); border-radius: 4px; overflow: hidden; position: relative; }
.pack-bar i::after { content: ""; position: absolute; inset: 0; width: var(--p, 0%); background: var(--amber); border-radius: 4px; transition: width .35s cubic-bezier(.2,.8,.2,1), background .4s; }
.pack-n { white-space: nowrap; transition: color .4s; }
.pack-n b { font-weight: 500; }
.pack-yay { position: absolute; right: 0; top: -1.7rem; font-weight: 500; font-size: .95rem; color: #3f8a55; opacity: 0; transform: translateY(8px) scale(.8); transition: opacity .3s, transform .45s cubic-bezier(.3,1.8,.5,1); pointer-events: none; }
.pack.done .pack-bar i::after { background: #4c9a63; }
.pack.done .pack-n { color: #3f8a55; }
.pack.done .pack-yay { opacity: 1; transform: none; }
.pack.done input:checked + .bx { background: #4c9a63; border-color: #4c9a63; }
.pack-note { font-size: .86rem !important; color: var(--ink-3) !important; margin: auto 0 0; padding-top: 1rem; line-height: 1.55 !important; }
/* kroky přihlášky */
.steps3 { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.steps3 li { position: relative; padding: 0 0 1.1rem 3rem; counter-increment: s; }
.steps3 li::before { content: counter(s); position: absolute; left: 0; top: .05rem; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--amber); color: var(--amber); display: grid; place-items: center; font: 400 .9rem var(--sans); background: var(--card); z-index: 1; }
.steps3 li::after { content: ""; position: absolute; left: 15px; top: 32px; bottom: 0; width: 1px; background: var(--amber-2); transform-origin: top; }
.steps3 li:last-child::after { display: none; }
.steps3 b { display: block; font-weight: 500; color: var(--ink); }
.motion .steps3 li::before { transform: scale(0); transition: transform .5s cubic-bezier(.3,1.8,.5,1); }
.motion .steps3 li::after { transform: scaleY(0); transition: transform .6s ease; }
.motion .steps3.in li::before { transform: scale(1); } .motion .steps3.in li::after { transform: scaleY(1); }
.motion .steps3.in li:nth-child(1)::after { transition-delay: .2s; } .motion .steps3.in li:nth-child(2)::before { transition-delay: .5s; }
.motion .steps3.in li:nth-child(2)::after { transition-delay: .7s; } .motion .steps3.in li:nth-child(3)::before { transition-delay: 1s; }
.motion .steps3.in li:nth-child(3)::after { transition-delay: 1.2s; } .motion .steps3.in li:nth-child(4)::before { transition-delay: 1.5s; }
.steps3 li:last-child::before { content: "✓"; background: var(--amber); color: #fff; }
@media (max-width: 900px) { .pi3 { grid-template-columns: 1fr; } }
/* --- konec praktického info --- */

/* --- výhody kroužku --- */
.pk-grid { display: grid; grid-template-columns: .95fr 1.15fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.pk-collage { position: relative; aspect-ratio: 1 / 1.02; }
.pk-ph { position: absolute; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg); }
.pk-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pk-ph1 { left: 0; top: 0; width: 78%; height: 66%; }
.pk-ph2 { right: 0; top: 42%; width: 54%; height: 46%; border: 6px solid var(--paper); }
.pk-member { position: absolute; left: 6%; bottom: 0; width: 52%; aspect-ratio: 1.586; border-radius: 14px; padding: 1rem 1.1rem; color: #fff; overflow: hidden;
  background: radial-gradient(120% 140% at 0% 0%, #4d6d96 0%, #3d5a80 45%, #2c4361 100%); box-shadow: 0 24px 50px -18px rgba(30,45,70,.55); display: flex; flex-direction: column; justify-content: space-between; transform: rotate(-6deg); }
.pk-member::before { content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); }
.pk-member::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%); transform: translateX(-120%); }
.pk-m-top { display: flex; align-items: center; gap: .5rem; font: 500 .56rem var(--sans); letter-spacing: .22em; text-transform: uppercase; opacity: .85; }
.pk-m-top img { width: 26px; height: 26px; filter: invert(1); opacity: .9; }
.pk-m-mid b { display: block; font: 300 clamp(1.2rem, 2vw, 1.6rem)/1.1 var(--serif); }
.pk-m-mid span { font-size: .72rem; opacity: .8; }
.pk-m-bot { display: flex; justify-content: space-between; align-items: flex-end; font-size: .6rem; letter-spacing: .08em; opacity: .85; }
.pk-chip { width: 30px; height: 22px; border-radius: 4px; background: linear-gradient(135deg, #e9d9a6, #c8b273); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.pk-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pk-card { background: var(--card); border-radius: var(--radius); padding: 1.5rem 1.5rem 1.4rem; box-shadow: var(--shadow); transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.pk-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pk-card .ico { color: var(--amber); margin-bottom: .9rem; }
.pk-big { display: flex; align-items: baseline; gap: .35rem; font: 300 2.6rem/1 var(--serif); letter-spacing: -.02em; color: var(--amber); margin-bottom: .7rem; }
.pk-big small { font: 400 .95rem var(--sans); letter-spacing: 0; color: var(--ink-3); }
.pk-card h3 { font-size: 1.2rem; font-weight: 400; margin: 0 0 .4rem; }
.pk-card p { font-size: .98rem; line-height: 1.6; margin: 0; color: var(--ink-2); }
/* animace: fotky a karta „přiletí“ na stůl, karta se zaleskne a jemně se vznáší */
.motion .pk-ph1 { opacity: 0; transform: translate(-24px, 10px) rotate(-3deg); transition: opacity .9s, transform 1.1s cubic-bezier(.2,.8,.2,1); }
.motion .pk-ph2 { opacity: 0; transform: translate(30px, 20px) rotate(4deg); transition: opacity .9s .25s, transform 1.1s cubic-bezier(.2,.8,.2,1) .25s; }
.motion .pk-member { opacity: 0; transform: translateY(60px) rotate(-14deg); transition: opacity .8s .55s, transform 1.2s cubic-bezier(.3,1.4,.5,1) .55s; }
.motion .pk.in .pk-ph1, .motion .pk.in .pk-ph2 { opacity: 1; transform: none; }
.motion .pk.in .pk-ph2 { transform: rotate(2deg); }
.motion .pk.in .pk-member { opacity: 1; transform: rotate(-6deg); animation: pk-float 6s ease-in-out 2s infinite; }
.motion .pk.in .pk-member::after { animation: pk-shine 1.4s ease 1.6s, pk-shine 1.4s ease 8s infinite; }
@keyframes pk-float { 50% { transform: rotate(-4.5deg) translateY(-8px); } }
@keyframes pk-shine { to { transform: translateX(120%); } }
.motion .pk-card { opacity: 0; transform: translateY(22px); transition: opacity .8s, transform .9s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.motion .pk.in .pk-card { opacity: 1; transform: none; }
.motion .pk.in .pk-card:nth-child(2) { transition-delay: .12s; } .motion .pk.in .pk-card:nth-child(3) { transition-delay: .24s; } .motion .pk.in .pk-card:nth-child(4) { transition-delay: .36s; }
.motion .pk.in .pk-card:hover { transform: translateY(-4px); transition-delay: 0s; }
@media (max-width: 980px) { .pk-grid { grid-template-columns: 1fr; } .pk-collage { max-width: 560px; width: 100%; margin: 0 auto; } }
@media (max-width: 560px) { .pk-cards { grid-template-columns: 1fr; } .pk-member { width: 60%; } }
/* --- konec výhod --- */

/* --- cena + detail v kartě programu --- */
.offer .price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .4rem; font-size: 1.9rem; }
.offer .price .price-l { flex-basis: 100%; font: 500 .62rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .45rem; }
.offer .go { padding: .85rem 1.3rem; border: 1px solid var(--ink); border-radius: 999px; transition: background .3s, color .3s, border-color .3s; }
.offer .go::before { content: "Detail programu"; }
.offer:hover .go { background: var(--amber); border-color: var(--amber); color: #fff; }
.offer .go { white-space: nowrap; }
@media (max-width: 420px) { .offer .go::before { content: "Detail"; } .offer .go { padding: .75rem 1.1rem; } }
/* --- konec ceny --- */

/* --- trust-row v hero: ohraničený pruh o třech stejných sloupcích --- */
.hero--tiles .trust-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; justify-content: stretch; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 0; overflow: hidden; }
.hero--tiles .trust-row > div { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 1.1rem; align-items: center; padding: 1.4rem clamp(1.2rem, 2.4vw, 2.2rem); font-size: .7rem; letter-spacing: .16em; }
.hero--tiles .trust-row > div + div { border-left: 1px solid var(--line); }
.hero--tiles .trust-row .ico { grid-row: 1 / 3; margin: 0; width: 46px; height: 46px; padding: 11px; border-radius: 50%; background: var(--amber-soft); box-sizing: border-box; }
.hero--tiles .trust-row b { font-size: 1.65rem; margin-bottom: .25rem; align-self: end; }
@media (max-width: 860px) {
  .hero--tiles .trust-row { grid-template-columns: 1fr; }
  .hero--tiles .trust-row > div { padding: 1rem 1.2rem; }
  .hero--tiles .trust-row > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .hero--tiles .trust-row b { font-size: 1.4rem; }
}
/* --- konec trust-row --- */

/* --- programy pro děti (varianta B) --- */
.progs { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; }
.progs a { color: inherit; text-decoration: none; }
.progs a.vB.is-k { color: #fff; }
@media (max-width: 860px) { .progs { grid-template-columns: 1fr; gap: 1.6rem; } }
/* ---------- společné prvky ---------- */
.progs img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.6s cubic-bezier(.2,.8,.2,1); }
.progs a:hover img { transform: scale(1.04); }
.progs h3 { font-family: var(--serif); }
.kick { display: inline-flex; align-items: center; gap: .5rem; font: 600 .66rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; padding: .6rem .95rem .6rem .75rem; border-radius: 99px; background: #fff; color: var(--ink); box-shadow: 0 6px 18px -8px rgba(0,0,0,.35); width: max-content; }
.kic { flex: none; }
.is-t .kic { color: #e2a412; }
.is-k .kic { color: var(--amber); }
/* slunce: paprsky se točí kolem středu, střed jemně „dýchá“ */
.sun .rays { transform-box: view-box; transform-origin: 12px 12px; animation: sun-spin 9s linear infinite; }
.sun .core { transform-box: view-box; transform-origin: 12px 12px; animation: sun-pulse 3s ease-in-out infinite; fill: currentColor; fill-opacity: .25; }
.cyc .spin { transform-box: view-box; transform-origin: 12px 12px; animation: sun-spin 14s linear infinite; }
@keyframes sun-spin { to { transform: rotate(360deg); } }
@keyframes sun-pulse { 50% { transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .sun .rays, .sun .core, .cyc .spin { animation: none; } }

.vf { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.vf-i { display: grid; grid-template-columns: auto 1fr; column-gap: .6rem; row-gap: .15rem; align-items: center; padding: .9rem .9rem; }
.vf-i:first-child { padding-left: 0; }
.vf-i + .vf-i { border-left: 1px solid var(--line); }
.vf-i svg { grid-row: 1 / 3; color: var(--amber); }
.vf-l { font: 500 .62rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); }
.vf-v { font-size: .98rem; color: var(--ink); white-space: nowrap; }
.ft { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-top: auto; padding-top: .4rem; }
.vp { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .4rem; }
.vp-l { flex-basis: 100%; font: 500 .62rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .4rem; }
.vp b { font: 300 1.9rem/1 var(--serif); }
.vp small:not(.vp-l) { font-size: .78rem; color: var(--ink-3); }
.vbtn { white-space: nowrap; font: 500 .7rem var(--sans); letter-spacing: .2em; text-transform: uppercase; padding: .9rem 1.35rem; border-radius: 99px; border: 1px solid var(--ink); transition: background .3s, color .3s, border-color .3s; }
.progs a:hover .vbtn { background: var(--amber); border-color: var(--amber); color: #fff; }
.bd { display: flex; flex-direction: column; gap: 1.1rem; }
.bd p { margin: 0; font-size: 1rem; line-height: 1.65; color: var(--ink-2); }
@media (max-width: 1100px) and (min-width: 861px) { .vf-i { grid-template-columns: 1fr; } .vf-i svg { grid-row: auto; margin-bottom: .2rem; } }
@media (max-width: 460px) {
  .vf { grid-template-columns: 1fr; } .vf-i { padding: .7rem 0; } .vf-i + .vf-i { border-left: 0; border-top: 1px solid var(--line); }
  .vbtn { padding: .8rem 1.1rem; }
}

/* ---------- B ---------- */
.vB { display: flex; flex-direction: column; border-radius: calc(var(--radius) + 6px); padding: 12px; transition: transform .4s, box-shadow .4s; }
.vB:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(30,40,60,.45); }
.vB.is-t { background: #f3e6c4; }
.vB.is-k { background: #3d5a80; color: #fff; }
.vB .ph { position: relative; aspect-ratio: 16/10; border-radius: var(--radius); overflow: hidden; }
.vB .kick { position: absolute; left: 16px; top: 16px; }
.vB .bd { padding: 1.6rem 1.3rem 1.3rem; flex: 1; }
.vB h3 { margin: 0; font-weight: 500; font-size: clamp(1.8rem, 2.6vw, 2.3rem); line-height: 1.08; }
.vB.is-t h3 { color: #3a2f15; }
.vB.is-t .vf, .vB.is-t .vf-i + .vf-i { border-color: rgba(90,70,20,.18); }
.vB.is-t .vf svg { color: #b9830a; }
.vB.is-t .vbtn { background: #2b2620; color: #fff; border-color: #2b2620; }
.vB.is-k p, .vB.is-k .vf-v, .vB.is-k h3 { color: #fff; }
.vB.is-k .vf-l, .vB.is-k .vp-l, .vB.is-k .vp small { color: rgba(255,255,255,.65); }
.vB.is-k .vf, .vB.is-k .vf-i + .vf-i { border-color: rgba(255,255,255,.2); }
.vB.is-k .vf svg { color: #b9cde6; }
.vB.is-k .vbtn { background: #fff; color: #2c4361; border-color: #fff; }
.progs .vB.is-k:hover .vbtn { background: #f3e6c4; border-color: #f3e6c4; color: #2c4361; }

/* --- konec programů --- */

/* --- prolínačka karet --- */
.progs [data-xfade] img { position: absolute; inset: 0; opacity: 0; transform: scale(1.06); transition: opacity 1.4s ease, transform 6s ease-out; }
.progs [data-xfade] img.on { opacity: 1; transform: scale(1); }
.progs a:hover [data-xfade] img.on { transform: scale(1.03); }
.progs [data-xfade] .kick { z-index: 2; }
/* --- konec prolínačky --- */

/* --- slogan v hero: „Učíme děti vidět svět“ → přijede „srdcem a skrz hledáček“ (kurzíva) → nakreslí se srdíčko (stejné jako na eventfotograf.cz) --- */
.slogan .s1 { display: inline-block; }
.slogan .s2 { display: block; white-space: nowrap; font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-weight: 400; font-size: 1.12em; letter-spacing: -.005em; line-height: 1.05; margin-top: .08em; }
.slogan .s2 span { display: inline-block; }
.s-heart { display: inline-block; width: .78em; height: .74em; margin-left: .18em; vertical-align: -.06em; overflow: visible; transform: rotate(-6deg); }
.s-heart path { fill: none; stroke: var(--ink); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 2; stroke-dashoffset: 0; }
@media (prefers-reduced-motion: no-preference) {
  .slogan .s1 { animation: sl-up .9s cubic-bezier(.2,.8,.2,1) .15s both; }
  .slogan .s2 span { animation: sl-slide .9s cubic-bezier(.2,.8,.2,1) both; }
  .slogan .s2 span:nth-child(1) { animation-delay: 1.15s; }
  .slogan .s2 span:nth-child(2) { animation-delay: 1.3s; }
  .slogan .s2 span:nth-child(3) { animation-delay: 1.42s; }
  .slogan .s2 span:nth-child(4) { animation-delay: 1.55s; }
  .s-heart { transform-origin: 50% 60%; animation: sl-beat 2.4s ease-in-out 4.2s infinite; }
  .s-heart path { stroke-dashoffset: 1; animation: sl-draw 1.6s ease-in-out 2.4s forwards; }
}
@keyframes sl-up { from { opacity: 0; transform: translateY(18px); } }
@keyframes sl-slide { from { opacity: 0; transform: translateX(46px); filter: blur(6px); } }
@keyframes sl-draw { to { stroke-dashoffset: 0; } }
@keyframes sl-beat { 0%, 30%, 100% { transform: rotate(-6deg) scale(1); } 10% { transform: rotate(-6deg) scale(1.14); } 20% { transform: rotate(-6deg) scale(1.04); } }
/* --- konec sloganu --- */

/* --- recenze --- */
.rv-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem 3rem; flex-wrap: wrap; margin-bottom: clamp(1.8rem, 3vw, 2.6rem); }
.rv-head h2 { margin: .4rem 0 0; }
.rv-score { display: inline-flex; align-items: center; gap: .9rem; padding: .8rem 1.3rem .8rem 1.1rem; background: var(--card); border-radius: 999px; box-shadow: var(--shadow); color: var(--ink); text-decoration: none; transition: transform .3s, box-shadow .3s; }
.rv-score:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.rv-score b { font: 300 2.2rem/1 var(--serif); }
.rv-score span { display: flex; flex-direction: column; gap: .2rem; }
.rv-score small { font-size: .74rem; letter-spacing: .04em; color: var(--ink-3); }
.rv-stars { color: #e2a412; letter-spacing: 3px; font-size: .9rem; line-height: 1; }
.rv-grid { columns: 3 300px; column-gap: 1.2rem; }
.rvw { break-inside: avoid; margin: 0 0 1.2rem; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem 1.5rem 1.3rem; display: flex; flex-direction: column; gap: .9rem; }
.rvw blockquote { margin: 0; font-size: 1rem; line-height: 1.65; color: var(--ink-2); }
.rvw--feat { background: var(--amber); color: #fff; padding: 1.9rem 1.9rem 1.6rem; }
.rvw--feat blockquote { color: #fff; font: 300 1.22rem/1.6 var(--serif); }
.rvw--feat blockquote::before { content: "“"; display: block; font: 400 4.2rem/.6 "Instrument Serif", Georgia, serif; opacity: .5; margin-bottom: .3rem; }
.rvw--feat .rv-stars { color: #f3cf6a; }
.rvw figcaption { display: flex; align-items: center; gap: .75rem; margin-top: .2rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.rvw--feat figcaption { border-color: rgba(255,255,255,.22); }
.rv-av { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber); font: 500 .78rem var(--sans); letter-spacing: .04em; }
.rvw--feat .rv-av { background: rgba(255,255,255,.16); color: #fff; }
.rv-who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.rv-who b { font-weight: 500; font-size: .95rem; }
.rv-who small { font-size: .78rem; color: var(--ink-3); }
.rvw--feat .rv-who small { color: rgba(255,255,255,.7); }
.rv-src { flex: none; font: 500 .6rem var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); border: 1px solid var(--line); border-radius: 99px; padding: .3em .7em; }
.rvw--feat .rv-src { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.3); }
.motion .rvs .rvw { opacity: 0; transform: translateY(18px); transition: opacity .8s, transform .9s cubic-bezier(.2,.8,.2,1); }
.motion .rvs.in .rvw { opacity: 1; transform: none; }
/* --- konec recenzí --- */

/* --- den v kostce: čára středem časů + odsazení od číslic --- */
.motion .day.run .step.rv { transform: none; }
.step .t { padding-right: .9rem; }
.step:not(:first-child) .t { box-shadow: -.9rem 0 0 var(--sky-soft); }
/* --- konec dne v kostce --- */

/* --- karty kurzů: oživení --- */
.ccard { position: relative; }
.ccard::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--amber); z-index: 2; transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.ccard:hover::before { transform: scaleX(1); }
.cbody { padding: 1.3rem 1.4rem 1.4rem; }
.cmeta { display: flex; flex-direction: column; gap: .7rem; margin: .2rem 0 1.2rem; }
.cpills { display: flex; flex-wrap: wrap; gap: .4rem; }
.cdate, .clen { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; color: var(--ink-2); padding: .25rem .65rem; border-radius: 99px; background: var(--amber-soft); max-width: 100%; }
.cdate svg, .clen svg { color: var(--amber); flex: none; }
.cdate { color: var(--ink); font-weight: 500; }
.cdate--tbd { background: var(--paper-2); color: var(--ink-3); font-weight: 400; }
.cdate--tbd svg { color: var(--ink-3); }
.clect { display: flex; align-items: center; gap: .6rem; font-size: .88rem; line-height: 1.25; }
.clect small { display: block; font-size: .56rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); }
.cav { flex: none; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px var(--card), 0 0 0 3px var(--amber-2); display: grid; place-items: center; background: var(--amber-soft); }
.cav img { width: 100%; height: 100%; object-fit: cover; }
.cav-ph { color: var(--amber); font-size: .8rem; }
.cfoot { align-items: center; padding-top: 1rem; border-top: 1px dashed var(--amber-2); }
.cprice { color: var(--amber); font-size: 1.6rem; }
/* volná místa jako semafor: zelená = dost volna, červená = 3 a méně, šedá = obsazeno */
.cseats { display: inline-flex; align-items: center; gap: .45rem; padding: .38rem .7rem; border-radius: 99px; background: #e2f1e5; color: #3f8a55; font-size: .6rem; }
.cseats i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.cseats.is-low { background: #f9ddd8; color: #c4412f; }
.cseats.is-low i { animation: cs-pulse 1.8s ease-out infinite; }
.cseats.is-none { background: var(--paper-2); color: var(--ink-3); }
@keyframes cs-pulse { 0% { box-shadow: 0 0 0 0 rgba(196,65,47,.5); } 100% { box-shadow: 0 0 0 7px rgba(196,65,47,0); } }
@media (prefers-reduced-motion: reduce) { .cseats.is-low i { animation: none; } }
/* --- konec karet kurzů --- */

/* --- recenze v detailu kurzu --- */
.kd-rating { display: inline-flex; align-items: center; gap: .55rem; margin: -.4rem 0 1.4rem; padding: .45rem .9rem; border-radius: 99px; background: var(--card); box-shadow: var(--shadow); color: var(--ink); text-decoration: none; font-size: .85rem; transition: transform .3s, box-shadow .3s; }
.kd-rating:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.kd-rating b { font: 400 1.15rem/1 var(--serif); }
.kd-rating > span:last-child { color: var(--ink-3); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.kr-sum { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem 2.2rem; align-items: center; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.4rem 1.6rem; margin: 0 0 1.2rem; }
.kr-score { display: flex; flex-direction: column; align-items: center; gap: .35rem; padding-right: 2.2rem; border-right: 1px solid var(--line); }
.kr-score b { font: 300 3.2rem/1 var(--serif); color: var(--ink); }
.kr-score small { font-size: .78rem; color: var(--ink-3); }
.kr-bars { display: grid; gap: .35rem; }
.kr-bar { display: grid; grid-template-columns: 2.6rem 1fr 1.6rem; align-items: center; gap: .7rem; font-size: .8rem; color: var(--ink-3); }
.kr-bar > i { height: 7px; border-radius: 7px; background: var(--paper-2); overflow: hidden; }
.kr-bar > i > i { display: block; height: 100%; border-radius: 7px; background: #e2a412; }
.kr-bar span:last-child { text-align: right; color: var(--ink); }
@media (max-width: 520px) { .kr-sum { grid-template-columns: 1fr; } .kr-score { border-right: 0; padding-right: 0; border-bottom: 1px solid var(--line); padding-bottom: 1rem; } }
.kr-grid { columns: 2 280px; column-gap: 1rem; }
.kr { margin-bottom: 1rem; }
.kr blockquote p { margin: 0 0 .7rem; }
.kr blockquote p:last-child { margin-bottom: 0; }
.kr--long blockquote { max-height: 11.5em; overflow: hidden; position: relative; transition: max-height .5s ease; }
.kr--long blockquote::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3.5em; background: linear-gradient(transparent, var(--card)); pointer-events: none; }
.kr--long.open blockquote { max-height: 200em; }
.kr--long.open blockquote::after { display: none; }
.kr-more { align-self: flex-start; background: none; border: 0; padding: 0; font: 500 .7rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--amber); cursor: pointer; border-bottom: 1px solid var(--amber-2); }
/* --- konec recenzí kurzu --- */

/* --- hodnocení na kartě --- */
.crating { display: flex; align-items: center; gap: .45rem; margin: -.25rem 0 .7rem; font-size: .8rem; }
.crating .rv-stars { font-size: .8rem; letter-spacing: 2px; }
.crating b { font-weight: 500; color: var(--ink); }
.crating > span:last-child { color: var(--ink-3); }
/* --- konec hodnocení na kartě --- */

/* galerie kurzu: pozvánka přes 3 sloupce, ať mozaika vyjde bez děr */
.kgal .pg-cta { grid-column: span 3; }
@media (max-width: 720px) { .kgal .pg-cta { grid-column: span 2; } }

/* --- hvězdy dětské programy --- */
.camp-hero .kd-rating { margin: .2rem 0 1.2rem; }
.vB .crating { margin: -.1rem 0 .2rem; }
.vB.is-k .crating b { color: #fff; }
.vB.is-k .crating > span:last-child { color: rgba(255,255,255,.7); }
/* --- konec hvězd --- */

/* --- tábor: „Cvakálek v pondělí…“ + mrkající smajlík (nadsázka) --- */
.wink { display: inline-block; width: .9em; height: .9em; margin-left: .25em; vertical-align: -.12em; overflow: visible; color: var(--ink); }
.wink .w-face, .wink .w-smile, .wink .w-shut, .wink .w-eye, .wink .w-open { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.wink .w-shut { opacity: 0; }
.motion .wink .w-face, .motion .wink .w-smile { stroke-dasharray: 1; stroke-dashoffset: 1; }
.motion .wink-h.in .wink .w-face { animation: wk-draw .9s ease .3s forwards; }
.motion .wink-h.in .wink .w-smile { animation: wk-draw .6s ease 1.1s forwards; }
.motion .wink .w-eye, .motion .wink .w-open { opacity: 0; }
.motion .wink-h.in .wink .w-eye, .motion .wink-h.in .wink .w-open { animation: wk-in .3s ease 1s forwards; }
.motion .wink-h.in .wink .w-open { animation: wk-in .3s ease 1s forwards, wk-blink 4s ease 2.2s infinite; }
.motion .wink-h.in .wink .w-shut { animation: wk-shut 4s ease 2.2s infinite; }
.motion .wink-h.in .wink { animation: wk-tilt 4s ease 2.2s infinite; transform-origin: 50% 60%; }
@keyframes wk-draw { to { stroke-dashoffset: 0; } }
@keyframes wk-in { to { opacity: 1; } }
@keyframes wk-blink { 0%, 8%, 100% { opacity: 1; } 2%, 6% { opacity: 0; } }
@keyframes wk-shut { 0%, 8%, 100% { opacity: 0; } 2%, 6% { opacity: 1; } }
@keyframes wk-tilt { 0%, 8%, 100% { transform: none; } 3%, 6% { transform: rotate(-10deg); } }
@media (prefers-reduced-motion: reduce) { .wink * { animation: none !important; opacity: 1 !important; stroke-dashoffset: 0 !important; } .wink .w-shut { opacity: 0 !important; } }
/* --- konec mrknutí --- */

/* --- videokurzy --- */
.hdr-acc { position: relative; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); color: var(--ink); margin-right: .7rem; transition: background .3s, color .3s, border-color .3s; }
.hdr-acc:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.hdr-acc.on::after { content: ""; position: absolute; right: 2px; top: 3px; width: 9px; height: 9px; border-radius: 50%; background: #4c9a63; box-shadow: 0 0 0 2px var(--paper); }
.vk-hero { padding: clamp(1.4rem, 3vw, 2.4rem) 0 0; }
.vk-hero .wrap { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(1.6rem, 4vw, 4rem); align-items: end; }
.vk-hero h1 { font-size: clamp(2.3rem, 5vw, 4rem); margin: .5rem 0 1rem; }
.vk-hero .lead { max-width: 34em; }
.vk-usp { list-style: none; padding: 0; margin: 1.4rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.vk-usp li { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .9rem; border-radius: 99px; background: var(--amber-soft); font-size: .85rem; }
.vk-usp svg { width: 15px; height: 15px; color: var(--amber); }
.vk-hero-acc { display: grid; grid-template-columns: auto 1fr; gap: .9rem 1rem; align-items: center; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.4rem 1.5rem; }
.vk-hero-acc > div { display: flex; flex-direction: column; font-size: .9rem; color: var(--ink-3); }
.vk-hero-acc b { color: var(--ink); font-weight: 500; font-size: 1rem; }
.vk-hero-acc .btn { grid-column: 1 / -1; justify-self: start; }
.vk-acc-ico { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber); }
.vk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.vcard { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; color: var(--ink); text-decoration: none; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.vcard:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.vk-cover { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #1d2430; }
.vk-cover img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.vcard:hover .vk-cover img { transform: scale(1.05); }
.vk-play { position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color: var(--amber); box-shadow: 0 10px 30px -10px rgba(0,0,0,.5); transition: transform .4s cubic-bezier(.3,1.6,.5,1); }
.vk-play svg { width: 22px; height: 22px; margin-left: 3px; }
.vcard:hover .vk-play { transform: scale(1.12); }
.vk-dur { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .6rem; border-radius: 6px; background: rgba(20,24,32,.72); color: #fff; font-size: .75rem; }
.vk-badge { position: absolute; left: 10px; top: 10px; padding: .32rem .65rem; border-radius: 6px; background: #c4412f; color: #fff; font: 500 .62rem var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.vk-badge--soon { background: var(--ink-3); }
.vk-own { position: absolute; left: 10px; bottom: 10px; display: none; align-items: center; gap: .35rem; padding: .32rem .65rem; border-radius: 6px; background: #4c9a63; color: #fff; font-size: .72rem; }
.vcard.is-owned .vk-own { display: inline-flex; }
.vcard.is-soon .vk-cover img { filter: grayscale(.6); }
.vk-price { display: flex; align-items: baseline; gap: .5rem; }
.vk-price s, .vk-pr s { color: var(--ink-3); font-size: .9rem; }
.vk-go { font: 500 .66rem var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--amber); }
.vk-steps { list-style: none; margin: 0; padding: 0; counter-reset: s; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.vk-steps li { counter-increment: s; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem 1.5rem 1.4rem; font-size: .95rem; color: var(--ink-2); line-height: 1.6; }
.vk-steps li::before { content: counter(s); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--amber); color: #fff; font: 400 .95rem var(--sans); margin-bottom: .9rem; }
.vk-steps b { display: block; color: var(--ink); font-weight: 500; font-size: 1.05rem; margin-bottom: .3rem; }
/* detail */
.vk-top .eyebrow { margin-bottom: .4rem; }
.vk-av { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber); font: 500 .9rem var(--sans); flex: none; }
.vk-av img { width: 100%; height: 100%; object-fit: cover; }
.cav.cav--i { color: var(--amber); font: 500 .72rem var(--sans); }
.vk-player { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; background: #111; box-shadow: var(--shadow-lg); }
.vk-player img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .9; }
.vk-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vk-player.on img, .vk-player.on .vk-bigplay, .vk-player.on .vk-player-l { display: none; }
.vk-bigplay { position: absolute; left: 50%; top: 50%; width: 86px; height: 86px; margin: -43px 0 0 -43px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center; background: rgba(255,255,255,.95); color: var(--amber); box-shadow: 0 16px 40px -12px rgba(0,0,0,.6); transition: transform .4s cubic-bezier(.3,1.6,.5,1); }
.vk-bigplay svg { width: 32px; height: 32px; margin-left: 5px; }
.vk-bigplay:hover { transform: scale(1.1); }
.vk-bigplay::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid rgba(255,255,255,.6); animation: vk-ring 2.2s ease-out infinite; }
@keyframes vk-ring { from { transform: scale(.9); opacity: 1; } to { transform: scale(1.35); opacity: 0; } }
.vk-player-l { position: absolute; left: 14px; bottom: 14px; padding: .4rem .75rem; border-radius: 6px; background: rgba(20,24,32,.72); color: #fff; font-size: .8rem; }
.vk-blocks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0 0; }
.vk-blocks > div { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.3rem 1.3rem 1.2rem; }
.vk-blocks h3 { font-size: 1.15rem; margin: 0 0 .4rem; }
.vk-blocks p { margin: 0; font-size: .9rem; line-height: 1.6; color: var(--ink-2); }
.vk-two { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.vk-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.vk-ticks li { display: flex; gap: .6rem; align-items: flex-start; font-size: .98rem; }
.vk-ticks svg { flex: none; color: #fff; background: var(--amber); border-radius: 50%; padding: 3px; width: 20px; height: 20px; margin-top: .1rem; }
.vk-ticks--who svg { background: var(--amber-2); }
.vk-curr { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.vk-gate { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1.1rem 1.3rem; background: var(--amber-soft); border-bottom: 1px solid var(--line); }
.vk-gate > div { display: flex; flex-direction: column; font-size: .85rem; color: var(--ink-2); }
.vk-gate b { color: var(--ink); font-weight: 500; font-size: .98rem; }
.vk-gate-ico { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--card); color: var(--amber); }
.vk-gate.pulse { animation: vk-pulse .9s ease; }
@keyframes vk-pulse { 30% { background: #f9ddd8; } }
.vk-gate--open { display: none; background: #e2f1e5; }
.vk-gate--open .vk-gate-ico { color: #3f8a55; }
.vk-is-owner .vk-gate:not(.vk-gate--open) { display: none; }
.vk-is-owner .vk-gate--open { display: grid; }
.vk-chs { list-style: none; margin: 0; padding: 0; }
.vk-ch { display: grid; grid-template-columns: 2.6rem 1fr auto 2rem; align-items: center; gap: .6rem; padding: .85rem 1.3rem; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .25s; }
.vk-ch:last-child { border-bottom: 0; }
.vk-ch:hover { background: var(--paper-2); }
.vk-ch-n { font: 300 1.1rem var(--serif); color: var(--ink-3); }
.vk-ch-t { font-size: .97rem; }
.vk-ch-k { display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.vk-ch-k svg { width: 13px; height: 13px; }
.vk-ch-s { justify-self: end; color: var(--ink-3); }
.vk-ch-s .is-open { display: none; }
.vk-is-owner .vk-ch-s .is-locked { display: none; }
.vk-is-owner .vk-ch.done .vk-ch-s .is-open { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #4c9a63; color: #fff; }
.vk-is-owner .vk-ch.done .vk-ch-s .is-open svg { width: 14px; height: 14px; }
.vk-is-owner .vk-ch.next { background: var(--amber-soft); }
.vk-is-owner .vk-ch.next .vk-ch-n, .vk-is-owner .vk-ch.playing .vk-ch-n { color: var(--amber); font-weight: 500; }
.vk-is-owner .vk-ch.playing { background: var(--amber-soft); box-shadow: inset 3px 0 0 var(--amber); }
.vk-prog { display: flex; align-items: center; gap: .6rem; font-size: .8rem; color: var(--ink-2); white-space: nowrap; }
.vk-prog i { flex: 1; min-width: 70px; height: 6px; border-radius: 6px; background: var(--paper-2); position: relative; overflow: hidden; }
.vk-prog i::after { content: ""; position: absolute; inset: 0; width: var(--p); background: #4c9a63; border-radius: 6px; }
.vk-lect { display: flex; gap: 1.2rem; align-items: flex-start; }
.vk-lect-av { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; flex: none; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber); font: 400 1.4rem var(--serif); }
.vk-lect-av img { width: 100%; height: 100%; object-fit: cover; }
.vk-lect h3 { font-size: 1.4rem; margin: .2rem 0 .4rem; }
.vk-lect p { margin: 0 0 .5rem; color: var(--ink-2); }
.vk-buybox-img { aspect-ratio: 16 / 9; overflow: hidden; }
.vk-buybox-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; }
.vk-buybox-in { padding: 1.4rem 1.6rem 1.6rem; display: flex; flex-direction: column; gap: 1rem; }
.vk-pr { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.vk-pr b { font: 300 2.2rem/1 var(--serif); color: var(--amber); }
.vk-pr .vk-badge { position: static; }
.vk-buy { width: 100%; justify-content: center; }
.vk-incl { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .88rem; color: var(--ink-2); }
.vk-incl li { display: flex; align-items: center; gap: .55rem; }
.vk-incl svg { width: 16px; height: 16px; color: var(--amber); flex: none; }
.vk-have { display: flex; justify-content: space-between; align-items: center; padding-top: .9rem; border-top: 1px dashed var(--amber-2); font-size: .88rem; color: var(--ink-3); }
.vk-soon { font-size: .9rem; color: var(--ink-2); background: var(--paper-2); border-radius: 8px; padding: .8rem .9rem; }
.vk-owner { display: none; }
.vk-is-owner .vk-owner { display: flex; }
.vk-is-owner .vk-guest { display: none; }
.vk-own-l { display: inline-flex; align-items: center; gap: .4rem; align-self: flex-start; padding: .35rem .7rem; border-radius: 99px; background: #e2f1e5; color: #3f8a55; font-size: .8rem; font-weight: 500; }
.vk-prog--big { flex-direction: column; align-items: stretch; gap: .4rem; }
.vk-prog--big i { flex: none; width: 100%; height: 8px; }
/* účet */
.vk-login-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.vk-form { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: clamp(1.6rem, 3vw, 2.4rem); display: flex; flex-direction: column; gap: 1rem; }
.vk-form h1 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin: .2rem 0 0; }
.vk-form p { margin: 0; color: var(--ink-2); }
.vk-form label { display: flex; flex-direction: column; gap: .35rem; font-size: .8rem; letter-spacing: .06em; color: var(--ink-3); }
.vk-form input[type=email], .vk-form input[type=password] { font: 400 1rem var(--sans); padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); }
.vk-form input:focus { outline: 2px solid var(--amber-2); outline-offset: 1px; }
.vk-form-row { display: flex; justify-content: space-between; align-items: center; font-size: .88rem; }
.vk-check { flex-direction: row !important; align-items: center; gap: .45rem !important; letter-spacing: 0 !important; color: var(--ink-2) !important; }
.vk-form .btn { justify-content: center; }
.vk-form-note { font-size: .85rem; color: var(--ink-3) !important; }
.vk-login-side h2 { margin-top: .4rem; }
.vk-login-side .vk-steps { grid-template-columns: 1fr; }
.vk-mine { display: none; }
.vk-logged .vk-login { display: none; }
.vk-logged .vk-mine { display: block; padding-top: clamp(1.6rem, 3vw, 2.4rem); }
.vk-mine-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 1.6rem; }
.vk-mine-head h1 { font-size: clamp(2.2rem, 4vw, 3.2rem); margin: .4rem 0 0; }
.vk-logout { background: none; border: 0; cursor: pointer; font: inherit; }
.vk-mine-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
.vk-mine-card { display: grid; grid-template-columns: 1fr 1fr; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; color: var(--ink); text-decoration: none; transition: transform .4s, box-shadow .4s; }
.vk-mine-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.vk-mine-card .vk-cover { aspect-ratio: auto; height: 100%; }
.vk-mine-b { padding: 1.3rem 1.4rem; display: flex; flex-direction: column; gap: .6rem; }
.vk-mine-b h3 { margin: 0; font-size: 1.3rem; }
.vk-mine-b small { color: var(--ink-3); }
.vk-mine-more { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.6rem; padding: 1.2rem 1.4rem; border-radius: var(--radius); background: var(--amber-soft); }
.vk-mine-more span { flex: 1; color: var(--ink-2); }
@media (max-width: 980px) {
  .vk-hero .wrap, .vk-login-grid { grid-template-columns: 1fr; }
  .vk-grid { grid-template-columns: 1fr 1fr; }
  .vk-blocks, .vk-steps { grid-template-columns: 1fr; }
  .vk-mine-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .vk-grid, .vk-two { grid-template-columns: 1fr; }
  .vk-gate { grid-template-columns: auto 1fr; } .vk-gate > .link, .vk-gate > .vk-prog { grid-column: 1 / -1; }
  .vk-ch { grid-template-columns: 2rem 1fr 1.6rem; } .vk-ch-k { display: none; }
  .vk-mine-card { grid-template-columns: 1fr; } .vk-mine-card .vk-cover { aspect-ratio: 16 / 9; }
  .hdr-acc { width: 38px; height: 38px; margin-right: .4rem; }
}
/* --- konec videokurzů --- */

/* --- horní lišta: plná modrá, bílý text, vystředěno --- */
.topbar { background: var(--amber); color: rgba(255,255,255,.86); border-bottom: 0; }
.topbar .wrap { justify-content: center; align-items: center; flex-wrap: wrap; column-gap: 2.2rem; row-gap: .2rem; padding: .62rem 0; text-align: center; line-height: 1.4; }
.topbar .hl { color: #fff; font-weight: 500; }
.topbar a { color: #fff; }
.topbar .link { border-bottom-color: rgba(255,255,255,.5); }
.topbar .addr { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .addr::before { content: ""; width: 1px; height: 1em; background: rgba(255,255,255,.35); margin-right: 1.4rem; }
.topbar .tel { display: inline-flex; align-items: center; gap: .35rem; }
.topbar .tel svg { color: rgba(255,255,255,.8); }
@media (max-width: 720px) { .topbar .addr { display: none; } }
/* --- konec horní lišty --- */

/* --- kroužek: platba ve dvou splátkách --- */
.pay2 { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: .2rem 0 .6rem; }
.pay2-o { display: flex; flex-direction: column; gap: .15rem; padding: .7rem .85rem; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.pay2-o b { font-weight: 500; font-size: .9rem; }
.pay2-o span { font-size: .85rem; color: var(--ink-3); }
.pay2-o:last-child { border-color: var(--amber-2); background: var(--amber-soft); }
.pay2-note { font-size: .85rem; color: var(--ink-2); margin: 0 0 1rem; line-height: 1.55; }
/* --- konec splátek --- */
.vk-gate .vk-prog i { flex: none; width: 120px; }
@media (max-width: 1080px) { .hdr-acc { margin-left: auto; } .hdr-acc ~ .burger { margin-left: .5rem; } }

/* pojistka: nic nesmí stránku rozšířit do strany (animace před odkrytím, skrytá prohlížečka) */
html, body { overflow-x: clip; }
.vk-legacy { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1rem; border-radius: 10px; background: #e2f1e5; font-size: .9rem; line-height: 1.55; color: var(--ink-2); }
.vk-legacy svg { flex: none; width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: #4c9a63; color: #fff; margin-top: .1rem; }
.vk-legacy b { color: var(--ink); font-weight: 500; }
.vk-gate > .link { display: inline-block; }
.vk-gate-old { display: block; font-size: .75rem; color: var(--ink-3); margin-top: .25rem; }
.vk-gate { align-items: center; }
.vk-gate .vk-gate-old { grid-column: 3; text-align: right; margin-top: -.75rem; }
@media (max-width: 640px) { .vk-gate .vk-gate-old { grid-column: 1 / -1; text-align: left; } }
.vk-cover img[src*="-yt"], .vk-buybox-img img[src*="-yt"] { object-position: 50% 50%; }
.vk-cover { aspect-ratio: 16 / 9; }
.vk-buybox-img { aspect-ratio: 16 / 9; }
.vk-cover .vk-play { left: 12px; top: auto; bottom: 10px; width: 40px; height: 40px; margin: 0; }
.vk-cover .vk-play svg { width: 16px; height: 16px; margin-left: 2px; }
.vcard .vk-badge { top: 10px; }
/* karty videokurzů: přehrát jen po najetí, titulky zůstanou čisté */
.vk-cover .vk-play { left: 50%; top: 50%; bottom: auto; width: 54px; height: 54px; margin: -27px 0 0 -27px; opacity: 0; transform: scale(.8); transition: opacity .3s, transform .4s cubic-bezier(.3,1.6,.5,1); }
.vk-cover .vk-play svg { width: 20px; height: 20px; }
.vcard:hover .vk-play, .vk-mine-card:hover .vk-play { opacity: 1; transform: scale(1); }
@media (hover: none) { .vk-cover .vk-play { opacity: .9; transform: none; left: 12px; top: auto; bottom: 10px; width: 38px; height: 38px; margin: 0; } }

/* slogan: srdíčko 3× větší, červený obrys */
.s-heart { width: 2.3em; height: 2.2em; margin: -.7em 0 -.6em .1em; vertical-align: middle; }
.s-heart path { stroke: #d9485f; stroke-width: 2.2; }
@media (max-width: 520px) { .s-heart { width: 1.5em; height: 1.45em; margin: -.4em 0 -.35em .05em; } .slogan .s2 { white-space: normal; } .eyebrow { white-space: normal; } }
/* srdíčko: kousek nahoru a doprava */
.s-heart { position: relative; left: .18em; top: -.22em; }
@media (max-width: 520px) { .s-heart { left: .08em; top: -.12em; } }
@media (max-width: 520px) { .slogan .s2 { white-space: nowrap; font-size: 1em; } .s-heart { width: 1.35em; height: 1.3em; } }

/* --- titulní grafiky videokurzů (800×529, vlastní nápis i ikona – nic neořezávat) --- */
.vk-cover:has(img[src*="-title"]), .vk-buybox-img:has(img[src*="-title"]) { aspect-ratio: 800 / 529; background: #fff; }
.vk-cover img[src*="-title"], .vk-buybox-img img[src*="-title"] { object-fit: contain; object-position: 50% 50%; }
.vcard:hover .vk-cover img[src*="-title"] { transform: scale(1.03); }
.vk-cover:has(img[src*="-title"]) .vk-dur { top: 10px; bottom: auto; }
.vk-cover:has(img[src*="-title"]) .vk-own { top: 10px; bottom: auto; }
.vk-mine-card .vk-cover:has(img[src*="-title"]) { border-right: 1px solid var(--line); }
@media (hover: none) { .vk-cover:has(img[src*="-title"]) .vk-play { display: none; } }
/* --- konec titulních grafik --- */

/* --- žebro kola --- */
.why-gear { position: absolute; left: 0; top: 0; width: 146%; height: auto; aspect-ratio: 1; transform: translate(-24%, -24%); pointer-events: none; z-index: 0;
  -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 50%), linear-gradient(to right, transparent 4%, #000 22%, #000 52%, transparent 94%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, #000 30%, transparent 50%), linear-gradient(to right, transparent 4%, #000 22%, #000 52%, transparent 94%); mask-composite: intersect; }
.why-gear .wg-band { fill: rgba(60,50,40,.05); stroke: var(--ink-3); stroke-opacity: .55; stroke-width: 1.3; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.why-gear .wg-line { fill: none; stroke: var(--ink-3); stroke-opacity: .3; stroke-width: 1; stroke-dasharray: 10 4 2 4; vector-effect: non-scaling-stroke; }
.why-gear .wg-rot { transform-origin: 380px 380px; transform-box: view-box; }
.motion .why-gear .wg-rot { animation: gear-spin 120s linear infinite; }
@keyframes gear-spin { to { transform: rotate(360deg); } }
.why-photos > .photo { z-index: 1; } .why-photos > .badge-round { z-index: 3; }
section:has(> .why) { overflow: clip; }
/* --- konec žebra --- */

/* --- lektoři --- */
.lk-head { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 4rem; align-items: end; margin-bottom: 2.4rem; }
.lk-head h1 { font-size: clamp(2.4rem, 5vw, 4rem); margin: .4rem 0 0; }
.lk-head .lead { margin: 0; }
.lk-filter { display: flex; flex-wrap: wrap; gap: .5rem; padding-bottom: 2.2rem; margin-bottom: 2.6rem; border-bottom: 1px solid var(--line); }
.lk-filter button { font: 400 .86rem var(--sans); color: var(--ink-2); background: none; border: 1px solid var(--line); border-radius: 99px; padding: .5rem 1rem; cursor: pointer; transition: .25s; }
.lk-filter button i { font-style: normal; color: var(--ink-3); margin-left: .25rem; font-size: .78rem; }
.lk-filter button:hover { border-color: var(--ink-3); }
.lk-filter button.on { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.lk-filter button.on i { color: rgba(255,255,255,.6); }
.lk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.4rem 2.4rem; }
.lk { display: flex; flex-direction: column; }
.lk.is-hidden { display: none; }
.lk-ph { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; padding: 0; border: 0; overflow: hidden; cursor: pointer; background: var(--paper-2); border-radius: 2px; }
.lk-ph img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85); transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter .6s; }
.lk-ph::before, .lk-ph::after { content: ""; position: absolute; width: 22px; height: 22px; border: 1px solid rgba(255,255,255,.9); opacity: 0; transition: opacity .4s, transform .5s cubic-bezier(.2,.8,.2,1); z-index: 1; }
.lk-ph::before { top: 16px; left: 16px; border-right: 0; border-bottom: 0; transform: translate(6px, 6px); }
.lk-ph::after { bottom: 16px; right: 16px; border-left: 0; border-top: 0; transform: translate(-6px, -6px); }
.lk:hover .lk-ph img { transform: scale(1.035); filter: saturate(1); }
.lk:hover .lk-ph::before, .lk:hover .lk-ph::after { opacity: 1; transform: none; }
.lk-flag { position: absolute; left: 12px; bottom: 12px; z-index: 2; padding: .38rem .7rem; border-radius: 99px; background: rgba(255,254,251,.94); color: var(--ink); font: 500 .62rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.lk-bd { display: flex; flex-direction: column; flex: 1; padding-top: 1.3rem; }
.lk-role { margin: 0; font: 500 .66rem/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--amber); }
.lk h3 { font-size: 1.6rem; margin: .35rem 0 .5rem; }
.lk-q { margin: 0 0 .5rem; font-style: italic; color: var(--ink-2); }
.lk-t { margin: 0 0 .8rem; font-size: .93rem; font-weight: 300; color: var(--ink-2); }
.lk .crating { margin: 0 0 .9rem; }
.lk-c { list-style: none; margin: 0 0 1.2rem; padding: 0; border-top: 1px solid var(--line); }
.lk-c li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--line); font-size: .9rem; }
.lk-c a { text-decoration: none; color: var(--ink); transition: color .2s; }
.lk-c a:hover { color: var(--amber); }
.lk-c a::after { content: " →"; color: var(--ink-3); transition: margin .2s; }
.lk-c small { color: var(--ink-3); font-size: .74rem; white-space: nowrap; }
.lk-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.lk-ls { display: flex; flex-wrap: wrap; gap: .35rem; }
.lk-l { display: inline-flex; align-items: center; gap: .4rem; height: 34px; min-width: 34px; justify-content: center; border: 1px solid var(--line); border-radius: 99px; color: var(--ink-2); text-decoration: none; transition: .25s; }
.lk-l svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.lk-l span { display: none; }
.lk-l:hover { color: var(--amber); border-color: var(--amber); }
.lk-more { background: none; border: 0; padding: 0; cursor: pointer; font: 400 .82rem var(--sans); color: var(--ink-2); white-space: nowrap; }
.lk-more:hover { color: var(--amber); }
.lk-dlg { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: var(--radius); background: var(--paper); color: var(--ink); box-shadow: 0 40px 80px -30px rgba(0,0,0,.45); }
.lk-dlg::backdrop { background: rgba(20,24,32,.55); backdrop-filter: blur(3px); }
.lk-dlg[open] { animation: lk-in .4s cubic-bezier(.2,.8,.2,1); }
@keyframes lk-in { from { opacity: 0; transform: translateY(14px); } }
.lk-dlg-in { display: grid; grid-template-columns: 5fr 7fr; }
.lk-dlg-ph img { width: 100%; height: 100%; min-height: 100%; object-fit: cover; display: block; }
.lk-dlg-bd { padding: clamp(1.6rem, 4vw, 3rem); }
.lk-dlg-bd h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: .3rem 0 .9rem; }
.lk-dlg-bd > p:not(.lk-role) { font-size: .95rem; font-weight: 300; color: var(--ink-2); }
.lk-dlg-bd h4 { margin: 1.6rem 0 .6rem; font: 500 .66rem var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); }
.lk-dlg-bd .lk-c { margin-bottom: 0; }
.lk-ls--full .lk-l { padding: 0 .9rem 0 .75rem; }
.lk-ls--full .lk-l span { display: inline; font-size: .82rem; }
.lk-x { position: absolute; top: 10px; right: 12px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255,254,251,.9); font: 300 1.6rem/1 var(--sans); color: var(--ink); cursor: pointer; }
.lk-x:hover { color: var(--amber); }
@media (max-width: 980px) { .lk-grid { grid-template-columns: repeat(2, 1fr); } .lk-head { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .lk-grid { grid-template-columns: 1fr; gap: 3rem; }
  .lk-dlg-in { grid-template-columns: 1fr; }
  .lk-dlg-ph { aspect-ratio: 4 / 3; }
  .lk-foot { flex-wrap: wrap; }
}
/* 4 v řadě, větší písmo, decentní barevný prvek podle zaměření */
.lk-grid { grid-template-columns: repeat(4, 1fr); gap: 3.2rem 1.8rem; }
.lk { --lk-c: #3d5a80; --lk-t: #eef2f7; }
.lk[data-g^="video"] { --lk-c: #b0654a; --lk-t: #f8efe9; }
.lk[data-g^="deti"] { --lk-c: #4c8a5f; --lk-t: #edf4ee; }
.lk-ph { border-radius: 2px 2px 0 0; }
.lk-bd { position: relative; padding: 1.25rem 1.2rem 1.2rem; border-top: 3px solid var(--lk-c); }
.lk-role { font-size: .72rem; color: var(--lk-c); }
.lk h3 { font-size: 1.62rem; }
.lk-q { font-size: 1.02rem; }
.lk-t { font-size: 1rem; line-height: 1.6; }
.lk-c li { font-size: .97rem; padding: .62rem 0; }
.lk-c a:hover { color: var(--lk-c); }
.lk-c small { font-size: .78rem; }
.lk .crating { font-size: .95rem; }
.lk-more { font-size: .9rem; }
.lk-more:hover, .lk-l:hover { color: var(--lk-c); border-color: var(--lk-c); }
.lk-more:hover { border-color: transparent; }
.lk-dlg-bd > p:not(.lk-role) { font-size: 1.02rem; }
.lk-foot { gap: .6rem; } .lk-foot .lk-ls { gap: .25rem; flex-wrap: nowrap; } .lk-foot .lk-l { height: 30px; min-width: 30px; } .lk-foot .lk-l svg { width: 15px; height: 15px; } .lk-more { font-size: .86rem; }
@media (max-width: 1180px) { .lk-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 980px) { .lk-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .lk-grid { grid-template-columns: 1fr; } }
/* --- konec lektorů --- */

/* --- strojní dekorace --- */
.deco { position: absolute; pointer-events: none; z-index: 0; }
section:has(> .deco) { position: relative; overflow: clip; }
section:has(> .deco) > .wrap { position: relative; z-index: 1; }
.deco .wg-band { fill: rgba(60,50,40,.05); stroke: var(--ink-3); stroke-opacity: .55; stroke-width: 1.3; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.deco .wg-line { fill: none; stroke: var(--ink-3); stroke-opacity: .3; stroke-width: 1; stroke-dasharray: 10 4 2 4; vector-effect: non-scaling-stroke; }
.deco .wg-rot { transform-origin: 380px 380px; transform-box: view-box; }
.motion .deco .wg-rot { animation: gear-spin 120s linear infinite; }
.motion .deco-gear-top .wg-rot { animation-direction: reverse; }
/* kolo shora: střed nad sekcí, vidět jen spodní žebro */
.deco-gear-top { width: 760px; height: 760px; right: 6%; top: -590px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 76%, #000 82%, #000 88%, transparent 100%), linear-gradient(to right, transparent 12%, #000 38%, #000 62%, transparent 88%); -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to bottom, transparent 76%, #000 82%, #000 88%, transparent 100%), linear-gradient(to right, transparent 12%, #000 38%, #000 62%, transparent 88%); mask-composite: intersect; }
  -webkit-mask-image: linear-gradient(to right, transparent 38%, #000 62%); mask-image: linear-gradient(to right, transparent 38%, #000 62%); }
@media (max-width: 640px) { .deco-gear-top { width: 520px; height: 520px; top: -405px; right: -60px; } }
@media (prefers-reduced-motion: reduce) { .deco .wg-rot { animation: none !important; } }
/* --- konec strojních dekorací --- */

/* --- svinovací metr --- */
.week--tape { margin-top: 5.4rem; margin-left: 12px; }
.week--tape::before { display: none; }
.week--tape .tape { position: absolute; left: -9px; top: 0; bottom: 0; width: 18px; pointer-events: none; }
.week--tape .tape-case { position: absolute; left: -17px; top: -74px; width: 80px; height: 70px; overflow: visible; }
.tape-case .tc-body { fill: var(--paper); stroke: var(--ink-3); stroke-opacity: .7; stroke-width: 1.3; }
.tape-case .tc-ring { fill: none; stroke: var(--ink-3); stroke-opacity: .45; stroke-width: 1; stroke-dasharray: 3 2.5; transform-origin: 30px 27px; }
.tape-case .tc-hub { fill: var(--amber); }
.tape-case .tc-btn { stroke: var(--ink-3); stroke-opacity: .7; stroke-width: 2.4; stroke-linecap: round; }
.tape-case .tc-slot { fill: none; stroke: var(--ink-3); stroke-opacity: .5; stroke-width: 1; }
.week--tape .tape-band { position: absolute; left: 0; top: -4px; width: 18px; height: calc(100% + 4px); border-radius: 0 0 2px 2px;
  background:
    repeating-linear-gradient(to bottom, rgba(40,36,30,.55) 0 1px, transparent 1px 40px) left top / 100% 100% no-repeat,
    repeating-linear-gradient(to bottom, rgba(40,36,30,.4) 0 1px, transparent 1px 8px) right top / 45% 100% no-repeat,
    #ecd99a;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.55), inset -1px 0 0 rgba(120,95,30,.25), 0 1px 3px rgba(0,0,0,.08); }
.week--tape .tape-band::after { content: ""; position: absolute; left: -3px; right: -3px; bottom: -5px; height: 6px; background: #9aa3ad; border-radius: 1px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.2); }
.week--tape .d { padding-left: 2.6rem; }
.week--tape .d::before { left: 13px; top: 13px; width: 16px; height: 1px; border-radius: 0; background: var(--ink-3); opacity: .6; }
.motion .week--tape .tape-band { height: 0; transition: height 2.6s cubic-bezier(.55,0,.25,1); }
.motion .week--tape.run .tape-band { height: calc(100% + 4px); }
.motion .week--tape .tc-ring { transition: transform 2.6s cubic-bezier(.55,0,.25,1); }
.motion .week--tape.run .tc-ring { transform: rotate(-540deg); }
.motion .week--tape.run .d:nth-child(2) { transition-delay: .2s; }
.motion .week--tape.run .d:nth-child(3) { transition-delay: .85s; }
.motion .week--tape.run .d:nth-child(4) { transition-delay: 1.45s; }
.motion .week--tape.run .d:nth-child(5) { transition-delay: 2s; }
/* --- konec metru --- */

/* --- patička dílna --- */
.footer.ft { --ft-ink: #e9e4da; --ft-dim: rgba(233,228,218,.55); --ft-line: rgba(233,228,218,.16); position: relative; overflow: clip; color: var(--ft-ink); padding: 5.5rem 0 2.2rem;
  background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 28px 28px, #23272e; }
.footer.ft .wrap { position: relative; z-index: 1; }
.ft-gear { position: absolute; width: 760px; height: 760px; right: -260px; top: -420px; pointer-events: none;
  -webkit-mask-image: linear-gradient(215deg, transparent 22%, #000 40%, transparent 72%); mask-image: linear-gradient(215deg, transparent 22%, #000 40%, transparent 72%); }
.ft-gear path { fill: rgba(255,255,255,.03); stroke: rgba(233,228,218,.34); stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.ft-gear .wg-rot { transform-origin: 380px 380px; transform-box: view-box; }
.motion .ft-gear .wg-rot { animation: gear-spin 150s linear infinite; }
.footer.ft .brand img { filter: invert(1) brightness(1.6); opacity: .9; }
.footer.ft .brand b { color: var(--ft-ink); }
.footer.ft .brand small { color: var(--ft-dim); }
.ft-top { display: grid; grid-template-columns: 1.5fr .8fr 1fr .8fr 1.1fr; gap: 2.4rem; }
.ft-brand p { margin: 1.2rem 0 1.3rem; max-width: 22em; font-size: .93rem; font-weight: 300; color: var(--ft-dim); }
.ft-soc { display: flex; gap: .45rem; }
.ft-soc a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--ft-line); border-radius: 50%; color: var(--ft-ink); transition: .25s; }
.ft-soc a:hover { border-color: #e2b75a; color: #e2b75a; }
.ft-soc svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.footer.ft h4 { color: #e2b75a; opacity: .9; }
.footer.ft ul { gap: .6rem; font-size: .97rem; }
.footer.ft li { color: var(--ft-dim); }
.footer.ft a { color: var(--ft-ink); }
.footer.ft a:hover { color: #e2b75a; }
.ft-contact .ft-way { color: #e2b75a; }
/* razítko výkresu */
.ft-stamp { margin-top: 4rem; display: grid; grid-template-columns: repeat(12, 1fr); border: 1.5px solid rgba(233,228,218,.5); font-size: .92rem; background: rgba(255,255,255,.015); }
.ft-stamp .st { grid-column: span 2; padding: .7rem .9rem .75rem; border-right: 1px solid var(--ft-line); border-bottom: 1px solid var(--ft-line); color: var(--ft-ink); min-width: 0; overflow-wrap: anywhere; }
.ft-stamp .st span { display: block; margin-bottom: .2rem; font: 500 .58rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ft-dim); }
.ft-stamp .st-name { grid-column: span 3; } .ft-stamp .st-name b { font: 400 1.15rem var(--serif); }
.ft-stamp .st-addr { grid-column: span 5; }
.ft-stamp .st-reg { grid-column: span 4; }
.ft-stamp .st-bank, .ft-stamp .st-acc { grid-column: span 2; }
.ft-stamp .st-iban { grid-column: span 4; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.ft-stamp .st-fun, .ft-stamp .st-swift { grid-column: span 3; border-bottom: 0; }
.ft-stamp .st-fun i { font: 400 1.35rem/1 "Caveat", "Segoe Print", cursive; color: #e2b75a; }
.ft-stamp .st:nth-last-child(1) { border-right: 0; }
.footer.ft .base { border-top-color: var(--ft-line); color: var(--ft-dim); margin-top: 2.2rem; }
.footer.ft .base a { color: var(--ft-dim); }
.footer.ft .base a:hover { color: var(--ft-ink); }
@media (max-width: 1080px) { .ft-top { grid-template-columns: 1fr 1fr 1fr; } .ft-brand { grid-column: 1 / -1; } }
@media (max-width: 860px) { .ft-stamp { grid-template-columns: repeat(6, 1fr); } .ft-stamp .st, .ft-stamp .st-name, .ft-stamp .st-addr, .ft-stamp .st-reg, .ft-stamp .st-iban { grid-column: span 3; } .ft-stamp .st-addr, .ft-stamp .st-reg { grid-column: span 6; } .ft-stamp .st-fun { grid-column: span 2; } }
@media (max-width: 560px) { .ft-top { grid-template-columns: 1fr 1fr; } .ft-stamp { grid-template-columns: 1fr 1fr; } .ft-stamp .st, .ft-stamp .st-name, .ft-stamp .st-iban, .ft-stamp .st-addr, .ft-stamp .st-reg { grid-column: span 2; } .ft-stamp .st-fun { grid-column: span 1; } .ft-stamp .st-fun:last-child { display: none; } .ft-gear { right: -420px; } }
/* --- konec patičky --- */

/* --- kontakt --- */
.kt-head { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 4rem; align-items: end; margin-bottom: 3.2rem; }
.kt-head h1 { font-size: clamp(2.4rem, 5vw, 4rem); margin: .4rem 0 0; }
.kt-quick { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.kt-quick li { display: grid; grid-template-columns: 6.5rem 1fr; align-items: baseline; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); font-size: 1.02rem; }
.kt-quick li > span:first-child { font: 500 .66rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); }
.kt-quick a { text-decoration: none; color: var(--ink); }
.kt-quick a:hover { color: var(--amber); }
.kt-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.kt-h { font: 500 .7rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 1rem; }
.kt-people { list-style: none; margin: 0 0 2.4rem; padding: 0; }
.kt-p { display: grid; grid-template-columns: 72px 1fr; gap: 1.1rem; align-items: center; padding: 1.1rem 0; border-top: 1px solid var(--line); }
.kt-p:last-child { border-bottom: 1px solid var(--line); }
.kt-p img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.kt-p b { display: block; font: 400 1.2rem var(--serif); color: var(--ink); }
.kt-p small { display: block; color: var(--amber); font-size: .8rem; margin: .1rem 0 .35rem; }
.kt-p a { display: block; font-size: .92rem; color: var(--ink-2); text-decoration: none; }
.kt-p a:hover { color: var(--amber); }
.kt-bill p { margin: 0 0 .6rem; font-size: .98rem; color: var(--ink-2); }
.kt-bill span { font: 500 .66rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin-right: .5rem; }

/* náčrtek z dílny */
.sk-wrap { --pen: #4a4f58; --hand: "Caveat", "Segoe Print", cursive; position: relative; padding: 0 0 2rem; }
.sk-done[hidden], .sk-err[hidden] { display: none; }
.sk-sheet { position: relative; padding: clamp(2rem, 4vw, 3.2rem) clamp(1.6rem, 4vw, 3.4rem) clamp(2.2rem, 4vw, 3rem);
  background: linear-gradient(rgba(61,90,128,.07) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, rgba(61,90,128,.07) 1px, transparent 1px) 0 0 / 24px 24px, #fbf8f2;
  border: 1px solid rgba(74,79,88,.18); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 28px 50px -34px rgba(40,34,26,.45); transform: rotate(-.6deg); }
.sk { position: absolute; fill: none; stroke: var(--pen); stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.sk .sk-hatch { stroke-opacity: .45; }
.sk-screw { width: 22px; height: 22px; }
.sk-screw circle { fill: #f1ece2; }
.sk-screw .sk-in { fill: none; stroke-opacity: .35; }
.sk-screw .sk-slot { transform: rotate(var(--r, 0deg)); transition: transform .6s cubic-bezier(.3,1.4,.5,1); }
.sk-c1 { top: 12px; left: 12px; } .sk-c2 { top: 12px; right: 12px; } .sk-c3 { bottom: 12px; left: 12px; } .sk-c4 { bottom: 12px; right: 12px; }
.sk-nail { width: 74px; height: 17px; }
.sk-n1 { top: 30px; right: 70px; transform: rotate(-22deg); }
.sk-n2 { top: 54px; right: 34px; transform: rotate(8deg); }
.sk-driver { width: 340px; height: 60px; right: 7%; bottom: 330px; z-index: 2; filter: drop-shadow(0 6px 6px rgba(40,34,26,.12)); }
.sk-driver path { fill: #fbf8f2; }
.sk-driver path.sk-hatch { fill: none; }
.sk-driver path:first-child { fill: #ece3d2; }
.sk-title { display: flex; flex-wrap: wrap; align-items: end; gap: .4rem 1.6rem; margin: 0 0 1.8rem; }
.sk-title h2 { margin: 0; font-size: clamp(1.9rem, 3vw, 2.5rem); }
.sk-note { font: 400 1.25rem/1.2 var(--hand); color: #6a5a45; }
.sk-dimnote { display: grid; justify-items: center; gap: 0; transform: rotate(-2deg); padding-bottom: .3rem; }
.sk-dim { position: static; width: 150px; height: 14px; stroke: #6a5a45; stroke-width: 1; }
.sk-row { display: grid; gap: 1.6rem 2rem; margin-bottom: 1.4rem; }
.sk-row--2 { grid-template-columns: 1fr 1fr; }
.sk-f { position: relative; display: block; padding-left: 30px; }
.sk-f .sk-ic { position: absolute; left: 0; top: 2px; width: 19px; height: 19px; }
.sk-l { display: block; font: 600 1.32rem/1.1 var(--hand); color: var(--pen); margin-bottom: .1rem; }
.sk-l i { font-weight: 400; font-style: normal; opacity: .65; font-size: 1.05rem; }
.sk-f input, .sk-f textarea { width: 100%; border: 0; background: transparent; padding: .45rem 0 .4rem; font: 400 1.05rem var(--sans); color: var(--ink); outline: 0;
  border-bottom: 1.5px solid rgba(74,79,88,.45); border-radius: 0; }
.sk-f textarea { resize: vertical; line-height: 2rem; padding-top: .2rem; border-bottom: 0;
  background: repeating-linear-gradient(to bottom, transparent 0 calc(2rem - 1.5px), rgba(74,79,88,.35) calc(2rem - 1.5px) 2rem); }
.sk-f:focus-within .sk-l { color: var(--amber); }
.sk-f:focus-within input { border-bottom-color: var(--amber); }
.sk-f:focus-within .sk-slot { transform: rotate(calc(var(--r, 0deg) + 90deg)); }
.sk-f.bad .sk-l { color: #c4412f; }
.sk-f.bad input { border-bottom-color: #c4412f; }
.sk-f--plain { padding: 0; }
.sk-topics { border: 0; margin: .4rem 0 1.8rem; padding: 0 0 0 30px; }
.sk-topics legend { padding: 0; margin-bottom: .6rem; }
.sk-chks { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; }
.sk-chk { display: inline-flex; align-items: center; gap: .5rem; font-size: .97rem; color: var(--ink-2); cursor: pointer; }
.sk-chk input { position: absolute; opacity: 0; pointer-events: none; }
.sk-box { position: relative; width: 17px; height: 17px; border: 1.4px solid var(--pen); border-radius: 2px 3px 2px 4px; transform: rotate(-3deg); }
.sk-box::after { content: ""; position: absolute; left: 3px; top: -5px; width: 7px; height: 14px; border: solid var(--amber); border-width: 0 2.4px 2.4px 0; transform: rotate(40deg) scale(0); transform-origin: 50% 70%; transition: transform .3s cubic-bezier(.3,1.6,.5,1); }
.sk-chk input:checked + .sk-box::after { transform: rotate(40deg) scale(1); }
.sk-chk input:focus-visible + .sk-box { outline: 2px solid var(--amber); outline-offset: 2px; }
.sk-chk input:checked ~ * { color: var(--ink); }
.sk-hint { margin: .4rem 0 1.8rem 30px; font-size: 1.15rem; }
.sk-send { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-left: 30px; }
.sk-gdpr { margin: 0; max-width: 24em; font-size: .82rem; color: var(--ink-3); }
.sk-err { margin: 1rem 0 0 30px; color: #c4412f; font-size: .9rem; }
.sk-ph { display: block; width: fit-content; margin: 1.6rem 0 0 30px; }
.sk-done { position: absolute; inset: 0; z-index: 3; display: grid; place-content: center; justify-items: center; gap: 1rem; text-align: center; background: rgba(251,248,242,.94); border-radius: 3px; }
.sk-done p { margin: 0; font: 400 1.6rem/1.3 var(--hand); color: var(--pen); }
.sk-stamp { padding: .35rem 1.2rem; border: 3px double #c4412f; color: #c4412f; font: 600 1.5rem var(--sans); letter-spacing: .2em; text-transform: uppercase; transform: rotate(-8deg); opacity: .85; animation: sk-stamp .5s cubic-bezier(.3,1.6,.5,1); }
@keyframes sk-stamp { from { transform: rotate(-8deg) scale(2.2); opacity: 0; } }
.motion .sk-sheet .sk-c1 .sk-slot, .motion .sk-sheet .sk-c2 .sk-slot, .motion .sk-sheet .sk-c3 .sk-slot, .motion .sk-sheet .sk-c4 .sk-slot { animation: sk-tight 1.4s cubic-bezier(.3,1.2,.5,1) both; }
.motion .sk-sheet .sk-c2 .sk-slot { animation-delay: .15s; } .motion .sk-sheet .sk-c3 .sk-slot { animation-delay: .3s; } .motion .sk-sheet .sk-c4 .sk-slot { animation-delay: .45s; }
@keyframes sk-tight { from { transform: rotate(calc(var(--r) - 270deg)); } }

/* cesta a parkování */
.kt-way { display: grid; grid-template-columns: 1fr 1.15fr; gap: 2rem; align-items: start; }
.kt-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.kt-steps li { display: grid; grid-template-columns: 56px 1fr; gap: 1.2rem; padding: 1.5rem 1.6rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.kt-ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--amber-soft); color: var(--amber); }
.kt-ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.kt-steps h3 { margin: .1rem 0 .35rem; font-size: 1.35rem; }
.kt-steps p { margin: 0; font-size: 1rem; color: var(--ink-2); }
.kt-media { display: grid; gap: 1rem; }
.kt-media .kt-video { min-height: 0; aspect-ratio: 16 / 9; }
.kt-media .kt-map { min-height: 300px; }
.kt-map { position: relative; min-height: 340px; border-radius: var(--radius); overflow: hidden; background: var(--paper);
  background-image: linear-gradient(rgba(61,90,128,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(61,90,128,.06) 1px, transparent 1px); background-size: 32px 32px; border: 1px solid var(--line); display: flex; flex-direction: column; }
.kt-map iframe { position: absolute; inset: 0; width: 100%; height: calc(100% - 52px); border: 0; }
.kt-map.on .kt-map-ph { visibility: hidden; }
.kt-map-ph { flex: 1; display: grid; place-content: center; justify-items: center; gap: .35rem; text-align: center; padding: 2rem; }
.kt-map-ph svg { width: 34px; height: 34px; fill: none; stroke: var(--amber); stroke-width: 1.4; margin-bottom: .4rem; }
.kt-map-ph b { font: 400 1.35rem var(--serif); }
.kt-map-ph span { color: var(--ink-2); font-size: .95rem; }
.kt-map-ph .btn { margin-top: 1rem; }
.kt-map-ph small { color: var(--ink-3); font-size: .78rem; margin-top: .3rem; }
.kt-nav { display: flex; gap: 1.6rem; padding: .9rem 1.2rem; border-top: 1px solid var(--line); background: var(--card); font-size: .9rem; position: relative; z-index: 1; margin-top: auto; }
.kt-video { aspect-ratio: auto; min-height: 340px; }
.kt-park { grid-column: 1 / -1; margin: 0; display: grid; grid-template-columns: 1.6fr 1fr; gap: 0; border-radius: var(--radius); overflow: hidden; background: var(--card); border: 1px solid var(--line); }
.kt-park img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 16 / 9; }
.kt-park figcaption { padding: clamp(1.4rem, 3vw, 2.4rem); align-self: center; font-size: 1rem; color: var(--ink-2); }
.kt-park b { display: block; font: 400 1.6rem var(--serif); color: var(--ink); margin-bottom: .5rem; }
@media (max-width: 980px) {
  .kt-head, .kt-grid { grid-template-columns: 1fr; }
  .kt-way { grid-template-columns: 1fr; }
  .kt-park { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .sk-row--2 { grid-template-columns: 1fr; }
  .sk-f--plain { display: none; }
  .sk-sheet { transform: none; }
  .sk-driver { width: 170px; height: 30px; right: 4px; bottom: 112px; }
  .sk-n1, .sk-n2 { display: none; }
  .kt-quick li { grid-template-columns: 1fr; gap: .1rem; }
}
/* cuknutí listem: šroubovák se kutálí kolem špičky (špička skoro na místě, rukojeť opíše oblouk) */
.sk-driver { pointer-events: none; transform-origin: 93% 50%; }
.sk-driver .sk-roll { stroke: #fff; stroke-width: 3; stroke-opacity: 0; }
.motion .sk-wrap:not(.jolted) .sk-driver { transform: rotate(9deg); }
.motion .sk-wrap.jolted .sk-sheet { animation: sk-jolt .7s cubic-bezier(.3,.7,.4,1); }
.motion .sk-wrap.jolted .sk-driver { animation: sk-roll 2.1s cubic-bezier(.4,.05,.3,1) .1s both; }
.motion .sk-wrap.jolted .sk-driver .sk-roll { animation: sk-shine .42s linear .15s 5; }
.motion .sk-wrap.jolted .sk-n1 { transform: translate(-7px, 5px) rotate(-31deg); }
.motion .sk-wrap.jolted .sk-n2 { transform: translate(6px, -3px) rotate(17deg); }
.sk-n1, .sk-n2 { transition: transform .5s cubic-bezier(.3,1.6,.5,1) .05s; }
@keyframes sk-jolt { 0% { transform: rotate(-.6deg); } 18% { transform: translate(-4px, -7px) rotate(.5deg); } 40% { transform: translate(3px, 3px) rotate(-1.1deg); } 65% { transform: translate(-1px, -1px) rotate(-.4deg); } 100% { transform: rotate(-.6deg); } }
@keyframes sk-roll {
  0% { transform: rotate(9deg); }
  20% { transform: translate(-2px, 1px) rotate(-6deg); }
  58% { transform: translate(-4px, 3px) rotate(-47deg); }
  74% { transform: translate(-4px, 3px) rotate(-38deg); }
  88% { transform: translate(-4px, 3px) rotate(-43deg); }
  100% { transform: translate(-4px, 3px) rotate(-41deg); } }
@keyframes sk-shine { 0% { transform: translateY(0); stroke-opacity: 0; } 30% { stroke-opacity: .85; } 100% { transform: translateY(30px); stroke-opacity: 0; } }
.kt-lead { max-width: 30em; }
.kt-lead .lead { margin: 0; }
.kt-parknote { margin: .9rem 0 0; font-size: .98rem; color: var(--ink-2); padding-left: .9rem; border-left: 2px solid var(--amber); }
.kt-parknote b { color: var(--ink); font-weight: 500; }
/* --- konec kontaktu --- */

/* --- stroj na film --- */
.camp-machine { position: relative; height: 210px; margin-top: 1.6rem; pointer-events: none; }
.camp-machine svg:first-child {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 70%, transparent 100%), linear-gradient(to bottom, #000 72%, transparent 100%); -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 70%, transparent 100%), linear-gradient(to bottom, #000 72%, transparent 100%); mask-composite: intersect; }
.camp-machine svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.camp-machine .fm-body { fill: rgba(60,50,40,.06); stroke: var(--ink-3); stroke-opacity: .6; stroke-width: 1.4; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.camp-machine .fm-line { fill: none; stroke: var(--ink-3); stroke-opacity: .3; stroke-width: 1; stroke-dasharray: 10 4 2 4; vector-effect: non-scaling-stroke; }
.camp-machine .fm-film path { fill: none; stroke-linecap: butt; }
.camp-machine .fm-edge { stroke: rgba(110,104,96,.55); stroke-width: 62; }
.camp-machine .fm-strip { stroke: #ece6dc; stroke-width: 59; }
.camp-machine .fm-perf { stroke: var(--paper); stroke-width: 50; stroke-dasharray: 12 12; }
.camp-machine .fm-mid { stroke: #ece6dc; stroke-width: 30; }
.camp-machine .fm-frame { stroke: rgba(61,90,128,.10); stroke-width: 24; stroke-dasharray: 80 16; }
.camp-machine .fm-film { transform-origin: 320px 90px; transform-box: view-box; }
.camp-machine .fm-big { transform-origin: 130px 236px; transform-box: view-box; }
.camp-machine .fm-pin { transform-origin: 318px 222px; transform-box: view-box; }
/* zleva doprava: film 24 px/s, velké kolo ≈ 40 s/otáčka po směru, pastorek ≈ 17 s proti směru */
.motion .camp-machine .fm-frame { animation: fm-run96 4s linear infinite; }
.motion .camp-machine .fm-perf { animation: fm-run24 1s linear infinite; }
.motion .camp-machine .fm-film { animation: fm-sway 7s ease-in-out infinite; }
.motion .camp-machine .fm-big { animation: gear-spin 40s linear infinite; }
.motion .camp-machine .fm-pin { animation: gear-spin 17s linear infinite reverse; }
@keyframes fm-run96 { from { stroke-dashoffset: 96; } to { stroke-dashoffset: 0; } }
@keyframes fm-run24 { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }
@keyframes fm-sway { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(-.8deg); } }
@media (max-width: 980px) { .camp-machine { display: none; } }
@media (prefers-reduced-motion: reduce) { .camp-machine * { animation: none !important; } }
.fm-note { position: absolute; left: 49%; top: 34%; margin: 0; padding-left: 4.2rem; font: 600 1.85rem/1.1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-4deg); white-space: nowrap; }
.fm-note b { font-weight: 600; color: var(--amber); }
.camp-machine .fm-arrow { position: absolute; inset: auto; left: -.6rem; top: .7rem; width: 4.6rem; height: 2.6rem; overflow: visible; fill: none; stroke: #6a5a45; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
/* --- konec stroje --- */

/* --- strojní drobnosti --- */
section:has(> .fx) { position: relative; overflow: clip; }
section:has(> .fx) > .wrap { position: relative; z-index: 1; }
.fx { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
/* drobné díly (matky, šroubky, podložky, hřebíky) jsou 3× větší než jejich --s; velká kola zůstávají */
.fx-p { --k: 1; --w: calc(var(--s) * var(--k)); --gut: calc((100% - min(1200px, 100% - 40px)) / 2);
  --gl: max(calc(var(--w) * -.6), min(calc(var(--gut) / 2 - var(--w) / 2), calc(var(--gut) - 16px - var(--w)))); }
.fx-p:not(.fx-gears) { --k: 3; }
@media (max-width: 1399px) { .fx-p:not(.fx-gears) { --k: 2.4; } }
@media (max-width: 1299px) { .fx-p:not(.fx-gears) { --k: 2; } }
.fx-p { position: absolute; width: var(--w); transform: rotate(var(--rot, 0deg)); }
.fx-p svg { display: block; width: 100%; height: auto; overflow: visible; }
.fx-p .b { fill: rgba(60,50,40,.06); stroke: var(--ink-3); stroke-opacity: .7; stroke-width: 1.3; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.fx-p .h { fill: var(--paper); stroke: var(--ink-3); stroke-opacity: .7; stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.tint .fx-p .h { fill: var(--paper-2); }
.fx-p .l { fill: none; stroke: var(--ink-3); stroke-opacity: .35; stroke-width: 1; vector-effect: non-scaling-stroke; }
.fx-p .s { fill: none; stroke: var(--ink-3); stroke-opacity: .7; stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.dark .fx-p .b { fill: rgba(255,255,255,.03); stroke: rgba(233,228,218,.4); }
.dark .fx-p .l { stroke: rgba(233,228,218,.25); }
.fx-p .r { transform-box: fill-box; transform-origin: center; }
.fx-nails .r { transform-origin: 50% 97%; }
.fx-nails .b { fill: #f4f4f3; }
.tint .fx-nails .b { fill: #ececea; }
.fx-gears .g1 { transform-origin: 100px 120px; transform-box: view-box; }
.fx-gears .g2 { transform-origin: 222px 77px; transform-box: view-box; }
.fx-p.edge { opacity: .9; -webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent 100%); mask-image: radial-gradient(closest-side, #000 55%, transparent 100%); }
/* pohyb: při najetí do obrazu matka se „dotáhne“, šroubek zašroubuje, hřebík se překulí, pak jen pomalé dýchání */
.motion .fx-p .r { transition: transform 1.6s cubic-bezier(.3,1.35,.5,1) var(--d, 0s), opacity .6s var(--d, 0s); }
.motion .fx-nut .r, .motion .fx-washer .r { transform: rotate(-150deg); opacity: 0; }
.motion .fx-screw .r { transform: rotate(-270deg) scale(1.12); opacity: 0; }
.motion .fx-nails .r { transform: rotate(-24deg) translateY(-10px); opacity: 0; }
.motion .fx-p.on .r { transform: none; opacity: 1; }
.motion .fx-nut.on svg { animation: fx-idle 22s linear 1.6s 1; }
.motion .fx-washer.on svg { animation: fx-idle 30s linear 1.6s 1 reverse; }
.motion .fx-screw.on svg { animation: fx-twist 6s ease-in-out 2s 1; }
  .motion .fx-nails.on .r { animation: fx-rock 7s ease-in-out 2.4s 1; }
  .motion .fx-nails.on g:nth-child(2) .r { animation-delay: 4.2s; }
  .motion .fx-nails.on g:nth-child(3) .r { animation-delay: 3.1s; animation-duration: 9s; }
  .motion .fx-nails.on g:nth-child(4) .r { animation-delay: 5.6s; animation-duration: 8s; }
@keyframes fx-twist { 0%, 70%, 100% { transform: rotate(0); } 80% { transform: rotate(-35deg); } 90% { transform: rotate(5deg); } }
@keyframes fx-rock { 0%, 60%, 100% { transform: rotate(0); } 72% { transform: rotate(-9deg); } 84% { transform: rotate(3deg); } }
@keyframes fx-idle { to { transform: rotate(360deg); } }
.motion .fx-gears .g1 { animation: gear-spin 50s linear infinite; }
.motion .fx-gears .g2 { animation: gear-spin 30s linear infinite reverse; }
/* ručně psaná poznámka se šipkou */
:has(> .fx-note) { position: relative; }
.fx-note { position: absolute; z-index: 2; padding-left: 4rem; font: 600 1.6rem/1.1 "Caveat", "Segoe Print", cursive; letter-spacing: 0; text-transform: none; color: #6a5a45; transform: rotate(-4deg); white-space: nowrap; pointer-events: none; }
.fx-note.flip .fx-arr { top: -1.5rem; transform: scaleY(-1); }
.fx-note.plain { padding-left: 0; }
.fx-off { display: none !important; }
.fx-note b { font-weight: 600; color: var(--amber); }
.fx-arr { position: absolute; left: -.4rem; top: .9rem; width: 4rem; height: 2.3rem; overflow: visible; fill: none; stroke: #6a5a45; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.motion .fx-note { opacity: 0; transform: rotate(-4deg) translateY(6px); transition: opacity .7s .3s, transform .7s .3s; }
.motion .fx-note .fx-arr path { stroke-dasharray: 140; stroke-dashoffset: 140; transition: stroke-dashoffset 1.1s .9s ease-out; }
.motion .fx-note.on { opacity: 1; transform: rotate(-4deg); }
.motion .fx-note.on .fx-arr path { stroke-dashoffset: 0; }
@media (max-width: 980px) { .fx-p:not(.edge) { display: none; } }
@media (max-width: 900px) { .fx-note { display: none; } }
@media (prefers-reduced-motion: reduce) { .fx * { animation: none !important; } }
/* --- konec strojních drobností --- */

/* --- hostující lektoři --- */
.guests { display: grid; grid-template-columns: 220px 1fr; gap: 3rem; align-items: center; padding: 2.4rem 0; border-bottom: 1px solid var(--line); }
.guests-mark { justify-self: center; display: grid; justify-items: center; gap: .7rem; width: 168px; aspect-ratio: 1; align-content: center; border: 1.5px dashed rgba(61,90,128,.45); border-radius: 50%; color: var(--amber); text-align: center; }
.guests-mark svg { width: 46px; height: 46px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.guests-mark span { font: 500 .62rem/1.5 var(--sans); letter-spacing: .22em; text-transform: uppercase; }
.guests h3 { font-size: 1.6rem; margin: .5rem 0 .8rem; }
.guests p { max-width: 46em; }
.guests p + p { margin-top: .7rem; }
@media (max-width: 760px) { .guests { grid-template-columns: 1fr; gap: 1.4rem; } .guests-mark { justify-self: start; width: 120px; } .guests-mark svg { width: 34px; height: 34px; } }
/* --- konec hostů --- */

/* --- menu: bílá lišta s linkami (2026-11-05) --- */
/* Čistě bílá lišta, vlasová linka dole, bez svislých linek (uživatel nechce).
 Aktivní / najetá položka má modrou linku přímo na spodní hraně lišty. */
.header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.header.scrolled { border-color: var(--line); box-shadow: 0 12px 28px -26px rgba(30,30,30,.35); }
.header .wrap { height: 84px; gap: 0; }
.brand { padding-right: 2.2rem; flex: none; }
.header .btn { white-space: nowrap; }
@media (max-width: 1080px) { .brand { padding-right: 0; flex: 0 1 auto; min-width: 0; } .brand small { white-space: normal; } .brand > span { min-width: 0; } }
@media (max-width: 560px) { .brand small { letter-spacing: .14em; } }
.brand small { white-space: nowrap; }
@media (min-width: 1081px) {
.nav { align-self: stretch; align-items: stretch; gap: 0; margin-left: 0; margin-right: auto; padding: 0 1.2rem; }
.nav > a, .nav .has-sub > a { display: flex; align-items: center; height: 100%; padding: 0 1.1rem; white-space: nowrap; }
.nav .has-sub { display: flex; align-items: stretch; }
.nav > a::after, .nav .has-sub > a::after { left: 1.1rem; right: 1.1rem; bottom: -1px; height: 2px; }
.nav > a:hover, .nav .has-sub > a:hover { color: var(--ink); }
.hdr-acc { margin: 0 .8rem 0 1.6rem; }
}
@media (min-width: 1081px) and (max-width: 1280px) { .brand { padding-right: 1.2rem; } .nav { padding: 0 .4rem; } .nav > a, .nav .has-sub > a { padding: 0 .75rem; } .nav > a::after, .nav .has-sub > a::after { left: .75rem; right: .75rem; } .hdr-acc { margin-left: 1rem; } }
/* --- konec bílé lišty --- */

/* --- výhody kurzů: delší text --- */
.perks span { display: block; font-size: .98rem; line-height: 1.6; text-wrap: pretty; }
.perks { gap: 2.4rem; }
/* --- konec výhod kurzů --- */

/* --- půlroční kroužek --- */
.kterms { display: grid; gap: .6rem; }
.kterms .dterm { cursor: pointer; }
.kterms .dterm input { position: absolute; opacity: 0; pointer-events: none; }
.kt-new { display: inline-block; padding: .1rem .5rem; border-radius: 99px; background: #f6e7c9; color: #7a5410; letter-spacing: .08em; }
.dterm.sel .kt-new { background: rgba(255,255,255,.2); color: #fff; }
.chip--new { background: #f6e7c9; color: #7a5410; border-color: transparent; }
.booking [hidden] { display: none !important; }
/* --- konec půlročního --- */

/* --- půlroční: štítek na kartě --- */
.vB-new { position: absolute; right: 14px; bottom: 14px; z-index: 2; padding: .5rem .9rem; border-radius: 99px; background: #f3e6c4; color: #2c4361; font: 400 .82rem/1 var(--sans); box-shadow: 0 8px 20px -10px rgba(0,0,0,.45); }
.vB-new b { font-weight: 600; margin-right: .25rem; text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; }
/* --- konec štítku --- */

/* --- půlroční: řádek v hero --- */
.k-half { display: flex; align-items: center; gap: 1rem; margin: 1.4rem 0 .4rem; padding: .9rem 1.1rem; border: 1px solid #ecd9ae; border-left: 3px solid #c99a2e; border-radius: var(--radius); background: #fbf4e3; color: var(--ink); text-decoration: none; transition: background .25s, transform .25s; }
.k-half:hover { background: #f6e9c8; transform: translateX(3px); }
.k-half-tag { flex: none; padding: .35rem .6rem; border-radius: 99px; background: #2c4361; color: #fff; font: 600 .62rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; }
.k-half b { display: block; font-weight: 500; font-size: 1rem; }
.k-half span:not([class]) { font-size: .9rem; color: var(--ink-2); }
.k-half-go { margin-left: auto; color: #8a6a1c; font-size: 1.2rem; }
/* --- konec řádku --- */

/* --- kroužek: naskočit kdykoliv --- */
.k-join { display: flex; gap: .8rem; align-items: flex-start; margin: .9rem 0 .2rem; padding: .9rem 1rem; border-radius: var(--radius); background: #eef4ee; }
.k-join svg { flex: none; width: 22px; height: 22px; margin-top: .15rem; fill: none; stroke: #2f6b40; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.k-join p { margin: 0; font-size: .88rem; line-height: 1.55; color: var(--ink-2); }
.k-join b { display: block; color: #2f6b40; font-weight: 600; margin-bottom: .15rem; }
/* --- konec naskočení --- */

/* --- přihláška dítěte --- */
.pf-head { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; margin-bottom: 2.6rem; }
.pf-head h1 { font: 300 clamp(2.4rem, 5vw, 3.6rem)/1.05 var(--serif); margin: .6rem 0 0; }
.pf-head h1 em { color: var(--amber); font-style: normal; }
.pf-head .lead { margin: 0; }
.pf { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 3rem; align-items: start; }
.pf-main { display: grid; gap: 1.4rem; min-width: 0; }
.pf-step { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.4rem, 3vw, 2.2rem); }
.pf-step h2 { display: flex; align-items: center; gap: .9rem; font: 400 1.45rem/1.2 var(--serif); margin: 0 0 1.3rem; }
.pf-no { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--amber); color: #fff; font: 500 .95rem var(--sans); flex: none; }
.pf-hint { margin: -.6rem 0 1.2rem; color: var(--ink-3); font-size: .93rem; }
.pf-prods { display: grid; gap: .7rem; }
.pf-prod { position: relative; display: grid; grid-template-columns: auto auto 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; transition: border-color .25s, background .25s, box-shadow .25s; }
.pf-prod:hover { border-color: var(--amber-2); }
.pf-prod.on { border-color: var(--amber); background: var(--amber-soft); box-shadow: inset 0 0 0 1px var(--amber); }
.pf-prod input { position: absolute; opacity: 0; pointer-events: none; }
.pf-prod:has(input:focus-visible) { outline: 2px solid var(--amber); outline-offset: 2px; }
.pf-tick { width: 22px; height: 22px; border: 1.5px solid var(--ink-3); border-radius: 5px; display: grid; place-items: center; transition: .2s; }
.pf-prod.on .pf-tick { background: var(--amber); border-color: var(--amber); }
.pf-prod.on .pf-tick::after { content: ""; width: 10px; height: 6px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: translateY(-1px) rotate(-45deg); }
.pf-ic svg { width: 26px; height: 26px; fill: none; stroke: var(--amber); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; display: block; }
.pf-tx { display: grid; gap: .15rem; min-width: 0; }
.pf-tx small { font: 500 .62rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); }
.pf-tx b { font: 500 1.05rem/1.3 var(--sans); color: var(--ink); }
.pf-tx b em { font-style: normal; font-weight: 400; color: var(--amber); margin-left: .3rem; }
.pf-tx > span { font-size: .86rem; color: var(--ink-2); }
.pf-side { display: grid; justify-items: end; gap: .25rem; text-align: right; }
.pf-side b { font: 400 1.2rem var(--sans); white-space: nowrap; }
.pf-seat { font-size: .74rem; padding: .15rem .55rem; border-radius: 99px; white-space: nowrap; }
.pf-seat.ok { background: #e6f2e9; color: #2f6b40; }
.pf-seat.few { background: #fbe6e3; color: #a33a2c; }
.pf-pay { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin: -.2rem 0 .4rem; padding: .8rem 1.2rem; border-left: 2px solid var(--amber); background: var(--paper-2); border-radius: 0 var(--radius) var(--radius) 0; font-size: .88rem; }
.pf-pay-l { color: var(--ink-3); }
.pf-pay label, .pf-methods label, .pf-checks label { display: flex; gap: .6rem; align-items: flex-start; cursor: pointer; }
.pf-pay label span b { margin-right: .4rem; }
.pf-pay input, .pf-methods input, .pf-checks input { accent-color: var(--amber); margin-top: .3rem; flex: none; }
.pf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.2rem; }
.pf-wide { grid-column: 1 / -1; }
.pf-f { display: grid; gap: .35rem; }
.pf-f > span { font: 500 .78rem var(--sans); letter-spacing: .04em; color: var(--ink-2); }
.pf-f > span i, .pf-checks i { font-style: normal; font-weight: 400; color: var(--ink-3); font-size: .9em; }
.pf-f input, .pf-f select, .pf-f textarea { font: 400 1rem var(--sans); color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: .75rem .85rem; width: 100%; box-sizing: border-box; transition: border-color .2s, box-shadow .2s; }
.pf-f input:focus, .pf-f select:focus, .pf-f textarea:focus { outline: none; border-color: var(--amber); box-shadow: 0 0 0 3px var(--amber-soft); }
.pf-f small { font-size: .8rem; color: var(--ink-3); }
.pf-f small.warn { color: #a33a2c; }
.pf-f.bad input, .pf-f.bad select { border-color: #c4523f; box-shadow: 0 0 0 3px #fbe6e3; }
.pf-child { border: 0; padding: 0; margin: 0 0 1.4rem; }
.pf-child + .pf-child { padding-top: 1.4rem; border-top: 1px dashed var(--line); }
.pf-child legend { display: flex; justify-content: space-between; width: 100%; padding: 0; margin-bottom: .9rem; font: 500 .7rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); }
.pf-rm { font: 400 .8rem var(--sans); letter-spacing: 0; text-transform: none; color: var(--ink-3); background: none; border: 0; cursor: pointer; text-decoration: underline; }
.pf-add { display: inline-flex; align-items: center; gap: .6rem; font: 500 .9rem var(--sans); color: var(--amber); background: none; border: 1px dashed var(--amber-2); border-radius: var(--radius); padding: .75rem 1.1rem; cursor: pointer; transition: .2s; }
.pf-add:hover { background: var(--amber-soft); border-style: solid; }
.pf-add span { font-size: 1.2rem; line-height: 1; }
.pf-sub { font: 500 .72rem var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 .7rem; }
.pf-later { margin-top: .2rem; padding-top: 0; color: var(--ink-3); }
.pf-methods { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-bottom: 1.4rem; }
.pf-methods label { padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); font-size: .88rem; color: var(--ink-2); }
.pf-methods label:has(input:checked) { border-color: var(--amber); background: var(--amber-soft); }
.pf-methods b { display: block; color: var(--ink); font-weight: 500; font-size: .98rem; margin-bottom: .15rem; }
.pf-checks { display: grid; gap: .7rem; font-size: .92rem; color: var(--ink-2); }
.pf-err { margin: .9rem 0 0; color: #a33a2c; font-size: .88rem; }
.pf-sum { position: sticky; top: 104px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem; box-shadow: var(--shadow); }
.pf-sum h3 { font: 400 1.3rem var(--serif); margin: 0 0 1rem; }
.pf-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; font-size: .92rem; }
.pf-lines li { display: flex; justify-content: space-between; gap: 1rem; }
.pf-lines li span i { font-style: normal; color: var(--amber); }
.pf-lines li small { display: block; color: var(--ink-3); font-size: .78rem; }
.pf-lines b { font-weight: 500; white-space: nowrap; }
.pf-empty { color: var(--ink-3); }
.pf-tot, .pf-now { display: flex; justify-content: space-between; align-items: baseline; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.pf-tot b { font: 400 1.7rem var(--sans); }
.pf-now { margin-top: .4rem; padding-top: .4rem; border: 0; color: var(--amber); }
.pf-now b { font-weight: 500; }
.pf-go { width: 100%; justify-content: center; margin-top: 1.3rem; }
.pf-small { font-size: .8rem; color: var(--ink-3); margin: .8rem 0 1.2rem; }
.pf-done { grid-column: 1 / -1; text-align: center; padding: 3rem 1rem 1rem; }
.pf-done[hidden], .pf-main[hidden], .pf-sum[hidden], .pf-pay[hidden], .pf-now[hidden] { display: none; }
.pf-stamp { display: inline-block; padding: .4rem 1.2rem; border: 2px solid #2f6b40; color: #2f6b40; border-radius: 6px; font: 600 .9rem var(--sans); letter-spacing: .25em; text-transform: uppercase; transform: rotate(-6deg); margin-bottom: 1.4rem; }
.pf-done h2 { font: 300 2.4rem var(--serif); margin: 0 0 .8rem; }
.pf-done p { max-width: 36em; margin: 0 auto 1.6rem; color: var(--ink-2); }
@media (max-width: 1080px) { .pf { grid-template-columns: 1fr; } .pf-sum { position: static; } .pf-head { grid-template-columns: 1fr; gap: 1rem; } }
@media (max-width: 640px) {
  .pf-grid, .pf-methods { grid-template-columns: 1fr; }
  .pf-prod { grid-template-columns: auto 1fr; padding: .9rem 1rem; }
  .pf-ic { display: none; }
  .pf-side { grid-column: 2; justify-items: start; text-align: left; grid-auto-flow: column; justify-content: start; gap: .7rem; align-items: center; }
}
/* --- konec přihlášky --- */

/* --- objednávka kurzu --- */
.ob-course { display: grid; grid-template-columns: 96px 1fr auto; gap: 1.1rem; align-items: center; padding-bottom: 1.3rem; margin-bottom: 1.3rem; border-bottom: 1px solid var(--line); }
.ob-course > img { width: 96px; height: 72px; object-fit: cover; border-radius: calc(var(--radius) * .6); }
.ob-course > div > b { display: block; font: 400 1.25rem/1.25 var(--serif); margin-bottom: .45rem; }
.ob-lek { display: inline-flex; align-items: center; gap: .55rem; font-size: .9rem; color: var(--ink-2); }
.ob-lek img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.ob-lek small { display: block; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.ob .pf-grid { align-items: start; }
.ob-change { font-size: .88rem; white-space: nowrap; }
.ob-terms { display: grid; gap: .6rem; }
.ob-term { position: relative; display: grid; grid-template-columns: auto 92px 1fr auto; gap: 1rem; align-items: center; padding: .9rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; transition: border-color .25s, background .25s, box-shadow .25s; }
.ob-term:hover { border-color: var(--amber-2); }
.ob-term.on { border-color: var(--amber); background: var(--amber-soft); box-shadow: inset 0 0 0 1px var(--amber); }
.ob-term input { position: absolute; opacity: 0; pointer-events: none; }
.ob-term:has(input:focus-visible) { outline: 2px solid var(--amber); outline-offset: 2px; }
.ob-dot { width: 20px; height: 20px; border: 1.5px solid var(--ink-3); border-radius: 50%; display: grid; place-items: center; }
.ob-term.on .ob-dot { border-color: var(--amber); }
.ob-term.on .ob-dot::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--amber); }
.ob-terms.one .ob-dot { display: none; }
.ob-terms.one .ob-term { grid-template-columns: 92px 1fr auto; cursor: default; }
.ob-d b { display: block; font-weight: 500; font-size: 1.02rem; white-space: nowrap; }
.ob-d small, .ob-t span { color: var(--ink-3); font-size: .84rem; }
.ob-t b { display: block; font-weight: 500; }
.ob-s { font-size: .84rem; color: #2f6b40; white-space: nowrap; }
.ob-s b { font-weight: 600; }
.ob-term.few .ob-s { color: #a33a2c; }
.ob-count { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-top: 1.3rem; padding: 1rem 1.2rem; border-radius: var(--radius); background: var(--paper-2); }
.ob-count b { display: block; font-weight: 500; }
.ob-count span { font-size: .88rem; color: var(--ink-3); }
.ob-step { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 99px; background: var(--card); flex: none; }
.ob-step button { width: 40px; height: 40px; border: 0; background: none; font-size: 1.2rem; cursor: pointer; color: var(--ink); border-radius: 50%; }
.ob-step button:hover:not(:disabled) { background: var(--amber-soft); }
.ob-step button:disabled { color: var(--line); cursor: default; }
.ob-step output { min-width: 1.6rem; text-align: center; font-weight: 500; }
.ob-others { margin-top: 1rem; }
.ob-gift { margin-bottom: 1.5rem; border: 1px dashed var(--amber-2); border-radius: var(--radius); padding: .85rem 1.1rem; }
.ob-gift summary { cursor: pointer; font-weight: 500; color: var(--amber); }
.ob-gift[open] summary { margin-bottom: 1rem; }
.ob-code { display: grid; grid-template-columns: 1fr auto; gap: .8rem; align-items: end; }
.ob-code-msg { margin: .6rem 0 0; font-size: .88rem; }
.ob-code-msg:empty { display: none; }
.ob-code-msg.ok { color: #2f6b40; }
.ob-code-msg.bad { color: #a33a2c; }
.ob-firm-t { display: flex; gap: .6rem; align-items: center; font-size: .92rem; color: var(--ink-2); margin: 0 0 1.2rem; cursor: pointer; }
.ob-firm { margin: -.4rem 0 1.4rem; }
.ob-firm[hidden], .pf-methods[hidden], .pf-sub[hidden], .ob-others[hidden] { display: none; }
.ob-sum { padding-top: 0; overflow: hidden; }
.ob-sum-img { margin: 0 -1.6rem 1.2rem; aspect-ratio: 16 / 9; }
.ob-sum-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ob-sum h3 { font-size: 1.35rem; line-height: 1.25; }
.ob-facts { list-style: none; margin: 0 0 1.2rem; padding: 0 0 1.2rem; border-bottom: 1px solid var(--line); display: grid; gap: .55rem; font-size: .9rem; color: var(--ink-2); }
.ob-facts li { display: flex; gap: .6rem; align-items: flex-start; }
.ob-facts svg { width: 17px; height: 17px; flex: none; margin-top: .15rem; fill: none; stroke: var(--amber); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ob-off { color: #2f6b40; }
.ob-done h2 em { color: var(--amber); font-style: normal; }
.ob-next { display: grid; grid-template-columns: 300px 1fr; gap: 2rem; max-width: 860px; margin: 2rem auto; text-align: left; align-items: start; }
.ob-ticket { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--card); box-shadow: var(--shadow); }
.ob-ticket img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.ob-ticket div { padding: 1rem 1.2rem 1.2rem; border-top: 2px dashed var(--line); }
.ob-ticket small { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); }
.ob-ticket b { display: block; font: 400 1.15rem/1.3 var(--serif); margin: .2rem 0 .4rem; }
.ob-ticket span { font-size: .86rem; color: var(--ink-2); }
.ob-next ol { list-style: none; counter-reset: ob; margin: 0; padding: 0; display: grid; gap: 1.1rem; }
.ob-next li { counter-increment: ob; position: relative; padding-left: 3rem; color: var(--ink-2); font-size: .95rem; }
.ob-next li::before { content: counter(ob); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--amber); color: var(--amber); display: grid; place-items: center; font-weight: 500; }
.ob-next li b { display: block; color: var(--ink); font-weight: 500; }
.ob-done-btns { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }
@media (max-width: 760px) {
  .ob-next { grid-template-columns: 1fr; }
  .ob-course { grid-template-columns: 72px 1fr; }
  .ob-course > img { width: 72px; height: 56px; }
  .ob-change { grid-column: 2; }
  .ob-term { grid-template-columns: auto 1fr; row-gap: .3rem; }
  .ob-terms.one .ob-term { grid-template-columns: 1fr; }
  .ob-d { display: flex; gap: .5rem; align-items: baseline; }
  .ob-t, .ob-s { grid-column: 2; }
  .ob-terms.one .ob-t, .ob-terms.one .ob-s { grid-column: 1; }
  .ob-count { flex-direction: column; align-items: flex-start; }
}
/* --- konec objednávky --- */

/* --- dárkový poukaz --- */
/* podoba poukazu (náhled, PDF, e-mail) */
.vc { container-type: inline-size; display: grid; grid-template-columns: 1fr 33%; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); color: var(--ink); text-align: left; position: relative; }
.vc-l { position: relative; isolation: isolate; overflow: hidden; padding: 6.5% 7% 6%; display: flex; flex-direction: column; min-width: 0; color: #fff; background:
  radial-gradient(circle at 78% 18%, rgba(255,255,255,.09) 0 13%, transparent 13.4%),
  radial-gradient(circle at 92% 55%, rgba(255,255,255,.06) 0 9%, transparent 9.4%),
  radial-gradient(circle at 60% 4%, rgba(255,255,255,.05) 0 7%, transparent 7.4%),
  radial-gradient(circle at 12% 96%, rgba(255,255,255,.06) 0 16%, transparent 16.4%),
  radial-gradient(circle at 46% 70%, rgba(255,255,255,.04) 0 6%, transparent 6.4%),
  radial-gradient(ellipse at 20% 0%, #4a6890, transparent 60%),
  linear-gradient(160deg, #34496a 0%, #26364f 100%); }
.vc-l::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; background: repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 7px); }
.vc-wm { position: absolute; z-index: -1; width: 62%; right: -16%; bottom: -22%; filter: invert(1); opacity: .07; transform: rotate(-14deg); pointer-events: none; }
.vc-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.vc-top span { font-size: .8rem; letter-spacing: .04em; line-height: 1.3; color: rgba(255,255,255,.9); }
.vc-top small { display: block; font-size: .58rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.vc-stamp { width: 21%; min-width: 0; max-width: 92px; flex: none; filter: invert(1); opacity: .92; transform: rotate(-8deg); margin: -2% -2% -8% 0; }
.vc-head { font: 600 2.7rem/.95 var(--sans); text-transform: uppercase; letter-spacing: .03em; margin-top: .4rem; }
.vc-kick { margin-top: .55rem; font-size: .68rem; letter-spacing: .38em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.vc-title { font: 300 1.15rem/1.25 var(--serif); margin: 1.3rem 0 .9rem; text-wrap: balance; color: rgba(255,255,255,.8); }
.vc-title em { font-style: normal; color: #fff; font-weight: 400; display: block; font-size: 1.3rem; }
.vc-for { font-size: 1.15rem; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: .35rem; overflow-wrap: anywhere; }
.vc-for small { color: rgba(255,255,255,.55); }
.vc-for small, .vc-val small, .vc-code small { display: block; font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; line-height: 1.6; }
.vc-val small, .vc-code small { color: var(--ink-3); }
.vc-msg { font: 500 1.5rem/1.15 "Caveat", "Segoe Print", cursive; color: #f4e7cf; margin: .8rem 0 0; overflow-wrap: anywhere; }
.vc-from { font: 500 1.3rem/1.2 "Caveat", "Segoe Print", cursive; color: #f4e7cf; margin-top: .2rem; text-align: right; }
.vc-from::before { content: "– "; }
.vc-r { position: relative; padding: 7% 8% 6%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: .7rem; text-align: center; background: #fbfaf7; border: 1px solid var(--line); border-left: 0; border-radius: 0 12px 12px 0; }
.vc-r::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px; transform: translateX(-50%); background: radial-gradient(circle, var(--paper) 0 4px, transparent 4.5px) 0 4px / 12px 16px repeat-y; }
.vc-val { font: 500 1.7rem/1.1 var(--sans); white-space: nowrap; color: #26364f; }
.vc-vf { width: 80%; padding: 7%; background:
  linear-gradient(#26364f,#26364f) 0 0/16% 2px, linear-gradient(#26364f,#26364f) 0 0/2px 16%,
  linear-gradient(#26364f,#26364f) 100% 0/16% 2px, linear-gradient(#26364f,#26364f) 100% 0/2px 16%,
  linear-gradient(#26364f,#26364f) 0 100%/16% 2px, linear-gradient(#26364f,#26364f) 0 100%/2px 16%,
  linear-gradient(#26364f,#26364f) 100% 100%/16% 2px, linear-gradient(#26364f,#26364f) 100% 100%/2px 16%; background-repeat: no-repeat; }
.vc-qr { width: 100%; aspect-ratio: 1; background: #fff; }
.vc-qr img, .vc-qr canvas { width: 100% !important; height: auto !important; display: block; }
.vc-qr.empty { background: repeating-linear-gradient(45deg, #fff 0 6px, #eceae6 6px 7px); }
.vc-code { font: 500 .95rem/1.2 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .06em; white-space: nowrap; }
.vc-exp { font-size: .7rem; line-height: 1.5; color: var(--ink-3); }
@container (max-width: 520px) {
.vc-head { font-size: 1.8rem; } .vc-title { font-size: .95rem; margin: .9rem 0 .6rem; } .vc-title em { font-size: 1.05rem; }
.vc-top span { font-size: .68rem; } .vc-top small { display: none; } .vc-stamp { min-width: 40px; width: 26%; margin-bottom: -14%; } .vc-kick { font-size: .56rem; letter-spacing: .3em; }
.vc-for { font-size: .95rem; } .vc-msg { font-size: 1.15rem; } .vc-from { font-size: 1.05rem; }
.vc-val { font-size: 1.1rem; } .vc-code { font-size: .62rem; letter-spacing: 0; } .vc-exp { font-size: .6rem; }
}
/* nákup */
.pk-vals { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7rem; }
.pk-val { position: relative; display: flex; flex-direction: column; gap: .15rem; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; transition: border-color .25s, background .25s, box-shadow .25s; }
.pk-val:hover { border-color: var(--amber-2); }
.pk-val.on { border-color: var(--amber); background: var(--amber-soft); box-shadow: inset 0 0 0 1px var(--amber); }
.pk-val > input { position: absolute; opacity: 0; pointer-events: none; }
.pk-val:has(> input:focus-visible) { outline: 2px solid var(--amber); outline-offset: 2px; }
.pk-val b { font-weight: 500; font-size: 1.2rem; }
.pk-val span { font-size: .92rem; color: var(--ink); }
.pk-val small { font-size: .8rem; color: var(--ink-3); line-height: 1.4; }
.pk-own { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: .4rem 1.2rem; }
.pk-own b { font-size: 1rem; }
.pk-own-in { max-width: 180px; }
.pk-own-in { display: flex; align-items: center; gap: .4rem; }
.pk-own-in input { width: 100%; padding: .35rem .5rem; border: 1px solid var(--line); border-radius: 4px; font: inherit; background: #fff; }
.pk-to { margin-top: 1rem; }
.pk-to[hidden] { display: none; }
.pk-sum h3 { margin-bottom: .9rem; }
.pk-prev .vc { box-shadow: none; }
.pk-done-v { max-width: 640px; margin: 0 auto 2rem; }
.pk-done h2 em { color: var(--amber); font-style: normal; }
.pk-demo { margin: 2rem auto 0; max-width: 640px; padding: 1rem 1.2rem; border: 1px dashed var(--amber-2); border-radius: var(--radius); font-size: .92rem; }
.pk-demo b { font-weight: 500; display: block; margin-bottom: .2rem; }
/* PDF */
.pdf-body { background: var(--paper-2); min-height: 100vh; }
.pdf-bar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; max-width: 860px; margin: 0 auto; padding: 1.2rem 16px; font-size: .92rem; color: var(--ink-2); }
.pdf-sheet { max-width: 860px; margin: 0 auto 3rem; padding: 0 16px; }
.pdf-how { margin-top: 1.4rem; padding: 1.2rem 1.4rem; background: #fff; border: 1px solid var(--line); border-radius: 10px; font-size: .88rem; color: var(--ink-2); }
.pdf-how b { color: var(--ink); font-weight: 500; }
.pdf-how ol { margin: .4rem 0 .8rem; padding-left: 1.2rem; }
.pdf-how > span { font-size: .75rem; color: var(--ink-3); }
@page { size: A4 portrait; margin: 14mm; }
@media print {
.pdf-bar { display: none; }
.pdf-body { background: #fff; }
.pdf-sheet { max-width: none; padding: 0; margin: 0; }
.vc, .pdf-how { box-shadow: none; break-inside: avoid; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* správa */
.pka-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-bottom: 1.4rem; }
.pka-stats div { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.2rem; }
.pka-stats small { display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.pka-stats b { font: 400 1.6rem var(--sans); }
.pka-table-wrap { overflow-x: auto; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.pka-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.pka-table th { text-align: left; font-weight: 500; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); padding: .9rem 1rem; border-bottom: 1px solid var(--line); white-space: nowrap; }
.pka-table td { padding: .9rem 1rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.pka-table tr:last-child td { border-bottom: 0; }
.pka-table td small { display: block; color: var(--ink-3); font-size: .78rem; line-height: 1.5; }
.pka-table code { font: 500 .85rem ui-monospace, Menlo, monospace; white-space: nowrap; }
.pka-st { display: inline-block; padding: .15rem .6rem; border-radius: 99px; font-size: .75rem; white-space: nowrap; }
.pka-st.ok { background: #e3efe6; color: #2f6b40; } .pka-st.part { background: var(--amber-soft); color: var(--amber); }
.pka-st.ceka { background: #f6e7c9; color: #7a5410; } .pka-st.off { background: var(--paper-2); color: var(--ink-3); }
.pka-pay { padding: .4rem .8rem; font-size: .7rem; white-space: nowrap; }
.pka-new { margin-top: 2rem; }
@media (max-width: 760px) { .pka-stats { grid-template-columns: 1fr 1fr; } }
/* --- konec poukazu --- */

/* --- proužek s kódem --- */
.kod-bar { background: var(--amber-soft); border-bottom: 1px solid var(--amber-2); font-size: .92rem; }
.kod-bar .wrap { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: .7rem; padding-bottom: .7rem; }
.kod-bar b { font-family: ui-monospace, Menlo, monospace; font-weight: 600; }
.kod-bar button { border: 0; background: none; font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--ink-2); }
/* --- konec proužku --- */

/* --- můj účet --- */
.acc-hello { display: grid; grid-template-columns: 1fr 400px; gap: 3rem; align-items: center; margin-bottom: 2.6rem; }
.acc-hello h1 { font: 300 clamp(2.4rem, 5vw, 3.6rem)/1.05 var(--serif); margin: .5rem 0 .9rem; }
.acc-hello h1 em { font-style: normal; color: var(--amber); }
.acc-hello p { margin: 0; color: var(--ink-2); max-width: 34em; }
.acc-next { display: grid; grid-template-columns: 130px 1fr; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.acc-next img { width: 100%; height: 100%; object-fit: cover; }
.acc-next > div { padding: 1.1rem 1.3rem; display: grid; gap: .25rem; font-size: .88rem; color: var(--ink-2); }
.acc-next small { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--amber); font-weight: 500; }
.acc-next b { font: 400 1.2rem/1.25 var(--serif); color: var(--ink); margin-bottom: .2rem; }
.acc-next span, .acc-ev-b > span { display: flex; align-items: center; gap: .45rem; }
.acc-next svg, .acc-ev-b svg { width: 15px; height: 15px; flex: none; fill: none; stroke: var(--amber); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.acc-next-a { display: flex; gap: 1.1rem; margin-top: .4rem; }
.acc-grid { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 2.6rem; align-items: start; scroll-margin-top: 110px; }
.acc-nav { position: sticky; top: 104px; display: grid; gap: .2rem; padding: .6rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.acc-nav a, .acc-nav button { display: flex; align-items: center; gap: .75rem; padding: .7rem .8rem; border-radius: 6px; color: var(--ink-2); text-decoration: none; font: 400 .95rem var(--sans); border: 0; background: none; cursor: pointer; text-align: left; width: 100%; }
.acc-nav svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.acc-nav a:hover, .acc-nav button:hover { background: var(--paper-2); color: var(--ink); }
.acc-nav a[aria-current] { background: var(--amber-soft); color: var(--amber); font-weight: 500; }
.acc-nav button { margin-top: .4rem; border-top: 1px solid var(--line); border-radius: 0 0 6px 6px; color: var(--ink-3); }
.acc-badge { margin-left: auto; min-width: 20px; height: 20px; border-radius: 99px; background: #c98a1a; color: #fff; font: 600 .7rem/20px var(--sans); text-align: center; font-style: normal; }
.acc-panel[hidden] { display: none; }
.acc-panel { display: grid; gap: 2.4rem; min-width: 0; }
.acc-h { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.1rem; flex-wrap: wrap; }
.acc-h h2 { font: 400 1.5rem/1.2 var(--serif); margin: 0; }
.acc-sub { color: var(--ink-3); font-size: .9rem; }
.acc-attn { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.2rem; border-radius: var(--radius); background: #fbf1dc; border: 1px solid #edd6a6; font-size: .93rem; color: #6b4a0e; }
.acc-attn b { font-weight: 500; }
.acc-sm { padding: .55rem .95rem; font-size: .68rem; white-space: nowrap; }
.acc-sm svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; margin-right: .3rem; vertical-align: -3px; }
.acc-evs { display: grid; gap: .7rem; }
.acc-ev { display: grid; grid-template-columns: 110px 1fr auto; gap: 1.2rem; align-items: center; padding: .7rem 1.2rem .7rem .7rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink); text-decoration: none; transition: border-color .25s, box-shadow .25s; }
a.acc-ev:hover { border-color: var(--amber-2); box-shadow: var(--shadow); }
.acc-ev img { width: 110px; height: 78px; object-fit: cover; border-radius: 4px; }
.acc-ev.past img { filter: grayscale(.7); opacity: .8; }
.acc-ev-b { display: grid; gap: .1rem; font-size: .88rem; color: var(--ink-2); min-width: 0; }
.acc-ev-b small { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.acc-ev-b b { font-weight: 500; font-size: 1.05rem; color: var(--ink); }
.acc-ev-b .m { color: var(--ink-3); font-size: .82rem; }
.acc-ev-r { display: grid; justify-items: end; gap: .4rem; font-size: .85rem; }
.acc-when { font-weight: 500; color: var(--amber); white-space: nowrap; }
.acc-st { display: inline-block; padding: .15rem .65rem; border-radius: 99px; font-size: .76rem; white-space: nowrap; }
.acc-st.ok { background: #e3efe6; color: #2f6b40; }
.acc-st.part { background: var(--amber-soft); color: var(--amber); }
.acc-st.wait { background: #fbf1dc; color: #7a5410; }
.acc-st.done { background: var(--paper-2); color: var(--ink-3); }
.acc-chips { display: flex; gap: .5rem; flex-wrap: wrap; margin: -.2rem 0 1.1rem; }
.acc-chips button { padding: .45rem 1rem; border-radius: 99px; border: 1px solid var(--line); background: var(--card); font: 400 .88rem var(--sans); color: var(--ink-2); cursor: pointer; }
.acc-chips button.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.acc-ords { display: grid; gap: .6rem; }
.acc-ord { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.acc-ord[hidden] { display: none; }
.acc-ord summary { list-style: none; display: grid; grid-template-columns: 120px 1fr auto 150px 20px; gap: 1rem; align-items: center; padding: 1rem 1.2rem; cursor: pointer; }
.acc-ord summary::-webkit-details-marker { display: none; }
.acc-ord-no b, .acc-ord-t b { display: block; font-weight: 500; }
.acc-ord-no b { font-size: .88rem; }
.acc-ord small { color: var(--ink-3); font-size: .8rem; }
.acc-ord-p { font-weight: 500; white-space: nowrap; }
.acc-ord .acc-st { justify-self: start; }
.acc-ord-x { width: 9px; height: 9px; border-right: 1.5px solid var(--ink-3); border-bottom: 1.5px solid var(--ink-3); transform: rotate(45deg); transition: transform .25s; justify-self: center; }
.acc-ord[open] .acc-ord-x { transform: rotate(-135deg); }
.acc-ord-d { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; padding: 1rem 1.2rem 1.2rem; border-top: 1px dashed var(--line); margin: 0 1.2rem; padding-left: 0; padding-right: 0; }
.acc-ord-d dl { display: grid; grid-template-columns: auto 1fr; gap: .25rem 1.2rem; margin: 0; font-size: .88rem; }
.acc-ord-d dt { color: var(--ink-3); }
.acc-ord-d dd { margin: 0; }
.acc-ord-a { display: flex; gap: .6rem; flex-wrap: wrap; }
.acc-vouchers { display: grid; gap: .6rem; }
.acc-vc { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: .9rem 1.2rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.acc-vc-ic { font-size: 1.4rem; }
.acc-vc b { display: block; font-weight: 500; }
.acc-vc small { color: var(--ink-3); font-size: .84rem; }
.acc-vc code { font: 500 .82rem ui-monospace, Menlo, monospace; color: var(--ink); }
.acc-vc-r { display: flex; gap: 1rem; align-items: center; }
.acc-redeem { padding: 1.4rem; border: 1px dashed var(--amber-2); border-radius: var(--radius); }
.acc-redeem p { margin: -.4rem 0 1rem; color: var(--ink-2); font-size: .93rem; }
.acc-prof { gap: 1.2rem; }
.acc-prof .acc-h { margin-bottom: 0; }
.acc-prof fieldset { margin: 0; min-width: 0; }
.acc-prof legend { float: left; width: 100%; font: 400 1.2rem var(--serif); margin-bottom: 1.1rem; padding: 0; }
.acc-prof legend + * { clear: both; }
.acc-kids { display: grid; gap: .5rem; margin-bottom: .9rem; }
.acc-kid { display: flex; gap: 1rem; align-items: baseline; padding: .8rem 1rem; background: var(--paper-2); border-radius: var(--radius); }
.acc-kid span { color: var(--ink-3); font-size: .88rem; flex: 1; }
.acc-kid b { font-weight: 500; }
.acc-save { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.acc-saved.ok { color: #2f6b40; } .acc-saved.bad { color: #a33a2c; }
.acc-del { margin-left: auto; color: var(--ink-3); font-size: .88rem; }
.acc .vk-mine-grid { grid-template-columns: 1fr; gap: .9rem; }
.acc .vk-mine-card { grid-template-columns: minmax(200px, 300px) 1fr; }
@media (max-width: 1080px) {
  .acc-hello { grid-template-columns: 1fr; gap: 1.6rem; }
  .acc-grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .acc-nav { position: sticky; top: 64px; z-index: 5; display: flex; overflow-x: auto; gap: .2rem; padding: .4rem; scrollbar-width: none; }
  .acc-nav a, .acc-nav button { width: auto; flex: none; padding: .55rem .8rem; font-size: .88rem; }
  .acc-nav button { margin: 0; border: 0; }
  .acc-nav svg { width: 17px; height: 17px; }
}
@media (max-width: 760px) {
  .acc .vk-mine-card { grid-template-columns: 1fr; }
  .acc-next { grid-template-columns: 100px 1fr; }
  .acc-ev { grid-template-columns: 76px 1fr; padding-right: .8rem; }
  .acc-ev img { width: 76px; height: 64px; }
  .acc-ev-r { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; gap: .8rem; }
  .acc-ord summary { grid-template-columns: 1fr auto; gap: .3rem 1rem; }
  .acc-ord-no { grid-column: 1; display: flex; gap: .6rem; align-items: baseline; }
  .acc-ord-t { grid-column: 1 / -1; grid-row: 2; }
  .acc-ord-p { grid-column: 2; grid-row: 1; }
  .acc-ord .acc-st { grid-row: 3; }
  .acc-ord-x { display: none; }
  .acc-attn { flex-direction: column; align-items: flex-start; }
  .acc-vc { grid-template-columns: auto 1fr; }
  .acc-vc-r { grid-column: 2; }
}
/* --- konec účtu --- */

/* --- hosté v kroužku: samostatná sekce nad výhodami --- */
.guests-sec { padding-bottom: 0; }
.guests-sec .guests { border-bottom: 0; padding: 0; }
/* --- konec hosté --- */

/* --- půlroční kroužek: ohňostroj (start po Novém roce) --- */
.k-half { position: relative; overflow: hidden; isolation: isolate; }
.k-half > span:not(.k-fw) { position: relative; z-index: 1; }
.k-fw { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.k-fw i { position: absolute; width: 0; height: 0; }
.k-fw i::before { content: ""; position: absolute; left: -1px; top: 0; width: 2px; height: 22px; border-radius: 2px; background: linear-gradient(to bottom, currentColor, transparent); opacity: 0; filter: drop-shadow(0 0 2px currentColor); animation: kfw-rocket 5.6s ease-out infinite; animation-delay: var(--d); }
.k-fw i::after { content: ""; position: absolute; left: -2.5px; top: -2.5px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 37.7px 4.9px 0 1.2px currentColor, 32.9px 19.0px 0 1.2px currentColor, 23.2px 30.1px 0 1.2px currentColor, 9.9px 36.7px 0 1.2px currentColor, -4.9px 37.7px 0 1.2px currentColor, -19.0px 32.9px 0 1.2px currentColor, -30.1px 23.2px 0 1.2px currentColor, -36.7px 9.9px 0 1.2px currentColor, -37.7px -4.9px 0 1.2px currentColor, -32.9px -19.0px 0 1.2px currentColor, -23.2px -30.1px 0 1.2px currentColor, -9.9px -36.7px 0 1.2px currentColor, 4.9px -37.7px 0 1.2px currentColor, 19.0px -32.9px 0 1.2px currentColor, 30.1px -23.2px 0 1.2px currentColor, 36.7px -9.9px 0 1.2px currentColor, 22.0px 0.0px 0 .6px currentColor, 17.8px 12.9px 0 .6px currentColor, 6.8px 20.9px 0 .6px currentColor, -6.8px 20.9px 0 .6px currentColor, -17.8px 12.9px 0 .6px currentColor, -22.0px 0.0px 0 .6px currentColor, -17.8px -12.9px 0 .6px currentColor, -6.8px -20.9px 0 .6px currentColor, 6.8px -20.9px 0 .6px currentColor, 17.8px -12.9px 0 .6px currentColor; filter: drop-shadow(0 0 2px currentColor); opacity: 0; transform: scale(.1); animation: kfw-burst 5.6s cubic-bezier(.15,.7,.3,1) infinite; animation-delay: var(--d); }
.k-fw i:nth-child(1) { left: 58%; top: 30%; color: #e8a21f; --d: 0s; }
.k-fw i:nth-child(2) { left: 71%; top: 62%; color: #d9694f; --d: .7s; }
.k-fw i:nth-child(3) { left: 83%; top: 28%; color: #3d5a80; --d: 1.4s; }
.k-fw i:nth-child(4) { left: 92%; top: 70%; color: #c99a2e; --d: 2.2s; }
.k-fw i:nth-child(5) { left: 64%; top: 78%; color: #4c8a5f; --d: 3s; }
.k-fw i:nth-child(6) { left: 88%; top: 45%; color: #d0457f; --d: 3.7s; }
@keyframes kfw-rocket { 0% { transform: translateY(70px); opacity: 0; } 3% { opacity: .9; } 16% { transform: translateY(0); opacity: .9; } 18%, 100% { transform: translateY(0); opacity: 0; } }
@keyframes kfw-burst { 0%, 16% { transform: scale(.1); opacity: 0; } 19% { opacity: 1; } 34% { transform: scale(1); opacity: .85; } 46% { transform: scale(1.12) translateY(4px); opacity: 0; } 100% { opacity: 0; } }
.k-half:hover .k-fw i::before, .k-half:hover .k-fw i::after { animation-duration: 3.2s; }
@media (prefers-reduced-motion: reduce) { .k-fw { display: none; } }
/* --- konec ohňostroje --- */

/* úvodní dlaždice na výšku (Kurzy pro dospělé) */
.tile--tall .tile-t { font-size: clamp(1.8rem, 2.6vw, 2.5rem); }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* úvodní sekce se sloganem (přesunuto z hero nad „Pro děti a teenagery“) */
#deti .hero-intro { margin-bottom: clamp(2rem, 5.5vw, 5rem); }
#deti .lead-w { position: relative; }
#uvod { scroll-margin-top: 140px; }
/* slogan (2026-11-06): „Učíme děti vidět svět“ + srdíčko hned bez animace → po 1 s se „srdcem skrz hledáček“
   vypíše jako na psacím stroji → 1 s po dopsání srdíčko začne tepat */
.motion .slogan .s1, .motion .slogan .s2 span { opacity: 1 !important; animation: none !important; transform: none !important; filter: none !important; }
.motion .slogan .s-heart, .motion .slogan .s-heart path { animation: none !important; }
.motion .slogan .s-heart path { stroke-dashoffset: 0 !important; }
.slogan .ch { display: inline-block; }
.motion .slogan.typing .ch { visibility: hidden; }
.motion .slogan.typing .ch.on { visibility: visible; animation: sl-key .16s ease-out both !important; }
.slogan .s2 .ch:last-of-type { position: relative; }
.motion .slogan.beat .s-heart { animation: sl-beat 2.4s ease-in-out infinite !important; }
@keyframes sl-key { from { opacity: 0; transform: translateY(-.12em) scale(1.25); } to { opacity: 1; transform: none; } }


/* úvodní mozaika u kurzů: fotky se nerozklikávají, jen se při najetí jemně přiblíží */
.kg-item { cursor: default; }

/* --- košík v horní liště: ikona s počtem položek + rozbalovací přehled --- */
.hdr-cart { position: relative; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); color: var(--ink); margin-right: .7rem; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
.hdr-cart[hidden] { display: none; }
.hdr-cart:hover, .hdr-cart[aria-expanded="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.hdr-cart-n { position: absolute; right: -5px; top: -5px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px; background: var(--amber); color: #fff; font: 600 .66rem/19px var(--sans); text-align: center; box-shadow: 0 0 0 2px var(--paper); }
.hdr-cart.bump .hdr-cart-n { animation: cart-bump .6s cubic-bezier(.3,1.6,.5,1); }
@keyframes cart-bump { 0% { transform: scale(.4); } 60% { transform: scale(1.25); } 100% { transform: scale(1); } }
.cart-pop { position: fixed; z-index: 120; width: min(360px, calc(100vw - 24px)); background: var(--card, #fff); color: var(--ink); border-radius: var(--radius, 14px); box-shadow: 0 18px 50px rgba(30,25,20,.22), 0 0 0 1px var(--line); padding: 1.1rem 1.2rem 1.2rem; }
.cart-pop[hidden] { display: none; }
.cart-pop h3 { margin: 0 0 .7rem; font: 400 1.2rem var(--serif); }
.cart-pop ul { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow: auto; }
.cart-pop li { display: grid; grid-template-columns: 1fr auto auto; gap: .2rem .7rem; align-items: start; padding: .7rem 0; border-top: 1px solid var(--line); }
.cart-pop li b { font-weight: 500; font-size: .92rem; line-height: 1.3; }
.cart-pop li small { grid-column: 1; color: var(--ink-3, #777); font-size: .78rem; }
.cart-pop .cp-p { white-space: nowrap; font-size: .9rem; }
.cart-pop .cp-x { border: 0; background: none; color: var(--ink-3, #777); font-size: 1.1rem; line-height: 1; padding: .1rem .2rem; cursor: pointer; }
.cart-pop .cp-x:hover { color: var(--ink); }
.cart-pop .cp-sum { display: flex; justify-content: space-between; padding: .8rem 0 1rem; border-top: 1px solid var(--line); font-weight: 500; }
.cart-pop .btn { width: 100%; justify-content: center; }
.cart-pop .cp-more { display: block; margin-top: .7rem; text-align: center; font-size: .85rem; color: var(--ink-2, #555); background: none; border: 0; cursor: pointer; width: 100%; }
@media (max-width: 760px) { .hdr-cart { width: 38px; height: 38px; margin-right: .4rem; } }
@media (max-width: 1080px) { .hdr-acc + .hdr-cart:not([hidden]) { margin-left: 0; } }

/* úvodní dlaždice: nadpis na modrém podkladu a modrá tlačítka */
.tile--big .tile-t, .tile--tall .tile-t { margin-bottom: 1.1rem; }
.tile--big .tile-t span, .tile--tall .tile-t span { background: var(--amber); color: #fff; padding: .02em .28em .1em; line-height: 1.32; -webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 2px; }
.tile--big .tile-btn, .tile--tall .tile-btn { background: var(--amber); color: #fff; }
.tile--big:hover .tile-btn, .tile--tall:hover .tile-btn { background: #fff; color: var(--ink); }

.hero-eyebrow { margin-bottom: clamp(1rem, 2vw, 1.5rem); }

/* ikony účtu a košíku vždy kulaté (v úzké liště se nesmí smrsknout do oválu) */
.hdr-acc, .hdr-cart { flex: 0 0 auto; aspect-ratio: 1; min-width: 42px; box-sizing: border-box; padding: 0; }
@media (max-width: 760px) { .hdr-acc, .hdr-cart { min-width: 38px; } }

/* --- olejnička: přiletí jako ostatní díly, ukápnou z ní tři kapky a pod hubičkou zůstane loužička --- */
.fx-oil .r { transform-origin: 40% 100%; }
.fx-oil .oil { fill: #a8782a; fill-opacity: .8; stroke: none; }
.fx-oil .drop { opacity: 0; transform-box: fill-box; transform-origin: 50% 0; }
.motion .fx-oil .r { transform: rotate(-18deg) translateY(-10px); opacity: 0; }
.motion .fx-oil.on .r { transform: none; opacity: 1; }
.motion .fx-oil.on .drop { animation: fx-drip 2.4s cubic-bezier(.5,0,.9,.6) 2.2s 3; }
.motion .fx-oil .pud { transform-box: fill-box; transform-origin: 50% 50%; transform: scale(0); }
.motion .fx-oil.on .pud { transform: scale(1); transition: transform .9s cubic-bezier(.3,1.4,.5,1) 4.2s; }
@keyframes fx-drip {
  0% { opacity: 0; transform: translateY(0) scale(.2); }
  25% { opacity: 1; transform: translateY(0) scale(1); }
  45% { transform: translateY(2px) scale(1, 1.15); }
  92% { opacity: 1; transform: translateY(55px) scale(.9, 1.1); }
  100% { opacity: 0; transform: translateY(58px) scale(1.4, .3); }
}
@media (prefers-reduced-motion: reduce) { .fx-oil .drop { display: none; } }

.fx-oil.flip svg { transform: scaleX(-1); } /* vpravo hubička míří dovnitř stránky */

/* malé kolo zapadající do velkého (úvodní stránka): 9 zubů proti 18 → točí se opačně a 2× rychleji */
.why-gear { overflow: visible; }
.why-gear .wg-rot2 { transform-box: view-box; }
.motion .why-gear .wg-rot2 { animation: gear-spin 60s linear infinite reverse; }
@media (prefers-reduced-motion: reduce) { .why-gear .wg-rot2 { animation: none !important; } }

/* velké kolo: vidět je celá jeho levá část (nahoře i dole, kde do něj zapadá malé kolo) */
.why-gear:not(.why-gear-2) { -webkit-mask-image: linear-gradient(to right, transparent 4%, #000 20%, #000 44%, transparent 70%); mask-image: linear-gradient(to right, transparent 4%, #000 20%, #000 44%, transparent 70%); }
.why-gear-2 { -webkit-mask-image: none; mask-image: none; }

/* --- motto pod úvodními videi: „Více než jen ateliér. Rodina, škola s tradicí od 2016.“ --- */
.hero-motto { text-align: center; margin: clamp(2.4rem, 5vw, 4rem) auto 0; max-width: 900px; }
.hero-motto .hm-1 { margin: 0; font: 300 clamp(1.9rem, 3.6vw, 3rem)/1.1 var(--sans); letter-spacing: -.01em; color: var(--ink); }
.hero-motto .hm-2 { display: flex; align-items: center; justify-content: center; gap: clamp(.6rem, 1.4vw, 1.1rem); margin: .55rem 0 0; color: var(--amber); }
.hero-motto .hm-2 em { font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(1.45rem, 2.7vw, 2.25rem); line-height: 1.15; white-space: nowrap; }
.hero-motto .hm-rule { flex: 0 1 110px; height: 1px; background: linear-gradient(90deg, transparent, var(--amber-2)); }
.hero-motto .hm-2 .hm-rule:last-child { background: linear-gradient(90deg, var(--amber-2), transparent); }
.hero-motto .hm-gear { flex: none; width: 22px; height: 22px; fill: none; stroke: var(--amber-2); stroke-width: 1.3; stroke-linejoin: round; }
.motion .hero-motto .hm-gear { animation: gear-spin 24s linear 1; }
.motion .hero-motto .hm-gear:last-of-type { animation-direction: reverse; }
@media (max-width: 620px) { .hero-motto .hm-2 em { white-space: normal; } .hero-motto .hm-rule, .hero-motto .hm-gear { display: none; } }

/* košík je vidět vždy, číslo jen když v něm něco je */
.hdr-cart .hdr-cart-n { display: none; }
.hdr-cart.has .hdr-cart-n { display: block; }
.cart-pop .cp-empty { margin: 0 0 1rem; color: var(--ink-2, #555); font-size: .92rem; line-height: 1.55; }

/* tlačítka u objednávek (faktury, detail) v modré barvě webu */
.acc-ord-a .btn, .acc-inv-row .btn { background: var(--amber); border-color: var(--amber); color: #fff; }
.acc-ord-a .btn:hover, .acc-inv-row .btn:hover { background: #2f4766; border-color: #2f4766; color: #fff; }

/* --- tábor: tři lektoři turnusů --- */
.mentors { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 3vw, 2.4rem); padding-top: 2rem; border-top: 1px solid var(--line); }
.mentor-c h3 { margin: 1rem 0 .15rem; font-size: 1.5rem; }
.mentor-role { margin: 0 0 .7rem; color: var(--amber); font-weight: 500; font-size: .92rem; }
.mentor-c p:last-child { margin: 0; color: var(--ink-2, #555); line-height: 1.65; }
.mentor-ph { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--radius-sm, 10px); overflow: hidden; background: var(--paper-2, #f6f3ec); }
.mentor-ph img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.mentor-ph:hover img { transform: scale(1.04); }
.mentor-turn { position: absolute; left: 12px; bottom: 12px; padding: .45em .75em; border-radius: 3px; background: var(--amber); color: #fff; font: 500 .7rem/1 var(--sans); letter-spacing: .08em; }
.mentors-more { margin: 1.8rem 0 0; }
@media (max-width: 860px) { .mentors { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mentors { grid-template-columns: 1fr; } .mentor-ph { aspect-ratio: 4 / 3; } }

/* prohlížeč fotek: fotka se vždy vejde do okna (i vysoké fotky na výšku) */
.lb-stage { grid-template-rows: minmax(0, 1fr); overflow: hidden; }
.lb-stage img { width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 210px); max-height: calc(100dvh - 210px); }
.lb { z-index: 100001; } /* nad lištou administrace WordPressu */

/* --- tábor: lektoři jako zvětšeniny (rámeček, páska, razítko turnusu, kresbičky, ručně psaná poznámka) --- */
.mentors { gap: clamp(1.6rem, 4vw, 3.2rem); padding-top: 3rem; }
.mentor-c { position: relative; }
.mc-print { position: relative; transform: rotate(var(--r, 0deg)); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.mentor-c:hover .mc-print { transform: rotate(0deg) translateY(-4px); }
.mc-print .mentor-ph { padding: 10px 10px 34px; background: #fff; border-radius: 3px; aspect-ratio: auto; box-shadow: 0 1px 2px rgba(30,25,20,.08), 0 18px 40px rgba(30,25,20,.14); overflow: visible; }
.mc-print .mentor-ph img { aspect-ratio: 4 / 5; height: auto; border-radius: 2px; }
.mc-print .mentor-ph:hover img { transform: none; }
.mc-print .viewfinder::before { top: 26px; left: 26px; }
.mc-print .viewfinder::after { bottom: 50px; right: 26px; }
.mc-tape { position: absolute; top: -13px; left: 50%; width: 104px; height: 28px; margin-left: -52px; transform: rotate(-4deg); background: rgba(236, 222, 186, .82); box-shadow: 0 1px 3px rgba(0,0,0,.08); clip-path: polygon(3% 0, 97% 4%, 100% 50%, 96% 100%, 4% 96%, 0 50%); }
.mentor-c:nth-child(2) .mc-tape { transform: rotate(3deg); left: 30%; background: rgba(205, 219, 233, .85); }
.mentor-c:nth-child(3) .mc-tape { transform: rotate(-2deg); left: 64%; }
.mc-stamp { position: absolute; right: -16px; top: -20px; width: 96px; height: 96px; border-radius: 50%; display: grid; place-content: center; text-align: center; gap: .05rem; background: var(--amber); color: #fff; transform: rotate(9deg); box-shadow: 0 10px 24px rgba(30,40,60,.28), inset 0 0 0 5px var(--amber), inset 0 0 0 6.5px rgba(255,255,255,.55); z-index: 3; }
.mc-stamp small { font: 600 .62rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; opacity: .85; }
.mc-stamp b { font: 400 2.1rem/1 var(--serif); letter-spacing: -.02em; }
.mc-stamp em { font: 600 .74rem/1 var(--sans); font-style: normal; letter-spacing: .04em; }
.mentor-c:nth-child(2) .mc-stamp { transform: rotate(-7deg); }
.mc-doodle { position: absolute; width: 58px; height: 58px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); pointer-events: none; z-index: 2; }
.mc-doodle.d-tl { left: 24px; top: 30px; }
.mc-doodle.d-bl { left: 30px; bottom: 60px; }
.mc-doodle.d-tr { right: 30px; top: 70px; width: 70px; height: 70px; }
.motion .mc-doodle path { stroke-dasharray: 200; stroke-dashoffset: 200; transition: stroke-dashoffset 1.6s ease-out 1.1s; }
.motion .viewfinder.focused .mc-doodle path { stroke-dashoffset: 0; }
.mentor-c h3 { margin: 1.5rem 0 .15rem; font-size: 1.6rem; }
.mc-note { position: relative; margin: .2rem 0 .8rem; padding-left: 3.1rem; font: 600 1.35rem/1.1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-3deg); transform-origin: left center; }
.mc-note b { font-weight: 600; color: var(--amber); }
.mc-arr { position: absolute; left: 0; top: -1.15rem; width: 2.8rem; height: 1.9rem; fill: none; stroke: #6a5a45; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.mc-txt { margin: 0; color: var(--ink-2, #555); line-height: 1.65; }
.mentor-turn { display: none; }
@media (max-width: 860px) { .mc-stamp { width: 84px; height: 84px; right: -8px; } .mc-stamp b { font-size: 1.8rem; } }
@media (max-width: 560px) { .mentors { gap: 3.4rem; } .mc-print .mentor-ph img { aspect-ratio: 4 / 4.2; } }

/* --- kroužek: hosté jako vějíř fotek (místo kolečka) --- */
.guests { grid-template-columns: minmax(300px, 400px) 1fr; }
.guests-fan { position: relative; height: 370px; width: 100%; max-width: 400px; justify-self: center; }
.gf { position: absolute; left: 50%; bottom: 96px; width: 148px; aspect-ratio: 3 / 4; margin: 0 0 0 -74px; padding: 7px 7px 24px; background: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(30,25,20,.08), 0 14px 30px rgba(30,25,20,.18); transform-origin: 50% 135%; transform: rotate(var(--r)) translateY(var(--y, 0)); transition: transform .9s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.gf img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 1px; }
.gf-1 { --r: -30deg; --y: 14px; z-index: 1; }
.gf-2 { --r: -15deg; --y: 2px; z-index: 2; }
.gf-3 { --r: 0deg; --y: -6px; z-index: 5; width: 164px; margin-left: -82px; }
.gf-4 { --r: 15deg; --y: 2px; z-index: 3; }
.gf-5 { --r: 30deg; --y: 14px; z-index: 1; }
.gf:hover { z-index: 6; transform: rotate(var(--r)) translateY(calc(var(--y, 0px) - 18px)) scale(1.05); box-shadow: 0 2px 4px rgba(30,25,20,.1), 0 24px 44px rgba(30,25,20,.26); }
.motion .guests-fan:not(.in) .gf { transform: rotate(0deg) translateY(10px); }
.motion .guests-fan .gf-2 { transition-delay: .08s; } .motion .guests-fan .gf-4 { transition-delay: .16s; } .motion .guests-fan .gf-1, .motion .guests-fan .gf-5 { transition-delay: .24s; }
.gf-note { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; font: 600 1.4rem/1.1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-2deg); }
.gf-note b { font-weight: 600; color: var(--amber); }
@media (max-width: 760px) { .guests { grid-template-columns: 1fr; } .guests-fan { height: 320px; max-width: 340px; } .gf { bottom: 86px; } .gf { width: 118px; margin-left: -59px; } .gf-3 { width: 132px; margin-left: -66px; } .gf-1 { --r: -26deg; } .gf-5 { --r: 26deg; } }

/* --- kroužek: ručně psaná poznámka „Už probíhá…“ v kartě celoročního kroužku --- */
.k-live { display: flex; align-items: flex-end; gap: .35rem; margin: .7rem 0 -.1rem; font: 600 1.45rem/1.05 "Caveat", "Segoe Print", cursive; color: #f4e7cf; transform: rotate(-2.5deg); transform-origin: left center; letter-spacing: .01em; text-transform: none; }
.k-live b { font-weight: 700; color: #f2c46b; }
.k-live svg { width: 30px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transform: scaleY(-1) rotate(10deg); opacity: .85; }
.dterm:not(.sel) .k-live { color: #6a5a45; } .dterm:not(.sel) .k-live b { color: var(--amber); }
/* vějíř hostů: víc rozevřený, ať jsou vidět všechny fotky */
.gf { transform-origin: 50% 100%; transform: translateX(var(--x, 0)) rotate(var(--r)) translateY(var(--y, 0)); }
.gf-1 { --x: -128px; --r: -13deg; --y: 18px; } .gf-2 { --x: -66px; --r: -6deg; --y: 4px; } .gf-3 { --x: 0px; } .gf-4 { --x: 66px; --r: 6deg; --y: 4px; } .gf-5 { --x: 128px; --r: 13deg; --y: 18px; }
.gf-2 { z-index: 3; } .gf-4 { z-index: 3; } .gf-1, .gf-5 { z-index: 2; }
.gf:hover { transform: translateX(var(--x, 0)) rotate(var(--r)) translateY(calc(var(--y, 0px) - 18px)) scale(1.05); }
.motion .guests-fan:not(.in) .gf { transform: translateX(0) rotate(0deg) translateY(10px); }
@media (max-width: 760px) { .gf-1 { --x: -96px; } .gf-2 { --x: -50px; } .gf-4 { --x: 50px; } .gf-5 { --x: 96px; } }

/* --- lektoři: stejné dlaždice, popisek na 3 řádky s „více“, Instagram u jména --- */
.lk-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lk-ph { aspect-ratio: 4 / 5; height: auto; }
.lk-role { min-height: 2.8em; display: flex; align-items: flex-end; }
.lk h3 { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.lk-ig { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: none; border: 1px solid var(--line); border-radius: 50%; color: var(--ink-2); transition: color .2s, border-color .2s, transform .3s; }
.lk-ig svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.lk-ig:hover { color: var(--lk-c, var(--amber)); border-color: var(--lk-c, var(--amber)); transform: translateY(-1px); }
.lk-tw { margin: 0 0 .8rem; }
.lk-tw .lk-t { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; min-height: calc(1.6em * 3); }
.lk-tw.open .lk-t { display: block; -webkit-line-clamp: unset; }
.lk-tm { background: none; border: 0; padding: .15rem 0 0; font: 500 .82rem var(--sans); color: var(--lk-c, var(--amber)); cursor: pointer; }
.lk-tm:hover { text-decoration: underline; }
.lk-tw:not(:has(.lk-tm)) { padding-bottom: 1.35rem; }
.lk-tw + .lk-c { margin-top: 2.25rem; }
.lk-c small { white-space: normal; text-align: right; }
@media (max-width: 1180px) { .lk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 980px) { .lk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .lk-grid { grid-template-columns: 1fr; } .lk-role { min-height: 0; } }

/* --- časté otázky: čitelnější odpovědi (hlavně na mobilu) --- */
.faq details p { font-size: 1.1rem; line-height: 1.7; font-weight: 400; color: var(--ink-2); }
@media (max-width: 640px) { .faq details p { font-size: 1.12rem; } .faq summary { font-size: 1.4rem; } }
/* vějíř hostů sevřený (než se vybere koláž): nikdy nevyleze ze stránky */
.guests-fan { height: 300px; max-width: 360px; overflow: visible; }
.gf { width: 124px; margin-left: -62px; bottom: 54px; }
.gf-3 { width: 138px; margin-left: -69px; }
.gf-1 { --x: -96px; --r: -10deg; --y: 10px; } .gf-2 { --x: -48px; --r: -5deg; --y: 3px; } .gf-4 { --x: 48px; --r: 5deg; --y: 3px; } .gf-5 { --x: 96px; --r: 10deg; --y: 10px; }
@media (max-width: 760px) { .guests-fan { height: 280px; } .gf { width: 112px; margin-left: -56px; } .gf-3 { width: 126px; margin-left: -63px; } .gf-1 { --x: -86px; } .gf-2 { --x: -43px; } .gf-4 { --x: 43px; } .gf-5 { --x: 86px; } }

/* --- kroužek: hosté jako mozaika (1 velká + 4 malé), úzké mezery --- */
.guests { grid-template-columns: minmax(260px, 360px) 1fr; }
.guests-mos { width: 100%; max-width: 360px; justify-self: center; }
.gm-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; aspect-ratio: 5 / 4; border-radius: 6px; overflow: hidden; }
.gm-grid figure { margin: 0; overflow: hidden; }
.gm-grid figure:first-child { grid-row: span 2; }
.gm-grid img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.gm-grid figure:hover img { transform: scale(1.05); }
.gm-note { margin: .7rem 0 0; text-align: center; font: 600 1.4rem/1.1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-2deg); }
.gm-note b { font-weight: 600; color: var(--amber); }
@media (max-width: 760px) { .guests { grid-template-columns: 1fr; } .guests-mos { max-width: 420px; } }

/* --- košík na mobilu: celý na displeji (od okraje k okraji, s rolováním) --- */
@media (max-width: 640px) {
  .cart-pop { left: 12px !important; right: 12px !important; width: auto; max-height: calc(100dvh - 120px); overflow-y: auto; padding-left: 1.1rem; padding-right: 1.1rem; }
  .cart-pop ul { max-height: none; }
  .cart-pop li b { font-size: .95rem; }
}

/* --- iPhone: pole formulářů aspoň 16 px, jinak Safari při psaní stránku přiblíží a „rozjede“ (přihlášení, pokladna, přihláška) --- */
@supports (-webkit-touch-callout: none) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { font-size: max(16px, 1em) !important; }
}
.vk-login-grid, .vk-login-grid > * { min-width: 0; }
.vk-login-grid input:not([type="checkbox"]):not([type="radio"]) { max-width: 100%; }

/* --- víc míst na jeden kurz: − počet + v košíku a v pokladně --- */
.cart-pop .cp-q, .avt-q { display: inline-flex; align-items: center; gap: .15rem; border: 1px solid var(--line); border-radius: 99px; padding: 2px; background: #fff; vertical-align: middle; }
.cart-pop .cp-q { grid-column: 1; justify-self: start; margin-top: .35rem; }
.cart-pop .cp-q button, .avt-q button { width: 26px; height: 26px; border: 0; border-radius: 50%; background: none; color: var(--ink); font: 400 1.05rem/1 var(--sans); cursor: pointer; display: grid; place-items: center; padding: 0; }
.cart-pop .cp-q button:hover:not(:disabled), .avt-q button:hover:not(:disabled) { background: var(--paper-2, #f3efe6); color: var(--amber); }
.cart-pop .cp-q button:disabled, .avt-q button:disabled { opacity: .3; cursor: default; }
.cart-pop .cp-q b, .avt-q b { min-width: 1.9rem; text-align: center; font-weight: 500; font-size: .9rem; }
.avt-q { margin-left: .4rem; } .avt-q.busy { opacity: .5; }

/* --- lektoři u kroužku (razítko se slovem) a „Vede …“ u výběru termínu --- */
.mc-stamp--w b { font-size: 1.05rem; letter-spacing: 0; margin: .15rem 0; }
.mc-stamp--w em { font-size: .66rem; }
.dt-lek { display: flex; align-items: center; gap: .5rem; margin-top: .55rem; font-size: .9rem; opacity: .95; }
.dt-lek img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 2px rgba(255,255,255,.7); }
.dt-lek b { font-weight: 500; }
.dterm:not(.sel) .dt-lek img { box-shadow: 0 0 0 2px var(--line); }
.dterm .dt-lek, .kterms .dterm .dt-lek { display: flex !important; flex-direction: row; align-items: center; gap: .5rem; }
.dterm .dt-lek img { display: inline-block; width: 26px; height: 26px; margin: 0; }

/* --- karta lektora: pevné řádky (popisek · hodnocení · první kurz · další kurzy pod tlačítkem) --- */
.lk-tw { min-height: calc(1.6em * 3 + 1.7rem); padding-bottom: 0 !important; }
.lk-tw + .lk-c, .lk-tw + .lk-rt + .lk-c { margin-top: 0; }
.lk-rt { height: 2.2rem; display: flex; align-items: center; margin-bottom: .6rem; }
.lk-rt .crating { margin: 0 !important; }
.lk-c { margin-bottom: .2rem; }
.lk-cm { align-self: flex-start; background: none; border: 0; padding: .45rem 0 1rem; font: 500 .85rem var(--sans); color: var(--lk-c, var(--amber)); cursor: pointer; }
.lk-cm:hover { text-decoration: underline; }
.lk-c + .lk-foot { margin-top: auto; padding-top: 1rem; }
.lk-c li[hidden] { display: none !important; }
.lk-cm { display: block; }

/* --- polaroid Antonína: ručně připsané jméno pejska --- */
.mc-dog { position: absolute; left: 13%; bottom: 2px; z-index: 3; display: flex; align-items: flex-end; gap: .2rem; font: 600 1.45rem/1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-4deg); pointer-events: none; }
.mc-dog svg { width: 30px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; margin-bottom: .55rem; }
.mc-dog { left: 9%; top: 36%; bottom: auto; align-items: flex-start; color: #fff; font-size: 1.7rem; transform: rotate(-8deg); text-shadow: 0 1px 4px rgba(0,0,0,.45); }
.mc-dog svg { width: 30px; height: 24px; margin: .9rem 0 0 .1rem; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)); }

/* --- hosté v kroužku: jedna společná fotka --- */
.gm-one { margin: 0; aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 14px 34px rgba(30,25,20,.12); }
.gm-one img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 72%; display: block; }

/* Instagram u jmen lektorů (tábor, kroužek) */
.mentor-c h3 { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }

/* box s termíny: krátké zvýraznění po kliknutí na „Přihlásit se na kurz“ */
@keyframes kdFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(61,90,128,0); } 30% { box-shadow: 0 0 0 6px rgba(61,90,128,.35); } }
.kd-side.kd-flash { animation: kdFlash 1.6s ease .5s 2; border-radius: 14px; }

/* úvodní dlaždice: tlačítka zaoblená jako ostatní tlačítka na webu (podnět kolegyně 2026-11-06) */
.tile--big .tile-btn, .tile--tall .tile-btn { border-radius: 999px; padding: .9em 1.45em; }

/* úvodní dlaždice: slogany bez modrého podkreslení – bílé tučné písmo, čitelné i přes video (uživatel 2026-11-06) */
.tile--big .tile-t, .tile--tall .tile-t { font-weight: 500; line-height: 1.08; letter-spacing: -.01em; }
.tile--big .tile-t span, .tile--tall .tile-t span { background: none; padding: 0; border-radius: 0; line-height: inherit; text-shadow: 0 1px 2px rgba(0,0,0,.35), 0 2px 18px rgba(0,0,0,.45); }
.tile--big .tile-txt .ov-k, .tile--tall .tile-txt .ov-k, .tile--big .tile-txt p, .tile--tall .tile-txt p { text-shadow: 0 1px 10px rgba(0,0,0,.5); }
.tile--big .tile-veil { background: linear-gradient(90deg, rgba(20,18,16,.5) 0%, rgba(20,18,16,.12) 60%), linear-gradient(180deg, rgba(20,18,16,0) 40%, rgba(20,18,16,.62) 100%); }
.tile--tall .tile-veil { background: linear-gradient(180deg, rgba(20,18,16,0) 35%, rgba(20,18,16,.72) 100%); }
.tile--big .tile-t { max-width: 11.5em; }

/* úvodní dlaždice: jemný hledáček – tenké rohové značky + skoro neviditelný rámeček (uživatel 2026-11-06) */
.tile--big .tile-veil::before, .tile--tall .tile-veil::before,
.tile--big .tile-veil::after, .tile--tall .tile-veil::after { content: ""; position: absolute; pointer-events: none; }
/* rámeček */
.tile--big .tile-veil::after, .tile--tall .tile-veil::after { inset: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: calc(var(--radius) * .6); }
/* rohy hledáčku */
.tile--big .tile-veil::before, .tile--tall .tile-veil::before {
  --c: rgba(255,255,255,.62); --l: 20px; --w: 1px;
  inset: 14px;
  background:
    linear-gradient(var(--c), var(--c)) top left / var(--l) var(--w),
    linear-gradient(var(--c), var(--c)) top left / var(--w) var(--l),
    linear-gradient(var(--c), var(--c)) top right / var(--l) var(--w),
    linear-gradient(var(--c), var(--c)) top right / var(--w) var(--l),
    linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--w),
    linear-gradient(var(--c), var(--c)) bottom left / var(--w) var(--l),
    linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--w),
    linear-gradient(var(--c), var(--c)) bottom right / var(--w) var(--l);
  background-repeat: no-repeat;
  animation: vfFocus 1.4s cubic-bezier(.2,.8,.2,1) .6s both;
  transition: inset .6s cubic-bezier(.2,.8,.2,1), opacity .6s;
}
.tile--big:hover .tile-veil::before, .tile--tall:hover .tile-veil::before { inset: 20px; }
@keyframes vfFocus { 0% { inset: 4px; opacity: 0; } 55% { inset: 17px; opacity: 1; } 100% { inset: 14px; opacity: 1; } }
@media (max-width: 640px) {
  .tile--big .tile-veil::before, .tile--tall .tile-veil::before { --l: 14px; inset: 10px; }
  .tile--big .tile-veil::after, .tile--tall .tile-veil::after { inset: 10px; }
  @keyframes vfFocus { 0% { inset: 3px; opacity: 0; } 55% { inset: 12px; opacity: 1; } 100% { inset: 10px; opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { .tile--big .tile-veil::before, .tile--tall .tile-veil::before { animation: none; } }
/* hledáček: drobný údaj jako na displeji foťáku */
.vf-info { position: absolute; top: 24px; right: 30px; z-index: 2; display: inline-flex; align-items: center; gap: .5em; font: 500 .56rem/1 var(--sans); letter-spacing: .24em; color: rgba(255,255,255,.72); text-shadow: 0 1px 6px rgba(0,0,0,.4); pointer-events: none; animation: vfInfo 1s ease 1.4s both; }
.vf-rec { width: 6px; height: 6px; border-radius: 50%; background: #e0483e; box-shadow: 0 0 6px rgba(224,72,62,.7); animation: vfRec 2.4s ease-in-out infinite; }
@keyframes vfRec { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes vfInfo { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 640px) { .vf-info { top: 18px; right: 22px; font-size: .52rem; } }
@media (prefers-reduced-motion: reduce) { .vf-rec, .vf-info { animation: none; } }

/* Můj účet: reference (výzva v Přehledu + záložka Reference) */
.rv-ask { position: relative; display: flex; gap: 1.1rem; align-items: flex-start; padding: 1.3rem 1.4rem; margin: 0 0 1.4rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.rv-ask[hidden] { display: none; }
.rv-ask-ico { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #fbf1dc; color: #e2a412; font-size: 1.35rem; animation: rvWiggle 3.2s ease-in-out 1s infinite; }
@keyframes rvWiggle { 0%, 86%, 100% { transform: rotate(0); } 90% { transform: rotate(-14deg) scale(1.08); } 95% { transform: rotate(10deg) scale(1.08); } }
.rv-ask-b b { display: block; font: 400 1.25rem/1.2 var(--serif); color: var(--ink); margin-bottom: .35rem; }
.rv-ask-b p { margin: 0 0 .9rem; color: var(--ink-2); font-size: .95rem; max-width: 46em; }
.rv-ask-a { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; }
.rv-later { background: none; border: 0; padding: .3rem 0; font: 400 .85rem var(--sans); color: var(--ink-3); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rv-flash { padding: .9rem 1.1rem; border-radius: var(--radius); background: #e3efe6; color: #2f6b40; font-size: .93rem; margin: 0 0 1.2rem; }
.rv-flash--err { background: #fbe6e3; color: #8a2f25; }
.rv-list { display: grid; gap: 1rem; }
.rv-item { display: grid; grid-template-columns: 110px 1fr; gap: 1.2rem; padding: .9rem 1.2rem .9rem .9rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); }
.rv-item > img { width: 110px; height: 78px; object-fit: cover; border-radius: 4px; }
.rv-item-b small { display: block; font-size: .78rem; color: var(--ink-3); margin-bottom: .15rem; }
.rv-item-b > b { display: block; font-weight: 500; color: var(--ink); margin-bottom: .6rem; }
.rv-item.done .rv-item-b > b { margin-bottom: .3rem; }
.rv-mine { margin: 0 0 .5rem; color: var(--ink-2); font-size: .92rem; }
.rv-form { display: grid; gap: .8rem; }
.rv-rate { border: 0; padding: 0; margin: 0; display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: .1rem; flex-wrap: wrap; }
.rv-rate legend { width: 100%; font-size: .85rem; color: var(--ink-2); margin-bottom: .2rem; }
.rv-rate legend small { color: var(--ink-3); }
.rv-rate input { position: absolute; opacity: 0; pointer-events: none; }
.rv-rate label { font-size: 1.7rem; line-height: 1; color: #ddd6c8; cursor: pointer; padding: 0 .08rem; transition: color .15s, transform .15s; }
.rv-rate input:checked ~ label, .rv-rate label:hover, .rv-rate label:hover ~ label { color: #e2a412; }
.rv-rate label:hover { transform: scale(1.15); }
.rv-rate input:focus-visible + label { outline: 2px solid var(--amber); outline-offset: 2px; border-radius: 3px; }
.rv-txt span { display: block; font-size: .85rem; color: var(--ink-2); margin-bottom: .3rem; }
.rv-txt textarea { width: 100%; box-sizing: border-box; font: 400 max(16px, .95rem)/1.5 var(--sans); padding: .75rem .9rem; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); resize: vertical; }
.rv-txt textarea:focus { outline: none; border-color: var(--amber); box-shadow: 0 0 0 3px rgba(61,90,128,.12); }
.rv-form .btn { justify-self: start; }
@media (max-width: 640px) {
  .rv-ask { padding: 1.1rem; gap: .8rem; }
  .rv-ask-ico { width: 38px; height: 38px; font-size: 1.1rem; }
  .rv-item { grid-template-columns: 1fr; }
  .rv-item > img { width: 100%; height: 120px; }
}
@media (prefers-reduced-motion: reduce) { .rv-ask-ico { animation: none; } }

/* úvod: „Víc než ateliér.“ nad dlaždicemi – zleva, rodinně (uživatel 2026-11-06) */
.hero-hello { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem 3rem; margin: 0 0 clamp(1.4rem, 2.6vw, 2.2rem); }
.hh-txt .eyebrow { margin-bottom: .9rem; }
.hh-1 { margin: 0; font: 300 clamp(2.3rem, 4.6vw, 4rem)/1 var(--sans); letter-spacing: -.02em; color: var(--ink); }
.hh-2 { position: relative; display: inline-block; margin: .45rem 0 0; padding-bottom: .55rem; color: var(--amber); }
.hh-2 em { font: italic 400 clamp(1.45rem, 2.6vw, 2.2rem)/1.15 "Instrument Serif", Georgia, serif; }
.hh-line { position: absolute; left: -2px; right: 0; bottom: 0; width: calc(100% + 4px); height: 12px; overflow: visible; }
.hh-line path { fill: none; stroke: #e2a412; stroke-width: 2.2; stroke-linecap: round; opacity: .85; stroke-dasharray: 340; stroke-dashoffset: 0; }
.motion .hh-line path { stroke-dashoffset: 340; animation: hhDraw 1.3s cubic-bezier(.6,.1,.3,1) .5s forwards; }
@keyframes hhDraw { to { stroke-dashoffset: 0; } }

.hh-fam { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex: none; text-decoration: none; color: inherit; padding-bottom: .2rem; }
.hh-note { font: 400 clamp(1.15rem, 1.6vw, 1.4rem)/1.12 "Caveat", "Segoe Print", cursive; color: #6a5a45; text-align: right; transform: rotate(-2.5deg); margin-right: 4.6rem; }
.hh-arrow { position: absolute; right: 1.2rem; top: 1.1rem; width: 58px; height: 38px; fill: none; stroke: #6a5a45; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transform: rotate(8deg); opacity: .85; }
.hh-faces { display: flex; align-items: center; margin-top: 1.2rem; }
.hh-faces img, .hh-dog, .hh-paw { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px var(--paper), 0 6px 16px rgba(30,30,30,.14); margin-left: -12px; transition: transform .4s cubic-bezier(.2,.8,.2,1); background: var(--paper-2); }
.hh-faces > :first-child { margin-left: 0; }
.hh-dog { display: block; background-size: 290%; background-position: 31% 60%; }
.hh-paw { display: grid; place-items: center; width: 40px; height: 40px; background: #fbf1dc; color: #c98a1a; margin-left: -8px; align-self: flex-end; }
.hh-paw svg { width: 20px; height: 20px; fill: currentColor; transform: rotate(-14deg); }
.hh-fam:hover .hh-faces > * { transform: translateY(-4px); }
.hh-fam:hover .hh-faces > :nth-child(2) { transition-delay: .05s; } .hh-fam:hover .hh-faces > :nth-child(3) { transition-delay: .1s; }
.hh-fam:hover .hh-faces > :nth-child(4) { transition-delay: .15s; } .hh-fam:hover .hh-faces > :nth-child(5) { transition-delay: .2s; transform: translateY(-4px) rotate(-12deg); }
@media (max-width: 760px) {
  .hero-hello { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
  .hh-fam { flex-direction: row-reverse; align-items: center; gap: .9rem; }
  .hh-faces { margin-top: 0; }
  .hh-faces img, .hh-dog { width: 44px; height: 44px; margin-left: -10px; }
  .hh-paw { width: 32px; height: 32px; }
  .hh-note { text-align: left; margin: 0; font-size: 1.1rem; }
  .hh-arrow { display: none; }
}
@media (prefers-reduced-motion: reduce) { .motion .hh-line path { animation: none; stroke-dashoffset: 0; } }
.hh-arrow { right: .2rem; top: .5rem; width: 40px; height: 50px; transform: rotate(6deg); }
.hh-faces img, .hh-dog { width: 60px; height: 60px; }
@media (max-width: 760px) { .hh-faces img, .hh-dog { width: 46px; height: 46px; margin-left: -9px; } .hh-faces > :first-child { margin-left: 0; } .hh-paw { width: 30px; height: 30px; margin-left: -6px; } .hh-paw svg { width: 15px; height: 15px; } }
@media (max-width: 760px) { .hh-note br { display: none; } .hh-note { max-width: 15em; } }

/* úvod – návrh A (vybraný 2026-11-06): slogan nad dlaždicemi zleva, ručně podtržený, se srdíčkem */
.hero-hello { display: block; }
.hero-hello .eyebrow { margin-bottom: .9rem; }
.hh-2 { padding-bottom: .6rem; }
.hh-heart { position: absolute; right: -2.3rem; top: -.15rem; width: 26px; height: 24px; overflow: visible; }
.hh-heart path { fill: none; stroke: #c4553f; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 80; stroke-dashoffset: 0; }
.motion .hh-heart path { stroke-dashoffset: 80; animation: hhDraw 1s ease 1.6s forwards, hhBeat 1.2s ease 2.8s 2; transform-origin: 14px 14px; }
@keyframes hhBeat { 0%, 100% { transform: scale(1); } 30% { transform: scale(1.18); } 60% { transform: scale(.96); } }
@media (max-width: 760px) { .hh-heart { right: -1.8rem; width: 21px; height: 20px; } .hh-2 em { white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .motion .hh-heart path { animation: none; stroke-dashoffset: 0; } }
/* úvod: ručně psaná poznámka vpravo (bez srdíčka) */
.hero-hello { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.2rem 3rem; }
.hh-note2 { max-width: 290px; margin: 0 .4rem .5rem 0; font: 400 clamp(1.25rem, 1.7vw, 1.5rem)/1.15 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-3deg); }
.hh-note2 span { display: block; margin-top: .35rem; font-weight: 600; }
@media (max-width: 760px) { .hero-hello { flex-direction: column; align-items: flex-start; } .hh-note2 { max-width: 22em; margin: 0 0 .2rem .2rem; font-size: 1.2rem; } }

/* úvod – úprava 2026-11-06: bez srdíčka, modrý řádek větší a odsazený, vzkaz na přišroubovaném papíře, jemná kola v pozadí */
.hero-hello { position: relative; }
.hh-2 { margin: .5rem 0 0 clamp(1.2rem, 4vw, 3.4rem); }
.hh-2 em { font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.08; }
.hh-line { height: 14px; }
.hh-paper { --pen: #4a4f58; position: relative; flex: none; width: min(300px, 100%); margin: 0 .3rem .4rem 0; padding: 2.1rem 1.5rem 1.3rem 1.6rem;
  background: linear-gradient(rgba(61,90,128,.07) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, rgba(61,90,128,.07) 1px, transparent 1px) 0 0 / 20px 20px, #fbf8f2;
  border: 1px solid rgba(74,79,88,.18); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 22px 40px -30px rgba(40,34,26,.5); transform: rotate(1.6deg); }
.hh-paper p { margin: 0; font: 400 clamp(1.25rem, 1.6vw, 1.42rem)/1.18 "Caveat", "Segoe Print", cursive; color: #4a4f58; }
.hh-paper p span { display: block; margin-top: .45rem; font-weight: 600; text-align: right; }
.hh-paper .sk-screw { position: absolute; width: 18px; height: 18px; }
.hh-paper .sk-c1 { top: 9px; left: 9px; } .hh-paper .sk-c2 { top: 9px; right: 9px; }
.motion .hh-paper .sk-slot { animation: sk-tight 1.4s cubic-bezier(.3,1.2,.5,1) .4s both; }
.motion .hh-paper .sk-c2 .sk-slot { animation-delay: .6s; }
.hh-gear { position: absolute; z-index: -1; left: 46%; top: -18px; width: 170px; height: 170px; fill: none; stroke: #3d5a80; stroke-width: .5; stroke-linejoin: round; opacity: .09; pointer-events: none; }
.hh-gear--s { left: calc(46% + 128px); top: 96px; width: 86px; height: 86px; opacity: .08; }
.motion .hh-gear { animation: gear-spin 60s linear infinite; }
.motion .hh-gear--s { animation: gear-spin 30s linear infinite reverse; }
@media (max-width: 760px) {
  .hh-2 { margin-left: 1rem; }
  .hh-paper { width: auto; max-width: 300px; margin: .4rem 0 0 .3rem; transform: rotate(-1deg); }
  .hh-gear { left: auto; right: -40px; top: -30px; width: 140px; height: 140px; }
  .hh-gear--s { right: 70px; left: auto; top: 70px; width: 70px; height: 70px; }
}
@media (prefers-reduced-motion: reduce) { .motion .hh-gear, .motion .hh-gear--s, .motion .hh-paper .sk-slot { animation: none; } }
/* úvod: kola ve stejné kresbě jako jinde na webu (fx-gears), hodně potlačená */
.hh-gears { position: absolute; z-index: -1; left: 41%; top: -26px; width: 250px; pointer-events: none; opacity: .5; -webkit-mask-image: radial-gradient(closest-side, #000 60%, transparent 100%); mask-image: radial-gradient(closest-side, #000 60%, transparent 100%); }
.hh-gears svg { display: block; width: 100%; height: auto; overflow: visible; }
.hh-gears .b { fill: rgba(60,50,40,.05); stroke: var(--ink-3); stroke-opacity: .55; stroke-width: 1.1; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hh-gears .l { fill: none; stroke: var(--ink-3); stroke-opacity: .3; stroke-width: 1; vector-effect: non-scaling-stroke; }
.hh-gears .g1 { transform-origin: 100px 120px; transform-box: view-box; }
.hh-gears .g2 { transform-origin: 222px 77px; transform-box: view-box; }
.motion .hh-gears .g1 { animation: gear-spin 72s linear infinite; }
.motion .hh-gears .g2 { animation: gear-spin 48s linear infinite reverse; }
/* „Rodinná škola s tradicí od 2016.“ vždy na jednom řádku */
.hh-2 em { white-space: nowrap; font-size: clamp(1.32rem, 5.6vw, 3.3rem); }
@media (min-width: 761px) { .hh-2 em { font-size: clamp(2rem, 3.6vw, 3.3rem); } }
@media (max-width: 760px) { .hh-gears { left: auto; right: -70px; top: -40px; width: 200px; opacity: .4; } .hh-2 { margin-left: .8rem; } }
@media (prefers-reduced-motion: reduce) { .motion .hh-gears .g1, .motion .hh-gears .g2 { animation: none; } }
/* úvod: kola se točí znatelně (uživatel 2026-11-06) – poměr 12 : 8 zubů */
.motion .hh-gears .g1 { animation: gear-spin 24s linear infinite; }
.motion .hh-gears .g2 { animation: gear-spin 16s linear infinite reverse; }
/* úvod: kola o kousek výraznější (uživatel 2026-11-06) */
.hh-gears { opacity: .68; }
.hh-gears .b { fill: rgba(60,50,40,.07); stroke-opacity: .7; stroke-width: 1.25; }
.hh-gears .l { stroke-opacity: .38; }
@media (max-width: 760px) { .hh-gears { opacity: .55; } }
/* úvod: podpis „Tonda a celý tým“ se píše tužkou (uživatel 2026-11-06) */
.hh-paper p .hh-sign { position: relative; display: block; width: fit-content; margin: .45rem 0 0 auto; font-weight: 600; }
.hh-sign-t { display: inline-block; }
.hh-pen { position: absolute; left: 100%; bottom: .2em; width: 26px; height: 26px; margin-left: -3px; opacity: 0; pointer-events: none; }
.motion .hh-sign-t { clip-path: inset(-20% 100% -20% 0); animation: hhSign 2.2s cubic-bezier(.45,.05,.55,.95) 1.3s forwards; }
.motion .hh-pen { left: 0; animation: hhPen 2.2s cubic-bezier(.45,.05,.55,.95) 1.3s forwards, hhPenOut .5s ease 3.6s forwards; }
@keyframes hhSign { to { clip-path: inset(-20% 0 -20% 0); } }
@keyframes hhPen {
  0% { left: 0; opacity: 1; transform: translateY(0) rotate(0); }
  15% { transform: translateY(-3px) rotate(-6deg); } 30% { transform: translateY(2px) rotate(4deg); }
  45% { transform: translateY(-2px) rotate(-5deg); } 60% { transform: translateY(3px) rotate(3deg); }
  75% { transform: translateY(-3px) rotate(-4deg); } 90% { transform: translateY(1px) rotate(2deg); }
  100% { left: 100%; opacity: 1; transform: translateY(0) rotate(0); } }
@keyframes hhPenOut { to { opacity: 0; transform: translate(8px, -10px) rotate(12deg); } }
@media (prefers-reduced-motion: reduce) { .motion .hh-sign-t { clip-path: none; animation: none; } .motion .hh-pen { display: none; } }
.hh-paper p .hh-sign .hh-sign-t { display: inline-block; margin: 0; text-align: left; }
/* podpis 2× větší, bez tužky (uživatel 2026-11-06) */
.hh-paper { width: min(330px, 100%); }
.hh-paper p .hh-sign { font-size: 2.6rem; line-height: 1; margin-top: .3rem; margin-right: -.2rem; transform: rotate(-4deg); transform-origin: right center; }
.hh-pen { display: none !important; }
.motion .hh-sign-t { animation-duration: 1.8s; }
@media (max-width: 760px) { .hh-paper p .hh-sign { font-size: 2.4rem; } }

/* ==========================================================================
   Mobilní menu – celá obrazovka jako výkres na papíře (uživatel 2026-11-06)
   ========================================================================== */
.mnav-x { display: none; }
@media (max-width: 1080px) {
  .brand span b { white-space: nowrap; }
  .burger { position: relative; z-index: 2; transition: background .3s, border-color .3s; }
  .burger span { transition: transform .45s cubic-bezier(.6,.05,.3,1), opacity .25s; transform-origin: center; }
  .header.open .burger { background: #2c4361; border-color: #2c4361; }
  .header.open .burger span { background: #fff; }
  .header.open .burger span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
  .header.open .burger span:nth-child(2) { opacity: 0; }
  .header.open .burger span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

  .header.open .nav {
    position: fixed; top: var(--mnav-top, 72px); left: 0; right: 0; bottom: 0; z-index: 90;
    display: flex; flex-direction: column; gap: 0; overflow-y: auto; overscroll-behavior: contain;
    padding: 1.6rem 26px calc(2rem + env(safe-area-inset-bottom)); border: 0; box-shadow: none;
    background: linear-gradient(rgba(61,90,128,.06) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, rgba(61,90,128,.06) 1px, transparent 1px) 0 0 / 22px 22px, #fbf8f2;
    animation: mnavIn .45s cubic-bezier(.2,.8,.2,1) both; counter-reset: mn;
  }
  @keyframes mnavIn { from { opacity: 0; transform: translateY(-10px); } }
  /* položky menu: velké, klidné, číslované jako výkres */
  .header.open .nav > a, .header.open .nav > .has-sub > a {
    position: relative; display: flex; align-items: baseline; gap: .9rem; padding: 1rem 0 .95rem; border: 0; border-bottom: 1px dashed rgba(74,79,88,.22);
    font: 300 1.75rem/1.1 var(--sans); letter-spacing: -.01em; text-transform: none; color: var(--ink);
    animation: mnavItem .5s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(.06s * var(--i, 1));
  }
  .header.open .nav > a::before { counter-increment: mn; content: "0" counter(mn); font: italic 400 1rem/1 "Instrument Serif", Georgia, serif; color: #e2a412; min-width: 1.6rem; }
  .header.open .nav > a::after { content: "→"; display: block; margin-left: auto; font-size: 1.1rem; color: var(--amber); opacity: .55; transition: transform .3s, opacity .3s; position: static; width: auto; height: auto; background: none; }
  .header.open .nav > a:active::after { transform: translateX(4px); opacity: 1; }
  .header.open .nav > a[aria-current="page"] { color: var(--amber); }
  @keyframes mnavItem { from { opacity: 0; transform: translateX(-14px); } }
  .header.open .nav > .has-sub { order: -1; animation: mnavItem .5s cubic-bezier(.2,.8,.2,1) both; }
  .header.open .nav > .has-sub > a { font: 500 .66rem/1 var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-3); border: 0; padding: 0 0 .8rem; animation: none; }
  .header.open .nav > .has-sub > a .chev { display: none; }
  /* Pro děti: tři programy jako karty z kartotéky */
  .header.open .nav .sub { position: static; display: grid; gap: .55rem; min-width: 0; margin: 0 0 1.1rem; padding: 0; border: 0; box-shadow: none; background: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
  .header.open .nav .sub a { display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: center; gap: .2rem .7rem; padding: .85rem 1rem; border: 1px solid rgba(74,79,88,.16); border-radius: 4px; background: rgba(255,255,255,.75); }
  .header.open .nav .sub a .n { font: italic 400 1.5rem/1 "Instrument Serif", Georgia, serif; color: #e2a412; }
  .header.open .nav .sub a b { display: block; font: 400 1.15rem/1.2 var(--sans); color: var(--ink); }
  .header.open .nav .sub a small { font-size: .78rem; color: var(--ink-3); letter-spacing: 0; text-transform: none; }
  .header.open .nav .sub a .go2 { color: var(--amber); }
  /* spodek: tlačítko, kontakt jako razítko výkresu, ručně psaná poznámka, kola a šroubky */
  .header.open .nav .mnav-x { position: relative; display: block; margin-top: auto; padding-top: 1.8rem; animation: mnavItem .6s cubic-bezier(.2,.8,.2,1) .35s both; }
  .mnav-cta { display: flex; justify-content: center; width: 100%; padding: 1.05rem 1rem; font-size: .78rem; }
  .mnav-stamp { display: grid; gap: .3rem; margin-top: 1.1rem; padding: .9rem 1rem; border: 1px solid rgba(74,79,88,.35); outline: 1px solid rgba(74,79,88,.18); outline-offset: 3px; font: 400 .88rem/1.35 var(--sans); color: var(--ink-2); }
  .mnav-stamp a { color: var(--ink); text-decoration: none; font-weight: 500; }
  .mnav-note { margin: 1rem 0 0; font: 400 1.6rem/1 "Caveat", "Segoe Print", cursive; color: #6a5a45; transform: rotate(-3deg); }
  .mnav-gears { position: absolute; right: -60px; bottom: 3.2rem; width: 210px; opacity: .5; pointer-events: none; z-index: -1; }
  .mnav-gears svg { display: block; width: 100%; height: auto; overflow: visible; }
  .mnav-gears .b { fill: rgba(60,50,40,.05); stroke: var(--ink-3); stroke-opacity: .6; stroke-width: 1.1; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
  .mnav-gears .l { fill: none; stroke: var(--ink-3); stroke-opacity: .3; vector-effect: non-scaling-stroke; }
  .mnav-gears .g1 { transform-origin: 100px 120px; transform-box: view-box; animation: gear-spin 24s linear infinite; }
  .mnav-gears .g2 { transform-origin: 222px 77px; transform-box: view-box; animation: gear-spin 16s linear infinite reverse; }
  .mnav-x .sk-screw { position: absolute; top: -.2rem; width: 18px; height: 18px; fill: none; stroke: #4a4f58; stroke-width: 1.2; }
  .mnav-x .sk-screw circle { fill: #f1ece2; } .mnav-x .sk-screw .sk-in { fill: none; stroke-opacity: .35; }
  .mnav-x .sk-screw .sk-slot { transform: rotate(var(--r, 0deg)); }
  .mnav-x .mn-s1 { left: 0; } .mnav-x .mn-s2 { right: 0; }
  body.mnav-lock { overflow: hidden; }
}
@media (max-width: 1080px) and (prefers-reduced-motion: reduce) {
  .header.open .nav, .header.open .nav > a, .header.open .nav .mnav-x, .header.open .nav > .has-sub { animation: none; }
  .mnav-gears .g1, .mnav-gears .g2 { animation: none; }
}
@media (max-width: 420px) { .brand span b { font-size: 1.05rem; } .brand span small { font-size: .56rem; letter-spacing: .2em; } }
@media (max-width: 1080px) { .header.open { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fbf8f2; } }
@media (max-width: 1080px) {
  .header.open .nav .mnav-cta { display: flex; }
  .header.open .nav .mnav-x a:not(.btn) { display: inline; padding: 0; border: 0; font: 500 1rem/1.4 var(--sans); letter-spacing: 0; text-transform: none; color: var(--ink); }
  .header.open .nav .mnav-x a:not(.btn)::before, .header.open .nav .mnav-x a:not(.btn)::after { display: none; }
  .mnav-stamp { position: relative; padding: 1.1rem 1.2rem 1rem 2.3rem; background: rgba(255,255,255,.6); }
  .mnav-stamp .sk-screw { top: 50%; margin-top: -9px; } .mnav-stamp .mn-s1 { left: 9px; } .mnav-stamp .mn-s2 { left: auto; right: 9px; top: 12px; margin-top: 0; }
  .mnav-stamp span { font-size: .85rem; color: var(--ink-3); }
}
@media (max-width: 1080px) {
  .header.open .nav .mnav-cta { position: relative; z-index: 1; color: #fff; background: #2c4361; border-color: #2c4361; }
  .mnav-stamp { padding: 1.5rem 1.3rem 1.05rem; }
  .mnav-stamp .sk-screw, .mnav-stamp .mn-s1, .mnav-stamp .mn-s2 { top: 8px; margin-top: 0; }
  .mnav-stamp .mn-s1 { left: 8px; } .mnav-stamp .mn-s2 { right: 8px; left: auto; }
  .mnav-gears { bottom: auto; top: -78px; right: -74px; width: 190px; opacity: .42; }
}
@media (max-width: 1080px) { .mnav-stamp { padding-top: 2rem; } }