/*
 * Prodejní stránky (modul prodejky) ve stylu Zápisník. Načítá se až za web.css,
 * webinar.css a recenze.css: proměnné --w-*, papír, lepicí pásky, polaroid,
 * tlačítka, lísteček s referencí a polaroidy s videem jsou odtamtud.
 * Tady je jen to, co prodejka má navíc (lístek s údaji, stránky zápisníku,
 * program, výstupy, termíny, pro koho, ceny, časté otázky, závěr).
 * Nejdřív telefon, pak širší obrazovky. Žádný vodorovný posun.
 */

/* ---------- obecné ---------- */
.p-sekce { padding: 40px 0; }
.v-prodejka .p-titulek { margin: 0 0 22px; }
.v-prodejka .p-titulek .w-ruka { display: block; font-size: 21px; color: var(--w-akcent-text); }
.v-prodejka .p-titulek h2 { font-size: clamp(32px, 8.6vw, 52px); margin: 2px 0 0; }
.p-akce { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 8px; }
/* neaktivní tlačítko (produkt obsazený nebo se neprodává): vypadá jako tlačítko, ale nikam nevede */
.v-prodejka .p-tl-ne { background: color-mix(in srgb, var(--w-text) 10%, var(--w-list)); color: var(--w-text-jemny); box-shadow: none; cursor: not-allowed;
  text-transform: uppercase; letter-spacing: .08em; }
.p-proc-ne { display: block; font-size: 14px; font-weight: 600; color: var(--w-akcent-text); margin: 4px 0 0; }
.p-pozn { font-size: 19px; color: var(--w-akcent-text); }
.v-prodejka .w-listecek p:last-of-type { margin-bottom: 14px; }

/* ---------- úvod ---------- */
.p-uvod { padding: 6px 0 30px; }
.p-uvod .w-list { padding: 34px 22px 28px; }
/* nadpis se láme jen mezi slovy: „KONEČNĚ“ rozseknuté na dva řádky vypadalo špatně (Jana 20. 9. 2026) */
.p-uvod h1 { font-size: clamp(38px, 10.4vw, 76px); line-height: 1.06; margin: 6px 0 34px;
  overflow-wrap: break-word; word-break: normal; hyphens: manual; text-wrap: balance; }
/* šířka textu: Míša 20. 9. 2026 chtěla řádky delší, ať text nestojí v úzkém sloupci */
.p-uvod .w-perex { font-size: 18px; max-width: 58ch; margin: 0 0 22px; }
/* zarovnání do bloku (Jana 20. 9. 2026); na úzkém telefonu ne, tam by vznikaly díry mezi slovy */
@media (min-width: 620px) {
  /* bez dělení slov: „ko-nečně“ přes dva řádky vypadalo špatně (Jana 20. 9. 2026) */
  .p-uvod .w-perex { text-align: justify; text-wrap: pretty; hyphens: manual; }
}
/* fotka u úvodu: na telefonu hned pod úvodem (dřív než blok O mně), na počítači vedle textu */
.p-uvod-portret { display: block; width: min(300px, 72%); margin: 20px auto 0; transform: rotate(-2deg); }
/* dokud je fotka nahoře u úvodu, neopakuje se o kus níž v bloku Proč zrovna já */
@media (max-width: 1099px) { .p-uvod-s-fotem ~ * .p-vyrez, .v-prodejka:has(.p-uvod-s-fotem) .p-proc .p-vyrez { display: none; } }

/* ---------- lístek s údaji (ústřižek s nůžkami) ---------- */
.p-listek-sekce { padding-top: 0; }
.p-listek { position: relative; border: 2.5px dashed color-mix(in srgb, var(--w-text) 42%, var(--w-papir)); border-radius: 22px;
  padding: 26px 20px 18px; background: color-mix(in srgb, var(--w-list) 88%, transparent); }
.p-listek .w-nuzky { color: var(--w-text); }
.p-listek h2 { font-size: 26px; margin: 0 0 4px; }
.p-udaje { margin: 0; }
.p-udaje > div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1.5px solid color-mix(in srgb, var(--w-text) 14%, transparent); }
.p-udaje > div:last-child { border-bottom: 0; }
.p-udaje dt { font-family: var(--w-nadpis); text-transform: uppercase; letter-spacing: .06em; font-size: 13.5px; color: var(--w-text-jemny); padding-top: 3px; }
.p-udaje dd { margin: 0; font-weight: 600; font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }

/* ---------- poznáváš se / co kdyby (dvě stránky zápisníku) ---------- */
.p-stranka { position: relative; background: var(--w-list); border-radius: 18px; box-shadow: var(--w-stin); padding: 30px 22px 22px 34px; }
.p-stranka::before { content: ""; position: absolute; left: 18px; top: 0; bottom: 0; width: 2px; background: color-mix(in srgb, var(--w-doplnkova-3) 80%, transparent); }
.p-stranka h2 { font-size: clamp(30px, 8vw, 42px); margin: 0 0 12px; }
.p-stranka .p-nad { display: block; font-size: 20px; color: var(--w-akcent-text); }
.p-stranka.p-salvej { background: var(--w-doplnkova); }
.p-stranka.p-salvej::before { background: color-mix(in srgb, var(--w-text) 18%, transparent); }
.p-stranka.p-salvej .p-zapis li { border-bottom-color: color-mix(in srgb, var(--w-text) 14%, transparent); }
.p-dvojice-p { padding-top: 0; }
.p-zapis { list-style: none; margin: 0; padding: 0; }
.p-zapis li { position: relative; padding: 12px 0 12px 36px; border-bottom: 1.5px solid color-mix(in srgb, var(--w-text) 12%, transparent); }
.p-zapis li:last-child { border-bottom: 0; }
.p-ctverecky li::before { content: ""; position: absolute; left: 4px; top: 16px; width: 18px; height: 18px; border: 2px solid var(--w-text); border-radius: 3px; transform: rotate(-3deg); }
.p-fajfky-z li::before { content: ""; position: absolute; left: 2px; top: 15px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--w-akcent-text); transform: rotate(-8deg); }
.p-fajfky-z li::after { content: ""; position: absolute; left: 7px; top: 20px; width: 10px; height: 6px; border-left: 2px solid var(--w-akcent-text); border-bottom: 2px solid var(--w-akcent-text); transform: rotate(-50deg); }

/* ---------- proč zrovna já ---------- */
.p-proc .w-obal { display: grid; gap: 28px; align-items: center; }
.p-vyrez { position: relative; width: min(320px, 84%); margin: 0 auto 6px; background: var(--w-list); padding: 12px 12px 0; border-radius: 6px; box-shadow: var(--w-stin); transform: rotate(-2deg); }
.p-vyrez img { border-radius: 3px; aspect-ratio: 1 / 1.15; object-fit: cover; width: 100%; height: auto; }
.p-vyrez figcaption { font-family: var(--w-ruka); font-size: 19px; text-align: center; padding: 8px 0 10px; }
.p-body-cisla { list-style: none; margin: 18px 0 0; padding: 0; counter-reset: b; }
.p-body-cisla li { counter-increment: b; position: relative; padding: 14px 0 14px 58px; border-top: 2px solid var(--w-text); }
.p-body-cisla li::before { content: "0" counter(b); position: absolute; left: 0; top: 12px; font-family: var(--w-nadpis); font-weight: 800; font-size: 30px; line-height: 1; color: var(--w-akcent-text); }
.p-body-cisla b { display: block; font-size: 18px; margin-bottom: 2px; }
.p-body-cisla p { margin: 0; color: var(--w-text-jemny); font-size: 16px; }

/* ---------- program ---------- */
.p-stitek-nazev { display: inline-block; position: relative; background: var(--w-text); color: #fff; font-family: var(--w-nadpis); font-weight: 600;
  text-transform: uppercase; font-size: clamp(26px, 7.4vw, 50px); line-height: 1.1; letter-spacing: .03em; padding: 10px 24px 12px; transform: rotate(-1.5deg);
  max-width: 100%; margin: 2px 0 18px; overflow-wrap: anywhere; }
.p-stitek-nazev .w-paska { top: -16px; }
.v-prodejka .p-popis { max-width: 52ch; font-size: 18px; }
.p-bloky { display: grid; gap: 40px; margin-top: 18px; }
.p-blok { position: relative; background: var(--w-list); border-radius: 18px; box-shadow: var(--w-stin); padding: 34px 22px 22px; }
.p-blok h3 { font-size: 25px; margin: 0 0 8px; }
.p-blok > p { color: var(--w-text-jemny); font-size: 16px; }
.p-blok .w-fajfky li { font-size: 16px; }
.p-odneses { position: relative; margin-top: 16px; background: var(--w-akcent-svetly); padding: 14px 16px 12px; border-radius: 4px 4px 18px 4px; }
.p-odneses .w-ruka { display: block; font-size: 20px; color: var(--w-akcent-text); margin-bottom: 2px; }
.p-odneses p { margin: 0; font-size: 15.5px; }
.p-blok > p + .w-fajfky { margin-top: 4px; }
.p-blok .w-fajfky + p { margin-top: 14px; }

/* ---------- s čím odcházíš ---------- */
/* výstupy jako lístky s číslem v kolečku (tři vedle sebe, žádný osamělý pod nimi) */
.p-vystupy { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; list-style: none; margin: 22px 0 0; padding: 0; counter-reset: v; }
.p-vystupy li { counter-increment: v; position: relative; background: var(--w-list); border-radius: 18px; box-shadow: var(--w-stin); padding: 22px 20px 20px; }
.p-vystupy li::before { content: counter(v); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: var(--w-akcent); color: var(--w-text); font-family: var(--w-nadpis); font-weight: 800; font-size: 22px; margin-bottom: 12px; }
/* karty rovně a v řadě stejně vysoké (Jana 7. 10. 2026: „není to srovnané, to se mi nelíbí“) */
.p-vystupy b { display: block; font-size: 18px; line-height: 1.3; margin-bottom: 4px; }
.p-vystupy span { color: var(--w-text-jemny); font-size: 16px; }
/* bonus s hodnotou: štítek s přeškrtnutou cenou v rohu karty, co v bonusu je jako odrážky */
.p-vystupy .p-vystup-hodnota { position: absolute; top: 18px; right: 16px; background: var(--w-akcent-svetly); color: var(--w-akcent-text);
  font-weight: 700; font-size: 14px; border-radius: 999px; padding: 4px 12px; transform: rotate(2deg); text-transform: uppercase; letter-spacing: .04em; }
.p-vystupy .p-vystup-hodnota s { color: var(--w-text-jemny); text-transform: none; letter-spacing: 0; margin-right: 4px; font-weight: 600; }
/* odrážky uvnitř karty nesmí převzít styl karet (číslo v kolečku, stín, počítadlo) */
.p-vystupy .p-vystup-seznam { list-style: none; margin: 12px 0 0; padding: 0; }
.p-vystupy .p-vystup-seznam li { counter-increment: none; box-shadow: none; background: none; border-radius: 0; transform: none;
  position: relative; padding: 4px 0 4px 26px; font-size: 15.5px; line-height: 1.4; color: var(--w-text); }
.p-vystupy .p-vystup-seznam li::before { content: ""; position: absolute; left: 3px; top: 10px; width: 11px; height: 6px; margin: 0;
  border-radius: 0; background: none; border-left: 2.5px solid var(--w-akcent-text); border-bottom: 2.5px solid var(--w-akcent-text);
  transform: rotate(-48deg); display: block; }
.p-vystupy-celkem { text-align: center; font-size: 19px; margin: 24px 0 0; }
.p-vystupy-celkem b { font-family: var(--w-nadpis); font-weight: 800; font-size: 26px; color: var(--w-akcent-text); }
.p-vystupy-pod { border-top: 2px solid var(--w-text); padding-top: 16px; margin-top: 26px; }
.p-vystupy-pod { text-align: center; }
.p-vystupy-pod p { font-family: var(--w-ruka); font-size: 22px; line-height: 1.3; color: var(--w-akcent-text); margin: 0 auto; max-width: 40ch; }

/* ---------- mezi setkáními ---------- */
.p-podpora .w-list.p-salvej { background: var(--w-doplnkova); }
.p-podpora .p-zapis li { border-bottom-color: color-mix(in srgb, var(--w-text) 14%, transparent); }
.p-pod { display: block; font-size: 20px; color: var(--w-akcent-text); margin-top: 14px; }

/* ---------- textové reference ---------- */
.p-listecky { display: grid; gap: 34px 24px; align-items: start; padding-top: 8px; }
.p-listecky .w-listecek { margin: 0; }
/* výsledek klientky nad citátem: to první, co oko chytne */
.v-prodejka .p-listecky .p-ref-vysledek { font-family: var(--w-nadpis); font-weight: 800; font-size: clamp(22px, 5.4vw, 27px); line-height: 1.15;
  text-transform: uppercase; letter-spacing: .01em; color: var(--w-akcent-text); margin: 0 0 10px; }
.p-listecky small { overflow-wrap: anywhere; }
/* jedna reference vložená mezi části stránky: lísteček uprostřed, ne v půlce mřížky */
.p-listecky:has(> .w-listecek:only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; }

/* ---------- termíny ---------- */
.p-kalendar { display: grid; gap: 26px; }
.p-den { position: relative; background: var(--w-list); border-radius: 10px; box-shadow: var(--w-stin); overflow: hidden; padding: 0 18px 18px; text-align: center; }
/* každý termín má vlastní jemnou barvu, ať se dají na první pohled rozeznat */
.p-den:nth-child(3n+1) { transform: rotate(-1.4deg); background: color-mix(in srgb, var(--w-doplnkova) 52%, var(--w-list)); }
.p-den:nth-child(3n+2) { transform: rotate(1deg); background: color-mix(in srgb, var(--w-doplnkova-2) 52%, var(--w-list)); }
.p-den:nth-child(3n) { transform: rotate(-.6deg); background: color-mix(in srgb, var(--w-doplnkova-3) 52%, var(--w-list)); }
.p-datum { display: block; margin: 0 -18px 14px; background: var(--w-text); color: #fff; font-family: var(--w-nadpis); font-weight: 600; text-transform: uppercase;
  letter-spacing: .08em; font-size: clamp(17px, 4.6vw, 21px); line-height: 1.25; padding: 16px 14px 12px; position: relative; }
.p-datum::before, .p-datum::after { content: ""; position: absolute; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--w-papir); }
.p-datum::before { left: 28%; }
.p-datum::after { right: 28%; }
.p-den dl { margin: 0 0 14px; }
.p-den dl > div { padding: 7px 0; border-bottom: 1.5px solid color-mix(in srgb, var(--w-text) 12%, transparent); }
.p-den dl > div:last-child { border-bottom: 0; }
.p-den dt { font-family: var(--w-nadpis); text-transform: uppercase; letter-spacing: .06em; font-size: 13px; color: var(--w-text-jemny); }
.p-den dd { margin: 2px 0 0; font-weight: 600; font-size: 16px; overflow-wrap: anywhere; }
.p-den .w-tl { min-height: 48px; font-size: 15.5px; }
.p-terminy { scroll-margin-top: 12px; }
.p-den-nazev { font-size: 22px; line-height: 1.15; margin: 0 0 6px; }
.p-den-cena { font-family: var(--w-nadpis); font-weight: 800; font-size: 24px; line-height: 1.1; }
.p-den .p-cena-pak { display: block; font-weight: 500; font-size: 14px; color: var(--w-text-jemny); }
.p-mapa { display: block; margin-top: 2px; font-weight: 600; font-size: 14px; color: var(--w-akcent-text); text-decoration: underline; text-underline-offset: 3px; }
.p-den dd.p-obsazeno { color: var(--w-akcent-text); text-transform: uppercase; letter-spacing: .06em; }
.p-den-plny .p-datum { background: color-mix(in srgb, var(--w-text) 45%, var(--w-list)); }

/* ---------- pro koho ---------- */
.p-prokoho { display: grid; gap: 34px; }
.p-prokoho .w-list h3 { font-size: 26px; margin: 0 0 10px; }
.p-prokoho .p-ne { background: color-mix(in srgb, var(--w-doplnkova-3) 55%, var(--w-list)); }
.p-krizky { list-style: none; margin: 0; padding: 0; }
.p-krizky li { position: relative; padding: 6px 0 6px 34px; }
.p-krizky li::before, .p-krizky li::after { content: ""; position: absolute; left: 5px; top: 17px; width: 17px; height: 2.5px; background: var(--w-doplnkova-3); filter: brightness(.72); border-radius: 2px; }
.p-krizky li::before { transform: rotate(45deg); }
.p-krizky li::after { transform: rotate(-45deg); }

/* ---------- o mně ---------- */
.p-omne .w-polaroid { width: 72%; margin: 0 auto 26px; transform: rotate(-3deg); }
.p-omne .w-cisla b { font-size: 24px; }
.p-podpis { display: block; font-size: 24px; color: var(--w-akcent-text); margin-top: 10px; }

/* ---------- co získáš a cena ---------- */
.p-objednat { scroll-margin-top: 12px; }
.p-ziskas { margin-bottom: 36px; }
.p-ceny { display: grid; gap: 40px; }
/* tři varianty: každá jinou barvou, doporučená uprostřed zůstává šalvějová (Jana 23. 9. 2026) */
.p-jen-karty .p-ceny > :first-child { background: color-mix(in srgb, var(--w-doplnkova-2) 60%, #fff); }
.p-jen-karty .p-ceny > :last-child:not(:first-child) { background: color-mix(in srgb, var(--w-doplnkova-3) 45%, #fff); }
/* co mají varianty společné: jedna věta nad kartami */
.p-ceny-pozn { max-width: 60ch; margin: 0 0 40px; color: var(--w-text-jemny); }
/* hodnota všeho, co je v ceně, jako účet (Míša 7. 10. 2026: hodnota nemá být „jen tak mimochodem“) */
.p-obrazky { margin: 6px 0 18px; }
.p-obrazky img { display: block; width: 100%; height: auto; }
.p-obrazky-2 { display: grid; grid-template-columns: 1.15fr 1fr; gap: 10px; align-items: center; }
/* každá položka jako lísteček: fajfka v kolečku, nadpis, popis a hodnota vpravo nahoře */
.p-hodnota { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.p-hodnota li { display: flex; align-items: flex-start; gap: 14px; position: relative; background: var(--w-list); border-radius: 16px;
  box-shadow: var(--w-stin); padding: 16px 18px 16px 62px; }
.p-hodnota li::before { content: ""; position: absolute; left: 16px; top: 15px; width: 32px; height: 32px; border-radius: 50%; background: var(--w-akcent-svetly); }
.p-hodnota li::after { content: ""; position: absolute; left: 26px; top: 25px; width: 11px; height: 6px;
  border-left: 3px solid var(--w-akcent-text); border-bottom: 3px solid var(--w-akcent-text); transform: rotate(-48deg); }
.p-hodnota-co { flex: 1; min-width: 0; }
.p-hodnota-co b { display: block; font-size: 18px; line-height: 1.3; }
.p-hodnota-co span { display: block; color: var(--w-text-jemny); font-size: 15.5px; line-height: 1.45; margin-top: 3px; }
.p-hodnota-kc { white-space: nowrap; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--w-akcent-text); padding-top: 1px; }
.p-hodnota-v-cene { font-weight: 600; color: var(--w-text-jemny); font-size: 14px; }
.p-hodnota-celkem { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; flex-wrap: wrap;
  margin-top: 14px; padding: 16px 18px; background: var(--w-text); color: #fff; border-radius: 14px; }
.p-hodnota-celkem span { font-family: var(--w-nadpis); text-transform: uppercase; letter-spacing: .5px; font-size: 20px; }
.p-hodnota-celkem b { font-family: var(--w-nadpis); font-size: clamp(30px, 8vw, 40px); line-height: 1; }
.p-hodnota-ty { margin: 14px 0 0; text-align: right; font-family: var(--w-ruka); font-size: 24px; color: var(--w-akcent-text); }
.p-hodnota-ty b { font-family: var(--w-nadpis); font-size: 28px; }
/* bonusy vlevo pod seznamem, vedle cenových karet */
.p-vlevo-bonusy { margin-top: 44px; }
.p-vlevo-bonusy .p-titulek h2 { font-size: clamp(28px, 6vw, 38px); }
.v-prodejka .w-karta h3 { font-size: clamp(28px, 7.4vw, 42px); line-height: 1.08; margin: 0 0 10px; }
.p-cena { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; margin: 14px 0 12px; padding: 14px 0;
  border-top: 2px solid color-mix(in srgb, var(--w-text) 20%, transparent); border-bottom: 2px solid color-mix(in srgb, var(--w-text) 20%, transparent); }
.p-cena b { font-family: var(--w-nadpis); font-weight: 800; font-size: 30px; line-height: 1.1; }
.p-zvyhodneni { display: block; font-size: 20px; color: var(--w-akcent-text); margin: 6px 0 14px; }
.p-cena s { font-family: var(--w-nadpis); font-weight: 600; font-size: 21px; color: var(--w-text-jemny); text-decoration-thickness: 2px; }
.p-cena-akce { font-size: 20px; color: var(--w-akcent-text); }
.w-karta .p-cena-pak { display: block; font-size: 14.5px; font-weight: 600; color: var(--w-text-jemny); margin: -4px 0 12px; }
.p-cena-mista { display: inline-block; font-size: 13.5px; font-weight: 700; background: var(--w-akcent-svetly); border-radius: 999px; padding: 3px 12px; margin: 0 0 12px; }
/* hodnota bonusů na kartě balíčku: lístek s čárkovaným okrajem, jako nabídka bonusů u objednávky */
.p-cena-bonusy { border: 2px dashed var(--w-akcent-text); border-radius: 12px; padding: 12px 14px; margin: 0 0 16px;
  background: color-mix(in srgb, var(--w-list) 70%, transparent); }
.v-prodejka .p-cena-bonusy-nadpis { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 10px; margin: 0 0 6px; }
.p-cena-bonusy-nadpis span { font-weight: 700; font-size: 15px; }
.p-cena-bonusy-nadpis b { font-family: var(--w-nadpis); font-weight: 800; font-size: 26px; line-height: 1.1; color: var(--w-akcent-text); }
.p-cena-bonusy ul { list-style: none; margin: 0; padding: 0; }
.p-cena-bonusy li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 4px 0; font-size: 14.5px;
  border-top: 1.5px dashed color-mix(in srgb, var(--w-akcent-text) 35%, transparent); }
.p-cena-bonusy li s { color: var(--w-text-jemny); white-space: nowrap; }
.v-prodejka .w-karta .w-tl { margin-bottom: 4px; }

/* ---------- časté otázky ---------- */
.p-faq-list { padding: 14px 22px 10px; }
.p-faq-list details { border-bottom: 1.5px solid color-mix(in srgb, var(--w-text) 16%, transparent); }
.p-faq-list details:last-child { border-bottom: 0; }
.p-faq-list summary { list-style: none; cursor: pointer; padding: 18px 40px 18px 0; font-weight: 600; font-size: 17.5px; position: relative; line-height: 1.4; }
.p-faq-list summary::-webkit-details-marker { display: none; }
.p-faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 10px; font-family: var(--w-ruka); font-size: 32px; line-height: 1.1; color: var(--w-akcent-text); }
.p-faq-list details[open] summary::after { content: "\2212"; }
.p-faq-list details p { margin: 0 0 16px; font-size: 16px; color: var(--w-text); }

/* ---------- závěr ---------- */
.p-zaver { padding: 20px 0 40px; }
.p-zaver-list { text-align: center; padding: 36px 22px 30px; }
.p-zaver-list h2 { font-size: clamp(30px, 8vw, 46px); margin: 0 0 12px; }
.p-zaver-list p { font-size: 18px; max-width: 40ch; margin: 0 auto 20px; }
.p-zaver-list .p-akce { justify-content: center; }

@media (min-width: 700px) {
  .p-listecky { grid-template-columns: 1fr 1fr; }
  /* jediný lístek doprostřed i na počítači, ne vlevo v prvním ze dvou sloupců (Míša 13. 10. 2026) */
  .p-listecky:has(> .w-listecek:only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; }
  .p-jen-karty .p-ceny { grid-template-columns: 1fr 1fr; align-items: start; }
  /* tři varianty (mentoring): všechny v řadě vedle sebe, ať se porovnávají očima (Jana 23. 9. 2026) */
  .p-jen-karty .p-ceny:has(> :nth-child(3)):not(:has(> :nth-child(4))) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
  /* karty vedle sebe stejně vysoké a tlačítka na jedné lince, ať jedna nevyčnívá (Jana 23. 9. 2026) */
  .p-jen-karty .p-ceny .w-karta { display: flex; flex-direction: column; }
  .p-jen-karty .p-ceny .w-karta .p-cena { margin-top: auto; }
  .p-jen-karty .p-ceny .w-karta .w-tl { margin-top: 14px; }
  .p-kalendar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p-omne .w-cisla b { font-size: 26px; }
}
@media (min-width: 900px) {
  .p-sekce { padding: 56px 0; }
  .p-uvod .w-list { padding: 50px 46px 42px; }
  .p-listek { transform: rotate(-1deg); }
  .p-stranka { padding: 36px 32px 26px 46px; }
  .p-stranka::before { left: 26px; }
  /* dvě stránky zápisníku jsou samostatné bloky (dají se přesouvat a skrývat), proto jdou
     pod sebou, ne vedle sebe; užší sloupec drží řádky čitelně krátké */
  .p-dvojice-l .w-obal, .p-dvojice-p .w-obal { width: min(760px, 100% - 80px); }
  .p-dvojice-l .p-stranka { transform: rotate(-.8deg); }
  .p-dvojice-p .p-stranka { transform: rotate(.8deg); }
  .p-proc .w-obal { grid-template-columns: .85fr 1.15fr; gap: 60px; }
  .p-vyrez { width: 100%; margin: 0; }
  .p-bloky { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
  .p-prokoho { grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: start; }
  .p-prokoho .w-list:nth-child(1) { transform: rotate(-.7deg); }
  .p-prokoho .w-list:nth-child(2) { transform: rotate(.9deg); margin-top: 30px; }
  .p-omne .w-obal { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: center; }
  .p-omne .w-obal.p-bez-fota { grid-template-columns: 1fr; }
  .p-omne .w-polaroid { width: 100%; margin: 0; }
  .p-cena-obal { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
  .p-cena-obal.p-jen-karty { grid-template-columns: 1fr; gap: 0; }
  /* nadpis a fotky přes celou šířku, pod nimi vlevo co dostaneš a vpravo karty s cenou (Míša 13. 10. 2026) */
  .p-cena-obal .p-ziskas-hlava { grid-column: 1 / -1; }
  .p-cena-obal .p-ziskas-hlava .p-obrazky { margin: 10px 0 0; }
  .p-cena-obal .p-vlevo-bonusy .p-vystupy.p-vystupy { grid-template-columns: 1fr; }
  /* šest modulů po třech, ať nezůstanou dvě karty samy v druhé řadě */
  .p-vystupy:has(> li:nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); }
  .p-ziskas { margin-bottom: 0; }
  .p-ceny { gap: 30px; }
  .p-faq-list { padding: 20px 40px 14px; }
  .p-zaver-list { padding: 48px 46px 40px; }
}

/* fotka vedle úvodu až v širokém okně: v užším by mačkala nadpis, na telefonu se neukáže vůbec */
@media (min-width: 1100px) {
  /* text drží celou šířku listu, fotka je na něj nalepená vpravo jako polaroid */
  .p-uvod-s-fotem { position: relative; }
  .p-uvod-s-fotem .w-list { padding-right: 300px; }
  .p-uvod-s-fotem .p-uvod-portret { position: absolute; right: -18px; top: 26%; width: min(250px, 24%); margin: 0; transform: rotate(3deg); }
}

/* zaškrtávací okénka v seznamu „poznáváš se?“ (jen pro čtenářku, nikam se neposílají) */
.p-ctverecky li label { display: block; cursor: pointer; }
/* klikatelný je celý řádek včetně nakresleného čtverečku (ten patří položce, ne popisku) */
.p-ctverecky li label::before { content: ""; position: absolute; inset: 0; }
.p-ctverecky li input { position: absolute; opacity: 0; width: 0; height: 0; }
.p-ctverecky li input:focus-visible + span { outline: 2px solid var(--w-akcent-text); outline-offset: 3px; border-radius: 3px; }
.p-ctverecky li::after { content: ""; position: absolute; left: 8px; top: 20px; width: 11px; height: 7px;
  border-left: 3px solid var(--w-akcent-text); border-bottom: 3px solid var(--w-akcent-text); transform: rotate(-48deg) scale(.4); opacity: 0; transition: opacity .12s ease, transform .12s ease; }
.p-ctverecky li:has(input:checked)::after { opacity: 1; transform: rotate(-48deg) scale(1); }
.p-ctverecky li:has(input:checked) span { color: var(--w-text-jemny); }
.p-ctverecky li:has(input:checked)::before { border-color: var(--w-akcent-text); }

/* ---------- pás fotek ---------- */
.p-fotopas { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px; margin-top: 20px; }
.p-foto { position: relative; margin: 0; background: var(--w-list); padding: 12px 12px 4px; border-radius: 6px; box-shadow: var(--w-stin); }
.p-foto:nth-child(odd) { transform: rotate(-1.6deg); }
.p-foto:nth-child(even) { transform: rotate(1.3deg); margin-top: 14px; }
.p-foto img { display: block; width: 100%; height: auto; border-radius: 3px; aspect-ratio: 4 / 5; object-fit: cover; }
.p-foto figcaption { font-family: var(--w-ruka); font-size: 18px; text-align: center; padding: 8px 2px 8px; color: var(--w-text); }
/* dvě třídy, ať pravidlo přebije obecné .v-webinar p { margin: 0 0 1em } (jinak věta lepí na fotky) */
.v-prodejka .p-fotopas-pod { font-size: 22px; line-height: 1.35; color: var(--w-akcent-text); margin: 40px 0 0; max-width: 44ch; }
/* fotka v kartě workshopu: pás nahoře, štítek s datem na ni nasedá */
.p-blok-s-fotem { padding-top: 0; overflow: hidden; }
.p-blok-foto { display: block; width: calc(100% + 44px); margin: 0 -22px 18px; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 18%; }
/* s fotkou nemá štítek kam vyčnívat (karta je oříznutá), tak sedí přímo na fotce */
.p-blok-s-fotem .w-tab { top: 14px; left: 14px; border-radius: 10px; }
/* dvousloupcová šířka: poslední fotka zůstane sama, ať je aspoň na střed */
@media (min-width: 430px) and (max-width: 739px) {
  .p-fotopas { grid-template-columns: 1fr 1fr; }
  .p-fotopas > :last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: min(100%, 320px); }
}

/* poslední výstup, když v řadě zbude sám: přes celou šířku, světlý podklad a fajfka na konci */
@media (min-width: 430px) and (max-width: 739px) {
  .p-vystupy { grid-template-columns: 1fr 1fr; }
  .p-vystupy > li:last-child:nth-child(odd) { grid-column: 1 / -1; background: var(--w-akcent-svetly); position: relative; padding-right: 76px; }
  .p-vystupy > li:last-child:nth-child(odd)::after { content: ""; position: absolute; right: 24px; top: 50%; width: 24px; height: 13px;
    border-left: 4px solid var(--w-akcent-text); border-bottom: 4px solid var(--w-akcent-text); transform: translateY(-60%) rotate(-48deg); }
}

/* ---------- výběr termínů a objednávka rovnou pod nimi ---------- */
/* bez JavaScriptu zůstanou jen tlačítka u termínů: okénka ani formulář se neukážou */
.p-vyber, .p-objednavka { display: none; }
/* zaškrtávátko je hlavní ovládání výběru, proto vypadá jako klikací pilulka, ne jako popisek */
body.p-js .p-vyber { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px; cursor: pointer;
  background: var(--w-list); border: 2.5px dashed color-mix(in srgb, var(--w-text) 60%, transparent); border-radius: 999px; padding: 9px 16px; }
body.p-js .p-vyber:hover { border-color: var(--w-akcent-text); }
body.p-js .p-vyber:has(input:checked) { background: var(--w-akcent-svetly); border-style: solid; border-color: var(--w-akcent-text); }
body.p-js .p-objednavka { display: block; margin-top: 34px; }
.p-vyber input { position: absolute; opacity: 0; width: 24px; height: 24px; margin: 0; }
.p-vyber-box { flex: 0 0 auto; width: 24px; height: 24px; border: 2.5px solid var(--w-text); border-radius: 5px; background: var(--w-list);
  transform: rotate(-2deg); position: relative; }
.p-vyber input:checked + .p-vyber-box { background: var(--w-akcent-svetly); }
.p-vyber input:checked + .p-vyber-box::after { content: ""; position: absolute; left: 4px; top: 4px; width: 12px; height: 6px;
  border-left: 3px solid var(--w-akcent-text); border-bottom: 3px solid var(--w-akcent-text); transform: rotate(-48deg); }
.p-vyber input:focus-visible + .p-vyber-box { outline: 3px solid var(--w-akcent); outline-offset: 3px; }
.p-vyber-text { font-weight: 700; font-size: 15.5px; line-height: 1.25; }
.p-vyber-ne, .p-vyber-ne .p-vyber-text { color: var(--w-text-jemny); cursor: not-allowed; }
.p-vyber-ne .p-vyber-box { border-color: color-mix(in srgb, var(--w-text) 35%, var(--w-list)); background: color-mix(in srgb, var(--w-text) 8%, var(--w-list)); }
.p-den-vybrany { outline: 3px solid var(--w-akcent); outline-offset: 3px; }
/* bez skriptu je tlačítko u termínu jediná cesta k objednávce, proto zůstane výrazné */
.v-prodejka .p-tl-druhy { background: var(--w-akcent); color: var(--w-text); box-shadow: 0 3px 0 var(--w-akcent-stin); }
/* se zaškrtáváním je hlavní cesta objednávka dole, tlačítko u termínu je proto druhotné */
.v-prodejka.p-js .p-tl-druhy { background: transparent; border: 2px solid color-mix(in srgb, var(--w-text) 55%, var(--w-list)); color: var(--w-text);
  box-shadow: none; font-size: 15px; }
/* vybraný termín: tlačítko ztichne, ať je vidět, že se kliknutím výběr ruší */
.v-prodejka.p-js .p-tl-druhy.p-tl-vybrano { background: color-mix(in srgb, var(--w-akcent) 22%, transparent);
  border-color: var(--w-akcent); }

.p-objednavka .w-list { padding: 30px 20px 24px; }
.p-objednavka h3 { font-size: clamp(24px, 6.4vw, 30px); margin: 0 0 10px; }
.p-objednavka-uvod { font-size: 17px; margin: 0 0 16px; }
/* bonusy k celé sérii: viditelná nabídka nad souhrnem, mizí po vybrání celé série */
.p-bonusy { border: 2px dashed var(--w-akcent); border-radius: 14px; padding: 14px 16px; margin: 0 0 16px;
  background: color-mix(in srgb, var(--w-akcent) 10%, transparent); }
.v-prodejka .p-bonusy-nadpis { font-family: var(--w-nadpis); font-weight: 700; font-size: 18px; margin: 0 0 4px; }
.v-prodejka .p-bonusy-text { font-size: 15.5px; line-height: 1.45; margin: 0 0 12px; }
/* tlačítko jen s obrysem, ať hlavní zůstane Objednat s povinností platby */
.v-prodejka .p-tl-bonusy { background: transparent; border: 2.5px solid var(--w-akcent-text); color: var(--w-text);
  box-shadow: none; font-size: 16px; }
.v-prodejka .p-tl-bonusy:hover { background: color-mix(in srgb, var(--w-akcent) 28%, transparent); }
.v-prodejka .p-bonusy-drobne { font-size: 13.5px; color: var(--w-text-jemny); margin: 8px 0 0; line-height: 1.35; }

.p-souhrn { background: var(--w-bez); border-radius: 14px; padding: 14px 16px; margin: 0 0 20px; }
.p-souhrn-prazdno { margin: 0; font-size: 16px; color: var(--w-text-jemny); }
.p-souhrn-seznam { list-style: none; margin: 0; padding: 0; }
.p-souhrn-seznam li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0;
  border-bottom: 1.5px solid color-mix(in srgb, var(--w-text) 12%, transparent); }
.p-souhrn-seznam li:last-child { border-bottom: 0; }
.p-souhrn-seznam b { font-weight: 700; font-size: 16px; }
.p-souhrn-seznam span { font-weight: 700; white-space: nowrap; }
.p-souhrn-bonus { display: block; font-size: 14.5px; font-weight: 500; color: var(--w-text-jemny); line-height: 1.4; }
/* datum termínu a popisek bonusu pod názvem, ať je v souhrnu vidět, co všechno v ceně je */
.p-souhrn-seznam b small { display: block; font-weight: 500; font-size: 13.5px; color: var(--w-text-jemny); margin-top: 1px; }
.p-souhrn-zdarma { color: var(--w-akcent-text); text-transform: uppercase; letter-spacing: .06em; font-size: 14px; }
/* hodnota bonusu přeškrtnutá vedle ZDARMA */
.p-souhrn-hodnota { color: var(--w-text-jemny); font-weight: 500; text-transform: none; letter-spacing: 0; margin-right: 8px; }
/* seznam bonusů s hodnotou v pásku nad objednávkou */
.p-bonusy-seznam { list-style: none; margin: 0 0 12px; padding: 0; }
.p-bonusy-seznam li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 5px 0; font-size: 15.5px;
  border-bottom: 1.5px dashed color-mix(in srgb, var(--w-akcent) 45%, transparent); }
.p-bonusy-seznam li:last-child { border-bottom: 0; }
.p-bonusy-seznam s { color: var(--w-text-jemny); white-space: nowrap; }
.p-souhrn-sleva span { color: var(--w-akcent-text); }
.v-prodejka .p-souhrn-celkem { font-family: var(--w-nadpis); font-weight: 700; font-size: clamp(19px, 5.2vw, 23px); margin: 12px 0 0; }
.v-prodejka .p-souhrn-pobidka { font-size: 20px; color: var(--w-akcent-text); margin: 8px 0 0; line-height: 1.3; }
.p-pole { display: grid; gap: 5px; margin: 0 0 14px; }
.p-pole label { font-weight: 700; font-size: 14.5px; }
.p-pole input { width: 100%; min-height: 50px; border: 2px solid color-mix(in srgb, var(--w-text) 25%, var(--w-list)); border-radius: 12px;
  padding: 0 13px; font: inherit; background: #fff; color: var(--w-text); }
.p-pole input:focus-visible { outline: 3px solid var(--w-akcent); outline-offset: 1px; }
.p-nepovinne { font-weight: 500; font-size: 13px; color: var(--w-text-jemny); }
.p-dvojpole { display: grid; gap: 0 14px; }
.p-firma { margin: 4px 0 16px; }
.p-firma summary { cursor: pointer; font-weight: 700; font-size: 15px; padding: 6px 0; }
.p-zaskrt { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; font-size: 15px; line-height: 1.45; cursor: pointer; }
.p-zaskrt input { flex: 0 0 auto; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--w-akcent-text); }
.v-prodejka .p-drobne { font-size: 13.5px; color: var(--w-text-jemny); margin: 0 0 14px; line-height: 1.5; }
.p-objednavka button[disabled] { opacity: .5; cursor: not-allowed; }
.v-prodejka .p-objednavka .w-drobne { text-align: center; }
@media (min-width: 560px) {
  .p-dvojpole { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {
  .p-objednavka { width: min(720px, 100%); margin-inline: auto; }
  .p-objednavka .w-list { padding: 36px 34px 30px; }
}

/* ---------- odpočet do uzávěrky ---------- */
.p-odpocet-sekce .w-list { text-align: center; }
.p-odpocet-sekce h2 { margin-bottom: 10px; }
.p-odpocet-sekce p { max-width: 42ch; margin: 0 auto 18px; }
.p-odpocet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 6px auto 20px; max-width: 420px; }
.p-odpocet-dil { background: color-mix(in srgb, var(--w-doplnkova-2) 55%, #fff); border-radius: 12px; padding: 10px 4px; }
.p-odpocet-dil b { display: block; font-family: var(--w-nadpis); font-weight: 800; font-size: clamp(22px, 6vw, 30px); line-height: 1; }
.p-odpocet-dil span { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--w-text-jemny); }
/* odpočet jako tmavá lišta úplně nahoře (Míša 18. 10. 2026), na telefonu text nad čísly */
.p-odpocet-lista { background: #1B1A18; color: #fff; padding: 10px 16px; }
.p-ol-obal { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 10px 22px; flex-wrap: wrap; }
.p-ol-text { font-family: var(--w-nadpis); text-transform: uppercase; letter-spacing: .04em; font-size: 17px; font-weight: 600; }
.p-odpocet-lista .p-odpocet { display: flex; gap: 6px; margin: 0; max-width: none; }
.p-odpocet-lista .p-odpocet-dil { background: transparent; padding: 0 6px; text-align: center; min-width: 44px; }
.p-odpocet-lista .p-odpocet-dil b { font-size: 26px; color: #fff; }
.p-odpocet-lista .p-odpocet-dil span { font-size: 10px; color: #CFC8BB; }
.p-ol-tl { background: var(--w-akcent, #FEAB77); color: #1B1A18; font-weight: 700; font-size: 14px; padding: 8px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap; }
@media (max-width: 560px) { .p-ol-text { width: 100%; text-align: center; font-size: 15px; } .p-odpocet-lista .p-odpocet-dil { min-width: 38px; padding: 0 3px; } .p-odpocet-lista .p-odpocet-dil b { font-size: 22px; } }
/* osobní odpočet jede se stránkou (Jana 21. 10. 2026: „ať je ten odpočet pevný a jede s uživatelem“);
   kotva #cena se pod lištu nezasune, na telefonu je lišta nižší (text a čísla v jednom řádku, tlačítko pod) */
.p-odpocet-lista[data-evergreen] { position: sticky; top: 0; z-index: 40; box-shadow: 0 2px 12px rgba(0, 0, 0, .22); }
html:has(.p-odpocet-lista[data-evergreen]) { scroll-padding-top: 84px; }
@media (max-width: 560px) {
  .p-odpocet-lista[data-evergreen] { padding: 7px 10px; }
  .p-odpocet-lista[data-evergreen] .p-ol-obal { gap: 4px 10px; }
  .p-odpocet-lista[data-evergreen] .p-ol-text { width: auto; font-size: 13px; letter-spacing: .02em; }
  .p-odpocet-lista[data-evergreen] .p-odpocet-dil { min-width: 30px; padding: 0 2px; }
  .p-odpocet-lista[data-evergreen] .p-odpocet-dil b { font-size: 18px; }
  .p-odpocet-lista[data-evergreen] .p-odpocet-dil span { font-size: 9px; }
  .p-odpocet-lista[data-evergreen] .p-ol-tl { font-size: 13px; padding: 6px 12px; }
}

/* prodejky rovně: listy, lístečky a karty bez natočení (Jana 7. 10. 2026: „není to srovnané, to se mi nelíbí“).
   Natočené zůstávají jen ozdoby: páska, ručně psané písmo a fotky v polaroidu. Musí být na konci souboru. */
.v-prodejka .w-naklon-l, .v-prodejka .w-naklon-p, .v-prodejka .w-listecek, .v-prodejka .w-karta,
.v-prodejka .p-listek, .v-prodejka .p-den, .v-prodejka .p-blok, .v-prodejka .p-stranka, .v-prodejka .p-prokoho .w-list { transform: none; }
.v-prodejka .p-prokoho .w-list:nth-child(2) { margin-top: 0; }
/* tři reference v jedné řadě, ať jedna nezůstane sama pod dvěma */
@media (min-width: 900px) {
  .p-listecky:has(> .w-listecek:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- psaní přímo na stránce (jen v administraci, třída v-psani) ---------- */
.v-psani [data-psani] { outline: 2px dashed transparent; outline-offset: 3px; border-radius: 4px; cursor: text; transition: outline-color .15s; }
.v-psani [data-psani]:hover { outline-color: color-mix(in srgb, var(--w-akcent-text) 45%, transparent); }
.v-psani [data-psani]:focus { outline: 2px solid var(--w-akcent-text); background: color-mix(in srgb, #fff 50%, transparent); }
.v-psani .v-obsah { padding-bottom: 120px; }
/* krátké texty v řádku (citát, jméno): místo obrysu kolem každého řádku jen světlý podklad */
.v-psani span[data-psani], .v-psani b[data-psani], .v-psani small[data-psani] { outline: none; border-radius: 3px; }
.v-psani span[data-psani]:hover, .v-psani b[data-psani]:hover, .v-psani small[data-psani]:hover { background: color-mix(in srgb, #fff 45%, transparent); }
.v-psani span[data-psani]:focus, .v-psani b[data-psani]:focus, .v-psani small[data-psani]:focus { outline: none; background: color-mix(in srgb, #fff 80%, transparent); }
.psani-lista { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
  background: var(--w-text); color: #fff; border-radius: 14px; padding: 10px 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); font-size: 14px; }
.psani-co { flex: 1 1 220px; }
.psani-stav { flex: 1 1 220px; color: #cfe8c9; }
.psani-stav.chyba { color: #ffc2b8; font-weight: 700; }
.psani-tl { font: inherit; font-weight: 700; color: var(--w-text); background: #fff; border: 0; border-radius: 999px; padding: 7px 14px; cursor: pointer; text-decoration: none; }
.psani-zpet { background: var(--w-akcent, #FF914D); }

/* časté otázky ve dvou sloupcích na počítači (Míša 12. 10. 2026), na telefonu pod sebou;
   mřížka místo sloupců textu, ať rozbalená odpověď nepřeskládá otázky mezi sloupci */
@media (min-width: 1000px) {
  .p-faq .w-uzke { width: min(1120px, 100% - 36px); }
  .p-faq-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; align-items: start; }
  .p-faq-list details:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
}

/* program po krocích: nadpis a text na šalvějovém listu, karty s černými štítky až s odstupem (Míša 12. 10. 2026) */
.p-program-uvod { background: var(--w-doplnkova); margin-bottom: 48px; }
.p-program-uvod .w-titulek { margin-top: 0; }
.p-program-uvod .p-popis:last-child { margin-bottom: 0; }
.p-program-uvod + .p-bloky { margin-top: 0; }
/* sekce bez nadpisu (třeba samotná reference): prázdný nadpis nedrží místo a sekce nemá horní odsazení,
   ať mezi textem nad ní a lístkem nezůstává díra (Míša 13. 10. 2026) */
.p-titulek:empty { display: none; }
.p-sekce:has(> .w-obal > .p-titulek:empty) { padding-top: 0; }
@media (min-width: 900px) {
  /* cena s fotkami nahoře: dvě řady, ať k sobě patří, co vedle sebe stojí (Míša 13. 10. 2026: „ať to lícuje“, „ať je to vedle sebe“)
     1. řada: co dostaneš + karta kurzu, 2. řada: bonusy + karta VIP, obě nahoře v jedné rovině */
  .p-cena-obal:has(> .p-ziskas-hlava) { row-gap: 0; }
  .p-cena-obal:has(> .p-ziskas-hlava) > .p-ziskas, .p-cena-obal:has(> .p-ziskas-hlava) > .p-ceny { display: contents; }
  .p-cena-obal:has(> .p-ziskas-hlava) > .p-ziskas-hlava { margin-bottom: 36px; }
  .p-cena-obal:has(> .p-ziskas-hlava) .p-hodnota { grid-column: 1; grid-row: 2; }
  .p-cena-obal:has(> .p-ziskas-hlava) .p-hodnota-celkem { grid-column: 1; grid-row: 3; }
  .p-cena-obal:has(> .p-ziskas-hlava) .p-hodnota-ty { grid-column: 1; grid-row: 4; }
  .p-cena-obal:has(> .p-ziskas-hlava) .p-vlevo-bonusy { grid-column: 1; grid-row: 5; margin-top: 44px; }
  /* karta doprostřed výšky toho, vedle čeho stojí (Míša: „na střed levého sloupce“) */
  .p-cena-obal:has(> .p-ziskas-hlava) .p-ceny > .w-karta:first-child { grid-column: 2; grid-row: 2 / span 3; align-self: center; }
  .p-cena-obal:has(> .p-ziskas-hlava) .p-ceny > .w-karta:nth-child(2) { grid-column: 2; grid-row: 5; align-self: center; margin-top: 44px; }
}