/* DNA PLAYFUL — lehkost a překvapení při čitelné hierarchii: výrazné zaoblení, mírné natočení,
   pružné pohyby, ruční písmo jen jako akcent (jako „Pohodové" na kartě).
   Podpisový tah z hera: papírové lístky na mosazné liště a kancelářský klip („Rezervovat stůl").
   Na stránce: nabídka = objednávkové lístky na liště, fotky = polaroidy s klipem, kontakt = lístky
   a vzkaz na klipu, tlačítka = papírový lístek. Natočení je zarovnané k mřížce, nic neplave.
   Zakázaný vzorec (SABLONA §7): BOLD + legrační barvy; ORGANIC + bloby; novelty font všude. */

:root {
  --ram: 22px;
  --ram-velky: 36px;
  --ram-onas: 36px;
  --r-tile: 28px;
  --r-btn: 4px;          /* tlačítko = lístek z hera (Karel 2026-10-09: pilulka do PLAYFUL nesedí) */
  --tile: color-mix(in srgb, var(--paper-2) 80%, var(--paper));
  --papir-listek: color-mix(in srgb, #fffdf8 88%, var(--paper));   /* lístky a polaroidy: papír světlejší než stránka */
  --mosaz: #a8834a;
  --stin-papir: 0 18px 30px -18px rgba(60, 35, 10, .45), 0 2px 4px rgba(60, 35, 10, .1);

  --ease: cubic-bezier(.34, 1.56, .64, 1); /* pružné */
  --anim-t: .8s;
  --anim-dist: 30px;
  --anim-stagger: .08s;
  --marquee-t: 45s;
}

/* ---------- základní text (PRAVIDLA §3 PLAYFUL): Nunito 400, 18 px, proklad 1,6, ~48 znaků ---------- */
body.dna-playful { font-size: 18px; line-height: 1.6; }
.dna-playful .maly { font-size: 15px; }
.dna-playful .onas .text > p:not(.maly) { font-size: 22px; font-weight: 600; line-height: 1.45; max-width: 26ch; }

.nadpis { font-weight: 600; letter-spacing: -.01em; line-height: 1.05; }
.nadpis em, .citat em { font-family: "Caveat", cursive; font-style: normal; font-weight: 600; font-size: 1.12em; color: var(--accent-text); }
h3 { font-weight: 600; }
.cena { font-weight: 700; }
.hodnoceni b, .velke-cislo b { font-weight: 600; }

/* ---------- systém nadpisů: popisek jako papírový lístek (jako MENU / O NÁS v heru) ---------- */
.dna-playful .hlava { justify-items: start; }
.dna-playful .hlava .popisek, .dna-playful .onas .popisek {
  display: inline-block; justify-self: start; background: var(--papir-listek); color: var(--ink);
  padding: 9px 16px 8px; font-family: var(--f-head), sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .14em;
  box-shadow: var(--stin-papir); rotate: -2.5deg; }

/* ---------- klip (z hera „Rezervovat stůl") ---------- */
.klip { position: absolute; top: -20px; left: 50%; width: 40px; height: 36px; translate: -50% 0; z-index: 3; overflow: visible; }
.klip-telo { fill: #26221e; }
.klip-drat { fill: none; stroke: #8d8a86; stroke-width: 2.4; stroke-linejoin: round; }

/* ---------- polaroid ---------- */
.polaroid { position: relative; margin: 0; background: var(--papir-listek); padding: 14px 14px 0; box-shadow: var(--stin-papir); }
.polaroid .ram { aspect-ratio: 1; border-radius: 3px; overflow: hidden; }
.polaroid .ram img { width: 100%; height: 100%; object-fit: cover; }
.polaroid figcaption { font-family: "Caveat", cursive; font-weight: 600; font-size: 26px; line-height: 1.1; padding: 14px 4px 18px; color: var(--ink);
  display: flex; justify-content: space-between; gap: 12px; }
.polaroid figcaption b { font-family: var(--f-text), sans-serif; font-size: 17px; font-weight: 700; align-self: center; white-space: nowrap; }

/* ---------- nabídka: lístky na liště ---------- */
.lista-strana { position: relative; display: grid; grid-template-columns: repeat(12, 1fr); gap: 0 32px; padding-top: 26px; }   /* mřížka stránky (.grid) */
.lista-hlavni { grid-column: 1 / 6; }
.obj-listky { grid-column: 6 / -1; }
.lista { position: absolute; inset: 0 -12px auto; height: 8px; border-radius: 4px;
  background: linear-gradient(#d4b27a, var(--mosaz) 55%, #7d5f30); box-shadow: 0 6px 10px -6px rgba(60, 35, 10, .5); }
.lista::before, .lista::after { content: ""; position: absolute; top: -9px; width: 12px; height: 26px; border-radius: 3px; background: var(--mosaz); }
.lista::before { left: 6%; } .lista::after { right: 6%; }
.lista-hlavni { position: relative; padding-top: 6px; }
.lista-hlavni .polaroid { rotate: -1.6deg; transform-origin: 50% 0; }
.lista-hlavni .polaroid .klip { top: -34px; }
.lista-hlavni > .maly { margin: 20px 6px 0; max-width: 34ch; }
.obj-listky { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 32px; align-content: start; }
.obj-listek { position: relative; background: var(--papir-listek); padding: 30px 22px 30px; box-shadow: var(--stin-papir);
  transform-origin: 50% 0;
  /* spodní okraj odtržený po perforaci */
  --zub: 7px;
  -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 0 100% / calc(2 * var(--zub)) var(--zub) repeat-x,
                linear-gradient(#000 0 0) 0 0 / 100% calc(100% - var(--zub)) no-repeat;
          mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 0 100% / calc(2 * var(--zub)) var(--zub) repeat-x,
                linear-gradient(#000 0 0) 0 0 / 100% calc(100% - var(--zub)) no-repeat; }
.obj-listek:nth-child(odd) { rotate: -1.4deg; }
.obj-listek:nth-child(even) { rotate: 1.2deg; margin-top: 26px; }
.obj-listek:hover, .obj-listek:focus-within { rotate: 0deg; translate: 0 -4px; }
.obj-listek .drzak { position: absolute; top: 0; left: 50%; translate: -50% 0; width: 46px; height: 12px; border-radius: 0 0 4px 4px; background: var(--mosaz); }
.obj-cislo { display: block; font-family: "Caveat", cursive; font-weight: 600; font-size: 22px; color: var(--accent-text); margin-bottom: 6px; }
.obj-listek .ram { aspect-ratio: 4 / 3; border-radius: 3px; overflow: hidden; margin-bottom: 14px; }
.obj-listek .ram img { width: 100%; height: 100%; object-fit: cover; }
.obj-listek h3 { font-size: 22px; line-height: 1.2; }
.obj-listek .maly { margin: 4px 0 14px; color: var(--muted); }
.obj-listek .cena { display: inline-block; border-top: 2px dashed var(--line); padding-top: 10px; font-size: 18px; width: 100%; }

/* káva jako pokladní páska */
.paska { margin-top: clamp(48px, 5vw, 72px); display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px 40px;
  background: var(--papir-listek); padding: 22px clamp(20px, 3vw, 40px); box-shadow: var(--stin-papir); rotate: -.5deg; }
.paska h3 { font-size: 20px; }
.paska ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 36px; }
.paska li { display: flex; gap: 12px; align-items: baseline; }
.paska li span:first-child::after { content: ""; display: inline-block; width: 28px; border-bottom: 2px dotted var(--line); margin-left: 12px; }

/* ---------- marquee: papírová páska přes hranu, mírně natočená ---------- */
.dna-playful main { overflow-x: clip; }   /* natočená páska přesahuje okno — stránka se nesmí rozšířit */
.dna-playful .marquee { background: var(--papir-listek); color: var(--ink); transform: rotate(-1.5deg); margin: 0 -2vw -28px; position: relative; z-index: 2; box-shadow: var(--stin-papir); }
.dna-playful .marquee span::after { color: var(--accent-text); }
.marquee span { font-family: var(--f-head), sans-serif; font-weight: 600; }
.marquee span::after { content: "★"; font-size: .45em; }

/* ---------- O nás: akcentní moment (místo tmavého), polaroid s klipem a lístek s rokem ---------- */
.onas-polaroidy { background: var(--accent); color: var(--on-accent); }
.onas-polaroidy .maly, .onas-polaroidy .podpis-citatu { color: var(--on-accent); }
.onas-polaroidy .citat em { color: var(--on-accent); }
.onas-polaroidy .foto::before { content: none; }
.onas-polaroidy .foto { grid-column: 1 / 6; }
.onas-polaroidy .polaroid { rotate: -3deg; }
.onas-polaroidy .polaroid .ram { aspect-ratio: 4 / 5; border-radius: 3px; }
.onas-polaroidy .polaroid figcaption { color: var(--ink); }
.rok-listek { position: absolute; right: -28px; bottom: 54px; z-index: 2; background: var(--papir-listek); color: var(--ink);
  padding: 26px 26px 18px; box-shadow: var(--stin-papir); rotate: 4deg; display: grid; gap: 2px; max-width: 200px; }
.rok-listek .maly { color: var(--muted) !important; font-size: 15px; line-height: 1.3; }
.rok-listek b { font-family: var(--f-head), sans-serif; font-size: 54px; line-height: 1; font-weight: 600; }
.onas-polaroidy .text { grid-column: 7 / -1; gap: 22px; }
.podpis-citatu { letter-spacing: .14em; text-transform: uppercase; font-size: 13px; font-weight: 600; }
.onas-polaroidy .citat { font-family: var(--f-text), sans-serif; font-weight: 800; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.2; letter-spacing: -.01em; }

/* předěl „zuby": horní hrana sekce odtržená po perforaci, přes předchozí sekci */
.predel-zuby { --zub: 14px; margin-top: calc(-1 * var(--zub));
  -webkit-mask: conic-gradient(from 135deg at top, #000 90deg, #0000 0) 0 0 / calc(2 * var(--zub)) var(--zub) repeat-x,
                linear-gradient(#000 0 0) 0 var(--zub) / 100% 100% no-repeat;
          mask: conic-gradient(from 135deg at top, #000 90deg, #0000 0) 0 0 / calc(2 * var(--zub)) var(--zub) repeat-x,
                linear-gradient(#000 0 0) 0 var(--zub) / 100% 100% no-repeat; }

/* ---------- kontakt: plánek jako polaroid, lístky, vzkaz na klipu ---------- */
.kontakt-listky { background: var(--paper-2); }
.kontakt-strana { display: grid; grid-template-columns: 6fr 5fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
.kontakt-levy { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.polaroid-mapa { grid-column: 1 / -1; rotate: -1deg; }
.polaroid-mapa .ram { aspect-ratio: 16 / 9; background: var(--paper); }
.polaroid-mapa .ram img { object-fit: cover; }
.k-listky { display: contents; list-style: none; }
.k-listek { position: relative; background: var(--papir-listek); padding: 24px 22px; box-shadow: var(--stin-papir); display: grid; gap: 6px; align-content: start; }
.k-listek:nth-child(1) { rotate: 1.2deg; }
.k-listek:nth-child(2) { rotate: -1.4deg; }
.k-listek.k-hodiny { rotate: .8deg; }
.k-listek:first-child { grid-column: 1 / -1; }      /* první údaj (podle nadpisu) přes šířku a největší */
.k-listek:first-child .kb-hlavni { font-size: clamp(30px, 3vw, 42px); }
.kb-titul { font-family: var(--f-head), sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-text); }
.kb-hlavni { font-family: var(--f-text), sans-serif; font-size: 26px; line-height: 1.2; font-weight: 800; margin: 0; }
.kb-hlavni a, .k-listek .maly a { color: inherit; text-decoration: none; }
.kb-hlavni a:hover { color: var(--accent-text); }
.k-hodiny dl { display: grid; gap: 6px; margin: 6px 0 0; }
.k-hodiny dl > div { display: flex; justify-content: space-between; gap: 16px; }
.k-hodiny dt { font-size: 15px; color: var(--muted); }
.k-hodiny dd { margin: 0; font-weight: 700; white-space: nowrap; }
.k-telefon .kb-hlavni { font-size: 24px; white-space: nowrap; }
.k-detaily { grid-column: 1 / -1; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.k-detaily li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; background: var(--paper); font-size: 15px; }
.k-detaily li .ikona { width: 18px; height: 18px; color: var(--accent-text); }
.vzkaz { position: relative; background: var(--papir-listek); padding: 44px clamp(24px, 3vw, 40px) 36px; box-shadow: var(--stin-papir); rotate: 1deg; }
.vzkaz .klip { top: -22px; width: 56px; height: 50px; }
.vzkaz h3 { font-size: 30px; }
.vzkaz > .maly { margin: 6px 0 22px; max-width: 34ch; }
.vzkaz form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; }
.vzkaz .odeslat { grid-column: 1 / -1; margin-top: 8px; }

/* formulář: linkovaný papír, popisky v písmu nadpisů */
.dna-playful .pole label { font-family: var(--f-head), sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .1em; color: var(--ink-2); }
.dna-playful .pole input, .dna-playful .pole textarea, .dna-playful .telefon-pole select { font-size: 18px; border-bottom: 2px dashed var(--line); }
.dna-playful .pole input:focus, .dna-playful .pole textarea:focus { border-bottom: 2px solid var(--accent); outline: none; }
.dna-playful .pole input:focus-visible, .dna-playful .pole textarea:focus-visible { box-shadow: 0 2px 0 var(--accent); }

/* ---------- tlačítka: plné, oblé, při najetí poskočí ---------- */
.tlacitko { font-family: var(--f-head), sans-serif; font-weight: 600; letter-spacing: .04em; }
.tlacitko { rotate: -1.5deg; box-shadow: var(--stin-papir); }
.tlacitko:hover { transform: translateY(-3px); rotate: 0deg; }
.tlacitko:focus-visible, .dna-playful a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.dna-playful .odkaz { font-family: var(--f-head), sans-serif; font-weight: 600; letter-spacing: .1em; }

/* lepicí lišta: odkazy jako lístky */
.dna-playful .hlavicka nav a { font-family: var(--f-head), sans-serif; font-weight: 600; }
.dna-playful .hlavicka nav a:hover { color: var(--accent-text); }

/* ---------- patička: poslední výzva, tlačítko jako lístek s klipem ---------- */
.dna-playful .paticka-vyzva .vyzva-obri { font-weight: 600; }
.vyzva-cta { position: relative; display: inline-block; padding-top: 14px; }
.vyzva-cta .klip { top: -8px; }
.dna-playful .paticka-vyzva .tlacitko { height: 60px; font-size: 18px; }

/* ---------- výchozí bento (když skladba PLAYFUL nemá stranka.json) ---------- */
.bento-nabidka > .dlazdice:not(.hlavni):nth-of-type(odd) { transform: rotate(-1.2deg); }
.bento-nabidka > .dlazdice:not(.hlavni):nth-of-type(even) { transform: rotate(1deg); }
.bento-nabidka > .dlazdice:not(.hlavni) { transition: transform .5s var(--ease); }
.bento-nabidka > .dlazdice:not(.hlavni):hover { transform: rotate(0) translateY(-6px); }
.onas:not(.onas-polaroidy) .foto .ram { transform: rotate(-2deg); }
.onas:not(.onas-polaroidy) .foto::before { inset: 18px -18px -18px 18px; border: 0; background: var(--accent); opacity: .9; transform: rotate(3deg); }

/* ---------- pohyb: lístky a polaroidy se při nástupu zhoupnou do své polohy ---------- */
.obj-listek, .polaroid, .rok-listek, .k-listek, .vzkaz { transition: opacity var(--anim-t), transform var(--anim-t) var(--ease), rotate 1.1s var(--ease), translate .5s var(--ease); }
@media (prefers-reduced-motion: no-preference) {
  .js .obj-listek[data-anim]:not(.je-uvnitr) { rotate: -10deg; }
  .js .polaroid[data-anim]:not(.je-uvnitr), .js .rok-listek[data-anim]:not(.je-uvnitr) { rotate: 9deg; }
}

@media (max-width: 900px) {
  .lista-strana, .kontakt-strana { grid-template-columns: 1fr; }
  .lista-hlavni, .obj-listky { grid-column: 1 / -1; }
  .lista-hlavni { margin-bottom: 44px; }
  .onas-polaroidy .foto, .onas-polaroidy .text { grid-column: 1 / -1; }
  .onas-polaroidy .foto { max-width: 440px; margin: 0 auto 40px; }
  .rok-listek { right: -8px; }
}
@media (max-width: 700px) {
  .obj-listky { gap: 22px 14px; }
  .obj-listek { padding: 26px 14px; }
  .obj-listek h3 { font-size: 18px; }
  .obj-listek:nth-child(even) { margin-top: 14px; }
  .vzkaz form { grid-template-columns: 1fr; }
  .kontakt-levy { grid-template-columns: 1fr; }
  .k-listek:nth-child(n) { grid-column: auto; }
  .k-telefon .kb-hlavni { font-size: 30px; }
  .dna-playful .paticka-vyzva .vyzva-obri { font-size: 9.6vw; }
  .bento-nabidka > .dlazdice:not(.hlavni):nth-of-type(n) { transform: none; }   /* na úzkém displeji natočení zbytečně ořezává */
  .dna-playful .marquee { transform: rotate(-1deg); }
}

/* ---------- osy zrcadlově (AUDIT_SROVNANI_DNA A2, A3): lístky vlevo a polaroid vpravo; O nás polaroid vpravo ---------- */
.zrcadlo .lista-hlavni { grid-column: 8 / -1; grid-row: 1; }
.zrcadlo .obj-listky { grid-column: 1 / 8; grid-row: 1; }
.zrcadlo .lista-hlavni .polaroid { rotate: 1.6deg; }
.zrcadlo.onas-polaroidy .foto { grid-column: 8 / -1; grid-row: 1; }
.zrcadlo.onas-polaroidy .text { grid-column: 1 / 7; grid-row: 1; }
.zrcadlo.onas-polaroidy .rok-listek { right: auto; left: -28px; rotate: -4deg; }
@media (max-width: 900px) {
  .zrcadlo .lista-hlavni, .zrcadlo .obj-listky, .zrcadlo.onas-polaroidy .foto, .zrcadlo.onas-polaroidy .text { grid-column: 1 / -1; grid-row: auto; }
  .zrcadlo .lista-hlavni { margin-bottom: 44px; }
}

/* ---------- lišta: odkazy jako papírové lístky zavěšené z horní hrany (jako MENU / O NÁS v heru);
   textové odkazy ručním písmem s vlnovkou (AUDIT_SROVNANI_DNA D1, D2) ---------- */
.dna-playful .hlavicka { border-bottom: 0; background: color-mix(in srgb, var(--paper) 90%, transparent); }
.dna-playful .hlavicka nav { gap: 14px; align-self: flex-start; }
.dna-playful .hlavicka nav a { background: var(--papir-listek); padding: 22px 16px 12px; box-shadow: var(--stin-papir); font-size: 13px; letter-spacing: .12em;
  transform-origin: 50% 0; transition: rotate .5s var(--ease), translate .4s var(--ease); }
.dna-playful .hlavicka nav a:nth-child(odd) { rotate: -2deg; } .dna-playful .hlavicka nav a:nth-child(even) { rotate: 1.5deg; }
.dna-playful .hlavicka nav a:hover { color: var(--accent-text); }
.dna-playful .hlavicka nav a:hover, .dna-playful .hlavicka nav a[aria-current] { rotate: 0deg; translate: 0 4px; }
.dna-playful .odkaz { font-family: "Caveat", cursive; font-weight: 600; font-size: 25px; letter-spacing: 0; text-transform: none; color: var(--accent-text);
  background: none; text-decoration: underline wavy 1.5px; text-underline-offset: 6px; padding-bottom: 0; }
.dna-playful .odkaz:hover { text-decoration-style: solid; }

/* lišta: „Napište nám" jako lístek s klipem (stejně jako v patičce a „Rezervovat stůl" v heru) */
.dna-playful .hlavicka .tlacitko { position: relative; overflow: visible; margin-top: 6px; }
.dna-playful .hlavicka .tlacitko::before { content: ""; position: absolute; top: -13px; left: 50%; translate: -50% 0; width: 26px; height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M11 16 7 2h26l-4 14' fill='none' stroke='%238d8a86' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M3 15h34l-3 19H6z' fill='%2326221e'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---------- A4: rok jako kulatá nálepka, ne lístek s klipem (natočená kartička s rokem je v SIGNATURE) ---------- */
.rok-listek { width: 156px; height: 156px; padding: 0; border-radius: 50%; place-content: center; justify-items: center; text-align: center; rotate: 10deg;
  bottom: 40px; box-shadow: 0 10px 20px -10px rgba(60, 35, 10, .5); outline: 2px dashed color-mix(in srgb, var(--accent) 55%, transparent); outline-offset: -9px; }
.rok-listek .klip { display: none; }
.rok-listek .maly { font-size: 13px !important; max-width: 11ch; }
.rok-listek b { font-size: 40px; }
.zrcadlo.onas-polaroidy .rok-listek { rotate: -10deg; }
.k-hodiny dl > div { display: grid; gap: 0; }   /* úzký lístek: den nad časem, nic se neláme */
.k-hodiny dl { gap: 10px; }

/* výrazná atmosféra: O nás přesně mandarinkou z hera (Karel 2026-10-10), ne ztmaveným akcentem;
   na sytě oranžové tmavé písmo — bílé odstavce by neprošly (kontrast ~2,6 : 1) */
.atm-colorful .onas-polaroidy { background: var(--accent-fill); color: var(--on-accent-fill); }
.atm-colorful .onas-polaroidy .maly, .atm-colorful .onas-polaroidy .podpis-citatu,
.atm-colorful .onas-polaroidy .citat em { color: var(--on-accent-fill); }

/* ---------- kontakt 2026-10-11: lístky vedle sebe na liště, vzkaz přes šířku pod nimi ---------- */
.k-lista-strana { position: relative; padding-top: 26px; }
.k-lista-strana .lista { inset: 0 -12px auto; }
.kontakt-listky .k-listky { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; list-style: none; margin: 0; padding: 0; }
.kontakt-listky .k-listek { transform-origin: 50% 0; padding-top: 34px; }
.kontakt-listky .k-listek .klip { position: absolute; top: -30px; left: 50%; translate: -50% 0; }
.kontakt-listky .k-listek:first-child { grid-column: auto; }
.kontakt-listky .k-listek:first-child .kb-hlavni { font-size: clamp(26px, 2.4vw, 34px); }
.kontakt-listky .k-detaily { margin-top: 28px; }
.kontakt-listky .polaroid-mapa { margin-top: 40px; }
.kontakt-listky .vzkaz { margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: minmax(220px, 3fr) minmax(0, 9fr); gap: 32px; rotate: -.6deg; }
.kontakt-listky .vzkaz .klip { position: absolute; top: -22px; left: 50%; translate: -50% 0; }
.kontakt-listky .vzkaz-uvod { grid-column: 1; grid-row: 1; }
.kontakt-listky .vzkaz form { grid-column: 2; grid-row: 1; }
@media (max-width: 1024px) { .kontakt-listky .vzkaz-uvod, .kontakt-listky .vzkaz form { grid-column: 1; grid-row: auto; } }
.kontakt-listky .vzkaz form { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kontakt-listky .vzkaz .pole, .kontakt-listky .vzkaz .telefon-pole { min-width: 0; }
.kontakt-listky .vzkaz .telefon-pole input { min-width: 0; width: 100%; }
.kontakt-listky .vzkaz .pole.cele, .kontakt-listky .vzkaz .odeslat { grid-column: 1 / -1; }
@media (max-width: 1024px) {
  .kontakt-listky .k-listky { grid-template-columns: 1fr 1fr; }
  .kontakt-listky .vzkaz { grid-template-columns: 1fr; }
  .kontakt-listky .vzkaz form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .kontakt-listky .k-listky, .kontakt-listky .vzkaz form { grid-template-columns: 1fr; }
}


/* odkaz je už v akcentu → po najetí do tmavé barvy písma (jinak by se nic nezměnilo; Karel 2026-10-11) */
body.dna-playful main a.odkaz:not(.tlacitko):not(.hero-plocha):hover, body.dna-playful main a.odkaz:not(.tlacitko):not(.hero-plocha):focus-visible { color: var(--ink) !important; }